/*
***************************
    1.header top
    2.main menuarea
    3.mobile logo area
    4.slider area
    5.feature_area
    6.about area
    7.service area
    8.project area
    9.counter area
    10.pricing area
    11.team member area
    12.testimonial area
    13.video area
    14.faq area
    15.blog area
    16.brand area
    17.data contact
    18.subscribe area
    19.footer area
    20.copyright area

***********************
*/

/* ======= site font family ==========*/
@import url('https://fonts.googleapis.com/css2?family=Sacramento&family=Space+Grotesk:wght@300..700&display=swap');

:root{
    --blackc: #000000;
    --whitec: #fff;
    --bgcolor: #0057fc;
    --brcolor: #67302F;
    --paracolor: #555;
    --titlecolor: #040d18;
}
html,body{
    overflow-x: hidden;
}
/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    font-family: "Space Grotesk", sans-serif;
    color: var(--paracolor);
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 24px;
    font-weight: 700;
    font-family: "Space Grotesk", sans-serif;
    color: var(--titlecolor);
}
h1,
h1 a{
    font-size: 30px;
}
h2,
h2 a{
    font-size: 24px;
}
h3,
h3 a{
    font-size: 22px;
}
h4,
h4 a{
    font-size: 18px;
}
h5,
h5 a{
    font-size: 16px;
}
h6,
h6 a{
    font-size: 15px;
}

.btn-primary:focus,
select:focus,
textarea:focus,
input:focus{
   box-shadow: none !important;
    border: none;
}
textarea,
input{
	outline:none;
}
.btn:focus {
    text-decoration: none;
    outline: none;
	box-shadow: none;
}
input:focus,
button:focus{
	border-color:transparent;
	outline-color:transparent;
}
textarea:focus{
	border-color:transparent;
	outline-color:transparent;	
}
::-moz-placeholder {
    font-size: 16px;
}
::-webkit-input-placeholder {
    font-size: 16px;
}
:-ms-input-placeholder {
    font-size: 16px;
}
::placeholder {
    font-size: 16px;
}
img{
    max-width: 100%;
    height: auto;
}
a{
    transition: .5s;
	text-decoration:none;
	color:var(--bgcolor);
}
a:focus, 
a:hover {
    text-decoration: none;
	outline: none;
} 

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;	
}
p.form-messege {
    margin-top: 8px;
    color: #ffce00;
}
P{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.txbd_mailchimp{
    color: var(--whitec);
}
a{
    text-decoration: none;
    color: var(--paracolor);
    transition: .5s;
}
a:hover{
    color: var(--bgcolor);
}
.witr_all_pd0{
    padding: 0;
}
/* highlight color css */
h2 span.highlight{
    color: var(--bgcolor);
}

/*======== header top start ==========*/
.header_top {
    border-top: 6px solid var(--bgcolor);
    padding: 10px 95px;
    background-color: var(--titlecolor);
}
.top_menu_left{
    margin-left: 15px;
    color: var( --bgcolor);
}
.top_menu_left span {
    color: var(--whitec);
    margin-right: 17px;
    font-size: 14px;
}
.top_right_menu_text {
    margin-right: 25px;
}
.top_menu_left span i {
    margin-right: 6px;
    font-size: 14px;
    color: var(--whitec);
}
/*--ICON--*/
.top_menu_left a i {
    margin-right: 6px;
    color: var(--whitec);
    font-size: 14px;
}
.top_menu_left a span{
    color: var(--whitec);
    font-size: 14px;
}

.top_menu_left_icon {
    display: inline-block;
    margin-left: 14px;
}
.top_menu_left_icon>a>i{
    margin-right: 0px;
}
.top_menu_left_icon a i{
    transition: .5s;
    font-size: 16px;
    font-weight: 600;
    color: var(--whitec);
}
.top_menu_left_icon a i:hover{
    color: var(--bgcolor);
}
/* top right text */
.top_right_menu_text ul{
    margin: 0;
    padding: 0;
}
.top_right_menu_text ul li{
    display: inline;
    list-style: none;
}
.top_right_menu_text ul li a{
    color: var(--whitec);
    margin-right: 10px;
    font-weight: 500;
}
/*--top_menu_right--*/
.top_menu_right {
    display: flex;
    color: var( --whitec);
    justify-content: end;
    margin-right: 15px;
}
.top_menu_right a{
    color: var(--titlecolor);
    margin-left: 15px;
    transition: .5s;
}
.top_menu_right a i {
    font-size: 18px;
    color: var(--whitec);
}
.top_menu_right :hover{
    color: var(--bgcolor);
}
.absolute_menu .sticky .header_top{
    display: none;
}
/*======== header top end ==========*/

/*======== main menu area start ==========*/
.main_menu_area {
    transition: .5s;
}
.main_menu_area.breadcam_menu {
    background-color: var(--whitec);
}
.wdev_nav_area.video_main_menu {
    background: transparent;
    margin-top: -55px;
    padding: 0 10px;
}
.wdev_nav_area .video_nav ul li a{
    color: var(--whitec);
}
.wdev_nav_area .video_nav ul li a i, .main_nav_icons.side_page_icon i{
    color: var(--whitec);
}
.wdev_nav_area {
    background: var(--whitec);
    padding-right: 113px;
    padding-left: 113px;
}
.main_menu_area.sticky .wdev_nav_area{
    background-color: transparent;
}
/* mobile menu */
.mobile_menu{
    display: none;
}
.mobile_logo_area{
    display: none;
}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: rgb(0 0 0 / 70%);
}
.styky_down.sticky{
    padding-top: 55px;
}
.main_menu_area .sticky_logo{
    display: none;
}
.main_menu_area.sticky .main_logo{
    display: none;
}
.main_menu_area.sticky .sticky_logo{
    display: block;
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
.main_menu_area.sticky .main_nav_btn a{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_icons a i, .main_nav_icon_right> i{
    color: var(--whitec);
}
/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: baseline;
    justify-content: end;
}
/* absolute menu css */
.absolute_menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: none;
}
.absolute_menu .main_nav_area{
    justify-content: flex-end;
}
/* landing menu css */
.landing_menu .main_nav_area{
    justify-content: end;
}
.main_menu_all_item{
    align-items: center;
}
/* inner main nav area css */
.inner_main_nav_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_main_nav_area >ul >li {
    display: inline-block;
    position: relative;
}
.inner_main_nav_area >ul >li >a {
    display: block;
    margin: 35px 12px;
    transition: .2s;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: var(--blackc);
}
.inner_main_nav_area >ul> li> a:hover{
    color: var(--bgcolor);
}
/* main nav btn css */
.main_nav_btn a {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 30px;
    border: 1px solid #dddddd;
    background: none;
    color: var(--paracolor);
}
.inner_main_nav_area ul li a.menu_nav_active{
    color: var(--bgcolor) !important;
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
.quearys_border{
    border-left: 3px solid var(--bgcolor);
}
/* main nav icons together */
.theme_right_area {
    display: flex;
    align-items: center;
}
.main_nav_icons_together {
    display: flex;
    align-items: center;
}
/* main nav icons */

.main_nav_icons >i {
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    transition: .5s;
    color: var(--titlecolor);
    height: 45px;
    width: 45px;
    line-height: 45px;
    margin-left: 20px;
    cursor: pointer;
    font-size: 25px;
}
.main_menu_area.sticky .main_nav_icons >i{
    color: var(--whitec);
}
.main_nav_icons >i:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    bottom: 100%;
    left: 0;
    background: rgb(254 189 17 / 64%);
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

/* main nav icon right */
.main_nav_icon_right {
    margin-left: 22px;
}
.main_nav_icon_right> i {
    display: inline-block;
    font-size: 30px;
    border-radius: 10px;
    cursor: pointer;
    color: var(--bgcolor);
}
.inner_nav_popup_form_icons.side_page_icon button i{
    color: var(--whitec) !important;
}
.main_menu_area.sticky .main_nav_icon_right> i{
    color: var(--whitec);
}
/* main nav icon right popup */
.main_nav_icon_right_popup {
    position: fixed;
    top: 0;
    right: -110%;
    width: 400px;
    height: 100%;
    background: #fff;
    z-index: 999;
    padding: 100px 20px 30px;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.main_nav_icon_right_popup.site_popup {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.main_nav_icon_right_popup h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px;
}
/* main nav right popup close */
.m_nav_rpi_close {
    text-align: end;
    margin: -57px 0 20px;
}
.m_nav_rpi_close >i{
    display: inline-block;
    color: var(--blackc);
    font-size: 40px;
    font-weight: 400;
    cursor: pointer;
}
.m_nav_right_pp_form{
    position: relative;
}
.m_nav_right_pp_form input{
    height: 54px;
    width: 100%;
    border: 1px solid #efefef;
    outline: none;
    padding: 0 20px;
}
.m_nav_right_pp_form button{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    padding: 13px 20px;
    outline: none;
    border: none;
    background: #ddd;
    color: var(--blackc);
}
/* right popup nav */
.right_popup_nav {
    padding: 65px 0 0 0;
}
.right_popup_nav ul {
    list-style: none;
    padding-left: 0;
}
.right_popup_nav ul li {
    padding: 12px 0;
    border-bottom: 1px solid #dddddd;
}
.right_popup_nav ul li.r_nav_child_border{
    border-bottom: none;
}
/* right popup address */
.right_popup_address {
    padding: 40px 0 14px;
}
.right_popup_address h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
.right_popup_address p{
    width: 85%;
}
.right_popup_inner_address p{
    color: var(--brcolor);
}
.right_popup_inner_address p i{
    margin-right: 6px;
}
.right_popup_address h5 {
    background-color: var(--bgcolor);
    color: var(--whitec);
    padding: 15px 0 14px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
    position: relative;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_icon_popup input{
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: var(--whitec);
    border-radius: 10px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}
.inner_nav_popup_btnicon{
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}
.inner_nav_icon_popup i{
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--blackc);
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
/* main nav icons middle css */
.main_nav_icons_middle {
    margin-left: 30px;
    position: relative;
}
.main_nav_icons_middle a {
    position: relative;
    font-size: 18px;
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    background: #fff;
    border-radius: 100%;
}
.main_nav_icons_middle a span {
    position: absolute;
    top: 0;
    right: -5px;
    width: 18px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: var(--bgcolor);
    border-radius: 100%;
    color: var(--whitec);
}
.main_nav_middle_box_item {
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 130%;
    width: 300px;
    height: 300px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background-color: var(--whitec);
    transition: .5s;
}
.main_nav_icons_middle:hover .main_nav_middle_box_item{
    top: 170%;
    opacity: 1;
    visibility: visible;
}
.main_nav_middle_box_item p{
    padding: 20px;
}

.m_nav_right_pp_form{
    position: relative;
}
.m_nav_right_pp_form input{
    height: 54px;
    width: 100%;
    border: 1px solid #efefef;
    outline: none;
    padding: 0 20px;
}
.m_nav_right_pp_form button{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    padding: 13px 20px;
    outline: none;
    border: none;
    background: #ddd;
    color: var(--blackc);
}
/* right popup nav */
.right_popup_nav {
    padding: 65px 0 0 0;
}
.right_popup_nav ul {
    list-style: none;
    padding-left: 0;
}
.right_popup_nav ul li {
    padding: 12px 0;
    border-bottom: 1px solid #dddddd;
}
.right_popup_nav ul li.r_nav_child_border{
    border-bottom: none;
}
.right_popup_nav ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--paracolor);
}
/* right popup address */
.dtbtn {
    background-color: var(--bgcolor);
    color: var(--whitec);
    display: block;
    transition: .5s;
    font-size: 16px;
    margin-left: 20px;
    border-radius: 10px;
    padding: 14px 50px;
    font-weight: 600;
}
.menu_btn a:hover{
    color: var(--whitec);
    background-color: var(--titlecolor);
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{
    position: absolute;
    top: 130%;
    left: 0;
    width: max-content;
    min-width: 205px;
    max-width: 320px;
    text-align: left;
    margin: 0;
    padding: 15px 5px 14px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    background-color: var(--whitec);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_main_nav_area ul li .sub_menu li{
    position: relative;
}
.inner_main_nav_area ul li .sub_menu li a {
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    color: #444;
    padding: 6px 17px;
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: var(--bgcolor);
    margin-left: 5px;
}
.inner_main_nav_area >ul >li:hover .sub_menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{
    top: 130%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.navd_active{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* h3 menu */
.h3_search_icon i{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.h3_menu_btn a{
    background-color: var(--bgcolor);
    transition: .5s;
}
.h3_menu_btn a:hover{
    background-color: var(--titlecolor);
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{
    display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
    width: 23px;
    background: #66666617;
    height: 23px;
    line-height: 23px;
    top: -3px;
}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;    
    color: var(--blackc);
}
.mobile_cicon i{
    color: var(--blackc);
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/*======== mobile menu area end ==========*/

/*======== slider area start  ==========*/
/* inner slider area */
section.slider_area {
    position: relative;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.inner_slider_area {
    height: 800px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    position: relative;
}
.inner_slider_content {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}
.inner_slider_content h1 {
    font-size: 20px;
    font-weight: 600;
    color: var(--bgcolor);
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 3px;
}
.inner_slider_content h2{
    font-size: 72px;
    margin: 0;
}
.inner_slider_content h3{
    font-size: 72px;
}
.inner_slider_content h3 span {
    color: var(--bgcolor);
    text-decoration: underline;
}
.inner_slider_content p {
    width: 45%;
}

/* golobal btn css */
/* golobal btn css */
.b_btn {
    margin-top: 35px;
}
.b_btn a {
    display: inline-block;
    border-radius: 0;
    padding: 20px 40px 20px 40px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.b_btn a:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
/* video area */
.tr_vedio_vano_box {
    top: 65%;
    position: absolute;
    left: 21%;
    z-index: 1;
}
.tr_vedio_vano_box a {
    display: inline-block;
    color: var(--titlecolor);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 23px;
    border-radius: 100%;
    transition: .5s;
    background-color: transparent;
    animation: witr-shadow 1s linear infinite;
    background-color: var(--whitec);
}
.tr_vedio_vano_box a i{
    margin-top: -50px;
}
@keyframes witr-shadow{
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
.slider_area .slick-prev {
    left: 0;
}
.slider_area .slick-next {
    right: 15px;
}
/* bussiness slider */
.it_bus_slider h2,.it_bus_slider h3{
    font-weight: 400;
}
.bus_btn a{
    border-radius: 10px;
}
.bus_btn a.active{
    background: var(--titlecolor);
}
/* it slider */
.it_slider {
    background: url(assets/image/itslider_bg.jpg);
    padding: 85px 0 100px;
    background-position: center;
    background-size: cover;
    margin-bottom: 60px;
}
.it_slider_con{
    text-align: center;
}
.it_slider_con h2,.it_slider_con h3{
    font-size: 72px;
}
.it_slider_con p {
    width: 41%;
    margin: 0 auto;
}
.it_slider_con h3 span{
    color: var(--bgcolor);
}
.it_img_slider {
    padding: 60px 190px 0;
}
.it_btn a{
    border-radius: 10px;
}
/* data agency slider */
.data_slider h2,.data_slider h3{
    color: var(--whitec);
}
.data_slider h1{
    color: var(--whitec);
}
.data_slider h2 span{
    text-decoration: underline;
    color: var(--whitec);
}
.data_slider p{
    color: var(--whitec);
}
.data_btn .active{
    color: var(--bgcolor);
    background: var(--whitec);
}
/* digital security */
.ds_inner_ad{
    justify-content: center;
    height: 795px;
}
.ds_inner_ad h2,.ds_inner_ad h3{
    color: var(--whitec);
}
.ds_inner_ad h1{
    color: var(--whitec);
    font-size: 22px;
}
.ds_inner_ad h1 span{
    color: #FA8B00;
    font-size: 30px;
}
/* cyber security */
.b_btn a.cs_slide_btn{
    background: var(--whitec);
    color: var(--titlecolor);
}
.b_btn a.cs_slide_btn:hover{
    background: var(--bgcolor);
    color: var(--whitec);
}
/*======== slider area end  ==========*/

/*======== dsr service start  ==========*/
.dsr_service{
    padding: 120px 0 40px;
}
.main_dsr_service{
    background: url(assets/image/dser-1.png);
    background-size: cover;
    padding: 30px 25px;
    border-radius: 10px;
    transition: .5s;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.main_dsr_service:hover{
    border: 1px solid var(--bgcolor);
}
.dsr_txbdsi {
    display: flex;
    gap: 14px;
    align-items: baseline;
}
.title_dsr h2{
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #080D1B;
    padding: 10px 0px 0px 20px;
}
.dsr_iconal i{
    color: var(--bgcolor);
    font-size: 40px;
}
/* dbs_service */
.dbs_service{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 10px;
    margin: 30px 20px 20px;
    padding: 0px 5px 30px 20px;
    border: 2px solid transparent;
}
.dbs_service:hover{
    border: 2px solid var(--bgcolor);
}
.dbs_icon i{
    font-size: 40px;
    width: 80px;
    height: 80px;
    color: var(--whitec);
    background: var(--bgcolor);
    line-height: 80px;
    border-radius: 10px;
    transition: .5s;
    display: inline-block;
    text-align: center;
    margin: -30px 0px 0px -40px;
}
.dbs_service:hover .dbs_icon i{
    background: var(--titlecolor);
    color: var(--whitec);
}
.dbs_btn a{
    color: var(--bgcolor);
    font-size: 16px;
    font-weight: 600;
}
.dbs_btn a:hover{
    color: var(--titlecolor);
}
.titledb_txbdcon h2{
    margin: 10px 0 5px;
}
.seit_dark{
    background: transparent;
    padding: 0;
    text-align: center;
}
/*======== dsr service end  ==========*/

/*======== data feature area start  ==========*/
.data_feature{
    padding: 120px 0 40px;
    position: relative;
}
.d_main_fea{
    position: relative;
}
.data_main_feature{
    position: relative;
    text-align: center;
    padding: 110px 10px 30px 10px;

}
.feature_shap{
    right: -145px;
    bottom: -80px;
    position: absolute;
    z-index: -1;
    content: "";
    transition: .5s;
}
.feature_num span {
    top: 45px;
    left: 50%;
    right: 50%;
    z-index: 999;
    transition: .5s;
    position: absolute;
    font-size: 50px;
    font-weight: 700;
    color: var(--whitec);
    transition: .5s;
    transform: translate(-50%, -50%);
    background: #383b47;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
}
.data_main_feature:hover .feature_num span{
    background: var(--bgcolor);
}
/*======== data feature area end  ==========*/

/*======== apartment cities area start  ==========*/
.rl_apartment{
    background-color: var(--whitec);
    padding: 0 0 60px;
}

.twr_form_box input {
    padding: 0px 0px 0px 20px;
    border: 1px solid #dee2e6;
    outline: none;
    height: 55px;
    width: 100%;
    color: #888;
    margin-bottom: 20px;
    border-radius: 5px;
}
.twr_form_box {
    margin-bottom: -15px;
}
.twr_form_content {
    margin: 0 0 20px;
}
.apartment_btn button{
    display: ruby-text;
    font-weight: 600;
    padding: 15px 30px;
    background-color: var(--bgcolor);
    width: 100%;
    color: var(--whitec);
    border: none;
    transition: .5s;
    font-size: 14px;
}
.apartment_btn:hover{
    background-color: var(--titlecolor);
}

/* h2 apartment css */
.h2_apartment {
    position: relative;
    background-size: cover;
    padding: 40px 40px 20px 40px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    background: #222222;
    margin-top: -70px;
    margin-bottom: 55px;
}
/* h2 apartment css */

/* breadcam servic */
.br_service{
    border-radius: 0px 60px 0px 60px;
}
/* digital agency */
.ds_appartment {
    background: url(assets/image/d_contact.png);
    background-size: cover;
    padding: 90px 0 75px;
}
.ds_input input{
    border: 1px solid var(--titlecolor);
}
.sd_title h2 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 40px;
}
/*======== apartment cities area end  ==========*/

/*======== feature area start  ==========*/
.feature_area {
    padding: 120px 0 40px;
}
.single_feature {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    transition: .5s;
}
.main_feature {
    padding: 45px 15px 30px 15px;
    text-align: center;
    transition: .5s;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 23%);
}
.single_feature:hover{
    border-radius: 10px;
    background: var(--bgcolor);
    margin-top: -10px;
}
.single_feature i {
    border: 5px solid var(--bgcolor);
    color: var(--bgcolor);
    font-size: 40px;
    width: 90px;
    height: 90px;
    line-height: 86px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -27%;
    z-index: 1;
    transition: .5s;
    background: var(--whitec);
}
.single_feature:hover.single_feature i{
    border: 5px solid var(--whitec);
}
.main_feature h2 {
    margin: 10px 0 5px;
}
.main_feature h2 a{
    transition: .5s;
}
.main_feature p{
    transition: .5s;
}
.single_feature:hover .main_feature h2 a{
    color: var(--whitec);
}
.single_feature:hover .main_feature p{
    color: var(--whitec);
}
/*======== feature area end  ==========*/

/*======== video area start  ==========*/
.video_slider_area{
    position: relative;
    overflow: hidden;
}
.video_slider_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #00000096;
}
.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    aspect-ratio: 16 / 9;
    pointer-events: none;
    z-index: -9999;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_slider_area .inner_slider_content h1, .video_slider_area .inner_slider_content h2, .video_slider_area .inner_slider_content p{
    color: var(--whitec);
}
.inner_slider_content h3.title_video{
    color: var(--whitec);
}
/*======== video area end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
}
.inner_breadcum_area {
    padding: 100px 0;
}
.inner_breadcum_area h1{
    font-size: 50px;
    font-weight: 700;
    color: var(--whitec);
    margin: 0;
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: var(--whitec);
}
.inner_breadcum_area ul li{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: var(--whitec);
}
.inner_breadcum_area ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: var(--whitec);
}
.inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
    font-size: 22px;
}
/*======== breadcum area end  ==========*/

/*======== about area end =======*/
.about_area {
    padding: 60px 0 60px;
    position: relative;
}
.about_title h4{
    color: var(--bgcolor);
    text-transform: uppercase;
}
.about_title h2{
    font-size: 45px;
}
.witrlistw.all_list_color {
    margin-top: 32px;
}
.witrlistw ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 100px;
}
.witrlistw ul li{
    list-style: none;
    margin-bottom: 10px
}
.all_list_color ul li span{
    font-size: 18px;
    color: var(--titlecolor) !important;
    margin-bottom: 20px;
    font-weight: 700;
    padding: 0px 0px 5px 0px;
}
.witrlistw ul li span i{
    margin-right: 5px;
}
/* about btn */
.it_about_btn {
    padding: 15px 0px 0 0px;
}
.it_about_btn p{
    font-family: "Sacramento", Sans-serif;
    font-size: 36px;
    font-weight: 500;
}
.it_about_btn p span{
    font-family: "Space Grotesk", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.b_btn.itth_btn .active{
    color: var(--whitec);
    background: var(--titlecolor);
}
.itth_btn a{
    border-radius: 5px;
}
/* it_about_list */
ul.it_about_list{
    display: inline-block;
}
.jgfgjhsdf{
    position: relative;
}
.witr_shape_image {
    position: absolute;
    animation: witr_shap 5s linear 1s infinite alternate running;
    z-index: -1;
    bottom: 0;
    left: 10%;
}
@keyframes witr_shap{
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(45px);
    }
}
/* data agency */
.dta_about_list h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.dta_about_list h4 span{
    color: var(--bgcolor);
    font-size: 20px;
}
.data_about_btn{
    display: flex;
    gap: 20px;
}
.data_about_btn a{
    border-radius: 30px;
}
/* cs about */
.cs_bout_con {
    margin-bottom: 20px;
    margin-top: 35px;
}
.main_cs_find{
    display: flex;
    gap: 15px;
    align-items: center;
}
.cs_plus i{
    height: 50px;
    width: 50px;
    border-radius: 5px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    color: var(--whitec);
    border: 5px;
    background: var(--bgcolor);
}
.cs_icon_title h4 a{
    text-transform: uppercase;
    font-size: 16px;
}
.main_about img{
    margin-top: 0;
}
/*======== about area end  ==========*/

/* ===== 7. Skill Area CSS ===== */
.skill_area {
    padding: 60px 0 60px;
    position: relative;
}
.br_skill{
    margin-top: 60px;
}
.inner_ab img{
    width: 100%;
}
.witr_section_title_inner h2 {
    font-size: 40px;
    margin: 10px 0 35px;
}
.witr_section_title_inner h4{
    color: var(--bgcolor);
    font-size: 16px;
}
.witr_title2 span {
    font-weight: 700;
    font-size: 15px;
    color: var(--titlecolor);
}
.skill_left_inner .witr_section_title {
    margin-bottom: 20px;
}
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress {
    display: flex;
    height: 4px;
    background-color: var(--titlecolor);
}
.progress-bar {
    background: var(--bgcolor);
}
.progress-bar {
    overflow: inherit;
}
.witr_progress-style2 {
    overflow: visible;
    position: relative;
    box-shadow: none;
    background: var(--titlecolor);
    border-radius: 0;
    height: 2px;
}
.skill_left_inner {
    margin-top: 30px;
}
.witr_progress-style2 + .witr_progress-style2 {
	margin-top: 60px;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    line-height: 25px;
    box-shadow: none;
    background: var(--bgcolor);
}
.witr_title6 .witr_label {
	left: 2px;
	top: 8px;
	color: #272727;
	font-size: 16px;
	font-weight: 600;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 400;
    font-size: 16px;
    top: -26px;
}
.witr_progress-style2 .witr_percent {
    color: var(--titlecolor);
}
/*======== skill area end ======*/

/* ===== Progress Area CSS ===== */
.progress_area3 {
    padding: 30px 0 50px;
}
.progress_area3 .progress-bar {
    background: var(--bgcolor);
}
.witr_progress-style8 .progress-bar {
    text-align: left;
    border-radius: 0;
    box-shadow: none;
    border-radius: 15px;
}
span.witr_percent {
    text-align: end;
}
.witr_progress{
    height: 24px;
}
.right_progress_inner {
    position: relative;
    overflow: hidden;
}
.witr_progress-style5 .witr_percent {
    right: 0;
    font-weight: 500;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    text-align: end;

    margin-top: -30px;
    font-size: 12px;
    position: absolute;
    background: #222;
}
.witr_progress_10 {
    height: 24px;
    margin-bottom: 57px;
    background: var(--bgcolor);
}
.witr_progress_10 .witr_label {
    color: var(--whitec);
    margin-left: 10px;
}
.witr_progress_10 .lable_percent{

}
.witr_progress_10 span{
    background: rgba(255, 255, 255, 0.3);
}
/* ===== Progress Area CSS ===== */

/*===== service area start  ====*/
.service_area{
    padding: 60px 150px;
}
/* section title */
.section_title{
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.section_title img {
    position: absolute;
    top: -35px;
    left: 0;
    margin: 0 auto;
    right: 0;
    animation: title_shap 5s linear 1s infinite alternate running;
    z-index: -1;
}
.itth_title img {
    left: 0;
}
@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.section_title h4 {
    color: var(--bgcolor);
    font-size: 16px;
    text-transform: uppercase;
}
.section_title h2{
    font-size: 45px;
}
.section_title h3{
    font-size: 45px;
    color: var(--titlecolor);
}
.section_title h3 span{
    color: var(--bgcolor);
}
/* section title */
.main_service_item {
    padding: 40px 20px 30px 25px;
    text-align: left;
    transition: .5s;
    margin-bottom: 30px;
    background-size: cover;
    position: relative;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
}
.main_service_item:hover{
    background: rgb(241, 241, 241);
}
/* icon */
.single_service >i{
    font-size: 40px;
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    line-height: 70px;
    border-radius: 10px;
    color: var(--whitec);
    background: var(--bgcolor);
}
/* title */
.single_service h3 {
    margin: 20px 0 10px;
    transition: .5s;
    font-size: 24px;
}
.single_service p {
    transition: .5s;
    font-size: 14px;
}
.service_btn {
    margin-top: 20px;
}
.main_service_item .service_btn a{
    font-size: 25px;
    color: var(--bgcolor) !important;
}
.service_btn a:hover{
    color: var(--titlecolor);
}
.inner_service_txbds >i {
    position: absolute;
    right: 20%;
    bottom: 25%;
    transition: .5s;
}
.inner_service_txbds >i:hover{
    background: var(--titlecolor);
}
/* bn service */
.bs_service {
    margin: 120px 0 0;
}
.bn_main_service {
    padding: 30px 25px;
    text-align: center;
    border: 1px solid #BBBAC3;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    margin: 0 5px;
}
.bn_main_service h3 {
    margin: 15px 0 5px;
}
.bn_service_icon i{
    font-size: 50px;
    color: var(--bgcolor);
}
.bn_service_btn a{
    font-size: 25px;
    color: var(--bgcolor);
}
/* it service */
.it_service {
    padding: 0 170px 60px;
}
.it_main_service {
    transition: .5s;
    margin-bottom: 20px;
}
.it_main_service:hover{
    background: var(--titlecolor);
    transform: rotate(5deg);
}
.it_main_service:hover.it_main_service h3 a{
    color: var(--whitec);
}
.it_main_service:hover.it_main_service p{
    color: var(--whitec);
}
.it_service_icon i{
    border: 2px dashed var(--bgcolor);
    font-size: 40px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
}
.it_main_service:hover .it_service_icon i{
    border: 2px dashed var(--whitec);
    color: var(--whitec);
}
/* dt_service */
.dt_service{
    padding: 60px 0;
}
.dta_section{
    text-align: left;
}
.dt_sec_ntn{
    text-align: right;
}
.dt_sec_ntn a{
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border-radius: 10px;
    padding: 18px 40px;
    color: var(--whitec);
    border-radius: 10px;
    transition: .5s;
    background: var(--bgcolor);
}
.dt_sec_ntn a:hover{
    background: var(--titlecolor);
}
.dt_main_service{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 5px 0px;
    border-style: solid;
    border-width: 10px;
    border-color: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 65px 20px 50px;
    text-align: center;
    transition: .5s;
    margin-bottom: 20px;
}
.dt_main_service:hover{
    border: 10px solid var(--bgcolor)
}
.dt_main_service h2{
    margin: 10px 0;
}
/* ds_service */
.ds_service{
    padding: 0 0 40px;
}
.ds_main_service {
    display: flex;
    align-items: center;
    padding: 20px 20px 20px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    transition: .5s;
    border-radius: 10px;
    border: 2px solid transparent;
    justify-content: space-around;
    margin-bottom: 20px;
}
.ds_main_service:hover{
    border: 2px dashed var(--bgcolor);
}
.ds_icon i{
    color: var(--bgcolor);
    border: 2px dashed var(--bgcolor);
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 66px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}
.ds_btn a{
    color: var(--bgcolor);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0px 10px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    border-color: #0057FC;
}
.dt_main_service i{
    font-size: 60px;
    color: var(--whitec);
}
/*===== service area end ====*/

/*===== support area start ====*/
.support_area{
    margin: 50px 0;
}
.support_main{
    margin-top: 70px;
}
.support_btn a{
    background: var(--bgcolor);
    color: var(--whitec);
    display: inline-block;
    padding: 18px 40px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
}
.support_btn a:hover{
    background: var(--titlecolor);
}
.dbs_mbtn a{
    background-image: linear-gradient(90deg, rgb(0, 87, 252) 0%, rgb(8, 13, 27) 100%);
    border-radius: 50px;
}
.dbs_mbtn a:hover{
    background-image: linear-gradient(90deg, rgb(8, 13, 27) 0%, rgb(0, 87, 252) 100%);
}
/*===== support area end ====*/

/*===== START PORT AREA ======*/

.project_area {
    padding: 60px 0 40px;
}
.inner_img_area {
    position: relative;
    overflow: hidden;
    margin: 0 10px 20px;
}
.project_title{
    text-align: left;
}
.project_title img{
    left: 0;
}
.inner_img_overlay img {
    width: 100%;
    height: 100%;
    transition: .5s;
}
.inner_img_area:hover .inner_img_overlay img{
    transform: scale(1.2);
}
/* img overlay go  */
.img_overlay_go{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    background-color: #15194677;
    transition: .5s;
}
.inner_img_area :hover .img_overlay_go{
    transform: scale(1);
}
/* absolute icons css */
.absolute_icons {
    transform: rotateY(90deg);
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    background-color: var(--whitec);
}
.inner_img_area:hover .absolute_icons{
    transform: rotateY(0);
    opacity: 1;
    visibility: visible;
}
.absolute_icons a{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    text-align: center;
    font-size: 40px;
    transition: .5s;
    color: var(--brcolor);
}
.absolute_icons a:hover{
    background-color: var(--bgcolor);
}
/* inner img content  */
.inner_img_context{
    position: absolute;
    bottom: -200px;
    left: 0;
    right: 0;
    transition: .5s;
    text-align: center;
    margin: 0 30px;
    padding: 40px 10px 15px;
    border-radius: 0px 20px;
    padding: 40px 10px 15px;
    border-radius: 0px 20px;
    background-color: var(--whitec);
}
.single_icon {
    text-align: center;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
}
.single_icon a {
    text-align: center;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #FFFFFF;
    border-radius: 0px 10px 0px 10px;
    width: 60px;
    height: 60px;
    line-height: 50px;
    font-size: 30px;
    color: var(--whitec);
    display: inline-block;
    background-color: var(--bgcolor);
}
.single_icon a:hover{
    background-color: var(--titlecolor);
}
.inner_img_context p{
    margin: 0;
    color: var(--bgcolor) !important;
}
.inner_img_context h2 a {
    color: var(--titlecolor) !important;
    font-size: 24px;
}
.inner_img_context h2 a:hover{
    color: var(--bgcolor);
}
.inner_img_area:hover .inner_img_context{
    bottom: 15px;
}
.img_area:hover .slick-prev ,.img_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
.project_area .slick-prev {
    left: 0;
}
.project_area .slick-next {
    right: 35px;
}
/* dt port */
.dt_port {
    margin-top: 140px;
}
.dt_port h2{
    font-size: 30px;
}
.dtd_port_btn a{
    color: var(--bgcolor);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.dtd_port_btn a i{
    margin-right: 10px;
}
/*===== END PORT AREA  ======*/

/*===== counter area start  ====*/
.counter_area {
    padding: 60px 0 55px;
}
.inner_counter_area {
    position: relative;
    padding: 0px 30px 0px 30px;
    border-style: dashed;
    border-width: 0px 1px 0px 0px;
    border-color: #040D18;
}
.inner_counter_sub_cont {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.inner_counter_sub_cont h3, .inner_counter_sub_cont span{
    color: var(--bgcolor) !important;
    font-size: 60px;
    font-weight: 700;
}
.inner_counter_area h2 {
    font-size: 18px;
    font-weight: 400;
    margin-top: -5px;
    color: var(--titlecolor);
    position: relative;
    text-transform: uppercase;
}
.inner_counter_area img {
    position: absolute;
    top: 0;
    right: 0;
}
/* bns counter */
.bns_counter_title h3,.bns_counter_title span{
    color: #BDD4FE !important;
    font-size: 150px;
}
.bns_counter h2 {
    color: var(--titlecolor);
    font-family: "DM Sans", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: -125px 0px 0px 80px;
}
/* it service counter */
.it_counter h3,.it_counter span{
    font-size: 48px;
}
.it_counter h2{
    font-size: 18px;
}
.main_it_ab {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 50px;
}
.it_ser_link a{
    color: var(--titlecolor);
    text-transform: uppercase;
    font-weight: 700;
    transition: .5s;
}
.it_ser_link a:hover{
    color: var(--bgcolor);
}
.it_counter {
    padding: 46px 40px 46px 40px;
    background: url(assets/image/counter-bg.png);
    background-position: center center;
    background-size: cover;
}
.bns_counter_title_col h3,.bns_counter_title_col span{
    color: var(--bgcolor) !important; 
    font-size: 150px;
}
/* dns_counter_area */
.dns_counter_area{margin-top: 50px;
    padding: 90px 0 180px;
}
.witr_counter_icon {
    float: left;
}
.witr_counter_icon i{
    background-color: var(--whitec);
    text-align: center;
    font-size: 40px;
    width: 80px;
    height: 80px;
    color: var(--bgcolor);
    line-height: 80px;
    display: inline-block;
    border-style: none;
    border-radius: 8px 8px 8px 8px;
    transform: rotate(0deg);
    margin: 0px 20px 0px 0px;
}
.dbs_in h2 {
    color: var(--whitec);
    font-size: 16px;
    text-transform: capitalize;
    text-align: end;
}
/* one_history */
.one_history {
    background: url(assets/image/our-history.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -100px 0 60px;
    padding: 50px 100px;
}
.histori_title h2{
    font-size: 36px;
}
/*===== counter area end ====*/

/*===== wdv counter area start ======*/
.wdv_counter_area {
    margin: 50px 0;
}   
.ab_counter {
    display: flex;
    margin-left: 30px;
    justify-content: center;
}
.counter_active {
    text-align: center;
    padding: 40px 0;
    margin-bottom: 20px;
    position: relative;
    border-top: 2px solid var(--titlecolor);
    border-bottom: 2px solid var(--titlecolor);
}
.counter_active:hover{
    border: none;
    background-color: var(--bgcolor);
}
.counter_active::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40%;
    border-left: 2px solid var(--titlecolor);
    border-right: 2px solid var(--titlecolor);
}
.counter_active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 40%;
    border-left: 2px solid var(--titlecolor);
    border-right: 2px solid var(--titlecolor);
}
.counter_active:hover::after{
    border: none;
}
.counter_active:hover::before{
    border: none;
}
.counter_active i {
    color: var(--bgcolor);
    font-size: 30px;
    transition: .5s;
}
.inner_counter h3{
    font-size: 45px;
}
.counter_active h3{
    font-size: 45px;
}
.inner_counter h4 {
    margin: 15px 0 5px;
}
.counter_active:hover.counter_active i{
    color: var(--whitec);
}
.counter_active:hover.counter_active h4{
    color: var(--whitec);
}
.counter_active:hover.counter_active h3{
    color: var(--whitec);
}
/* counter page */
.single_counter {
    background-color: #3B4548;
    margin: 50px 0;
}
.single_counter_active {
    display: flex;
    align-items: center;
    padding: 15px 0;
}
.counter_box i{
    margin: 17px 23px 0px 0px;
    font-size: 40px;
    color: var(--whitec);
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 40px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--whitec);
}
.witr_counter_number_inn h4{
    color: var(--whitec);
}

.witr_single_counter {
    border: 1px solid var(--bgcolor);
    background: var(--bgcolor);
    position: inherit;
    transition: .5s;
}
.witr_single_counter:hover{
    border: 1px solid transparent;
    background: #0A257A;
    transform: rotate(5deg);
}
.witr_single_counter i{
    color: var(--whitec);
}
.witr_single_counter h4,.witr_single_counter h3{
    color: var(--whitec);
}
.icon_title{
    text-decoration: underline;
}

/*===== wdv counter area end ======*/

/* ds_call */
.ds_call {
    margin: 60px 0;
}
.call_active{
    background: var(--titlecolor);
    border-radius: 10px;
    border-left: 10px solid var(--bgcolor);
    border-right: 10px solid var(--bgcolor);
}
.main_ds_call h2{
    text-align: center;
    font-size: 36px;
    color: var(--whitec);
    padding: 25px 0;
}
/* ds_call */

/*===== aword area start ====*/
.aword_area{
    margin: 60px 0;
    position: relative;
}
.single_aword h2{
    font-size: 45px;
}
.witr_pd0{
    padding: 0;
}
.main_aword{
    text-align: center;
    padding: 35px 0px 22px 0px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #080D1B;
}
.awordd_2{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #080D1B;
}
.aword_thumb h2{
    color: var(--bgcolor);
}
/*===== aword area end ====*/

/*======= pricing area start  ======*/
.pricing_area{
    padding: 55px 0 30px;
    position: relative;
}

/* inner pricing area css */
.it_pricing_middle {
    background: url(assets/image/teste_bg1.png);
    background-size: cover;
}
.inner_pricing_title.it_title h2{
    color: var(--whitec);
}
.inner_pricing_title2.it_title h2 span{
    color: var(--whitec);
}
.inner_pricing_area{
    padding: 40px 30px 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px var(--bshadow);
    text-align: left;
    margin-bottom: 30px;
    background-color: #F1F1F1;
}
.data_pr_item {
    display: flex;
    gap: 100px;
    background-color: var(--titlecolor);
    padding: 10px;
    border-radius: 30px;
    align-items: baseline;
    margin-top: -10px;
}
.dt_pricing_btn a{
    font-size: 14px;
    font-weight: 700;
    color: var(--whitec);
    display: block;
    border-radius: 30px;
    background-color: var(--bgcolor);
    padding: 10px 30px 10px 30px;
}
.dt_pricing_btn a:hover{
    color: var(--bgcolor);
    background-color: var(--whitec);
}
.data_pr_content p{
    color: var(--whitec);
    margin: 0;
}
/* inner pricing text css */
.inner_pricing_text {
    border-radius: 5px 5px 0 0;
}
.inner_pricing_title h2{
    font-size: 18px;
    font-weight: 500;
    color: var(--titlecolor);
}
.inner_pricing_title2 {
    margin-top: 10px;
}
.inner_pricing_title2 h2 {
    font-size: 40px;
    color: var(--bgcolor);
}
.inner_pricing_title2 h2 span{
    font-size: 18px;
    font-weight: 500;
    color: var(--paracolor);
}
/* inner pricing list area css */
.inner_pricing_list_area {
    padding: 10px 0 10px;
}
.inner_pricing_list_area ul{
    list-style: none;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 30px 30px 10px 30px;
}
.inner_pricing_list_area ul li i{
    color: var(--whitec);
    background: var(--bgcolor);
    border-radius: 100%;
    margin-right: 10px;
}
.inner_pricing_list_area ul li {
    font-size: 16px;
    font-weight: 400;
    padding: 6px 0;
}
/* inner pricing btn css */
.inner_pricing_btn{
    display: grid;
}
.inner_pricing_btn a {
    position: relative;
    display: inline-block;
    padding: 15px 190px 15px 30px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    font-size: 16px;
    border-radius: 5px;
    text-transform: uppercase;
}
.inner_pricing_btn a:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
.inner_pricing_btn a i {
    position: absolute;
    right: -28px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    line-height: 40px;
    border: 1px solid var(--brcolor);
    background: var(--brcolor);
    color: var(--bgcolor);
    text-align: center;
    transition: .5s;
    background-color: #FFFCFC;
    border-style: none;
    right: 6px;
    font-size: 30px;
    font-weight: 500;
}
.inner_pricing_btn:hover.inner_pricing_btn a i{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* bns_price */
.bns_price ul{
    padding: 0;
    background: transparent;
}
.bns_pricing_middle{
    background: #F1F1F1;
}
/* it service price */
.it_price{
    text-align: left;
}
.witr_btn_sinner {
    background-color: var(--titlecolor);
    padding: 17px 20px 17px 10px;
    border-radius: 100px;
    margin-top: 37px;
}
.witr_btn_sinner a{
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    color: var(--whitec);
    text-transform: uppercase;
    background-color: var(--bgcolor);
}
.witr_btn_sinner .witr_bbtn{
    background: transparent;
    
}
.it_title_shap {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -33%;
}
/* dta pricing */
.dta_pricing{
    padding: 60px 0 40px;
}
.dt_main_pr {
    text-align: left;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: var(--titlecolor);
    padding: 40px 30px 40px;
    margin-bottom: 20px;
}
.tpri{
    background: #F1F1F1;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: var(--bgcolor);
}
.dt_main_pr h3{
    font-size: 36px;
    color: var(--bgcolor);
}
.dt_main_pr p{
    color: var(--titlecolor);
    font-size: 18px;
}
.dt_main_pr h2{
    font-size: 36px;
    font-weight: 500;
    color: var(--bgcolor);
}
.dt_main_pr h2 sub{
    font-size: 16px;
}
.price_btn{
    margin-top: 10px;
}
.price_btn a{
    background-color: var(--titlecolor);
    text-transform: uppercase;
    border-radius: 0px 50px 50px 0px;
    margin: 0px 0px 0px -30px;
    padding: 17px 100px 17px 40px;
    font-size: 16px;
    font-weight: 600;
    color: var(--whitec);
}
.price_btn a:hover{
    background: var(--bgcolor);
}
.tpri_btn a{
    background: var(--bgcolor);
}
.tpri_btn a:hover{
    background: var(--titlecolor);
}
.section_ds{
    margin-bottom: 50px;
}
/*======= pricing area end  ======*/


/*======== it_team area start  ==========*/

.it_team_area {
    padding: 60px 0 40px;
    position: relative;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
    transition: .5s;
    margin-bottom: 20px;
}
.witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section img{
    width: 100%;
}
.witr_team_section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
    background: #00294b6b;
}
.team_overlay_icon a {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 22px;
    opacity: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
    background: #00294b;
    color: #fff;
}
.team-part:hover .witr_team_section::before {
    opacity: 1;
}
.team-part:hover .team_overlay_icon a {
    opacity: 1;
}
/* it_team_text */
.it_team_text{
    text-align: center;
    padding: 16px 10px 25px;
}

.team_thumb_single{
    position: relative;
}
.team_thumb_single h2 {
    background-color: #F1F1F1;
    border-radius: 15px 15px 15px 15px;
    padding: 30px 42px 25px 42px;
    line-height: 1.2;
    font-size: 48px;
    position: absolute;
    top: 27%;
}
.team_thumb_single p {
    color: var(--bgcolor);
    font-size: 30px;
    font-weight: 700;
    text-decoration: underline;
    padding: 10px 0px 0px 0px;
    position: absolute;
    bottom: 30%;
    margin-left: 128px;
}


/*======== port area end  ==========*/

/*======= bn video start  ======*/
.bn_video{
    padding: 60px 0;
}
.video_title h1{
    text-transform: uppercase;
    color: var(--bgcolor);
    font-size: 16px;
}
.video_title_bns h2{
    font-size: 45px;
}
.bns_inner{
    background: var(--bgcolor);
}
.talkin_video_inner.bns_inner a{
    background: var(--whitec);
    color: var(--bgcolor);
}
/* data video */
.dt_video_area{
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #0B0F1D 100%);
    padding: 0 140px;
}
.dt_inner_video {
    padding: 275px 0 !important;
}
/*======= bn video end  ======*/

/*========  VIDEO AREA START ========*/
.video_area {
    position: relative;
    padding: 200px 0;
    background: url(assets/image/video.png);
    margin: -120px 0 60px 400px;
    border-radius: 20px;
}
.breadcam_video_area {
    padding: 50px 0 0;
}

/* video area */
.talkin_video_inner {
    padding: 20px 60px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}
.talkin_video_inner a{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: block;
    text-align: center;
    color: var(--whitec);
    background-color: var(--bgcolor);
    border: 1px solid var(--bdcolor);
    animation: witr-shadow 1s linear infinite;
}
@keyframes witr-shadow{
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(72, 129, 214, 0.3), 0 0 0 20px rgba(44, 164, 224, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(121, 175, 204, 0.3), 0 0 0 20px rgba(101, 208, 240, 0.3), 0 0 0 30px rgba(26, 162, 247, 0);
    }
}
/* it service */
.it_video {
    margin: 45px 100px !important;
}
/* dt_video_area */
.dt_video_area{
    margin: 40px 0 60px;
}
.dt_video_title h2 {
    text-align: center;
    font-size: 45px;
    padding: 35px 0;
    color: var(--whitec);
}
/* ds_video_area */
.ds_video_area{
    background: url(assets/image/video-bg.jpg);
    background-size: cover;
    margin-bottom: 60px;
}
.ds_inner {
    padding: 250px 0;
}
/* cs video */
.cs_video_area {
    background: url(assets/image/play-video-bg.jpg);
    background-size: cover;
    margin: 120px 0 60px;
    padding: 0 130px;
}

/*========  VIDEO AREA START ========/*


/*======== image area start ==========*/
.team_member_area {
    padding: 60px 0 40px;
    margin: 0 190px;
}
.inner_single_title img {
    width: 100%;
    position: relative;
}

/* blog overlay css */
.single_team_img{
    overflow: hidden;
}

.team_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7595d16b;
    transform: scale(0);
    transition: .5s;
}
.team_thumb:hover .team_overlay{
    transform: scale(1.2);
}
/* title tr team text */
.single_team_item {
    padding: 20px 25px;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}
.single_team_item h2{
    margin: 0;
}
.single_team_item h2 a{
	font-size: 24px;
	font-weight: 700;
    color: var(--whitec);
}
.single_team_item span{
    font-weight: 400;
    font-size: 16px;
    color: var(--whitec);
}
/* main team devloper */
.team_thumb {
    margin-bottom: 20px;
    position: relative;
    border-radius: 10px;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(8, 13, 27) 100%);
}
.inner_single_title {
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 20px 30px 0 rgba(42,67,113,.15);
}
/* icon overlay */
.inner_ti_th {
    position: absolute;
    left: 10%;
    top: -64px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
/* icon */
.inner_ti_th a {
    display: block;
    text-align: center;
    color: var(--whitec);
    background: transparent;
    transition: .5s;
    font-size: 16px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    line-height: 35px;
    margin: 5px 0;
    border: 1px solid var(--whitec);
}
.inner_ti_th a:hover{
    color: var(--whitec);
    border: 1px solid var(--bgcolor);
    background-color: var(--bgcolor);
}
.team_thumb:hover .inner_ti_th{
    top: 30px;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
.inner_ex_left{
    margin-left: 20px;
}
/* bns team */
.bns_team{
    background: transparent;
}
.bns_team_title h2 a{
    color: var(--titlecolor);
}
.bns_team_title span{
    color: var(--paracolor);
}
/* ds team */
.ds_thumb{
    background: transparent;
}
.ds_team_item{
    position: relative;
    padding: 25px 30px;
    margin: -58px 20px 0px;
    background: var(--whitec);
    border: 4px solid var(--titlecolor);
}
/*======== image area end ==========*/

/*======== portfolio bns area start ==========*/
.portfolio_bns{
    padding: 120px 0 100px;
    margin: 60px 0;
}
.bns_port_title {
    margin-top: 100px;
}
.bns_port_title h4{
    text-transform: uppercase;
    color: var(--bgcolor);
}
.bns_port_title h2 {
    color: var(--whitec);
    font-size: 45px;
    margin-bottom: 15px;
}
.bn_port_btn a i {
    color: var(--bgcolor);
    font-size: 25px;
    margin-right: 15px;
    margin-top: 0px;
}
.bn_port_btn a i:hover{
    color: var(--whitec);
}
.bn_port_btn a{
    color: var(--whitec);
    text-transform: uppercase;
}
.bn_port_btn a:hover{
    color: var(--bgcolor);
}
/*======== portfolio bns area end ==========*/

/*======== dt_call area start ==========*/
.dt_call{
    margin: 60px 0;
}
.dt_call_title h4{
    color: var(--bgcolor);
    text-transform: uppercase;
}
.dt_call_title h2{
    font-size: 40px;
}
.dt_witrlistw{
    text-align: left;
}
.dt_witrlistw ul{
    padding: 0;
}
.dt_witrlistw ul li{
    list-style: none;
}
.dt_witrlistw ul li span{
    display: block;
    padding: 8px 7px;
    margin-bottom: 1px;
    font-size: 18px;
    color: var(--titlecolor);
}
.dt_witrlistw ul li span i{
    border-radius: 50%;
    background: rgb(42, 211, 82);
    color: var(--whitec)
    ;
    font-size: 25px;
    margin-right: 6px;
}
/*======== dt_call area end ==========*/

/*======== testimonial area start ==========*/
.testimonial_area {
    padding: 100px 0 200px;
    background: url(assets/image/teste_bg.jpg);
    margin-top: 55px;
}
/* about testimonial area css */
.about_testimonial{
    padding: 5px 0 85px;
}
.single_testimonial{
    padding: 120px 0 70px;
}
.inner_testimonial_area {
    margin: 0 15px;
}
/* inner testimonial content */
.inner_testimonial_content p {
    margin: 25px auto 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: var(--whitec);
}
.testimonial_inner_img{
    display: flex;
    gap: 20px;
}
.testimonial_inner_img h3 {
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    display: inline-grid;
    color: var(--bgcolor);
}
.testimonial_inner_img h3 span{
    font-size: 14px;
    font-weight: 400;
    color: var(--whitec);
}
.testimonial_area .slick-next {
    right: 0;
}
/* br testimonial */
.txbdmb30 {
    margin-bottom: 30px;
}
.tsst4 {
    margin-bottom: 15px;
}
.tsdflex {
    margin: 7px 0;
    display: flex;
    align-items: center;
    justify-content: start;
}
.tsimg-mr25 {
    margin-right: 25px;
}
.tstitle {
    margin-bottom: 5px;
}
.tesspanf {
    font-size: 16px;
    font-weight: 400;
    margin-top: 4px;
    color: var(--bgcolor);
}
.tscon p {
    margin: 15px 0 10px;
}
.tsrevstar i{
    color: var(--bgcolor);
    font-size: 22px;
}
/* bns_client */
.bns_client{
    padding: 50px 0;
}
.main_client {
    display: flex;
    gap: 30px;
}
.single_client{
    min-width: fit-content;
}
.client_cont p{
    color: var(--titlecolor);
    font-size: 29px;
}
.client_cont h3{
    color: var(--titlecolor);
}
.client_cont h3 span{
    color: var(--paracolor);
}
/* it_ser_client */
.main_it_ser{
    text-align: center;
}
.it_sl_icon{
    display: inline-block;
}
.it_ser_client p{
    font-size: 31px;
    color: var(--titlecolor);
    font-weight: 700;
    line-height: 47px;
}
.it_xlient_sign h3{
    font-size: 18px;
    color: var(--bgcolor);
}
.it_xlient_sign h3 span{
    color: var(--paracolor);
    font-size: 14px;
}
/* dt test */
.dt_test {
    margin: 60px 0;
    background: url(assets/image/testi_bg-1-1.png);
    background-size: cover;
    padding: 200px 0 240px;
}
.ts_6.tsimg-mr25 {
    margin-right: 25px;
    min-width: fit-content;
}
.tstcds p {
    color: var(--titlecolor);
    font-size: 30px;
    font-weight: 600;
    padding: 0px 200px 0px 0px;
    line-height: 45px;
}
.tstitle {
    margin-bottom: 5px;
}
.tesspanf {
    font-size: 16px;
    font-weight: 400;
    color: var(--bgcolor);
}
/* data icon */
.dt_test .slick-next {
    right: 0;
    left: 7%;
}
.dt_test .slick-prev {
    left: 0;
}
.dt_test .slick-prev, .dt_test
.slick-next {
    top: 125%;
    opacity: 1;
    visibility: visible;
}
/* ds client */
.ds_client{
    background: url(assets/image/testimonial-bg-02.jpg);
    background-size: cover;
    padding: 90px 0 190px;
    margin: 60px 0 30px;
}
.ds_test {
    margin: 0 300px 0 0;
    padding: 100px;
    background: var(--whitec);
    border-radius: 20px;
    margin-top: 175px;
}
.main_tsitem h4{
    color: var(--bgcolor);
    text-transform: uppercase;
    font-size: 16px;
}
.main_tsitem h3{
    font-size: 36px;
    margin-bottom: 70px;
}
.main_tsitem h3 span.highlight{
    color: var(--bgcolor);
}
.ds_marquee_area{
    padding: 0 0 50px;
}
.txmartext .cs_mar h2{
    -webkit-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-width: 2px;
}
/* cs_client */
.cs_client {
    background: url(assets/image/test_bg.png);
    background-size: cover;
    padding: 120px 0 80px;
    margin: 60px 170px;
    border-radius: 100px;
}
.count_test p{
    font-size: 30px;
}
.tcon5 h2{
    color: var(--whitec);
}
.wirt_new_iner h3,.wirt_new_iner span{
    font-size: 120px;
    color: var(--bgcolor);
}
.count_test p {
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
}
.witr_contx .counter, .witr_contx span {
    display: inline-block;
    font-weight: 700;
}

.wirt_new_iner {
    float: left;
    margin-right: 20px;
}
.wirt_new_content {
    overflow: hidden;
}
.dbs_test{
    margin: 80px 0 60px;
}
.client_agency{
    padding: 120px 0 40px;
}
/*==== testimonial area end ====*/

/*===== video area start  ====*/
.call_to_area {
    padding: 60px 0 70px;
    margin: 0;
    position: relative;
    z-index: 1;
}
.video_alin{
    align-items: center;
}
.video_title h2 {
    font-size: 48px;
    margin: 10px 0 12px;
}
.call_btn a{
    border: 1px solid var(--ddcolor);
    color: var(--whitec);
    background: var(--bgcolor);
    display: inline-block;
    border-radius: 15px;
    padding: 17px 42px;
    transition: .5s;
}
.call_btn a:hover{
    background-color: var(--titlecolor);
}
.cs_inner{
    padding: 170px 0 140px;
}
/* main_cer */
.cser_active {
    padding: 110px 0 125px;
}
.main_cer{
    margin-bottom: 20px;
    position: relative;
}
.cer_img::before {
    content: "";
    width: 68%;
    top: 14%;
    left: 0;
    position: absolute;
    background: var(--whitec);
    height: 1px;
}
.cer_img {
    text-align: right;
}
.cser_title h2 {
    color: var(--bgcolor);
    margin-top: 20px;
    margin-bottom: 10px;
}
.cser_title p{
    color: var(--whitec);
}
/*===== video area end  ====*/

/*======== faq area start  ==========*/
.faq_area {
    padding: 70px 0 60px;
}
.single_faq_img img{
    width: 100%;
}
.faq_area .section_title_area{
    margin-top: 100px;
}
.inner_faq_img img{
    width: 100%;
}
.inner_faq_left_content h2{
    font-size: 48px;
    text-transform: uppercase;
}
/* inner faq accrodion item css */
.inner_faq_ac_item {
    border: none;
    margin-bottom: 20px;
    border-radius: 5px;
}
.inner_faq_ac_item a {
    width: 100%;
    font-size: 18px;
    padding: 15px 30px 15px 20px;
    font-weight: 600;
    display: flex;
    color: var(--titlecolor);
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--titlecolor);
}
.inner_faq_text p {
    font-size: 16px;
    padding: 10px 25px 0px;
}
.inner_faq_ac_item a:hover{
    color: var(--bgcolor);
}
.inner_faq_ac_item a i{
    font-size: 18px;
    font-weight: 700;
}
/* active */
.inner_faq_ac_item a.active{
    position: relative;
    background-color: var(--bgcolor);
    color: var(--whitec);
    border: none;
}
.inner_faq_ac_item a.active::before {
    content: '\eacb';
    font-family: Icofont!important;
    position: absolute;
    top: 15px;
    bottom: 0;
    right: 30px;
    font-size: 22px;
}
.inner_faq_ac_item a.active i{
    display: none;
}
/* bns */
.snigle_news_feed {
    position: relative;
    box-shadow: 0px 0px 30px 0px var(--bshadow);
    padding: 0 0 5px;
    border-radius: 5px;
    transition: 1s;
    background: rgb(241, 241, 241);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.snigle_news_feed i {
    background-color: var(--bgcolor);
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 40px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 10px 0px 0px 10px;
    margin: 0px;
    display: block;
}
.news_feed_title h2{
    font-size: 22px;
    margin: 0;
}
.news_feed_title p{
    color: var(--bgcolor);
    margin: 0;
    font-size: 14px;
}
.witr_feed_icons {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(-50%, -50%);
}
.witr_feed_icons a{
    font-size: 50px;
    color: rgba(218, 219, 221, 0.67);
}
/* it_faq */
.it_faq a {
    border: none;
    border-bottom: 1px solid var(--bgcolor);
    border-radius: 0;
    font-size: 24px;
}
/* ds */
.ds_faq_tt a {
    font-size: 24px;
    border: none;
    border-bottom: 1px solid var(--bgcolor);
    border-radius: 0;
}
.ds_faq_tt p {
    width: 80%;
    padding: 10px 0;
}
/*======== faq area end  ==========*/

/*======== marquee area start  ==========*/
.marquee_area{
    padding: 20px 0;
}
.marquee {
    position: relative;
    gap: 0px;
    display: flex;
}
.single_marquee_mdls {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-width: 100%;
    animation: txmarset 45s linear infinite;
}
@keyframes txmarset{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% - 0%));
    }
}
.txmartext .txmartex a, .txmartext .txmartex {
    -webkit-text-stroke: 1px #080D1B;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
    margin: 0 40px;
    font-weight: 400;
}
/* bns_marquee_area */
.bns_marquee_area{
    padding: 60px 0 0;
}
.sec_wh{
    text-align: left;
}
.sec_wh h2{
    color: var(--whitec);
}
.bns_marquee h2.txmartex {
    font-size: 100px;
    -webkit-text-stroke-color: rgb(255, 255, 255);
    -webkit-text-fill-color: rgb(255, 255, 255);
}
/* brand_marquee */
.brand_marquee{
    padding: 45px 0;
    margin: 60px 0;
}
.marleft h2.txmartext{
    -webkit-text-stroke-color: rgb(255, 255, 255);
    -webkit-text-fill-color: rgb(255, 255, 255);
    font-size: 60px;
    opacity: 1;
    font-size: 60px;
}
/* marquee_sd */
.marquee_sd{
    background: url(assets/image/text-bg.jpg);
    padding: 35px 0;

    background-size: cover;
}
.marquee_sd .sd_mar_text h2 {
    font-size: 50px;
    color: #080707;
    -webkit-text-fill-color: #100f0f !important;
}
.single_marquee_mdls.ds_mar h2{
    font-size: 60px;
}
/*======== marquee area end  ==========*/

/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.glowbal:hover .slick-prev ,.glowbal:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
.slick-prev {
    left: -80px;
}
.slick-next{
    right: -55px;
}
.slick-prev::before ,.slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    font-size: 40px;
    background-color: var(--titlecolor);
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\eaca';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: var(--bgcolor);
    color: var(--whitec);
}


/*======== blog area start  ==========*/
.blog_area {
    padding: 60px 0 30px;
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
/* inner blog thumb css */

.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}

.port_content_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.port_content_center >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    color: var(--whitec);
    margin-right: 6px;
    transition: .5s;
}
.port_content_center a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.port_content_center >a >i{
    font-size: 22px;
}
.port_content_center h2 a{
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    color: var(--whitec);
    transition: .5s;
}
.port_content_center h2 a:hover{
    background: none;
    color: var(--bgcolor);
}
/* inner blog absolute css */
.inner_blog_absolute {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    color: var(--whitec);
    background: var(--brcolor);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
/* inner blog text css */
.single_blog_title {
    padding: 15px 20px 24px;
    text-align: left;
}
.inner_blog_text span a{
    color: var(--paracolor);
    font-weight: 400;
}
.inner_blog_text span {
    font-size: 14px;
    margin-right: 10px;
    color: var(--paracolor);
}
.inner_blog_text span i{
    margin-right: 3px;
    color: var(--bgcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 8px 0px 0px;
}
.inner_blog_content h2 a {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
}
.inner_blog_content h2 a:hover{
    color: var(--bgcolor);
}
.inner_blog_content p{
    font-size: 14px;
}
.inner_blog_content >a{
    font-size: 14px;
    color: var(--brcolor);
}
.inner_blog_content >a:hover{
    color: var(--bgcolor);
}
/* inner blog btn css */
.wbriconoverhidd {
    position: relative;
    overflow: hidden;
}
.inner_blog_btn {
    padding: 5px 0px 0px;
}
.inner_blog_btn a {
    font-size: 16px;
    font-weight: 700;
    color: var(--bgcolor);
    text-transform: uppercase;
}
.inner_blog_btn a:hover{
    color: var(--titlecolor);
}
.inner_blog_btn a{
    font-weight: 700;
    font-size: 16px;
}
.csingle_contant input {
    width: 100% !important;
}
.csingle_contant textarea {
    width: 100% !important;
}
.product_meta {
    margin-top: 30px;
}
.prdc-lft {
    position: relative;
}
/* bns blog */
.bns_blog{
    display: flex;
}
.bns_blog_thumb{
    width: 100%;
}
.bns_s_blog {
    margin-top: 95px;
}
/*======== blog area end  ==========*/

/*======== bns_contact area start  ==========*/
.bns_contact{
    padding: 120px 0 100px;
    margin: 60px 0 0;
    background: url(assets/image/contact-form-bg.png);
}
.inner_contact_area{
    padding: 0 5px;
}
.main_contct_bns h5{
    font-size: 36px;
    color: var(--bgcolor);
}
.main_contct_bns h2{
    font-size: 45px;
}
.contact_call h3 {
    font-size: 32px;
    color: var(--bgcolor);
    margin-bottom: 25px;
}
.contact_call{
    margin-top: 35px;
}
.contact_call ul{
    margin: 0;
    padding: 0;
}
.contact_call ul li{
    list-style: none;
    display: inline-block;
}
.contact_call ul li a{
    color: var(--titlecolor);
    margin: 0 10px;
}

/* inner contact form */
.inner_contact_form {
    margin-top: 20px;
}
/* inner contact form */
.inner_contact_form input {
    outline: none;
    background-color: transparent;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border: 1px solid var(--titlecolor);
    padding: 0 20px;
    margin-right: 15px;
}
.inner_contact_form input::placeholder{
    color: var(--paracolor);
}
.inner_contact_form textarea {
    width: 100%;
    outline: none;
    padding: 20px 20px;
    height: 160px;
    border-radius: 5px;
    border: 1px solid var(--titlecolor);
    background-color: transparent;
}
textarea::placeholder {
    color: var(--paracolor);
}
.inner_contact_form{
    text-align: center;
}
.inner_contact_form button {
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    width: 100%;
    background-color: var(--bgcolor);
    color: var(--whitec);
    border-radius: 30px;
    transition: .5s;
}
.inner_contact_form button:hover{
    background: var(--titlecolor);
    color: var(--whitec);
}
/* data contact */
.data_contact {
    padding: 0 0 140px;
    background: url(assets/image/free-consulting-bg-1.png);
    background-size: cover;
    margin-top: 200px;
}
.dt_contact {
    background: url(assets/image/contact-bg-2.png);
    background-size: cover;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    padding: 110px 90px 75px;
    margin-top: -125px;
}
.dt_contact h2{
    color: var(--whitec);
    font-size: 48px;
}
.dt_contact p{
    color: var(--whitec);
    font-size: 16px;
    font-weight: 400;
    padding: 10px 30px 10px 30px;
}
.dt_inp input,.dt_inp textarea{
    background: var(--whitec);
}
p.txbd_mailchimp {
    margin: 0 !important;
    color: var(--whitec);
}
/* dbs contact */
.dbs_contact {
    background: url(assets/image/contact-d.jpg);
    background-size: cover;
    background-position: center center;
    padding: 120px 0 100px;
    margin-top: 60px;
}
.dbs_contact_title{
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: #0057FC;
    border-radius: 0px 10px 10px 0px;
    padding: 40px 30px 50px 30px;
    background: var(--whitec);
}
.dbs_contact_title h2{
    color: var(--bgcolor);
    font-size: 30px;
}
.dbs_inp input,.dbs_inp textarea{
    color: var(--whitec);
    background: var(--titlecolor);
}
.dbs_inp input::placeholder,.dbs_inp textarea::placeholder{
    color: var(--whitec);
}
.inner_contact_content h2{
    font-size: 48px;
}
.dt_contact_area{
    padding: 30px 0;
}
.contact_title {
    background-color: transparent;
    background-image: linear-gradient(180deg, #040D18 0%, #166FD3 100%);
    padding: 100px 80px 50px 100px;
    width: 86%;
    margin: -150px auto;
}
.inner_contact_area.text-left {
    padding: 10px;
}
.contact_box h4 {
    color: var(--whitec);
    font-size: 24px;
}
.contact_box p {
    color: var(--whitec);
    width: 70%;
    margin-right: auto;
    margin-left: 0px;
}
.contact_box {
    margin: 0 0 48px;
}
/* dbs contact */
/*======== bns_contact area end  ==========*/

/*======== contact box area start  ==========*/
.wd_contact_box{
    padding: 120px 0 40px;
}
.mian_contact {
    position: relative;
    text-align: center;
    padding: 45px 10px 20px 10px;
    background-color: var(--titlecolor);
    margin-bottom: 20px;
    transition: .5s;
    z-index: 1;
    border-radius: 10px 10px 10px 10px;
}
.mian_contact:hover{
    margin-top: -10px;
}
.contact_text h2{
    font-size: 24px;
    font-weight: 700;
    color: var(--bgcolor);
}
.contact_text p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    color: var(--whitec);
}
.location_icon i{
    color: var(--whitec);
}
.txbdcon p a{
    color: var(--whitec);
}
/*======== contact box area end  ==========*/

/*======== brand area start ======*/
.brand_area {
    padding: 40px 0 55px;
}
.inner_brand_area {
    text-align: -webkit-center;
}
/* service */
.service_brand {
    margin: -80px 0 10px;
}
/* cs */
.cs_brand{
    margin: 60px 0 0;
}
/* cs hand icon */
.cs_icon{
    text-align: center;
    position: relative;
}
.cs_icon::before {
    content: "";
    position: absolute;
    width: 46%;
    border: .5px solid var(--titlecolor);
    top: 50%;
    z-index: -1;
    right: 0;
}
.cs_icon::after {
    content: "";
    position: absolute;
    width: 46%;
    border: .5px solid var(--titlecolor);
    top: 50%;
    z-index: -1;
    left: 0;
}
.cs_icon i{
    font-size: 100px;
    color: #8063EA
}
.cs_icon.wte_border::after{
    border: .5px solid var(--whitec);
}
.cs_icon.wte_border::before{
    border: .5px solid var(--whitec);
}
/*====== brand area end ======*/

/*======== call to action area start  ==========*/
.nav_area {
    padding: 25px 0 24px;
    margin: 50px 0 60px;
}
.nav_aline {
    align-items: center;
    background-color: var(--titlecolor);
    padding: 30px 20px;
    border-radius: 15px;
}
.single_call_nav ul li a{
    color: var(--whitec);
    padding: 0 10px;
    transition: .5s;
}
.single_call_nav ul li a:hover{
    color: var(--bgcolor);
}
.call_menu {
    text-align: right;
}
.call_menu ul, .single_call_nav ul{
    padding: 0;
    margin: 0;
}
.call_menu ul li, .single_call_nav ul li{
    list-style: none;
    display: inline-block;
}
.call_menu ul li a{
    background-color: rgb(83, 86, 96);
    color: rgb(255, 255, 255);
    width: 38px;
    height: 38px;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    transition: .5s;
}
.call_menu ul li a:hover{
    color: var(--bgcolor);
    background: var(--whitec);
}
/* it_section_title */
.it_section_title{
    margin: 60px 0 100px;
}
.it_title h2{
    font-size: 48px;
}
.it_call ul li a{
    color: var(--titlecolor);
    text-transform: uppercase;
}
.it_menu ul li a{
    background: transparent;
    color: var(--titlecolor);
    font-size: 18px;
}
/*======== call to action area end  ==========*/

/*======= google map area start  ======*/
.gogle_map_area{
    border: 15px solid var(--bgcolor);
}
.google_map_title iframe{
    width: 100%;
    height: 450px;
}
.gogle_map_two{
    padding: 60px 0;
}
.map_two{
    border: 10px solid
    var(--bgcolor);
    border-radius: 10px;
}
/*======= google map area end  ======*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 120px 0 60px;
}
.wdev_cn input,.wdev_cn textarea{
    color: var(--whitec);
    border-bottom: 2px solid var(--whitec);
}
.wdev_cn input::placeholder,.wdev_cn textarea::placeholder{
    color: var(--whitec);
}

/*======== contact area end  ==========*/

/*====== single page accordion start=====*/
.single_page_accordion {
    padding: 20px 0 30px;
}
.single_ac_items{
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}
.single_ac_items a{
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    color: var(--paracolor);
}
.single_ac_items a i{
    margin-right: 8px;
}
.single_ac_items a.active{
    position: relative;
    color: var(--bgcolor);
}
.single_ac_items a.active::before {
    content: "\ef9a";
    position: absolute;
    font-family: Icofont!important;
    top: 18px;
    left: 20px;
    bottom: 0;
}
.single_ac_items a.active i{
    opacity: 0;
    visibility: hidden;
}
.single_accor_contents {
    margin: 10px 20px 10px;
}
.single_accor_contents p {
    font-weight: 600;
    padding-bottom: 15px;
}
/*======== single page accordion end ==========*/


/*======== portfolio area start  ==========*/
.portfolio_area {
    padding: 115px 0 45px;
}
.wdv_port{
    padding: 60px 0;
}
/* portfolio 2 css */
.portfolio_2{
    margin-bottom: 30px;
}
.portfolio_title h2{
    font-size: 18px;
    color: var(--bgcolor);
}
.portfolio_title h3 {
    font-size: 60px;
}
.portfolio_title p {
    width: 64%;
    margin: 0 auto;
}
/* portfolio 2 sub content css */
.portfolio_2_subc {
    padding: 0px 0 5px 15px;
}
.portfolio_2_subc h2 a{
    font-size: 24px;
    transition: .5s;
    color: var(--brcolor);
}
.portfolio_2_subc h2 a:hover{
    color: var(--bgcolor);
}
.portfolio_nav_all {
    padding: 24px 0 30px;
}
/* portfolio nav css */
.portfolio_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio_nav ul li{
    display: inline-block;
    border: 1px solid #f3eaea;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
}
.portfolio_nav ul li.current_menu_item{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.portfolio_nav ul li:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* portfolio items css */
.portfolio_img_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.portfolio_img_area img{
    width: 100%;
}
.portfolio_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(22 111 211 / 64%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_portfolio_items:hover .portfolio_overlay{
    opacity: 1;
    visibility: visible;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 64%);
    text-align: center;
}
.overlay p{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_portfolio_items:hover .overlay{
    opacity: 1;
    visibility: visible;
}
/* portfolio content css */
.portfolio_overlay_cont {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}
.portfolio_overlay_cont >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    background: none;
    color: var(--whitec);
}
.portfolio_overlay_cont >a:hover{
    background: var(--bgcolor);
    color: var(--whitec);
}
.portfolio_overlay_cont >a i{
    font-size: 25px;
}
.portfolio_overlay_cont h2{
    margin: 0;
}
.portfolio_overlay_cont h2 a {
    margin-top: 10px;
    display: inline-block;
    font-size: 24px;
    color: var(--whitec);
    transition: .5s;
}
.portfolio_overlay_cont h2 a:hover{
    color: var(--bgcolor);
}
.portfolio_overlay_cont p{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_portfolio_items:hover .portfolio_overlay_cont{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area{
    padding: 40px 0 0;
}
.inner_portfolio_lower_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_portfolio_lower_nav ul li{
    display: inline-block;
}
.inner_portfolio_lower_nav ul li a{
    display: inline-block;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    padding: 15px 24px;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.inner_portfolio_lower_nav ul li a.current{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a i{
    font-size: 22px;
    font-weight: bold;
}
/*======== portfolio area end  ==========*/

/*======== blog left area start  ==========*/
.yblog_left {
    padding: 100px 0 70px;
}
.inner_yblog_form {
    position: relative;
    width: 100%;
    padding: 20px 0 20px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.inner_yblog_form input {
    width: 80%;
    outline: none;
    height: 55px;
    border: 1px solid #efefef;
    margin-left: 20px;
    padding-left: 20px;
}
.inner_yblog_form button {
    position: absolute;
    display: inline-block;
    right: 0;
    outline: none;
    border: none;
    padding: 16px 20px 15px;
    margin-right: 13px;
    background-color: #ddddddfa;
}
.inner_yblog_form button i{
    font-size: 18px;
}
/* inner  left title css */
.inner_yblog_left_title {
    margin: 30px 0 30px;
    width: 100%;
    padding: 20px 20px 15px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.inner_yblog_left_title h2 {
    font-size: 24px;
}
.inner_yblog_left_title a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}
.inner_yblog_left_title a.bottom{
    border-bottom: none;
}
.inner_yblog_left_title a:hover{
    color: var(--hoverbg);
}
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding: 13px 0 12px;
    margin-top: 0;
}
.inner_yblgo_left_style2 a:hover{
    color: var(--bgcolor);
}
/* blog left inner css */
.inner_yblog_left_img{
    margin-bottom: 10px;
}
.inner_yblog_left_img img {
    width: 100%;
    margin: 12px 0 -0;
}
.yblog_left_inner {
    padding: 0 0;
    background: none;
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
}
.yblog_left_sub{
    padding: 25px 0 30px 15px;
}
.yblog_left_sub h2 a {
    width: 100%;
    margin: 0;
}
.yblog_left_sub h2 a:hover{
    color: var(--bgcolor);
}
.yblog_left_text_sub {
    padding: 0px 0 10px;
}
.yblog_left_text_sub span{
    color: var(--paracolor);
}
.yblog_left_text_sub span i{
    color: var(--bgcolor);
}
.yblog_left_sub p{
    font-size: 16px;
    font-weight: 400;
    width: 95%;
}
.yblog_left_sub >a {
    display: inline-block;
    margin: 7px 0 0;
    padding: 7px 25px;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    color: var(--paracolor);
    text-transform: capitalize;
}
.yblog_left_sub >a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.ycalender_inner h5 {
    background-color: var(--bgcolor);
    color: var(--whitec);
    padding: 14px 0 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}
.ycalender_inner {
    padding: 20px 20px;
    width: 100%;
}
.data_active{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.ycalender_inner th {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
}
.ycalender_inner td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
}
/*======== blog left area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area {
    padding: 100px 0 85px;
}
.inner_project_information_img {
    margin-bottom: 20px;
}
.inner_project_information_img img{
    width: 100%;
}
/* inner project right content css */
.inner_project_right_content h2{
    font-size: 24px;
}
.inner_project_right_content p span{
    font-size: 16px;
    color: var(--bgcolor);
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a{
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: var(--whitec);
    color: var(--bgcolor);
    font-size: 20px;
    margin-right: 4px;
}
.inner_project_in_icon a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}
.inner_project_text_area h2{
    font-size: 24px;
}
.inner_project_information_descrip {
    margin-bottom: 8px;
}
.inner_project_information_descrip h4{
    font-size: 16px;
}
.inner_project_information_descrip p{
    margin: 0;
}
/* inner project information description css */
.inner_project_infor_list{
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.inner_project_infor_list li{
    margin-bottom: 5px;
}
/*======== project information area end  ==========*/

/*======== single blog page area start  ==========*/
.inner_single_box_area{
    background-color: #f8f9fa;
    padding: 20px 20px 20px;
}
.inner_single_box_area p {
    margin-bottom: 5px;
}
.inner_single_page_content_area p{
    margin-top: 20px;
}
/* single comment title css */
.single_comment_title{
    margin: 35px 0 55px;
}
.single_comment_title h3{
    font-size: 20px;
}
.single_post_comment_area input {
    width: 47%;
    outline: none;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
}
/* inner single post checkbox css */
.inner_single_post_checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.inner_single_post_checkbox input {
    height: 15px;
    width: 12px;
    margin-right: 6px;
}
.single_post_comment_area textarea{
    width: 97%;
    padding: 10px 20px;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    outline: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.single_post_comment_area button{
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: var(--brcolor);
    color: var(--whitec);
    border: none;
    outline: none;
    transition: .6s;
}
.single_post_comment_area button:hover{
    background-color: var(--bgcolor);
}
/*======== single blog page area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
/* foote top */

.footer_widget p {
    margin-top: 15px;
    color: var(--whitec);
}
/* footer nav css */
.footer_nav {
    margin-top: 12px;
}
.footer_nav ul{
    list-style: none;
    padding-left: 0;
}
.footer_nav ul li {
    padding: 0 0 10px;
}
.footer_nav ul li a {
    font-size: 16px;
    color: var(--whitec);
    font-weight: 400;
    text-transform: uppercase;
}
.footer_nav ul li a:hover{
    color: var(--bgcolor);
}
/* footer address area css */
.footer_logo_area, .footer_widget {
    padding: 95px 0;
}
.footer_widget h4{
    font-size: 24px;
    color: var(--whitec);
}
.footer_address_area h5{
    color: var(--bgcolor);
}
.footer_address_area p {
    color: var(--whitec);
    margin: 0 0 5px;
}
.footer_address_area p i{
    margin-right: 5px
}

/* subscribe form area css */
.inner_subscribe_form_area{
    position: relative;
    overflow: hidden;
}
.inner_subscribe_form_area input {
    width: 100%;
    border-radius: 0;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 50px;
    background: var(--whitec);
    color: var(--paracolor);
    margin-right: 10px;
}
.inner_subscribe_form_area input::placeholder{
    color: var(--paracolor);
}
.inner_subscribe_form_area button {
    width: 20%;
    border-radius: 0;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    /* bottom: 0; */
    height: 50px;
    font-size: 14px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    transition: .5s;
    background: var(--bgcolor);
    color: var(--whitec);
    font-size: x-large;
}
.inner_subscribe_form_area:hover.inner_subscribe_form_area button{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
.gallery_con p{
    color: var(--whitec);
    margin-bottom: 22px;

}
/*======== footer area end  ==========*/

/*======== copyright area start  ==========*/
.copyright_area {
    padding: 15px 0 12px;
    border-top: 1px solid var(--whitec);
}
.copy-right-text p{
    color: var(--whitec);
    margin: 0;
    text-align: center;
}
/*======== copyright area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {
    position: fixed;
    bottom: 30px;
    font-size: 22px;
    height: 40px;
    line-height: 42px;
    right: 40px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    color: var(--whitec);
    background: var(--bgcolor);
    display: none;
    cursor: pointer;
    z-index: 9999;
}

/* dark page */
.it_dark, .ab_it_dark{
    background: var(--titlecolor);
    margin: 0;
}
.dark_h2 h2,.dark_h2 h3{
    color: var(--whitec);
}
.ab_it_dark h2{
    color: var(--whitec);
}
.ab_it_dark h3{
    color: var(--whitec);
}
.ab_it_dark h3 a{
    color: var(--whitec);
}
.ab_it_dark h2 a{
    color: var(--whitec);
}
.it_dark p, .ab_it_dark p{
    color: var(--whitec);
}
.it_dark .dark_about_tit h4{
    color: var(--bgcolor);
}
.ab_it_dark span{
    color: var(--whitec);
}
.ab_it_dark span a{
    color: var(--whitec);
}
.it_dark, .single_marquee_mdls h2 {
    color: var(--whitec);
    -webkit-text-fill-color: white !important;
}
.it_dark .single_feature i{
    background: transparent;
}
.it_dark h2 span.highlight{
    color: var(--bgcolor);
}
.dark_inpu input, .dark_inpu textarea{
    background: var(--titlecolor);
    border: 1px solid var(--whitec);
    color: var(--whitec) !important;
}
.dark_inpu input::placeholder, .dark_inpu textarea::placeholder{
    color: var(--whitec);
}
.dark_veno.tr_vedio_vano_box a {
    background: var(--titlecolor);
}
.ab_it_dark,.all_list_black ul li span{
    color: var(--whitec) !important;
}
.ab_it_dark,.all_list_black h5{
    color: var(--bgcolor);
}
.b_btn.dark_btn a.active{
    background: var(--whitec);
    color: var(--titlecolor);
}
.ab_it_dark,.service_btn a:hover{
    color: var(--whitec);
}
.ser_dark:hover{
    background: var(--bgcolor);
    transform: rotate(5px);
}
.single_ser_dark:hover{
    background: transparent;
}
.pric_dark{
    background: #080D1B;
}
.dk_list ul{
    background: transparent;
}
.dark_faq a{
    border: 2px solid var(--whitec);
}
.db_ser{
    background: transparent;
}
.dbb_list ul li span{
    color: var(--whitec);
}
ul.dbb_list li a{
    color: var(--whitec);
}
.tpri_border{
    border-left: 2px solid var(--bgcolor);
}
.his_db {
    margin-bottom: 0px;
}
.his_db h2{
    color: var(--titlecolor);
}
.his_db span{
    color: var(--paracolor);
}
.his_db h2 a{
    color: var(--titlecolor);
}
.his_db h4 a{
    color: var(--whitec);
}
.his_db p{
    color: var(--bgcolor);
}
.tstcds h2.wte{
    color: var(--whitec);
}
.client_cont h3.wte{
    color: var(--whitec);
}
.ds_dark h2{
    color: var(--whitec);
    -webkit-text-fill-color: var(--titlecolor) !important;
}
.dsd_faq a{
    color: var(--whitec);
    border: 2px solid var(--whitec);
}
.all_pd{
    padding: 70px 0;
}
.dark_menu ul li a{
    color: var(--whitec);
}
.ibd_button h2{
    color: var(--titlecolor);
}
.ibd_button p{
    color: var(--paracolor);
}
.it_link a{
    color: var(--whitec);
}
ul.it_listabout li span{
    color: var(--titlecolor);
}
.dt_dark_title h4{
    color: var(--whitec);
}
.about_area ul.isf_dark li span{
    color: var(--whitec) !important;
}
.his_title_black h2{
    color: var(--titlecolor);
}