:root{
    --theme-color:#21d5a2;
    --theme-secondary :#5e3afd;
    --white:#fff;
}
.font10{font-size: 0.625rem;}/*10px*/
.font11{font-size: 0.688rem;}/*11px*/
.font12{font-size: 0.750rem;}/*12px*/
.font13{font-size: 0.813rem;}/*13px*/
.font14{font-size: 0.875rem;}/*14px*/
.font15{font-size: 0.938rem;}/*15px*/
.font16{font-size: 1.000rem;}/*16px*/
.font17{font-size: 1.063rem;}/*17px*/
.font18{font-size: 1.125rem;}/*18px*/
.font19{font-size: 1.188rem;}/*19px*/
.font20{font-size: 1.250rem;}/*20px*/
.font21{font-size: 1.313rem;}/*21px*/
.font22{font-size: 1.375rem;}/*22px*/
.font23{font-size: 1.438rem;}/*23px*/
.font24{font-size: 1.500rem;}/*24px*/
.font25{font-size: 1.563rem;}/*25px*/
.font26{font-size: 1.625rem;}/*26px*/
.font27{font-size: 1.688rem;}/*27px*/
.font28{font-size: 1.750rem;}/*28px*/
.font29{font-size: 1.813rem;}/*29px*/
.font30{font-size: 1.875rem;}/*30px*/
.font31{font-size: 1.938rem;}/*31px*/
.font32{font-size: 2.000rem;}/*32px*/
.font33{font-size: 2.063rem;}/*33px*/
.font34{font-size: 2.125rem;}/*34px*/
.font35{font-size: 2.188rem;}/*35px*/
.font36{font-size: 2.250rem;}/*36px*/
.font37{font-size: 2.313rem;}/*37px*/
.font38{font-size: 2.375rem;}/*38px*/
.font39{font-size: 2.438rem;}/*39px*/
.font40{font-size: 2.5rem;}/*40px*/
.font46{font-size: 2.875rem;}/*46px*/
.font48{font-size: 3rem;}/*48px*/
.font49{font-size: 3.063rem;}/*49px*/
.font54{font-size: 3.375rem;}/*54px*/
.font55{font-size: 3.438rem;}/*55px*/
.font58{font-size: 3.625rem;}/*58px*/
.font63{font-size: 3.938rem;}/*63px*/
.font64{font-size: 4rem;}/*64px*/
.font65{font-size: 4.063rem;}/*65px*/
.font74{font-size: 4.625rem;}/*74px*/
.font80{font-size: 5rem;}/*80px*/
.font88{font-size: 5.5rem;}/*88px*/
.font108{font-size: 6.75rem;}/*108px*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition: 0.5s;}
header.sml-header {     transition: all 0.2s ease 0s;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2); background-color: var(--theme-secondary) !important;}

    header.sml-header .navbar-brand img  {     filter: invert(1);}

    
    .menu_area-light .navbar-nav>li>a:hover { color: var(--theme-color-pink);}
.secondary-overlay:before {
background: #1f2732; opacity: 0.7;}
.secondary-overlay:before { content: '';  position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.navbar-brand svg { height: 48px;}
.st0{fill:#FFFFFF;}
.st1{fill:#FFFFFF;}

/* header.sml-header .st1{fill:#44BEA8;} */


.bannerSwiper .swiper-slide {
    overflow: hidden;
}
.navbar-header-custom { transition: 0.5s;}
header.sml-header .navbar-header-custom {    padding: 7px 0 5px 0;}
.banner-style01 .swiper-pagination-bullet { background-color: #fff !important;   width:15px;
height: 15px;  opacity: 1 !important;} 
.banner-style01 .swiper-pagination-bullet-active{ background-color: var(--theme-color) !important; }
.swiper-pagination { right: 0 !important; }

.testimonial_box { background-color: #fff; height: 100%; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.07); border-radius: 11px; padding: 2.813rem 3.125rem; }
.client_info {
    display: flex;
    align-items: center;
    margin-bottom: 0.938rem;
}
.client_img {
    height: 6.25rem;
    width: 6.25rem;
}
.client_name {
    margin-left: 1.375rem;
    
}
.client_info .name {
    font-weight: 800;
    color: var(--theme-color);
    font-size: 1.25rem;
}
.city {
    color: #1e1b1b;
    opacity: 0.66;
    font-size: 1rem;
}
.client_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}

.accordion-style .card .btn-link:after  {content: "+"; }
 .accordion-style .card.active .btn-link:after  {content: "-" !important; }
 @media screen and (min-width: 992px){
.top-position1 {
    margin-top: 0px;
}

}

@media screen and (min-width: 992px){
    .menu_area-light .navbar-nav>li>a:hover {
    color: var(--theme-color) !important;
}

}

.banner_content { max-width:550px;}

.btn-style1 { padding: 10px 20px !important; background-color: transparent;    text-transform: capitalize; background-image: -moz-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);
background-image: -webkit-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);
background-image: -ms-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);}

.card-style03:hover { background-color: var(--theme-secondary) !important; }
.card-style03:hover .card-content {color: var(--white) !important;}

.card-style03 h3 a {color: var(--white) !important;}
.text-secondary, .text-secondary-hover:hover{color: var(--white) !important;}
.card-style03 .icon  {background-color: var(--theme-secondary); outline: solid 3px var(--white); }
.card-style03:hover .icon { background-color: var(--theme-color); }
/* .text-primary, .text-primary-hover:hover {color: var(--white) !important;  } */

.card-style03 p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }

.accordion-style .btn-link { color: var(--theme-secondary); }

.faq-content .card.active .btn.btn-link { color: var(--theme-color) !important; }
.faq-content .card .btn-link:after  {    color: var(--theme-secondary) !important;}
.faq-content .card.active .btn-link:after{ color: var(--theme-color) !important; }

.accordion-style .btn-link:hover, .accordion-style .btn-link:active, .accordion-style .btn-link:focus {
    color: var(--theme-secondary) !important;
}

.working_process_wrap { background-image: -moz-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);
background-image: -webkit-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);
background-image: -ms-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);}

footer { background-image: -moz-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);
background-image: -webkit-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);
background-image: -ms-linear-gradient( -41deg, rgb(33,213,162) 0%, rgb(94,58,253) 100%);}

.why-us-block .inner-block .content img { height: 50px; }

.services_check { list-style: none; padding-left: 0; } 

.btn-style1.white-hover:hover, .btn-style1.white-hover:active, .btn-style1.white-hover:focus { 
background-image: -webkit-linear-gradient( -41deg, rgb(94,58,253) 0%, rgb(33,213,162) 100%); color: var(--white) !important; }

.btn-style1:hover { background-image: -webkit-linear-gradient( -41deg, rgb(94,58,253) 0%, rgb(33,213,162) 100%); color: var(--white) !important; }

.footer-logo svg { height:48px; }

/* @media screen and (max-width: 991px){
    .navbar-nav { display: block; }
} */


.collapse:not(.show) {display: block;}
.card:hover {color: initial;}
.contact-us .contacts-icon {float: none;    min-width: 55px;}
.contact-info {display: flex;}
footer .read_more {color: var(--white); text-decoration: underline; }
footer .read_more:hover { text-decoration: none;color: var(--white);}
.accordion-style .card-body ul li { margin-bottom: 0.5rem;}
.plus_icon { display: none;}
.navbar-nav li a {font-size: 14px;}
.service-sidebar .text-secondary {     color: #1f2732 !important;}
.services_check_bullets { list-style: none; margin: 0; padding: 0;}
.services_check_bullets li{position: relative;     padding-left: 1.3rem;}
.services_check_bullets li::after{height: 7px;
    width: 7px;
    border-radius: 20px;
    background-color: #42545e;
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}
.why-us-block li:nth-child(2n+1) {
    clear: left;
}
@media screen and (max-width: 991px){
.has-sub.active .fa-plus:before {    content: "\f068";}
.has-sub a { display: inline-block !important; width: max-content !important; }
.plus_icon { position: absolute; right: 20px; top: 10px; height: 12px; width: 12px; display: inline-block; text-align: center;}
.navbar-nav li a {     font-size: 14px;}
.top-position1 { margin-top: 0 !important;}
.navbar-toggler {top: 22px;}
.about_content_lg .ps-1-9 { padding-left: 0rem; }
footer .mb-1-9 { margin-bottom: 0 !important; }

}
@media only screen and (max-width: 991px) and (orientation: landscape) {
    .banner_content {margin-top:4rem!important;}
  }
      



