:root{--bs-body-color: #313131;--title-font-family: "Sora", sans-serif;--title-color:#313131;--title-font-size:clamp(1.25rem, 0.8994rem + 0.9756vw, 1.875rem);--title-lheight:clamp(1.875rem, 1.5244rem + 0.9756vw, 2.5rem);--title-mb:clamp(0.5rem, 0.2195rem + 0.7805vw, 1rem);--section-py:clamp(2.25rem, 0.8438rem + 3.9063vw, 4.75rem);}
body{--bs-body-font-family: "Inter", sans-serif;font-optical-sizing:auto;overflow-x:hidden;top: 0 !important; }
html {scroll-behavior: smooth; }
html::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar {width: 7px; cursor: pointer; }
html::-webkit-scrollbar:horizontal, .ltranslator .dropdown-menu::-webkit-scrollbar:horizontal, .offcanvas-body::-webkit-scrollbar:horizontal {height: 0px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #444444;box-shadow: inset 0 0 1px #444444; border-radius: 24px; }
html::-webkit-scrollbar-thumb, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb {background: #034693; border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover {background: #034693; }
html ::-moz-selection {color: #ffffff; background: #034693; }
html ::selection {color: #ffffff; background: #034693; }
html .skiptranslate{display:none !important; } 
.ltranslator .dropdown-menu::-webkit-scrollbar {width: 5px; cursor: pointer; }
.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: 12px 0 12px 16px;max-width: 327px;}
.themenavbar .navbar-nav .nav-link{padding: 7px 14px;font-weight: 600;font-size: 18px;position: relative;--bs-nav-link-color: #313131;--bs-nav-link-hover-color: #000000;--bs-navbar-active-color: #000000;}
.themenavbar .navbar-nav .dropdown-toggle::after{border: none;content: "\f107";font-family: 'FontAwesome';vertical-align: baseline;font-size: 86%;margin-left: 0px;}
.themenavbar .navbar-nav .nav-link::before{content: "";position: absolute;bottom: 17px;width: 0px;height: 1px;left: 0;right: 0;margin: auto;background: #DA291C;}
.themenavbar .navbar-nav .dropdown-menu {border: none;padding-top: 0;--bs-dropdown-spacer: 0;border-radius: 0px 0px 8px 8px;}
.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: 12px 24px;position: relative;background: #fff;--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: #DA291C;left: 16px;top: 23px;opacity: 0;visibility: hidden;height: 2px;width: 12px;background: #DA291C;transform: translateX(5px);}
.themenavbar .navbar-nav .dropdown-item:hover {padding: 12px 16px  12px 32px;}
.themenavbar .navbar-nav .dropdown-item:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); }
.themenavbar .navbar-nav .dropdown-toggle-split{top: 0;right: 0;padding: 18px 16px;position: absolute;border-radius: 0px;border: none;}
.themenavbar .navbar-nav .dropdown-toggle.show::after{color: #000; -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }

.themenavbar .navbar-toggler{width: 40px;height: 36px;margin-left: auto;overflow:hidden;position:relative;padding: 4px 9px;border-radius: 5px;box-shadow: none !important;}
.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: #313131;border-radius: 4px;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;}
.themenavbar .offcanvas .navbar-toggler {padding: 4px 10px; }
.themenavbar .offcanvas-title{display: none;color: #e1e1e1;font-size: 32px;font-weight: 600;line-height: 16px;padding-left: 12px;margin-bottom: -7px;letter-spacing: 12px;text-transform: uppercase;}
/* .themenavbar .offcanvas+.offcanvas-backdrop{opacity: 1; backdrop-filter: blur(2px); background: rgb(0 0 0 / 32%); } */

#themecarousel .carousel-caption{bottom: 50%;max-width: 822px;margin: auto;transform: translateY(50%);}
#themecarousel .carousel-item h5{font-size: clamp(1.25rem, 0.7813rem + 2.3438vw, 3.125rem);margin-bottom: 9px;color:#FFF;line-height: 106%;font-weight: 700;text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.32);}
#themecarousel .carousel-item h5{-webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
#themecarousel .carousel-indicators>button{width: 8px;height: 8px;border: none;margin-bottom: 3rem;border-radius: 8px;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
#themecarousel .carousel-indicators{margin-left: 7%; justify-content: left; }
#themecarousel .carousel-indicators>button.active{width: 24px; }

@keyframes bounceIn{0%,100%,20%,50%,80%{transform:translateY(0);opacity:1}40%,60%{transform:translateY(-5px);filter:blur(.5px) brightness(0) invert(1) contrast(.7)}}
@-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) { 
          .themenavbar>.container{flex-wrap: wrap; }
          .themenavbar .offcanvas, .themenavbar .navbar-nav{width: 100% !important;border-top: solid 1px #C1C1C1;}
          .themenavbar .navbar-nav .nav-item:nth-child(4){margin-right: auto;}
          .themenavbar .navbar-nav .nav-item:nth-child(n+5) .nav-link{font-weight: 500; }
          .themenavbar .navbar-nav .nav-link{padding: 16px 16px;}
          .themenavbar .navbar-nav li:hover .nav-link::before{width: calc(100% - 32px);} 
          .themenavbar .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12));display: inline-flex;}
          .themenavbar .navbar-nav .nav-item .dropdown-menu {top: 100%;visibility: hidden;-webkit-transition: 0.5s;transition: 0.5s;display: block;clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);}
          .themenavbar .navbar-nav .nav-item .dropdown-menu.gridcol {display: grid;column-gap: 24px;grid-template-columns: 1fr 1fr;}
          .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%);} 
          .themenavbar .navbar-nav .nav-item .dropdown-menu.gridcol li:nth-child(2) .dropdown-item{border-top: none; }
          .themenavbar .navbar-nav .dropdown-toggle-split{top: 50%;right: 11px;padding: 0px 6px 0px 0px;transform: translateY(-50%);position: relative; pointer-events: none;}
          .themenavbar .navbar-nav .nav-item:hover .dropdown-toggle::after{color: #000;-webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px);}
          .business #jarallax-container-0{width: 68% !important;}
          .products .container-fluid{--bs-gutter-x: 2.5rem; }
          .aboutus .counterbox{padding: 64px 0px 0px 80px;}
          .mobileimage{display: none;}
     }

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

     @media only screen and (min-width:1921px){
          .qcertificate{width: 38%; }
     }

     @media only screen and (max-width:1699px) {
		 .themenavbar .navbar-nav .nav-item:nth-child(4){margin-right: 0;}
          .qcertificate{width: 35%; } 
		 .themenavbar .navbar-nav .nav-item {padding: 0px 10px;}


     }
     @media only screen and (max-width:1599px) {
          .qcertificate{width: 33%; } 
     }
     @media only screen and (max-width:1399px) {	
          .buttons{gap: 16px 12px; }
          .buttons>img{max-width: 160px; }
          .weprovide{width: 35%; }
          .reachinfo.callus::before{left: -25%; }
          .reachinfo.callus::after{right: -25%; }
		 .themenavbar .navbar-nav .nav-item {
        padding: 0px 6px;
    }
     }

     @media only screen and (max-width:1199px) {
          .themenavbar .navbar-nav .nav-link{font-size: 17px; padding: 16px 12px; }
          .themenavbar .navbar-nav li:hover .nav-link::before{width: calc(100% - 24px); }
          .products .card h4{font-size: 16px; margin: 14px auto; }
          .footprint h4 {font-size: 19px;line-height: 1.35;margin-top: 12px;margin-bottom: 24px;}
          .valuebox h5 {font-size: 16px; }
          .gmarket .footprint .themebtn.outlinebtn{padding: 11px 16px 12px;}
          .productmenu {grid-template-columns: 1fr 1fr; }
          #ProductModal .offcanvas-title{padding-top: 8px; }
          .reachinfo.callus::before, .reachinfo.callus::after{display: none; }
          .reachinfo .icon {width: 48px; font-size: 18px; flex-shrink: 0; }
          .reachinfo.callus{padding: 0; } 
          .team-box::before{max-width: 360px;top: -7%;}
          .team-box .team-img{max-width: 246px;}
          .team-box{padding: 32px;}
          #themecarousel .carousel-indicators { margin-left: 15%; margin-bottom: 2%; justify-content: center; }
          #themecarousel .carousel-indicators>button{margin-bottom: 0; }
		 .themenavbar .navbar-nav .nav-item {padding:0;}
     }

     @media only screen and (max-width:991px) {
          .tagline{margin-bottom: 3px;font-size: 14px;} 
          .themenavbar .navbar-nav .nav-link::before{display: none;}
          .themenavbar .navbar-brand{margin-left: 0;max-width: 312px;}
          .rightnav .themebtn{font-size: 12px;margin: 0px 7px 1px;padding: 8px 12px;}
          .ltranslator .nav-link.dropdown-toggle{margin-left: -4px; }
          .themenavbar .navbar-nav .dropdown-menu {margin-top: -9px; }
          .themenavbar .navbar-nav .dropdown-item{padding: 7px 24px;border-top: none !important;}
          .themenavbar .navbar-nav .dropdown-item:hover{padding: 7px 16px 7px 32px;}
          .themenavbar .navbar-nav .dropdown-item:before{top: 19px;}
          .themenavbar .navbar-nav .nav-link {font-size: 21px;padding: 14px 14px;border-top: solid 1px rgb(0 0 0 / 9%);}
          .themenavbar .navbar-nav li:first-child  .nav-link{border-top: none; }
          .weprovide,.qcertificate{top: 0;width: 100%;height: auto;max-width: 100%;padding-left: 0;padding-right: 0;position: relative;}
          .business::before,.business::after{width: 100%; }
          .business .drktitle h3{padding-bottom: 21px; margin-bottom: 36px; }
          .footer .offices{margin-top: 21px;}
          .aboutpic>img {max-height: 460px; }
          .themenavbar .offcanvas{border: none; transform: none; pointer-events: none; background-color: transparent; --bs-offcanvas-padding-x: 2rem; }
          .themenavbar .offcanvas.show{pointer-events: all;}
          .themenavbar .offcanvas:after, .themenavbar .offcanvas:before{content: ""; position: fixed; top: 0; right: 0; z-index: -1; height: 100%; width: 100%; max-width: var(--bs-offcanvas-width); -webkit-transform: translate(100%); transform: translate(100%); }
          .themenavbar .offcanvas:before{background: #2b2b2b; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out }
          .themenavbar .offcanvas:after{background: #fff; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out }
          .themenavbar .offcanvas.show:after, .themenavbar .offcanvas.show:before {-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0) }
          .themenavbar .offcanvas .navbar-nav, .themenavbar .offcanvas .navbar-toggler{opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
          .themenavbar .offcanvas.show .navbar-nav, .themenavbar .offcanvas.show .navbar-toggler{opacity: 1; -webkit-transition: all 2s cubic-bezier(.46,.03,.52,.96); transition: all 2s cubic-bezier(.46,.03,.52,.96); }
          .modalleft {border-radius: 12px 12px 0px 0px;padding: 8px 0px;margin-bottom: 16px;height: auto;}
          .modalleft::after{background-position: 50% 40%; }
          .modalleft li a{ margin-bottom: 4px; font-size: 16px;} 
          .category .border-start,.des-design .border-start{border-left: none !important; }
          .qcertificate{padding: 28px 0px 42px;border-radius: 0;margin-top: 5px;} 
          .reachinfo{margin-top: 12px;margin-bottom: 30px;}
          .reachus .thememap{height: auto;}
          .aboutpage .aboutpic{width: 100%; height: auto; }
          .des-design .sectionpic{height: 100%; max-height: 380px; }
          .capabilityimages, .Imarketbox .gpresence{display: none; }
          .capaccordion .accordion-button{font-size: 17px; }
          .capaccordion{--bs-accordion-body-padding-x: 16px;--bs-accordion-btn-padding-x: 16px;--bs-accordion-btn-padding-y: 18px;}
          .globalmap{width: 100%;margin-bottom: 16px;}
          .Imarket::after {left: -20vw; width: 120vw; }
     }

     @media only screen and (max-width:767px) {
          .themenavbar .navbar-brand{max-width: 286px; }
          #themecarousel .carousel-indicators>button{height: 4px;margin: 0px 2px;}
          .footprint{gap: 12px 18px;}
          .footprint .footicon{width: 68px; text-align: center;}
          .btn-whatsapp-pulse{font-size: 26px;padding: 24px 19px 24px 25px;bottom: 44px;right: 0px;left: auto;border-radius: 24px 0 0 24px;}
          .productmenu {grid-template-columns: 1fr; }
          .reachbox {padding: 18px; border-radius: 16px; }
          .close-button{right: 0; }
          .downloadpdf .pdftext{padding: 16px; }
          .downloadpdf h5 {font-size: 17px; }
          .products .card{max-width: 420px; margin: auto; }
          .team-box{flex-direction: column; padding: 18px; gap: 28px; }
          .team-box .team-img {max-width: 300px; }
          .team-box .team-content h3{padding-bottom: 12px; margin-bottom: 16px;}
          .quality .card h4 {font-size: 15px; }
     }

     @media only screen and (max-width:575px) {
          .tagline{margin-bottom: 1px;font-size: 13px;} 
          .themenavbar .navbar-brand{width: calc(100% - 140px);}
          .ltranslator .nav-link.dropdown-toggle{display: none;}
          .rightnav .nav-link.callus{padding: 6px 4px;border-radius: 5px;}
          .themebtn.outlinebtn, .themebtn{padding: 11px 16px 12px; }
          .themenavbar .navbar-nav .nav-link{font-size: 18px; }
          .themenavbar .offcanvas{--bs-offcanvas-padding-x: 1rem; }
          .valuebox{padding: 42px 12px; }
          .footprint h4{font-size: 18px;}
          .footer h5{margin-bottom: 0;position: relative;cursor: pointer;}
          .footer .contlist>li{text-align: left; }
          .footer .social{text-align: left;}
          .footer .navlist {padding-top: 4px; }
          .footer .offices {margin-top: 32px; }
          .footer [class*=col-]>h5:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; width: 20px; height: 20px; background: url(../images/down-arrow.png) no-repeat; background-size: 16px; transition: 0.5s; }
          .footer h5.mobile-acc::after{right: 9px;transform: translateY(-50%) rotate(180deg);}
          .prodslidenav>div{width: 34px; padding: 5px 10px; }
          .sub-banner .banner-inner h4 {font-size: 20px; }
          #themeaccordion .accordion-button:not(.collapsed) {font-size: 18px; }
          #themeaccordion .accordion-button {font-size: 16px; }
          .themetable thead.table-dark th {font-size: 15px; }
          .reachinfo p{font-size: 16px; }
          .reachinfo p br{display: none; }
          .reachbox {padding: 8px 8px 8px;border-radius: 8px;}
          .themeform.tab-content{padding: 18px 4px 4px; }
          .thememodal .modal-wrap {padding: 12px; }
          .des-design .card, .quality .card{padding: 8px; }
          .des-design .card h4, .quality .card h4{font-size: 16px; margin-top: 8px; }
          .reachus .thememap {padding: 9px 9px 0px 9px; }
          .reachinfobox{padding: var(--section-py) 12px; padding-bottom: 0; }
          .reachinfo .icon {width: 35px; }
          .reachinfobox .thememap{margin-right: -22px; }
          .reachinfobox.bg-white .thememap{margin-left: -22px; }
          .reachinfo{gap: 12px; margin-bottom: 24px; }
          .sub-banner .banner-inner .breadcrumb li, .sub-banner .banner-inner .breadcrumb li a{font-size: 15px;}
          .sidebarbtn.themebtn {left: 0;top: auto;bottom: 0;font-size: 13px;display: block;transform: none;position: sticky;text-align: center;margin-right: 48px;padding: 12px 28px 8px;border-radius: 0px 24px 0px 0px;}
          .counterbox h5 {font-size: 36px; }
          .counterbox .counter{height: 42px;}
          .aboutus .counterbox{max-width: 186px;}
          .quality .title h3 br, .capaccordion .accordion-button::before{display: none; }
          .capaccordion .accordion-button {font-size: 16px;  }
          .capaccordion .accordion-body p{margin-left: 0; }
          .capabilities{padding-bottom: 24px; }
          .gpresence .flag{width: 46px; }
          .error-title {font-size: 48px; margin-bottom: 8px; }
     }

     @media (min-width:992px) and (max-width:1199px) {
          .weprovide h3{font-size: 20px;line-height: 1.4;}
          .qcertificate{padding: 24px; }
          .themenavbar .navbar-nav .dropdown-toggle-split{right: 9px; }
     }
     @media (min-width:768px) and (max-width:991px) {
          .reachinfo.callus::before{display:block; left: -50%; }
          .copyrights p{text-align: center; }
     }

/* ========= 28/04/2025  ========= */
@media only screen and (max-width:1024px) {
     .design_Engin .services { padding: 70px 0 40px 0; }
}
@media only screen and (max-width:991px){
     .design_Engin .services { padding: 55px  0 30px 0; gap: 55px 0; }
     .design_Engin .services .valuebox h5 { font-size: 15px; max-width: 100%; }
     .design_Engin .services .valuebox .valueicon { height: 70px; width: 70px; margin: -70px auto 25px auto; padding: 13px; }
}
@media only screen and (max-width:767px) {
     .design_Engin .services .valuebox { padding: 30px 8px 35px; }
     .design_Engin .services .valuebox .valueicon { height: 65px; width: 65px; margin: -65px auto 25px auto; }
}
@media only screen and (max-width:575px){
     .design_Engin .services { padding: 15px 0 30px 0; }
     .design_Engin .services .valuebox { padding: 30px 8px 35px; margin: 55px 10px 0 10px; }
     .design_Engin .services .valuebox h5{ max-width: 85%; font-size: 16px; }

     /* .aboutus .buttons{flex-direction: column;} */
}
@media only screen and (max-width:359px){
     .aboutus .buttons{flex-direction: column; align-items: start;}
}


/*footer p.webplus a{display: inline-block; }
footer p.webplus img {filter: invert(1) grayscale(1) brightness(1); margin: 0 0 0px 4px; opacity: 0.55; transition: 0.5s all; }
footer p.webplus:hover img {opacity: 0.8; }*/

/*26-5-2025*/
footer .webplus {margin-left: 3px;} 
footer .webplus:before {content: ' | ';}
footer .webplus a{display: inline-block; }
footer .webplus img {filter: invert(1) grayscale(1) brightness(1); margin: 0 0 0px 4px; opacity: 0.55; transition: 0.5s all; }
footer .webplus:hover img {opacity: 0.8; }

@media only screen and (max-width:767px) { 
     footer .webplus {margin: 5px 0 0; display: block;} 
     footer .webplus:before { display: none;} 
}