@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
:root {
  --font: "Sora", sans-serif;
  --font2: "Sora", sans-serif;
  --liner: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --pri: #055ba6;
  --pri2: #044b89;
  --sec: #222;
  --text-color: #333;
  --text-muted: #8d9eb5;
  --text-light: #8c8c8c;
  --para-color: #646464;
  --border-color: #e3e3e3;
  --white: var(--white);
  --off-white: #f4f4f4;
  --white: #ffffff;
  --bg-light: #f5f9fd;
  --black: #212529;
  --bs-primary: #0082ff;
  --bs-success: #03b562;
  --bs-info: #0fbcf9;
  --bs-warning: var(--pri);
  --bs-danger: #dc3545;
  --bs-primary-rgb: 0, 130, 255;
  --bs-success-rgb: 3, 181, 98;
  --bs-info-rgb: 15, 188, 249;
  --bs-warning-rgb: 255, 169, 9;
  --bs-danger-rgb: 219, 33, 35;
}
body { background: var(--white); font-family: var(--font2); color: var(--para-color); font-size: 14px; margin: 0; padding: 0; font-weight: 400; line-height: 1.5; min-height: 100vh; } 
h1, h2, h3, h4, h5, h6 { font-family: var(--font); } 
img { max-width: 100%; width: auto; height: auto; } p { color: var(--para-color); font-size: 14px; font-weight: 400; margin-bottom: 10px; font-family: var(--font2); line-height: 1.7; } 
a { display: block; text-decoration: none; } p a { display: inline; color: var(--text-muted); } p a:hover { color: var(--pri); } 
hr { border-color: transparent; background: linear-gradient( 90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 100% ); height: 1.4px; } 
.head-sec { text-align: center; max-width: 970px; margin: 0 auto 15px; } 
.head-sec.text-start, .head-sec.text-md-start { max-width: 100%; } 
.head-sec .sub-tt { border-radius: 10px; display: inline-block; font-size: 13px; font-weight: 500; color: var(--pri); margin-bottom: 3px; font-family: var(--font2); position: relative; } 
.head-sec .sub-tt::before { content: ""; width: 10px; aspect-ratio: 12 / 13; background-color: var(--pri); display: inline-block; margin-right: 4px; clip-path: polygon( 35% 0%, 35% 35%, 0% 35%, 0% 65%, 35% 65%, 35% 100%, 65% 100%, 65% 65%, 100% 65%, 100% 35%, 65% 35%, 65% 0% ); } 
.head-sec .tt { font-family: var(--font); color: var(--sec); font-weight: 800; font-size: 30px; line-height: 1.3; margin-bottom: 8px; position: relative; } 
.head-sec .tt span { color: var(--pri); } 
.head-sec p { color: var(--para-color); font-weight: 400; margin-bottom: 0; } 
.head-sec.text-white .sub-tt { color: var(--white); } 
.head-sec.text-white .sub-tt::before { background-color: var(--white); } 
.head-sec.text-white .tt, .head-sec.text-white p { color: var(--white); } 
.badge { font-size: 11px; font-weight: 400; border: 1px solid; border-radius: 18px; padding: 3px 7px; } 
.bg-primary-transparent { background-color: rgba(var(--bs-primary-rgb), 0.1) !important; color: var(--bs-primary) !important; } 
.bg-primary-transparent:hover { background-color: rgba(var(--bs-primary-rgb), 0.1) !important; color: var(--bs-primary) !important; } 
.bg-info-transparent { background-color: rgba(var(--bs-info-rgb), 0.1) !important; color: rgb(var(--bs-info-rgb)) !important; } 
.bg-info-transparent:hover { background-color: rgba(var(--bs-info-rgb), 0.1) !important; color: rgb(var(--bs-info-rgb)) !important; } 
.bg-success-transparent { background-color: rgba(var(--bs-success-rgb), 0.1) !important; color: rgb(var(--bs-success-rgb)) !important; } 
.bg-success-transparent:hover { background-color: rgba(var(--bs-success-rgb), 0.1) !important; color: rgb(var(--bs-success-rgb)) !important; } 
.bg-warning-transparent { background-color: rgba(var(--bs-warning-rgb), 0.1) !important; color: rgb(var(--bs-warning-rgb)) !important; } 
.bg-warning-transparent:hover { background-color: rgba(var(--bs-warning-rgb), 0.1) !important; color: rgb(var(--bs-warning-rgb)) !important; } 
.bg-danger-transparent { background-color: rgba(var(--bs-danger-rgb), 0.1) !important; color: rgb(var(--bs-danger-rgb)) !important; } 
.bg-danger-transparent:hover { background-color: rgba(var(--bs-danger-rgb), 0.1) !important; color: rgb(var(--bs-danger-rgb)) !important; } 
.bg-grey-transparent { background-color: var(--bg-light) !important; color: var(--text-muted) !important; } 
.text-muted { color: var(--text-muted) !important; } 
.text-pri { color: var(--pri) !important; } 
.w-btn { padding: 10px 15px; border-radius: 50px; color: var(--white); border: 1px solid #00c966; display: inline-flex; justify-content: center; gap: 5px; align-items: center; font-size: 14px; font-weight: 500; font-family: var(--font); text-transform: capitalize; white-space: nowrap; background-color: #00c966; outline: none; transition: 0.2s ease-in-out; line-height: 1; } 
.w-btn:hover { border-color: #00c966; background-color: #00b95d; } 
.main-btn { padding: 15px 20px; color: var(--white); border: 1px solid var(--pri); background-color: var(--pri); display: inline-flex; gap: 5px; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; font-family: var(--font); white-space: nowrap; outline: none; transition: 0.2s ease-in-out; justify-content: center; border-radius: 50px; line-height: 1; } 
.main-btn.sm { padding: 10px 15px; font-size: 13px; } 
.main-btn:hover { background: var(--white); color: var(--pri); border-color: var(--pri); } /* .main-btn2 { color: var(--white); background-color: var(--sec); border-color: var(--sec); } */ .main-btn2:hover { background-color: var(--sec); border-color: var(--sec); color: var(--white); } 
.main-btn.light { background-color: var(--white); border-color: var(--white); color: var(--text-color); font-weight: 600; } 
.main-btn.light:hover { background-color: var(--sec); border-color: var(--sec); color: var(--white); } 
.link-btn svg { margin-right: 2px; } 
.link-btn { color: var(--text-color); font-size: 14px; font-weight: 500; } 
.link-btn.link-btn:hover { text-decoration: underline; } 
.productBrochureandvideo { display: inline-flex; justify-content: center; align-items: center; gap: 5px; border: 1px dashed #b5b5b5; padding: 7px 15px; font-weight: 500; transition: 0.3s; font-size: 14px; color: var(--text-color); font-family: var(--font); background-color: transparent; border-radius: 20px; } 
.form-label { font-size: 14px; color: var(--text-color); font-family: var(--font); font-weight: 400; margin-bottom: 0; } 
.form-group { position: relative; margin-bottom: 15px; } 
.form-control, .form-select, .SumoSelect > .CaptionCont { font-weight: 400; border-radius: 4px; font-size: 14px; padding: 8px 12px; color: var(--text-color); font-family: var(--font2); border-color: transparent; height: 42px; align-content: center; border-color: #e3e3e3; } 
.form-select { background-position: right 0 center; } 
.form-control::placeholder { opacity: 0.8; } textarea.form-control { min-height: 100px; resize: none; align-content: start; } 
.form-control:focus, .form-select:focus { border-color: #e3e3e3; box-shadow: none; } 
input:-webkit-autofill { filter: none !important; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: currentColor !important; /* text color */ transition: background-color 5000s ease-in-out 0s; caret-color: currentColor; color: inherit !important; background-color: inherit !important; } 
.logo { max-width: 70px; width: auto; height: auto; } /* .top-bar { padding: 10px 0; position: relative; overflow: hidden; background-color: var(--sec); line-height: 1; } 
.top-bar p { margin: 0; color: var(--white); font-size: 13px; font-weight: 400; position: relative; } 
.top-bar::before { content: ""; position: absolute; top: 0; left: 0; width: 19%; height: 41px; background-color: var(--pri); pointer-events: none; border-top-right-radius: 999px; } 
.top-bar p a { color: var(--white); transition: 0.2s ease; font-weight: 500; } 
.top-bar p a:hover { color: var(--sec); } 
.top-bar p button { padding: 0; margin: 0; border: 0; color: var(--text-color); font-size: 14px; text-decoration: underline; background-color: transparent; font-weight: 400; transition: 0.2s ease; } 
.top-bar p button:hover { color: var(--pri); } 
.social { display: flex; align-items: center; list-style: none; margin: 0; gap: 10px; color: var(--white); } 
.social li a { color: var(--white); } 
.social li a:hover { color: var(--pri); } 
.social svg { width: 14px; height: 14px; line-height: 1; color: currentColor; } */ .menubar .dropdown-menu { padding: 0; border: 0; outline: 0; background-color: transparent; } 
.menubar .dropdown button[data-bs-toggle="dropdown"] { border: 0; background: radial-gradient( 62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100% ), linear-gradient(0deg, #fff, #f6f6f6); box-shadow: 0px -3px 0px 0px #e9e9e9 inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.6980392157) inset, 0px 0px 3px 0px rgba(0, 0, 0, 0.1411764706); padding: 8px; border-radius: 100%; } 
.menubar .dropdown button[data-bs-toggle="dropdown"] svg { width: 20px; height: 20px; color: var(--pri); display: none; } 
.menubar .dropdown button[data-bs-toggle="dropdown"]:not(.show) svg.close { display: block; } 
.menubar .dropdown button[data-bs-toggle="dropdown"].show svg.open { display: block; } 
.search-bx { display: flex; align-items: center; border-radius: 10px; overflow: hidden; padding: 0; padding-left: 0; background-color: var(--bg-light); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05); } 
.search-bx input { width: 100%; max-width: 100%; outline: none; border: none; color: var(--text-color); font-weight: 400; height: 20px; font-size: 14px; min-width: 220px; background-color: var(--bg-light); height: 40px; padding-left: 18px; } 
.search-bx button { outline: none; border: none; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0; padding-right: 15px; color: var(--para-color); background: transparent; } 
header { position: absolute; top: 0; z-index: 999; width: 100%; background: var(--white); transform: translateY(0); transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; will-change: transform; height: auto; display: flex; flex-direction: column; justify-content: end; } 
.menubar { padding: 15px 0; transition: padding 0.2s ease; } 
header.is-scrolled { /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px; transform: translateY(-50px); height: 115px; border-radius: 0 0 15px 15px; */ /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px; */ transform: translateY(0px); height: auto; border-radius: 0 0 15px 15px; position: fixed; } 
header.is-scrolled .menubar { border-radius: 0 0 15px 15px; } 
.navigation ul { list-style: none; margin: 0; padding: 0; } 
.menu-list a { display: flex; align-items: center; justify-content: space-between; gap: 2px; line-height: 1.2; position: relative; } 
.kr-dropdown-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: 0 0 auto; transform-origin: center; transition: transform 0.2s ease; padding: 0; border: 0; background: transparent; color: currentColor; cursor: pointer; } 
.kr-dropdown-icon svg { width: 18px; height: 18px; pointer-events: none; } /* ################### main ###################### */ main, main img { overflow: hidden; display: block; width: 100%; position: relative; /* border-radius: 20px; */ } 
main img { aspect-ratio: 15 / 8; width: 100%; } 
.carousel-control-next, .carousel-control-prev { line-height: 0; position: absolute; top: 52%; display: block; width: 45px; height: 45px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: var(--white); border: 0; outline: 0; background-color: var(--pri); backdrop-filter: blur(2px); border-radius: 100%; z-index: 9; opacity: 1; } 
.carousel-control-next-icon, .carousel-control-prev-icon { height: 13px; width: 13px; } 
.carousel-control-next:hover, .carousel-control-prev:hover { background-color: var(--sec); opacity: 1; } 
.carousel-control-prev { left: 20px; } 
.carousel-control-next { right: 20px; } 
@media (max-width: 980px) { .carousel-control-next, .carousel-control-prev { width: 20px; height: 35px; } 
.carousel-control-next-icon, .carousel-control-prev-icon { height: 15px; width: 15px; } 
.carousel-control-prev { left: 0px; border-radius: 0 3px 3px 0; } 
.carousel-control-next { right: 0px; border-radius: 3px 0px 0px 3px; } 
} 
.swiper_wrap { position: relative; } 
.cate-next, .cate-prev { width: 38px; height: 38px; background-color: var(--white); /* border: 1px solid var(--border-color); */ border-radius: 100%; color: var(--pri); align-content: center; text-align: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; } 
.cate-next svg, .cate-prev svg { width: 20px; height: 20px; } 
.cate-next:hover, .cate-prev:hover { background-color: var(--pri); color: var(--white); } 
.lead-sure-section { padding: 60px 0px 75px; overflow: hidden; position: relative; z-index: 1; } 
.bg-sec { background: linear-gradient( 90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100% ) !important; background-color: var(--pri) !important; } 
.bg-pri { background-color: var(--pri) !important; align-content: center; color: var(--bg-light); } 
.bg-liner { background: var(--liner); background-color: var(--pri); } 
.img-bg-content .content-sec h1, .img-bg-content .content-sec h2, .img-bg-content .content-sec h3, .img-bg-content .content-sec h4, .img-bg-content .content-sec h5, .img-bg-content .content-sec h6 { color: var(--white); } 
.img-bg-content .content-sec p, .img-bg-content .content-sec ul li { color: var(--white); /* opacity: 0.95; */ } 
.bg-light { background: var(--bg-light) !important; } 
.img-bg-content { background: url(../images/bg/1.webp) no-repeat; color: var(--white); background-position: center; background-size: cover; position: relative; z-index: 1; align-content: center; } 
.img-bg-content2 { background-image: url(../images/bg/2.webp); } 
.img-bg-content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #5fa05e; opacity: 0.9; z-index: -1; } 
.img-bg-content2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #24233e; opacity: 0.9; z-index: -1; } 
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: var(--font); line-height: 40px; } 
.read-mr { font-size: 13px; color: var(--pri); font-weight: 400; transition: 0.2s; display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; padding: 0; background-color: transparent; border: 0; text-transform: capitalize; } 
.read-mr.text-decoration:hover { text-decoration: underline; } 
.read-mr:hover { color: var(--text-color); } 
.swiper-pagination { position: static; } 
.swiper-pagination-bullet { transition: 0.2s ease; background-color: var(--text-color); } 
.swiper-pagination-bullet-active { background-color: var(--pri); width: 18px; border-radius: 4px; } 
.mobile_nav { display: none; } 
.ls-pillTabs { position: relative; display: inline-flex; gap: 0; background-color: var(--bg-light); padding: 4px; border-radius: 999px; overflow: hidden; z-index: 1; border: 1px solid #e3e3e3; } 
.ls-pillTabs.dark { background: radial-gradient( 62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100% ), linear-gradient(0deg, #272727, #272727); box-shadow: 0px 3px 3px 0px #00000024, 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px #ffffff4d inset; } 
.ls-pillIndicator { position: absolute; top: 4px; left: 0; height: calc(100% - 8px); width: 0; border-radius: 999px; background: radial-gradient( 62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100% ), linear-gradient(0deg, var(--pri), var(--pri)); transform: translateX(0); transition: transform 0.28s ease, width 0.28s ease; pointer-events: none; z-index: -1; } 
.ls-pillTabs.dark .ls-pillIndicator { background: radial-gradient( 62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100% ), linear-gradient(0deg, var(--pri), var(--pri)); } 
.ls-pillTabs .nav-link { color: var(--text-color); font-size: 14px; padding: 7px 15px; } 
.ls-pillTabs.dark .nav-link { color: var(--white); font-weight: 600; } 
.ls-pillTabs .nav-link:hover { color: var(--pri); } 
.ls-pillTabs .nav-link.active { color: var(--white); } 
.ls-pillTabs.dark .nav-link.active { color: var(--text-color); } 
.blog-bx { background: #f4f4f5; border-radius: 12px; overflow: hidden; } 
.blog-bx .tx-bx { padding: 25px; } 
.blog-bx .img-bx { overflow: hidden; margin-bottom: 0; position: relative; aspect-ratio: 16 / 9; } 
.blog-bx .img-bx .float-date { position: absolute; bottom: 20px; right: 20px; background-color: var(--pri); color: var(--white); padding: 10px 15px; font-weight: 600; border-radius: 7px; text-align: center; line-height: 1.2; font-size: 22px; } 
.blog-bx .img-bx .float-date span { font-weight: 500; display: block; font-size: 14px; } 
.blog-bx .img-bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.blog-bx .date { display: inline-flex; gap: 5px; align-items: center; font-size: 13px; } 
.blog-bx p { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; overflow: hidden; } 
.blog-bx .tt { margin-top: 3px; margin-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 1.5; padding-bottom: 10px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } 
.blog-bx .tt a { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; overflow: hidden; color: var(--text-color); transition: 0.2s; } 
.blog-bx .tt:hover a { color: var(--pri); } 
.blog-bx .read-mr { gap: 3px; color: var(--text-color); font-size: 14px; width: 100%; font-weight: 600; justify-content: space-between; } 
.blog-bx .read-mr:hover { color: var(--pri); } 
.blog-bx.blog-card { display: flex; transition: 0.2s ease; gap: 15px; border-radius: 10px; background-color: var(--bg-light); } 
.blog-bx.blog-card .img-bx, .blog-bx.blog-card .img-bx img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; width: 90px; min-width: 90px; } 
.blog-bx.blog-card .tx-bx { padding: 0; flex-grow: 1; } 
.blog-bx.blog-card .tx-bx .tt a, .blog-bx.blog-card .tx-bx .tt { font-size: 15px; margin: 0; padding: 0; border: 0; } 
.blog-bx.blog-card .read-mr { font-size: 13px; width: auto; margin-top: 5px; } 
.breadcum-sec ul { list-style: none; margin: 0; display: inline-flex; gap: 10px 20px; flex-wrap: wrap; justify-content: center; padding: 13px 20px; background-color: rgb(255 255 255 / 22%); border-radius: 999px; line-height: 1; border: 1px solid #eeeeee4a; } 
.breadcum-sec ul li { color: var(--white); font-weight: 500; position: relative; font-family: var(--font2); font-size: 12px; } 
.breadcum-sec ul li::before { content: "/"; position: absolute; top: 0px; right: -15px; width: 15px; height: 20px; color: var(--white); text-align: center; } 
.breadcum-sec ul li:last-child:before { content: none; } 
.breadcum-sec ul li a { color: #daeeff; } 
.img-breadcum-sec { overflow: hidden; position: relative; z-index: 1; } 
.img-breadcum-sec::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #24233e70; opacity: 0.9; z-index: 1; } 
.img-breadcum-sec img { width: 100%; max-height: 400px; min-height: 400px; object-fit: cover; object-position: center; filter: blur(2px); } 
.img-breadcum-sec .tx-bx { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; width: 100%; } 
.img-breadcum-sec .tx-bx .tt { color: var(--white); font-size: 35px; font-weight: 600; margin-bottom: 5px; } 
.contact-container { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 3px; overflow: hidden; padding: 30px 25px; } 
.contact-bx .head-sec { margin-bottom: 30px; } 
.contact-bx .head-sec .tt { font-size: 23px; } 
.contact-bx .head-sec .tt::before { top: 40px; } 
.contact-bx .main-btn { padding: 13px 15px; font-size: 14px; } 
.contact-bx .con-bx { display: flex; align-items: center; margin-bottom: 13px; gap: 10px; } 
.contact-bx .tx-bx .tt { font-size: 16px; font-weight: 600; color: var(--text-color); } 
.contact-bx .con-bx .ic-bx { min-width: 40px; width: 40px; height: 40px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; background-color: var(--pri); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05); } 
.contact-bx .con-bx .ic-bx svg { min-width: 15px; width: 15px; height: 15px; color: var(--white); } 
.contact-bx .con-bx a, .contact-bx .con-bx p { font-family: var(--font2); font-weight: 400; font-size: 14px; line-height: 24px; color: var(--text-color); margin-bottom: 0px; } 
.contact-bx .con-bx a { font-weight: 500; } 
.contact-bx .con-bx a:hover { color: var(--pri); } 
.map-bx { width: 100%; display: block; margin-bottom: -42px; } 
.content-sec table { margin-bottom: 15px; width: 100%; text-align: center; } 
.content-sec table strong, .content-sec table b { font-weight: 600; } tbody, td, tfoot, th, thead, tr { border-color: #d8d8d8; border-style: solid; border-width: 1px; padding: 5px 10px; font-size: 14px; } th { color: var(--text-color); } 
.clientSlider .swiper-wrapper { transition-timing-function: linear; } 
.clients-bx img { aspect-ratio: 25 / 14; object-fit: contain; border-radius: 20px; box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } 
.clients-bx img:hover { transform: scale(1.04); } 
.table-of-con { background-color: var(--bg-light); border-radius: 15px; padding: 23px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } 
.table-of-con .title { font-weight: 700; font-size: 20px; color: var(--text-color); margin-bottom: 10px; font-family: var(--font); } 
.table-of-con ul { padding-left: 20px; margin-bottom: 0; display: flex; flex-direction: column; align-items: start; } 
.table-of-con ul li { padding: 2px 0; color: var(--para-color); font-weight: 400; cursor: pointer; } 
.table-of-con ul li:hover { text-decoration: underline; } 
.glow { transform-origin: center; animation: glowEffect 1s ease-in-out; animation-delay: 600ms; } 
@keyframes glowEffect { 0% { background: rgba(255, 255, 0, 0); box-shadow: 0 0 0 rgba(255, 255, 0, 0); } 50% { background: rgba(255, 255, 0, 0.3); box-shadow: 0 0 10px rgba(255, 255, 0, 0.3); } 100% { background: rgba(255, 255, 0, 0); box-shadow: 0 0 0 rgba(255, 255, 0, 0); } 
} 
.iti { width: 100%; } 
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { height: 38px; } 
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag, .iti--separate-dial-code .iti__selected-flag { background-color: transparent; } 
.g-recaptcha { transform: scale(0.8); transform-origin: 0 0; } 
.business-enq { position: fixed; bottom: 75px; right: 20px; z-index: 9; border: 0; outline: 0; background-color: var(--pri); color: var(--white); font-size: 14px; padding: 5px; padding-right: 15px; border-radius: 24px; transition: 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; font-weight: 400; } 
.business-enq:hover { transform: scale(1.03); } 
.business-enq .icon { height: 32px; width: 32px; border-radius: 100%; line-height: 32px; text-align: center; display: inline-block; background: var(--white); color: var(--pri); } 
.business-enq .icon svg { height: 18px; width: 18px; } 
.whatapp_btn { background: #01e675; width: 40px; height: 40px; color: var(--white); position: fixed; right: 20px; bottom: 130px; cursor: pointer; z-index: 9; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15); border: 0; } 
.whatapp_btn svg { width: 19px; height: 19px; } 
.whatapp_btn:hover { transform: scale(1.1); } 
.whatapp_btn:focus, .whatapp_btn:hover { background: #01e675; color: var(--white); } 
.error { font-size: 14px; color: red; } 
.modal-header { padding: 0; padding-inline: 25px; padding-top: 18px; border-radius: 0; border: 0; /* background: var(--bg-light); */ } 
.modal-header.modal-header2 { background: var(--liner); background-color: var(--pri); color: var(--white); padding-block: 12px; } 
.modal-header.modal-header2 .main-tt { color: var(--white); } 
.modal-content { border-radius: 10px; overflow: hidden; border: 0; background: white; box-shadow: 0px 7.77px 2.21px 0px rgba(0, 0, 0, 0.0588235294), 0px 3px 3px 0px rgba(0, 0, 0, 0.1019607843), 0px -6px 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 4px 0px 0px rgba(255, 255, 255, 0.6) inset; } 
.modal-header.modal-header2 .btn-close { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); } 
.modal-body { padding: 10px 25px 20px; /* background: var(--bg-light); */ } 
.modal-content .main-tt { text-align: center; font-size: 18px; font-weight: 600; color: var(--text-color); font-family: var(--font); margin-bottom: 15px; } 
.btn-close { float: right; box-shadow: none; } 
.btn-close:hover, .btn-close:focus { box-shadow: none; } 
.pop-img { aspect-ratio: 1 / 1; } 
.pop-img img { aspect-ratio: 1 / 1; object-fit: contain; object-position: center; width: 100%; border-radius: 4px; overflow: hidden; } 
.content-sec h1, .content-sec h2, .content-sec h3, .content-sec h4, .content-sec h5, .content-sec h6, .content-sec .tt, .cmTitle { text-transform: capitalize; font-size: 25px; font-weight: 700; color: var(--text-color); text-align: left; margin-bottom: 7px; line-height: 1.3; } 
.cmTitle { color: var(--pri); font-size: 18px; margin-bottom: 5px; } 
.content-sec .tt { font-size: 20px; } 
.content-sec h1 { font-size: 26px; } 
.content-sec h2 { font-size: 24px; } 
.content-sec h3 { font-size: 22px; } 
.content-sec h4 { font-size: 20px; } 
.content-sec h5 { font-size: 18px; } 
.content-sec h6 { font-size: 16px; } 
.content-sec ul, .content-sec ol { padding-left: 20px; margin: 0; margin-bottom: 10px; } 
.content-sec p, .content-sec li { font-size: 14px; line-height: 1.6; color: var(--para-color); text-align: justify; font-family: var(--font2); font-weight: 400; } 
.content-sec p a { color: var(--pri); } 
.content-sec li { margin-bottom: 3px; position: relative; } 
.content-sec li a { display: inline; color: var(--text-color); } 
.content-sec ul { padding-left: 0; } 
.content-sec ul li { padding-left: 20px; display: flow-root; } 
.content-sec ul li::before { content: "➤"; position: absolute; left: 0px; color: var(--pri); font-size: 15px; top: 1px; } 
.content-sec ul li a { display: inline; color: var(--text-color); } 
.content-sec table { width: -webkit-fill-available; margin-bottom: 20px; overflow: hidden; } 
.content-sec table p { margin-bottom: 0; color: var(--para-color); font-size: 14px; } 
.content-sec table tr:nth-child(even) { background-color: #f8f8f8; color: var(--para-color); } 
.content-sec table tr:nth-child(odd) { background-color: var(--white); color: var(--para-color); } 
.content-sec table th { background-color: var(--pri); color: var(--white); font-weight: 500; } ul.footer-menu-list { display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 18px; list-style: none; } ul.footer-menu-list li a { margin-right: 15px; font-weight: 300; display: inline-block; line-height: 1.3; position: relative; text-transform: capitalize; color: var(--bg-light); } ul.footer-menu-list li a:hover { color: var(--sec); opacity: 1; } ul.footer-menu-list li a::before { content: "|"; padding: 0; font-size: 13px; position: absolute; right: -9px; top: 1px; color: var(--white); opacity: 0.8; } ul.footer-menu-list li:last-child a::before { content: none; } 
footer { padding: 50px 0 15px; position: relative; z-index: 1; background-color: var(--black); /* margin-top: 40px; */ } 
.ft-bx { position: relative; z-index: 1; } 
.ft-bx .logo { max-width: 130px; } 
.ft-bx .con-bx { display: flex; align-items: start; margin-bottom: 10px; gap: 10px; } 
.ft-bx .con-bx .ic-bx svg { min-width: 17px; width: 17px; height: 17px; color: var(--pri); } 
.ft-bx .con-bx a, .ft-bx .con-bx p { font-weight: 400; font-size: 14px; line-height: 1.8; color: rgb(255 255 255 / 76%); margin-bottom: 0px; } 
.ft-bx .con-bx a:hover { color: #5899d1; opacity: 1; } 
.ft-bx .ft-tt { font-family: var(--font); font-weight: 400; font-size: 16px; color: var(--white); text-transform: uppercase; margin-bottom: 10px; position: relative; } 
.ft-bx p { color: rgb(255 255 255 / 76%); line-height: 1.8; font-size: 14px; font-weight: 400; margin-bottom: 20px; } 
.ft-bx ul { padding: 0; list-style: none; margin: 0; } 
.ft-bx ul li a { font-size: 14px; color: rgb(255 255 255 / 76%); padding: 3px 0; transition: 0.1s; display: inline-block; font-weight: 400; } 
.ft-bx ul li a:hover { color: #5899d1; opacity: 1; } 
footer .ft-bx ul.social li a:hover { background: var(--pri); color: var(--white); } 
.ft-bx ul.social { display: flex; gap: 5px; justify-content: start; background-color: transparent; } 
.ft-bx ul.social li a { background: var(--pri); width: 38px; height: 38px; color: var(--white); border-radius: 100%; align-content: center; text-align: center; line-height: 1; opacity: 1; } 
.ft-bx ul.social li a svg { width: 17px; height: 17px; } 
.ft-bx ul.social li a:hover { background: white; color: var(--pri); } 
.contact-bx.ft-bx ul.social li a { border: 1px solid rgba(0, 0, 0, 0.4); color: var(--sec); } 
.contact-bx.ft-bx ul.social li.facebook a { background: #3c5b9b; color: var(--white); border: 0; } 
.contact-bx.ft-bx ul.social li.twitter a { background: var(--liner); background-color: #000; color: var(--white); border: 0; } 
.contact-bx.ft-bx ul.social li.linkedin a { background: #027ba5; color: var(--white); border: 0; } 
.contact-bx.ft-bx ul.social li.youtube a { background: #f70000; color: var(--white); border: 0; } 
.contact-bx.ft-bx ul.social li.instagram a { background: radial-gradient( circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90% ); color: var(--white); border: 0; } 
.copyright { padding-top: 15px; margin-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.12); } 
.copyright svg { color: var(--pri); } 
.copyright p { color: rgb(255 255 255 / 76%); margin-bottom: 0; font-weight: 400; font-size: 13px; } 
.copyright p a { color: rgba(255, 255, 255, 0.6); display: inline; font-weight: 400; } 
.copyright p a:hover { color: #95ceff; } 
footer .content-sec h1, footer .content-sec h2, footer .content-sec h3, footer .content-sec .tt { color: var(--white); font-size: 18px; text-transform: capitalize; } 
footer .content-sec p, footer .content-sec ul li { color: var(--bg-light); font-weight: 300; font-size: 14px; line-height: 1.7; } 
.sitemap { border-left: 1px solid #666; padding: 0; } 
.sitemap li { list-style: none !important; background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px; padding: 0px 0px 0px 15px; margin-bottom: 5px; font-family: var(--font2); color: var(--text-color); font-weight: 400; } 
.sitemap li ul { border-left: 1px solid #666; padding: 0; } 
.sitemap li a { color: var(--text-color); font-size: 14px; padding-bottom: 5px; display: inline-block; } 
.sitemap li a:hover { color: var(--pri); } 
.market-sec { padding: 60px 0; font-family: var(--font2); } 
.market-sec h1, .market-sec .main-tt, .market-sec h2, .market-sec h3 { font-size: 30px; color: var(--text-color); line-height: 26px; margin: 30px 0 30px; font-weight: 600; } 
.market-sec h2, .market-sec h3 { font-size: 25px; font-weight: 600; } 
.market-sec .market-bx { padding: 10px 12px; background-color: var(--bg-light); color: var(--text-color); font-size: 14px; transition: 0.2s ease-in-out; border-radius: 10px; } 
.market-sec .market-bx:hover { background-color: var(--pri); color: var(--white); } 
.expend-content-sec { overflow: hidden; } 
.expend-content-sec2 { max-height: 320px; overflow: clip; } 
.expend-content-sec2.expanded { overflow-y: auto; padding-right: 10px; } 
.expend-content-sec2.expanded::-webkit-scrollbar { width: 5px; } 
.expend-content-sec2.expanded::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; } 
.read-toggle { display: inline-block; color: currentColor; cursor: pointer; font-weight: 600; margin-top: 10px; user-select: none; font-size: 0.9em; } 
.read-toggle:hover { opacity: 0.8; } 
.abt-vid-bx, .reels-vid { overflow: hidden; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; } 
.abt-vid-bx iframe, .reels-vid iframe { aspect-ratio: 16 / 9; object-fit: cover; object-position: center; width: 100%; display: block; overflow: hidden; pointer-events: none; transform: scale(1.02); transform-origin: 50% 50%; } 
.reels-vid iframe { aspect-ratio: 35 / 62; } 
.blog-sec h1, .blog-sec h2, .blog-sec h3, .blog-sec h4, .blog-sec h5, .blog-sec h6 { scroll-margin-top: 100px; background: transparent; -webkit-background-clip: unset !important; -webkit-text-fill-color: initial !important; } /* .feat-icon-bx { background-color: #f3fff2; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; height: 100%; border-radius: 15px; padding: 20px 25px; } 
.feat-icon-bx .icon { width: 50px; height: 50px; } 
.feat-icon-bx svg { width: 50px; height: 50px; color: var(--pri); } 
.feat-icon-bx .tt { margin-top: 6px; color: var(--text-color); font-size: 17px; font-weight: 600; } */ .abt-sec, .abt-sec2 { position: relative; } 
.abt-sec2 img { border-radius: 20px; width: 100%; } 
.abt-sec2 .abt-counter-bx { right: auto; left: 20px; bottom: 20px; } 
.abt-sec img { border-radius: 100%; aspect-ratio: 1 / 1; width: 100%; border-bottom-left-radius: 10px; } 
.abt-counter-bx { text-align: center; background-color: var(--pri); color: var(--white); border-radius: 10px; padding: 20px 40px; position: absolute; bottom: 38px; right: -15px; } 
.abt-counter-bx .tt { font-weight: 700; font-size: 45px; line-height: 1; } 
.abt-counter-bx p { font-weight: 500; color: var(--white); margin-bottom: 0; line-height: 1.4; } 
.img-cate-bx { overflow: hidden; border-radius: 20px; position: relative; } 
.img-cate-bx .img { aspect-ratio: 1 / 1; overflow: hidden; } 
.img-cate-bx .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: 0.4s ease; } 
.img-cate-bx .img.img:hover img { transform: scale(1.08); } 
.img-cate-bx .tx-bx { background-color: var(--pri); color: var(--white); border-radius: 15px; padding: 12px 20px; display: flex; align-items: center; gap: 10px; position: absolute; bottom: -20px; left: 20px; transition: 0.3s ease-in-out; opacity: 0; } 
.img-cate-bx:hover .tx-bx { bottom: 20px; opacity: 1; } 
.img-cate-bx .tx-bx .tt { font-size: 20px; font-weight: 600; } 
.img-cate-bx .tx-bx span { background-color: var(--white); color: var(--pri); border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; line-height: 1; } 
.mission-sec { background-color: #222140; } /* .mission-sec::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url(../images/shape/shape.webp) no-repeat center top / cover; mix-blend-mode: multiply; opacity: 40%; } */ .counter-bx { /* width: 100%; justify-content: center; background: #2d1f13; border: 1px solid rgba(255, 255, 255, 0.2); padding: 30px; border-radius: 16px; flex-flow: column; align-items: flex-start; display: flex; */ width: 100%; justify-content: center; background: #2d1f13; padding: 30px; grid-column-gap: 25px; grid-row-gap: 15px; border-radius: 16px; background-color: var(--bg-light); flex-flow: column; height: 100%; transition: all 0.5s ease; align-items: flex-start; display: flex; border: 1px solid #e9eff4; } 
.counter-bx:hover { background-color: #f6f6f6; } 
.counter-bx .odometer.odometer-auto-theme { line-height: 40px; color: var(--text-color); font-size: 40px; font-weight: 600; font-family: Sora, sans-serif; } 
.counter-bx img { width: 60px; height: 60px; } 
.counter-bx .tt { font-weight: 700; font-size: 30px; line-height: 1; color: var(--text-color); margin-top: 5px; letter-spacing: 1px; } 
.counter-bx p { font-weight: 500; color: var(--para-color); margin-bottom: 0; } 
.icon.text-white svg { color: var(--pri); width: 45px; } 
.vis-mis-tabs .nav-tabs { justify-content: center; gap: 0; border: 0; } 
.vis-mis-tabs .nav-tabs .nav-link { flex-grow: 1; font-size: 20px; color: var(--white); background-color: transparent; border: 0; font-family: var(--font); font-weight: 600; padding: 20px 0; border-bottom: 1px solid white; } 
.vis-mis-tabs .nav-tabs .nav-link:first-child { text-align: left; } 
.vis-mis-tabs .nav-tabs .nav-link:last-child { text-align: right; } 
.vis-mis-tabs .nav-tabs .nav-link.active { border-color: var(--pri); color: var(--pri); } 
.category-sec { background: url(../images/shape/shape2.webp) #dbf3da no-repeat center center/cover; } 
.cate-bx { background-color: var(--white); border-radius: 12px; overflow: hidden; padding: 15px; } 
.cate-bx .img-bx { aspect-ratio: 1 / 1; overflow: hidden; position: relative; border-radius: 10px; } 
.cate-bx .img-bx img { aspect-ratio: 1 / 1; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); } 
.cate-bx .img-bx:hover img { transform: scale(1.05); } 
.cate-bx .tx-bx .tt { font-size: 16px; margin-top: 15px; margin-bottom: 5px; font-weight: 700; font-family: var(--font2); line-height: 1; } 
.cate-bx .tx-bx .tt a { color: var(--text-color); font-family: var(--font); display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; overflow: hidden; } 
.cate-bx:hover .tx-bx .tt a { color: var(--pri); } 
.testiSlider .swiper-slide { height: auto; margin-bottom: 40px; } 
.testiSlider .swiper-pagination { position: absolute; bottom: 0; } /* .testiSlider .swiper-wrapper { transition-timing-function: linear; } */ .texti-bx { padding: 25px; padding-top: 30px; border-radius: 20px; position: relative; height: 100%; background-color: var(--white); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06); } 
.texti-bx::before { content: ""; width: 36px; height: 36px; position: absolute; bottom: 32px; right: 25px; background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22200%22%20width%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20stroke-width%3D%220%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M119.472%2066.59C53.489%2066.59%200%20120.094%200%20186.1c0%2065.983%2053.489%20119.487%20119.472%20119.487%200%200-.578%2044.392-36.642%20108.284-4.006%2012.802%203.135%2026.435%2015.945%2030.418%209.089%202.859%2018.653.08%2024.829-6.389%2082.925-90.7%20115.385-197.448%20115.385-251.8%200-66.006-53.488-119.51-119.517-119.51m273.01%200c-65.983%200-119.472%2053.505-119.472%20119.51%200%2065.983%2053.489%20119.487%20119.472%20119.487%200%200-.578%2044.392-36.642%20108.284-4.006%2012.802%203.136%2026.435%2015.945%2030.418%209.089%202.859%2018.653.08%2024.828-6.389C479.539%20347.2%20512%20240.452%20512%20186.1c0-66.006-53.489-119.51-119.518-119.51%22%20style%3D%22fill%3A%2380bd7f%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-size: contain; } 
.texti-bx .img { width: 50px; height: 50px; border-radius: 100%; align-content: center; text-align: center; font-family: var(--font); font-weight: 600; text-transform: uppercase; color: var(--pri); font-size: 25px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 8px 1px inset; } 
.texti-bx .name { color: var(--text-color); font-weight: 600; } 
.texti-bx .name span { display: block; color: var(--para-color); font-size: 0.95em; font-weight: 400; } 
.texti-bx p { color: var(--text-color); margin-bottom: 0; } 
.texti-bx .star-rating { display: flex; gap: 3px; margin-bottom: 15px; } 
.texti-bx .star-rating svg { width: 16px; height: 16px; } 
.star-rating-wrap { display: flex; align-items: center; gap: 0; } 
.rating { display: flex; gap: 0; user-select: none; } 
.rating .star { width: 30px; height: 30px; cursor: pointer; position: relative; display: inline-block; } 
.rating .star i { position: absolute; inset: 0; font-style: normal; } 
.rating .star i::before { content: "★"; position: absolute; inset: 0; color: #d9d9d9; font-size: 30px; line-height: 30px; } 
.rating .star i::after { content: "★"; position: absolute; inset: 0; color: #ffc107; font-size: 30px; line-height: 30px; width: 0%; overflow: hidden; } 
.rating .star i::after { width: var(--w, 0%); } 
.faq-bx { background-color: #f4f4f4; position: relative; z-index: 1; border-radius: 25px; overflow: hidden; } 
.faq-bx::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url(../images/shape/shape.webp) no-repeat center top / cover; mix-blend-mode: multiply; opacity: 8%; } 
.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type, .accordion-item:not(:first-of-type) { margin-bottom: 15px; background: var(--bg-light); border: 0; border-radius: 10px; padding: 14px 17px; border: 1px solid #e6e6e682; } 
.faq-bx .accordion-item { background: var(--white); } 
.accordion-item:last-child { margin-bottom: 0; } 
.accordion-button { background: transparent; font-weight: 600; outline: 0 !important; font-family: var(--font2); color: var(--text-color); font-size: 16px; padding: 6px 0; letter-spacing: -0.4px; } 
.accordion-body { line-height: 1.6; font-size: 15px; color: var(--para-color); padding: 0; padding-top: 10px; padding-bottom: 0px; border-top: 0px solid var(--text-light); margin-top: 0px; } 
.accordion-body p { margin-bottom: 0; } 
.accordion-button::after { width: 1rem; height: 1rem; background-size: 1rem; } 
.accordion-button:not(.collapsed) { box-shadow: none !important; background: transparent; border: 0; color: var(--pri); } 
.accordion-button:focus { box-shadow: none !important; border: 0; } 
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2380bd7f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } 
.cta-sec { background-color: var(--pri); border-radius: 15px; padding: 30px; color: var(--white); position: relative; top: -65px; } 
.cta-bx { background-color: var(--pri); display: flex; align-items: center; gap: 13px; } 
.cta-bx .icon { width: 50px; min-width: 50px; height: 50px; border-radius: 100%; position: relative; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 1; display: inline-flex; align-items: center; justify-content: center; } 
.cta-bx .icon::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: var(--white); border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } 
.cta-bx .icon svg { width: 16px; height: 16px; fill: var(--pri); } 
.cta-bx .tx-bx .tt, .cta-bx .tx-bx .tt a { font-weight: 600; font-size: 16px; color: var(--white); } 
.cta-bx .tx-bx .sub-tt { font-size: 15px; margin-bottom: 2px; } 
.cta-bx .tx-bx .tt a { display: inline; } 
.oem-points { display: flex; flex-wrap: wrap; gap: 6px 22px; padding: 0; margin: 0 0 20px; list-style: none; } 
.oem-points li { font-size: 15px; font-weight: 600; position: relative; padding-left: 20px; } 
.oem-points li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--white); font-weight: 700; } 
.cate-img { max-width: 440px; float: right; width: 100%; margin-left: 30px; margin-bottom: 30px; } 
.cate-img.left { float: left; margin-right: 30px; margin-left: 0; } 
.cate-img img { aspect-ratio: 1 / 1; object-fit: contain; object-position: center; width: 100%; height: 100%; overflow: hidden; border: 1px solid var(--border-color); } 
.nav-cate-style.nav-pills .nav-link { background-color: var(--text-light); color: var(--white); font-size: 15px; padding: 8px 18px; border-radius: 19px; font-family: var(--font); font-weight: 500; } 
.nav-cate-style.nav-pills .nav-link.active { background-color: var(--pri); color: var(--white); } 
.faq-sec .nav-pills .nav-link { background-color: var(--bg-light); color: var(--text-color); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07); border-radius: 8px; /* border-left: 3px solid var(--pri); */ padding: 10px 16px; text-align: left; font-family: var(--font); font-weight: 500; font-size: 16px; border-radius: 20px; } 
.faq-sec .nav-pills .nav-link:hover { color: var(--pri); } 
.faq-sec .nav-pills .nav-link.active, .faq-sec .nav-pills .show > .nav-link { color: var(--white); background-color: var(--pri); } 
.cat-nav-img { background-image: url(../images/bg/2.webp); padding: 30px 25px; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; border-radius: 10px; overflow: hidden; } 
.cat-nav-img .tt { color: var(--white); font-weight: 600; font-size: 24px; line-height: 1.3; margin-bottom: 10px; font-family: var(--font); } 
.cat-nav-img p { color: var(--bg-light); line-height: 1.3; } 
.cat-nav-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #24233e; opacity: 0.9; z-index: -1; } 
.gallery-bx { background: var(--white); position: relative; aspect-ratio: 1 / 1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07); margin-bottom: 3px; border-radius: 15px; overflow: hidden; } 
.gallery-bx img { aspect-ratio: 1 / 1; width: 100%; object-fit: cover; object-position: center; transition: 0.3s ease; } 
.gallery-bx:hover img { filter: blur(3px); } 
.gallery-bx.certificate-bx img, .gallery-bx.certificate-bx { aspect-ratio: 164 / 235; } 
.gallery-bx img { max-width: 100%; } 
.gallery-bx .link-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: inline-block; height: 45px; width: 45px; line-height: 40px; background-color: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); text-align: center; color: var(--white); font-size: 14px; opacity: 0; transition: all 0.5s ease-in-out; pointer-events: none; border-radius: 100%; } 
.gallery-bx .link-wrap svg { width: 20px; height: 20px; } 
.gallery-bx:hover .link-wrap { opacity: 1; } 
.gallery-bx .tt { color: var(--white); position: absolute; bottom: 0; left: 0; padding: 45px 20px 10px; pointer-events: none; width: 100%; font-weight: 500; font-size: 18px; letter-spacing: 0.5px; background: linear-gradient( to top, rgba(2, 20, 4, 0.75) 10%, rgba(0, 0, 0, 0) 70% ); text-shadow: 1px 1px 5px #000; z-index: 2; } 
.contactBx-container { background-color: var(--bg-light); padding: 30px; border: 1px solid var(--bg-light); height: 100%; border-radius: 15px; } 
.contact-bx .head-sec { margin-bottom: 20px; } 
.contact-bx .head-sec .tt { font-size: 25px; } 
.lsm-filter-design-wrap .filter-accordion-item { border: 1px solid #fff0; border-radius: 14px; overflow: hidden; background: #fff0; margin-bottom: 12px; transition: all 0.3s ease; padding: 0; } 
.lsm-filter-design-wrap .filter-accordion-item:last-child { margin-bottom: 0; } 
.lsm-filter-design-wrap .category-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 5px; background: #f9f9f900; } 
.lsm-filter-design-wrap .parent-select-area { display: flex; align-items: center; gap: 10px; flex: 1; } 
.lsm-filter-design-wrap .parent-checkbox, .lsm-filter-design-wrap .child-checkbox, .form-check-input:checked { width: 17px; height: 17px; cursor: pointer; accent-color: var(--pri); border-color: #e3e3e3; box-shadow: none !important; margin: 0px; } 
.form-check-input:checked, .form-check-input[type="checkbox"]:indeterminate { background-color: var(--pri); border-color: var(--pri); } 
.lsm-filter-design-wrap .child-title:hover { color: var(--pri); } 
.lsm-filter-design-wrap .parent-title { margin: 0; line-height: 1.3; cursor: pointer; font-weight: 600; outline: 0 !important; font-family: var(--font2); color: var(--text-color); font-size: 15px; padding: 6px 0; letter-spacing: -0.4px; } 
.lsm-filter-design-wrap .accordion-toggle { width: 28px; height: 28px; border: none; border-radius: 50%; background: transparent; position: relative; cursor: pointer; transition: all 0.3s ease; flex: 0 0 auto; } 
.lsm-filter-design-wrap .accordion-toggle::before, .lsm-filter-design-wrap .accordion-toggle::after { content: ""; position: absolute; background: var(--pri); border-radius: 10px; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.25s ease; } 
.lsm-filter-design-wrap .accordion-toggle::before { width: 10px; height: 2px; } 
.lsm-filter-design-wrap .accordion-toggle::after { width: 2px; height: 10px; } 
.lsm-filter-design-wrap .accordion-toggle:not(.collapsed)::after { opacity: 0; } 
.lsm-filter-design-wrap .accordion-body { padding: 0px 15px; background: #fff0; } 
.lsm-filter-design-wrap .subcategory-list { list-style: none; padding: 0; margin: 0; } 
.lsm-filter-design-wrap .subcategory-list li { margin-bottom: 0px; } 
.lsm-filter-design-wrap .subcategory-list li:last-child { margin-bottom: 0; } 
.lsm-filter-design-wrap .child-label { display: flex; align-items: center; gap: 10px; padding: 7px 11px; border-radius: 10px; background: var(--bg-light); cursor: pointer; transition: all 0.25s ease; } 
.lsm-filter-design-wrap .child-title { font-size: 13px; font-weight: 500; color: var(--text-color); line-height: 1.3; } 
@media (max-width: 575px) { .lsm-filter-design-wrap .category-head { padding: 12px; } 
.lsm-filter-design-wrap .parent-title { font-size: 14px; } 
.lsm-filter-design-wrap .child-title { font-size: 13px; } 
.lsm-filter-design-wrap .accordion-toggle { width: 25px; height: 25px; } 
} 
.oem-process-card { background: var(--white); border: 1px solid #eee; padding: 25px; border-radius: 16px; position: relative; transition: 0.3s ease; height: 100%; } 
.oem-process-card:hover { border-color: var(--pri); box-shadow: 0 12px 30px rgb(128 189 127 / 15%); } 
.oem-process-number { width: 52px; height: 52px; border-radius: 50%; background: var(--pri); color: var(--white); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; margin-bottom: 15px; } 
.oem-process-card .tt { font-size: 20px; margin-bottom: 5px; color: var(--sec); font-family: var(--font); font-weight: 600; } 
.oem-process-card p { margin-bottom: 0; } 
.ls-oem-info-card { position: relative; overflow: hidden; border-radius: 28px; color: #ffffff; background: radial-gradient( circle at top right, rgba(255, 255, 255, 0.28), transparent 32% ), linear-gradient(135deg, #9ed49e 0%, #7abb7d 48%, #68aa6b 100%); box-shadow: 0 22px 50px rgba(55, 130, 65, 0.2); } 
.ls-oem-info-card::before { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); right: -80px; bottom: -80px; } 
.ls-oem-mini-title { display: inline-block; margin-bottom: 10px; padding: 7px 16px; border-radius: 50px; background: rgba(255, 255, 255, 0.2); color: #ffffff; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; } 
.ls-oem-info-card .title { position: relative; font-family: var(--font); margin: 0 0 10px; font-size: 32px; line-height: 1.18; font-weight: 800; letter-spacing: -0.7px; } 
.ls-oem-info-card p { position: relative; line-height: 1.6; margin-bottom: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.95); } 
.ls-oem-points { position: relative; list-style: none; margin: 0; padding: 0; } 
.ls-oem-points li { position: relative; padding-left: 20px; margin-bottom: 2px; font-size: 14px; line-height: 1.5; color: #ffffff; } 
.ls-oem-points li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18); } 
.ls-oem-support-box { position: relative; margin-top: 20px; padding: 15px 22px; border-radius: 18px; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); } 
.ls-oem-support-box strong { display: block; margin-bottom: 0px; font-size: 18px; color: #ffffff; } 
.ls-oem-support-box span { display: block; /* font-size: 15px; */ line-height: 1.6; color: rgba(255, 255, 255, 0.92); } 
.custom-from-row { padding: 35px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); background-color: var(--white); color: var(--text-color); border-radius: 10px; } /* header new css */ .logo-bx.d-lg-block.d-none { width: 70px; } /* .button-text.hover { position: absolute;margin: 0px; bottom: -100%; } p.button-text.normal{ position: absolute;top: 0px;margin: 0px; } 
.button-content { z-index: 2; flex-flow: column; display: flex; width: 120px;padding: 10px 20px; position: relative; overflow: hidden; } 
.button-content:hover p.button-text.normal{  position: absolute; top: -120%;} 
.button-content:hover p.button-text.hover{ bottom: 0%;} */ .button-content { position: relative; overflow: hidden; display: flex; align-items: center; width: fit-content; perspective: 600px; } 
.button-text { display: flex; align-items: center; gap: 8px; margin: 0 !important; white-space: nowrap; font-weight: 600; font-size: 14px; transition: transform 0.75s cubic-bezier(0.76, 0, 0.24, 1); transform-origin: center center; } /* First text */ .button-text.normal { position: relative; transform: translateY(0) rotateX(0); } /* Second text */ .button-text.hover { position: absolute; left: 16px; top: 50%; transform: translateY(150%) rotateX(-45deg); transform-origin: center; } /* Hover */ .button-content:hover .button-text.normal { transform: translateY(-150%) rotateX(45deg); } 
.button-content:hover .button-text.hover { transform: translateY(-50%) rotateX(0); } 
.button-content p { color: var(--white); } 
.button-text svg { flex-shrink: 0; } /* slider */ .sliders .title1 { font-size: 72px; line-height: 70px; font-weight: 600; letter-spacing: -0.3px; margin-top: 0; margin-bottom: 15px; } 
.zoom-img { animation: slowZoom 8s ease-in-out forwards; } 
.carousel-caption p { font-size: 16px; color: var(--white); } 
@keyframes slowZoom { from { transform: scale(1); } to { transform: scale(1.12); } 
} /* about us */ .about-left .button-content p { color: var(--pri); } 
.section-title.style-02 { font-size: 48px; color: var(--white); letter-spacing: -0.4px; font-weight: 600; } 
.about-subheading { font-size: 22px; font-weight: 600; line-height: 28px; color: var(--white); } p.section-subtitle.style-02.about { font-size: 16px; color: var(--white); opacity: 0.8; } 
.about-left-top { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; align-items: flex-start; /* max-width: 505px; */ display: flex; } 
.about-left { /* width: 45%; max-width: 634px; */ padding: 40px; grid-column-gap: 40px; grid-row-gap: 40px; border-radius: 16px; background-color: var(--sec); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; overflow: hidden; height: 100%; } 
.about-image { border-radius: 16px; object-fit: cover; width: 100%; height: 100%; } 
.single-counter { padding: 30px; grid-column-gap: 48px; grid-row-gap: 15px; border-radius: 16px; background-color: var(--white); flex-flow: column; align-items: flex-start; display: flex; } 
.about-counter-number-wrapper { flex-flow: column; display: flex; } 
.about-counter-number { /* font-family: var(--font-family--heading-font); */ color: var(--text-color); font-size: 40px; line-height: 34px; font-weight: 600; letter-spacing: -1.4px; } 
.counter-number-span { color: var(--pri); } 
.about-counter-content { font-size: 14px; } 
.col-lg-5c { width: 45%; } 
.col-lg-7c { width: 55%; } /* category section  */ .single-service { flex-flow: column; align-items: flex-start; width: 100%; display: flex; } 
.service-thumbnail-wrapper { border-radius: 16px; width: 100%; /* height: 382px; overflow: hidden; */ } 
.service-title-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: space-between; align-items: center; width: 100%; padding-bottom: 20px; display: flex; position: relative; } 
.service-title { max-width: 227px; color: var(--text-color); font-size: 20px; line-height: 30px; font-weight: 600; letter-spacing: -0.4px; } 
.service-icon-box { border-radius: 100%; justify-content: center; align-items: center; width: 42px; height: 42px; display: flex; position: relative; overflow: hidden; } 
.service-border { background-color: #2d1f131f; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; } 
.service-arrow-icon.hover { position: absolute; bottom: -20px; left: -20px; } 
.service-thumbnail { object-fit: cover; width: 100%; height: 100%; } 
.service-active-border { background-color: #261a11; width: 0%; height: 100%; transition: all 0.5s ease; } 
.single-service:hover .service-active-border { width: 100%; } 
.single-service:hover .img.img img { transform: scale(1.08); } 
.lead-sure-section .head-sec .title1 { font-size: 40px; font-weight: 600; text-align: center; text-transform: capitalize; letter-spacing: -1.4px; } 
.lead-sure-section .head-sec p { font-size: 16px; } 
.service-icon-box { background: var(--white); transition: all 0.5s ease; } 
.service-icon-box { position: relative; overflow: hidden; background: var(--white); transition: 0.4s ease; border: 1px solid #055ba61f; } 
.service-arrow-icon { display: block; transition: 0.4s ease; } 
.service-arrow-icon.hover { position: absolute; inset: 0; display: grid; place-items: center; transform: translate(-35px, 35px); } 
.single-service:hover .service-icon-box { background: var(--pri); } 
.single-service:hover .service-arrow-icon:not(.hover) { transform: translate(35px, -35px); } 
.single-service:hover .service-arrow-icon.hover { transform: translate(0); } 
.service-arrow-icon svg { color: var(--pri); transition: 0.4s ease; } 
.service-arrow-icon.hover svg { color: var(--white); } 
.cateSlider .service-title { font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -0.4px; } /* whychoose us */ .section-content-wrapper.benefit { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; display: flex; grid-column-gap: 60px; grid-row-gap: 60px; } 
.benefit-left { width: 100%; max-width: 100%; position: relative; border-radius: 16px; overflow: hidden; height: 100%; } 
.benefit-right { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; align-items: flex-start; width: 100%; max-width: 100%; display: flex; } 
.benefit-counter { border-radius: 16px; background-color: var(--white); flex-flow: column; width: 100%; max-width: 255px; padding: 20px; display: flex; position: absolute; bottom: 20px; left: 20px; } 
.benefit-bottom { grid-column-gap: 36px; grid-row-gap: 20px; flex-flow: column; align-items: flex-start; display: flex; } 
.benefit-list { grid-column-gap: 24px; grid-row-gap: 15px; flex-flow: column; align-items: flex-start; max-width: 100%; display: flex; } 
.single-benefit { grid-column-gap: 20px; grid-row-gap: 20px; align-items: flex-start; display: flex; } 
.section-content-wrapper.benefit .head-sec { margin: 0 auto 10px; } 
.single-benefit svg { color: var(--pri); width: 30px; height: 30px; } 
.benefit-icon { width: 24px; min-width: 24px; margin-top: 7px; } 
.benefit-title-wrapper { grid-column-gap: 6px; grid-row-gap: 6px; flex-flow: column; align-items: flex-start; display: flex; } 
.benefit-title { color: #281b11; font-size: 18px; line-height: 36px; font-weight: 600; margin: 0px; } 
.benefit-content { font-size: 14px; margin: 0px; } 
.benefit-counter-number { color: #372617; font-size: 40px; line-height: 60px; font-weight: 600; letter-spacing: -1.4px; } 
.counter-bx1 { width: 100%; justify-content: center; background: #2d1f13; padding: 30px; grid-column-gap: 25px; grid-row-gap: 30px; border-radius: 16px; background-color: #f4f4f4; flex-flow: column; height: 100%; align-items: flex-start; display: flex; border: 1px solid #cccccc40; } /* How a retrofit runs */ .feature-icon-box { border-radius: 50px; background-color: var(--bg-light); justify-content: center; align-items: center; width: 60px; min-width: 60px; height: 60px; display: flex; border: 1px solid #055ba61f; margin: 0px auto 20px; } 
.feature-icon-box svg { color: #055ba6; } 
.feature-title-wrapper { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; } 
.feature-title { text-transform: capitalize; color: var(--text-color); font-size: 18px; line-height: 25px; font-weight: 600; letter-spacing: -0.04px; margin-bottom: 2px; } 
.feature-subtitle { opacity: 0.8; font-size: 16px; max-width: 300px; } 
.mission-sec .single-feature { text-align: center; background: var(--white); border-radius: 16px; padding: 35px 20px 20px; height: 100%; transition: all 0.5s ease; border: 1px solid #eaf5ff; } 
.mission-sec .single-feature:hover { background: #055ba60a; border: 1px solid #dfedfa; } 
.mission-sec .clientSlider .single-feature img { transition: all 0.5s ease; } 
.mission-sec .clientSlider .single-feature:hover img { transform: scale(1.1); } 
.mission-sec .clientSlider .single-feature { box-shadow: 0px 4px 20px rgb(0 0 0 / 13%); margin: 10px 0px 20px; padding: 15px 0px; overflow: hidden; border-radius: 12px; } /* blogs */ .blog-title-wrapper { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; } 
.blog-title { color: var(--text-color); font-size: 16px; line-height: 25px; font-weight: 600; letter-spacing: -0.04px; margin: 0px; } 
.blog-date { opacity: 0.8; color: var(--para-color); font-size: 14px; font-weight: 400; } 
.service-icon-box { width: 42px; height: 42px; max-width: 42px; min-width: 42px; } 
.blogSlider .img-cate-bx .img { aspect-ratio: 16 / 10; overflow: hidden; } 
.blogSlider .service-title-wrapper { align-items: start; } 
.blog-title:hover { color: var(--pri); } /* faqs */ .faqsection { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; align-items: center; width: 100%; max-width: 80%; margin-left: auto; margin-right: auto; display: flex; } 
.accordion-item { width: 100%; border-radius: 12px !important; margin: 0px !important; } /* ctc section  */ /* ================================ Tower CTA ================================ */ .tower-cta { background: #f5f8fa; } 
.cta-card { position: relative; overflow: hidden; padding: 55px 60px; border-radius: 24px; background: var(--white); box-shadow: 1px 1px 26px rgba(4, 45, 55, 0.18); } /* Decorative circle */ .cta-card::before { content: ""; position: absolute; width: 280px; height: 280px; right: -100px; bottom: -130px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; } 
.cta-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: 20px; bottom: -90px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 50%; } /* Label */ .cta-label { display: inline-flex; align-items: center; margin-bottom: 16px; padding: 7px 13px; border: 1px solid rgb(83 83 83 / 18%); border-radius: 50px; color: var(--pri); background: rgb(124 124 124 / 7%); font-size: 12px; font-weight: 700; letter-spacing: 1.2px; } /* Heading */ .cta-title { max-width: 720px; margin-bottom: 16px; color: var(--bs-black); line-height: 1.12; font-size: 48px; font-weight: 600; letter-spacing: -1.4px; } 
.cta-title span { color: var(--pri); } /* Description */ .cta-text { max-width: 700px; margin-bottom: 24px; font-size: 16px; line-height: 1.7; color: var(--para-color); font-weight: 400; } /* Features */ .cta-features { display: flex; flex-wrap: wrap; gap: 22px; } 
.cta-features div { display: flex; align-items: center; gap: 8px; color: var(--bs-black); font-size: 14px; font-weight: 600; } 
.cta-features i { color: var(--pri); font-size: 16px; } 
.btn-quote i { transition: transform 0.3s ease; } 
.btn-quote:hover i { transform: translateX(4px); } /* Call button */ .btn-call { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 60px; border: 1px solid rgb(220 220 220 / 25%); border-radius: 40px; color: var(--pri); background: rgb(104 104 104 / 22%); text-align: left; backdrop-filter: blur(8px); transition: all 0.3s ease; width: auto; padding: 0px 15px 0px 10px; } 
.cta-actions { text-align: right; } 
a.btn.btn-call small { color: var(--black); display: block; font-size: 13px; } 
.call-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; background: var(--pri); color: var(--white); } 
.cta-actions a.button.main-btn.main-btn2 { width: auto; padding: 7px !important; margin-bottom: 15px; } /* category */ .head-sec.text-start.mb-0 .tt.title1.mb-0 { text-align: left; } 
.benefit-left img.benefit-image { transition: all 0.5s ease; width: 100%; object-fit: cover; height: 100%; } 
.benefit-left:hover img.benefit-image { transform: scale(1.1); } /* toggle read more */ .seo-content-bx { padding: 30px; border-radius: 20px; position: relative; background-color: var(--bg-light); } 
header.is-scrolled .menubar .bg-white1.rounded-pill.p-1 { border: 1px solid #055ba61a; } 
.seo-content-bx .main-title { text-align: center; font-size: 30px; font-weight: 600; color: var(--text-color); padding-right: 50px; } 
.seo-content-bx .main-title span { color: var(--pri); } 
.seo-content-bx .read-toggle { position: absolute; right: 20px; top: 25px; width: 35px; height: 35px; border-radius: 100%; color: var(--pri); display: inline-flex; align-items: center; justify-content: center; background-color: var(--white); } 
.jsmarquee-sec { width: 100%; color: #fff; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: var(--text-color); } 
.js-marquee-wrapper { display: flex; width: 100%; } 
.jsmarquee-list { display: flex; gap: 60px; } 
.jsmarquee-list a, .jsmarquee-list span { font-family: var(--font); font-weight: 500; font-size: 20px; color: var(--pri); white-space: nowrap; position: relative; line-height: 1; } 
.jsmarquee-list a:hover { color: var(--pri); } 
.tower-cta .cta-card { text-align: left; padding: 55px 60px; } 
.tower-cta { background: var(--white); } 
.cta-card { position: relative; padding: 25px 20px; text-align: center; } /* footer */ .ft-bx .logo img { filter: brightness(0) invert(1); width: 75px; } /* footer */ .ic-bx { width: 35px; height: 35px; max-width: 35px; background: #fff; min-width: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50px; } 
.ft-bx ul.social li a { background: var(--white); color: var(--pri); } 
.bg-white1.rounded-pill.p-1 { background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(12px); --webkit-backdrop-filter: blur(12px); } 
.head-sec .tt span { color: var(--pri); } 
.btn-call { border: 1px solid #f1f1f1; background: var(--bg-light); } 
a.btn.btn-call:hover { border: 1px solid #dddddd; } 
a.btn.btn-call span { font-weight: 600; } /* aboutpages */ .carousel-item:before { content: ""; width: 100%; height: 100%; background: #00000033; position: absolute; z-index: 1; } 
.carousel-caption { z-index: 9; } 
.crumb { background: var(--grey); border-bottom: 1px solid var(--line); padding: 14px 0; font-size: 0.88rem; color: var(--muted); } 
.hero-section.pb-5 { padding-top: 130px; background: var(--bg-light); } 
.img-breadcum-sec .tx-bx p { width: 75%; margin: auto; color: #fff; } /* about page  */ /* breadcrumb */ nav.breadcrumb1 { background: var(--bg-light); border-bottom: 1px solid #eee; padding: 14px 0; font-size: 0.88rem; color: var(--text-color); } 
li.breadcrumb-item { display: flex; align-items: center; } 
li.breadcrumb-item a { color: var(--pri); font-weight: 500; } /* who we are section */ /* Visual */ .about-visual { position: relative; padding: 0 20px 20px 0; } 
.about-visual::before { content: ""; position: absolute; width: 72%; height: 82%; right: 0; bottom: 0; background: #edf4f6; } 
.about-main-img { position: relative; z-index: 2; height: 430px; overflow: hidden; } 
.about-main-img img { width: 100%; height: 100%; object-fit: cover; } 
.experience-box { position: absolute; right: 0; bottom: 85px; z-index: 5; width: 175px; padding: 20px; background: var(--pri); border-radius: 12px; } 
.experience-box strong { display: block; margin-bottom: 7px; color: #fff; font-size: 50px; line-height: 1; } 
.experience-box span { display: block; color: #ffffffb3; font-size: 12px; line-height: 1.5; text-transform: uppercase; letter-spacing: 1px; } 
.experience-box .odometer span { font-size: 42px; font-weight: 600; color: var(--white); } 
.visual-label { position: absolute; left: 30px; bottom: 0; z-index: 5; padding: 16px 24px; background: #fff; color: var(--pri); font-size: 13px; font-weight: 600; box-shadow: 0 10px 40px #00000014; border: 1px solid #055ba62b; border-radius: 5px; } 
.visual-label span { margin-right: 10px; color: var(--pri); } /* Note */ .engineering-note { display: flex; gap: 22px; margin: 20px 0; background: var(--white); border: 1px solid #055ba617; border-radius: 5px; } 
.note-line { width: 4px; flex-shrink: 0; background: var(--pri); } 
.engineering-note p { color: var(--text-color); font-size: 18px; line-height: 1.65; font-weight: 600; margin: 0px; padding: 20px 0px; } 
.engineering-note strong { color: var(--pri); font-size: 14px; } /* Data */ .company-data { display: grid; grid-template-columns: 1fr 0.7fr 0.7fr 1fr 0.6fr 1fr; margin-top: 40px; border-block: 1px solid #055ba624; border: 1px solid #055ba624; border-radius: 12px; overflow: hidden; } 
.data-item { position: relative; padding: 25px 15px; background: var(--white); } 
.data-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 24%; width: 1px; height: 52%; background: #055ba63d; } 
.data-item span { display: block; margin-bottom: 7px; color: var(--text-color); font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } 
.data-item strong { color: var(--pri); font-size: 14px; line-height: 1.5; } /* counter box */ .counter-box span { font-size: 30px; color: var(--pri); font-weight: 700; } 
.flast-col { line-height: 40px; font-size: 30px; font-weight: 700; color: var(--pri); } 
.lead-sure-section.mission-sec.counter-section2 .single-feature { background: var(--bg-light); } 
li.breadcrumb-item { font-weight: 500; } 
.benefit-right ul { padding: 0px; margin: 0px; } 
.benefit-right ul li { list-style: circle; margin-left: 14px; padding-left: 10px; margin-bottom: 8px; } /* gallery */ .gals figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 14px 11px; color: #fff; font-size: 0.9rem; font-weight: 600; line-height: 1.3; background: linear-gradient(to top, rgba(2, 23, 64, 0.9), rgba(2, 23, 64, 0)); } 
.gallery-bx.gals { aspect-ratio: 1.5; } 
.leader-card { background: var(--white); border-radius: 20px; padding: 30px; height: 100%; position: relative; overflow: hidden; border: 1px solid #e9edf3; transition: all 0.35s ease; } 
.leader-card:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--pri), var(--sec)); } 
.leader-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); } 
.leader-top { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } 
.avatar { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--pri), var(--pri2)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; letter-spacing: 1px; box-shadow: 0 10px 25px rgba(13, 110, 253, 0.25); } 
.leader-info .title3 { font-size: 22px; margin-bottom: 8px; color: var(--pri); font-weight: 700; } 
.leader-info span { font-size: 14px; color: var(--text-color); font-weight: 600; } 
.leader-card p { font-size: 15px; line-height: 1.8; color: #596575; margin-bottom: 20px; } 
.leader-line { height: 1px; background: #e9edf3; margin-bottom: 18px; } 
.designation { display: flex; align-items: center; gap: 10px; color: var(--text-color); font-size: 14px; font-weight: 600; } 
.designation-icon { width: 20px; height: 20px; flex: 0 0 20px; color: var(--pri); } 
.section-tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: #1769e0; margin-bottom: 10px; } 
.section-heading .title2 { margin: 0 0 12px; font-size: 34px; line-height: 1.25; font-weight: 700; color: var(--text-color); } /* Certification Card */ .cert-card { height: 100%; background: var(--white); border: 1px solid #e6eaf0; border-radius: 18px; padding: 28px 24px; position: relative; overflow: hidden; transition: all 0.35s ease; } 
.cert-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--pri); transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; } 
.cert-card:hover { transform: translateY(-7px); border-color: #d9e2f0; box-shadow: 0 18px 45px rgba(25, 45, 75, 0.09); } 
.cert-card:hover::before { transform: scaleX(1); } /* Icon */ .cert-icon { width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--bg-light); color: var(--pri); margin-bottom: 22px; transition: all 0.35s ease; border: 1px solid #055ba612; } 
.cert-icon svg { width: 27px; height: 27px; } 
.cert-card:hover .cert-icon { background: var(--pri); color: var(--white); transform: scale(1.05); } /* Content */ .cert-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 7px; } 
.cert-content .title3 { margin: 0 0 13px; color: var(--text-color); font-size: 21px; font-weight: 700; } /* Number */ .cert-number { display: inline-block; padding: 8px 11px; border-radius: 7px; background: var(--white); color: var(--text-color); font-size: 12px; font-weight: 600; letter-spacing: 0.3px; word-break: break-word; } /* Status */ .cert-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 30px; font-size: 11px; font-weight: 600; } 
.cert-status.pending { background: #055ba614; color: var(--pri); margin-bottom: 10px; } 
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; } /* services section */ .requestcall { background: var(--text-color); } 
.challenge-card { height: 100%; background: var(--white); padding: 35px 30px; border-radius: 18px; border: 1px solid #e7edf3; transition: all 0.35s ease; position: relative; overflow: hidden; } 
.challenge-card:before { content: ""; position: absolute; left: 0; top: 0; width: 5px; height: 0; background: var(--pri); transition: 0.35s ease; } 
.challenge-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); } 
.challenge-card:hover:before { height: 100%; } 
.icon-box { width: 58px; height: 58px; background: var(--white); color: var(--pri); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 22px; border: 1px solid #055ba61a; } 
.challenge-card .title3 { margin-bottom: 15px; color: var(--text-color); font-size: 18px; line-height: 30px; font-weight: 600; letter-spacing: -0.4px; } 
.cert-icon.mx-auto svg { width: 40px; height: 40px; } 
.amc-heading small { color: var(--pri); font-size: 13px; font-weight: 700; letter-spacing: 2px; } 
.manufacturer-line { margin-top: 35px; padding: 18px 22px; border-left: 4px solid var(--pri); background: var(--white); display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--text-color); } 
.difference-list { border-left: 1px solid #dce3ec; padding-left: 35px; } 
.difference-item { display: flex; gap: 25px; padding: 0 0 10px; margin-bottom: 20px; border-bottom: 1px solid #edf0f5; } 
.difference-item:last-child { border-bottom: 0; margin-bottom: 0; } 
.difference-item .icon { width: 58px; height: 58px; flex-shrink: 0; border-radius: 50%; background: var(--pri); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; } 
.difference-item .title4 { font-size: 18px; font-weight: 700; color: #111827; margin-bottom: 8px; } 
.difference-item:hover .icon { transform: scale(1.08); transition: 0.3s; } 
.productBrochureandvideo.rounded-pill:hover { background: var(--bg-light); border-color: var(--pri); color: var(--pri); } 
header .main-btn { padding: 10px 10px; } 
.nav-content p { margin-bottom: 0px; } /* resources */ .sticky-sidebar { position: sticky; top: 100px; align-self: flex-start; } 
.timeline-nav { position: relative; } /* Mobile disable sticky */ @media (max-width: 991px) { .sticky-sidebar { position: relative; top: auto; } 
} 
.timeline-title .smalltext { font-size: 12px; font-weight: 700; letter-spacing: 2px; color: var(--pri); } 
.timeline-nav ul { list-style: none; padding: 0; margin: 0; position: relative; } 
.keys { background: var(--bg-light); border-left: 4px solid var(--pri); padding: 24px 28px; margin-bottom: 15px; } 
.keys ul { margin: 0px; padding: 0px; } 
.keys ul li { list-style: circle; margin-left: 18px; margin-bottom: 8px; } 
.guide-content table tr td, .guide-content table tr th { padding: 11px 14px; border-bottom: 1px solid var(--line); color: #31435c; vertical-align: top; } 
.guide-content table tr th { background: var(--pri); color: var(--white); } 
.guide-content table { width: 100%; margin: 10px 0px; } 
.guide-content ul, .guide-content ol { margin: 0 0 18px; padding-left: 0%; color: #31435c; } 
.guide-content ol li { margin-bottom: 8px; } /* vertical line */ .timeline-nav ul:before { content: ""; position: absolute; left: 35px; top: 25px; bottom: 25px; width: 2px; background: #dbe3ef; } 
.timeline-nav li { position: relative; margin-bottom: 5px; } 
.timeline-nav a { display: flex; gap: 20px; text-decoration: none; padding: 7px 10px; border-radius: 14px; transition: 0.3s; border: 1px solid transparent; } 
.dot { width: 48px; height: 48px; border-radius: 50%; background: #fff; border: 2px solid #dbe3ef; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: #667085; z-index: 2; flex-shrink: 0; } 
.nav-content .title5 { font-size: 16px; margin: 5px 0; color: #344054; font-weight: 700; } /* ACTIVE */ .timeline-nav a.active { background: var(--white); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); border: 1px solid #055ba621; } 
.timeline-nav a.active .dot { background: var(--pri); border-color: var(--pri); color: var(--white); } 
.timeline-nav a.active .title5 { color: var(--pri); } 
.guide-content ul li, .guide-content ol li { list-style: circle; margin-bottom: 8px; margin-left: 18px; } 
.timeline-nav a.active p { margin: 0px; } 
.guide-content ol li { list-style: auto; } 
.guide-content { background: var(--white); padding: 15px; border-radius: 24px; } 
.guide-content section { scroll-margin-top: 120px; margin-bottom: 25px; } 
.guide-content h2, .guide-content h3, .guide-content h4, .guide-content h5 { font-size: 25px; padding-top: 25px; font-weight: 600; color: var(--pri); margin-bottom: 10px; } 
.guide-content h3 { font-size: 22px; } 
.formula { background: var(--text-color); color: var(--white); padding: 22px 26px; margin: 20px 0 20px; border-radius: 10px; line-height: 26px; } 
.formula-box { background: var(--text-color); color: var(--white); padding: 25px; border-radius: 10px; font-size: 24px; font-weight: 700; } /* related guide */ .resource-grid { align-items: stretch; } 
.resource-card { display: flex; flex-direction: column; height: 100%; padding: 32px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 18px; text-decoration: none; position: relative; overflow: hidden; transition: all 0.35s ease; } /* Top line */ .resource-card:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--pri); transform: scaleX(0); transform-origin: left; transition: 0.35s; } 
.resource-card:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1); border-color: transparent; } 
.resource-card:hover:before { transform: scaleX(1); } 
.card-number { font-size: 42px; font-weight: 800; color: #cad7e3; line-height: 1; margin-bottom: 15px; } 
.card-content .title3 { font-size: 18px; font-weight: 700; color: var(--pri); margin-bottom: 15px; line-height: 1.3; } 
.card-link { margin-top: auto; padding-top: 0px; color: var(--pri); font-weight: 600; display: flex; align-items: center; gap: 10px; } 
.card-link span { font-size: 22px; transition: 0.3s; } 
.resource-card:hover .card-link span { transform: translateX(6px); } 
.timeline-nav a:hover { background: var(--white); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); border: 1px solid #055ba621; } 
.timeline-nav a:hover .dot { background: var(--pri); border-color: var(--pri); color: var(--white); } 
.timeline-nav a.cate-bx:hover .title5 { color: var(--pri); } /* category page */ .nav-tabs.nav-style-2 .nav-link.active { border-bottom: 2px solid var(--pri); color: var(--pri); } 
.nav-tabs.nav-style-2 .nav-link { border: 0; border-bottom: 1px solid transparent; font-weight: 500; padding-inline: 15px; color: var(--para-color); background-color: transparent; } 
.white-bx { background-color: var(--white); border: 1px solid #f0eff8; border-radius: 10px; padding: 20px; } 
.white-bx .title { color: var(--text-color); font-weight: 500; font-size: 15px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e7e7e7; } 
.white-bx .title svg { width: 20px; height: 20px; margin-right: 2px; color: var(--pri); } 
.content-sec h1, .content-sec h2, .content-sec h3, .content-sec h4, .content-sec h5, .content-sec h6, .content-sec .tt, .cmTitle { text-transform: capitalize; font-size: 20px; font-weight: 600; color: var(--text-color); text-align: left; margin-bottom: 7px; line-height: 1.3; } 
.content-sec table { width: -webkit-fill-available; margin-bottom: 20px; overflow: hidden; } tbody, td, tfoot, th, thead, tr { border-color: #e3e3e3; border-style: solid; border-width: 1px; padding: 7px 10px; font-size: 14px; } 
.content-sec table tr:nth-child(odd) { background-color: var(--white); color: var(--para-color); } 
.nav-tabs .nav-link svg { width: 17px; height: 17px; } 
div#productFaqAccordion .accordion-item { margin-bottom: 10px !important; padding: 8px 14px; } 
.capabilities-li { padding: 0; margin: 0; list-style: none; } 
.capabilities-li li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--border-color); font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; } 
.capabilities-li li a { color: var(--text-color); transition: 0.2s ease; } 
form#home_form .iti__country { width: 280px; max-width: 280px; min-width: 200px; } 
.iti__flag-box, .iti__country-name { white-space: normal; } 
div#productFaqAccordion .accordion-body { padding-bottom: 10px; } /* blogs */ .latest_blog_slider .img-cate-bx .img { aspect-ratio: 16 / 10; } 
.overflow-inherit { overflow: inherit; } 
.listing-nav-container { position: sticky; top: 90px; } 
.head-sec.text-start.mb-3 .tt.fs-3 { font-size: 40px !important; font-weight: 600; text-align: left; text-transform: capitalize; letter-spacing: -1.4px; } 
.blog-bx.blog-card .tx-bx .tt a { color: var(--pri); } /* certificate */ .certificatesection .gallery-bx img, .certificatesection .gallery-bx.gals { aspect-ratio: 176 / 249; } 
.certificatesection .gallery-bx { box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.07); } /* contact us */ .lead-sure-section .contact-bx .head-sec .title1 { font-size: 35px; } 
.benefit-right h2 { font-size: 40px; font-weight: 600; text-align: center; text-transform: capitalize; letter-spacing: -1.4px; color: var(--sec); } 
div#nav-tabContent2 .accordion-item { margin: 0px 0px 10px !important; } 
.benefit-right h2 span { color: var(--pri); } 
@media (min-width: 1024px) { nav.navigation { display: flex; align-items: center; } 
.sliders { height: 100vh; } 
main img { aspect-ratio: inherit; width: 100%; height: 100%; } 
.head-sec.text-start.mb-0 { max-width: 900px; } 
.carousel-caption { width: 70%; } 
} 
.ls-thankyou-modal .ls-thankyou-modal-content { background-color: var(--pri); border: none; border-radius: 18px; overflow: hidden; position: relative; } 
.ls-thankyou-modal .ls-thankyou-modal-header { border-bottom: none; padding: 16px 16px 0; justify-content: flex-end; background: unset; } 
.ls-thankyou-modal .ls-thankyou-modal-header .btn-close { filter: invert(1); opacity: 0.6; box-shadow: none; } 
.ls-thankyou-modal .ls-thankyou-modal-header .btn-close:hover { opacity: 1; } 
.ls-thankyou-modal .ls-thankyou-modal-body { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 40px 16px; position: relative; z-index: 1; background-color: unset; } 
.ls-thankyou-modal .ls-thankyou-modal-footer { border-top: none; justify-content: center; padding: 8px 40px 40px; position: relative; z-index: 1; } 
.ls-thankyou-modal .ls-thankyou-modal-content::before { content: ""; position: absolute; bottom: -15px; left: -5px; width: 150px; height: 150px; background-image: url("../images/svgs/baby-svgrepo-com.svg"); background-size: contain; background-repeat: no-repeat; opacity: 0.5; bottom: 10px; } 
.ls-thankyou-modal .ls-thankyou-modal-content::after { content: ""; position: absolute; top: 38px; right: 5px; width: 90px; height: 90px; background-image: url("../images/family.svg"); background-size: contain; background-repeat: no-repeat; opacity: 0.5; } 
.ls-thankyou-modal .ls-thankyou-title { font-size: 34px; font-weight: 800; color: #ffffff; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 10px; } 
.ls-thankyou-modal .ls-thankyou-desc { font-size: 15px; color: rgba(255, 255, 255, 0.85); line-height: 1.65; max-width: 300px; margin: 0 auto; } 
.ls-thankyou-modal .ls-thankyou-btn-home { padding: 11px 36px; background-color: #ffffff; color: var(--pri); border: none; border-radius: 8px; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: opacity 0.2s; } 
.ls-thankyou-modal .ls-thankyou-btn-home:hover { opacity: 0.88; color: var(--pri); } 
.ls-thankyou-modal .tt { font-size: 16px; font-weight: 800; color: #ffffff; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 10px; } 
.seo-content-bx { padding: 30px; border-radius: 20px; position: relative; background-color: var(--off-white); } 
.seo-content-bx .main-title { text-align: center; font-size: 30px; font-weight: 600; color: var(--text-color); padding-right: 50px; } 
.seo-content-bx .main-title span { color: var(--pri); } 
.seo-content-bx .read-toggle { position: absolute; right: 20px; top: 35px; width: 35px; height: 35px; border-radius: 100%; color: var(--pri); display: inline-flex; align-items: center; justify-content: center; background-color: var(--white); }