:root{--title-color: #324E9B;--title-font-size: clamp(1.25rem, 0.8994rem + 0.9756vw, 1.875rem);--title-mb:clamp(0.5rem, 0.375rem + 0.5vw, 0.875rem);--section-py:clamp(2.25rem, 0.8438rem + 3.9063vw, 4.75rem);--brand-mb:clamp(1.5rem, -1.8488rem + 14.8837vw, 3.5rem);}
body{--bs-body-font-family: "Inter", serif;font-optical-sizing:auto;overflow-x:hidden; }
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}
.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center; height:100%;}
.view .mask {position: absolute; top: 0; left: 0;width: 100%; height: 100%; }
.view {position: relative; z-index: 1; }
.card{border: none; border-radius: 0;}

.themenavbar .navbar-brand{margin-right: 5px;max-width: 313px;background: #fff;margin-bottom: -78px;padding: 25px 26px 29px 24px;border-radius: 0px 0px 24px 0px;}
.themenavbar .navbar-nav .nav-link{padding: 9px 14px;font-weight: 600;font-size: 16px;letter-spacing: 0.02em;text-transform: uppercase;position: relative;--bs-nav-link-color: rgba(0, 0, 0, 0.69);--bs-nav-link-hover-color: #000000;--bs-navbar-active-color: #000000;}
.themenavbar .navbar-nav .dropdown-toggle::after{border: none;content: "\f107";margin-left: .1em;font-weight: 400;font-family: 'FontAwesome';vertical-align: baseline;}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 32px;width: 0px;height: 2px;left: 0;right: 0;margin: auto;background: #EF7F1A;}
.themenavbar .navbar-nav .dropdown-menu {border: none;padding-top: 0;--bs-dropdown-spacer: 0;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-menu>li+li .dropdown-item{border-top: solid 1px #EFEFEF;}
.themenavbar .navbar-nav .dropdown-item {font-size: 16px;font-weight: 500;padding: 9px 24px;position: relative;--bs-dropdown-link-color: #444;--bs-dropdown-link-active-color: #444;--bs-dropdown-link-active-bg: #fff;--bs-dropdown-link-hover-bg: #fff;}
.themenavbar .navbar-nav .dropdown-item:before {content: "";position: absolute;color: #EF7F1A;left: 16px;top: 20px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #EF7F1A;transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 9px 16px  9px 32px;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }

.themenavbar .navbar-toggler{width: 52px;height: 42px;margin-left: auto;overflow:hidden;position:relative;border: none;}
.themenavbar .navbar-toggler::before{transform: translateY(-8px);width: 46%;}
.themenavbar .navbar-toggler::after{transform: translateY(8px);width: 36%;}
.themenavbar .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 56%;height: 2px;background: #ef7f1a;transition:.6s;}
.themenavbar .offcanvas.show .navbar-toggler .lines, .themenavbar .offcanvas.show+.rightnav .navbar-toggler .lines{transform:translateX(110px);transition-delay:0s;background: #ffffff;}
.themenavbar .offcanvas.show .navbar-toggler::before, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::before{transform: translateY(0) rotate(45deg);width: 50%;height: 2px;}
.themenavbar .offcanvas.show .navbar-toggler::after, .themenavbar .offcanvas.show+.rightnav .navbar-toggler::after{transform: translateY(0) rotate(314deg);width: 50%;height: 2px;}

@-webkit-keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}100%{left:-20px;width:180px;height:180px}}
@keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}100%{left:-20px;width:180px;height:180px}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes bgmove{50%{background-position: 0 80%}}
@keyframes bgmove{50%{background-position: 0 80%}}
@-webkit-keyframes imgShine{100%{left:125%;}}
@keyframes imgShine{100%{left:125%;}}


/* ==============================
     Responsive   
}
     ============================== */ 
     @media only screen and (min-width:992px) { 
          .services h1 {white-space: pre-line; }
          .blog{padding-bottom: calc(var(--section-py) - 16px);}
          #accordionservice #servicebtn {font-size: 22px;padding: 7px 0px;pointer-events: none;}
          #accordionservice #servicebtn::after{display: none; }
          #accordionservice .collapse:not(.show) {display: block; }
          .widgetaside, .servicelfet .callus{margin-right: 34px; }
     }
     @media only screen and (min-width:1200px) { 
          .themenavbar .navbar-nav{max-width: 810px; width: 100%; }
          .themenavbar .navbar-nav .nav-item{flex: 1 1 auto; text-align: center; }
          .themenavbar .navbar-nav .nav-link{padding: 33px 0px;max-width: fit-content;margin: auto;}
          .themenavbar .navbar-nav li:hover .nav-link::before{width: 100%;} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
          .themenavbar .navbar-nav .nav-item .dropdown-menu {visibility: hidden; display: block !important; -webkit-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%); }
          .themenavbar .navbar-nav .nav-item:hover .dropdown-menu, .themenavbar .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);} 
          .cprofile .welcomepic {border: solid 7px #fff;border-top: none;height: calc(100% + var(--section-py));margin-bottom: calc(-1* var(--section-py));}
     }

     @media only screen and (min-width:1400px){
          .container {max-width: 1374px; } 
     }

     @media only screen and (max-width:1599px) {	
          .rightnav .nav-link {font-size: 16px; }
          .rightnav .themebtn {font-size: 14px; padding: 12px 24px; }
          .themenavbar .navbar-nav .nav-link{font-size: 15px; }
     }

     @media only screen and (max-width:1399px) {	
          .rightnav .themebtn {padding: 9px 12px 8px 12px;border-radius: 4px;}
          .servicelfet .callus h5 {font-size: 24px; }
     }

     @media only screen and (max-width:1199px) {
          .counterbox>img{height: 56px; }
          .counterbox h6 {font-size: 16px; }
          .counterbox h4{font-size: 60px; }
          .counterbox .counter{height: 74px; }
          .themenavbar .navbar-nav .nav-link {font-size: 20px;color: #242424;}
          .themenavbar .offcanvas{background: #f1f5f9;}
          .themenavbar .offcanvas::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f1f5f9 url(../images/themebg.svg) no-repeat;background-position: 47% 50%;background-size: cover;z-index: -1;opacity: 0.7;}
          .widgetaside {margin-right: 9px;padding: 28px 21px 75px;}
          .servicelfet .callus {margin-right: 9px;padding: 42px 24px 24px;}
          .servicelfet .callus h5{padding-bottom: 0; }
          .servicelfet .callus h5, #accordionservice #servicebtn {font-size: 21px; }
          .contleft p{white-space: normal; }
          .inquirybtn{font-size: 14px; }
     }

     @media only screen and (max-width:991px) {	
          .title>h6{font-size: 15px; margin-bottom: 7px;  }
          .services .card{padding: 16px; }
          .services .card h5{font-size: 19px; }
          .welcomepic{margin-right: 0; }
          .counterbox>img {height: 50px; }
          .counterbox h4 {font-size: 48px; }
          .counterbox .counter {height: 58px; }
          .social.pt-4 {margin-bottom: 7px; }
          .widgetaside .asidenav {padding-top: 4px;}
          .cprofile .welcomepic>img{max-height: 480px; }
          .sub-banner .banner-inner {padding: 86px 0px 24px 7px; }
          .heroslider, .themenavbar, .sub-banner {padding-left: 36px; padding-right: 36px; }
          .widgetaside {clip-path: none; margin-right: 0px; margin-bottom: 7px; padding: 12px 16px 11px; }
          #accordionservice #servicebtn {font-size: 16px;box-shadow: none;letter-spacing: 0.5px;}
          #accordionservice .accordion-button::after {filter: brightness(0) invert(1); }
          .servicelfet .callus {margin-top: 32px;margin-right: 0px;border-radius: 16px;padding: 24px 18px 22px;}
          .contact .themeform, .contleft{padding: 32px 28px; }
          .inquirybtn {position: fixed;left: -1px;bottom: 42%;z-index: 9;writing-mode: tb;padding: 18px 6px 18px 7px;transform: rotate(180deg);border-radius: 16px 0px 0px 16px;border: solid 1px #f5f8fa;}
          .inquirybtn>i{display: none;}
     }

     @media only screen and (max-width:767px) {
          .title>h6{font-size: 13px; letter-spacing: 0.5px;  }
          .heroslider, .themenavbar, .sub-banner {padding-left: 30px; padding-right: 30px; } 
          .widgetaside .accordion-button{font-size: 18px; }
          .widgetaside .asidenav li a{font-size: 15px; }
          .servicelfet .callus h5{font-size: 18px;margin-bottom: 2px;}
          .owner h4 {font-size: 18px; }
          .subtitle :is(h1,h2,h3,h4){font-size: 18px; }
          #whatsapp{width: 56px; height: 56px; line-height: 56px;overflow: visible; }
     }

     @media only screen and (max-width:575px) {
          p,li{font-size: 16px; }
          .heroslider, .themenavbar, .sub-banner {padding-left: 12px;padding-right: 12px;} 
          .themenavbar>.container-fluid{flex-wrap: nowrap; }
          .rightnav>.nav{width: 156px; }
          .themenavbar .navbar-brand{margin-right: 0;margin-bottom: calc(-1 * var(--brand-mb));padding: 14px 20px 18px 0px;border-radius: 0px 0px 20px 0px;}
          .services .card h5{font-size: 18px; padding: 12px 0px 6px; }
          .services .card p{font-size: 16px; }
          .counterbox h4 {font-size: 42px; }
          .counterbox .counter {height: 54px;}
          .counterbox h6 {font-size: 14px;line-height: 20px;font-weight: 400;}
          .footertop,.copyrights{padding-left: 12px; padding-right: 12px; }
          .footertop h5 {margin-top: 7px; }
          .widgetaside{padding: 12px 14px 11px;}
          .widgetaside .asidenav {padding-top: 2px; }
          .thank-icon{max-width: 132px; }
          .teambox {padding: 24px 16px; }
          .sub-banner .banner-inner {padding-bottom: 12px; padding-top: calc(var(--brand-mb)); }
          #accordionservice #servicebtn {font-size: 15px; }
          .contact .themeform, .contleft {padding: 24px 24px;}
          .thememodal .themeform {padding: 32px 14px 68px; }
     }

     @media (min-width:575px) and (max-width:767px) {
          
     }