:root {
   --font: "Barlow", sans-serif; 
   --font2: "Barlow", sans-serif;  
   --para-size: 15px; 
   --topbar-size: 16px; 
   --heading-size: 19px; 
   --heading2-size: 21px; 
   --heading3-size: 25px; 
   --title-size: 28px; 
   --large-text: 32px; 
   --small-text: 14px; 
   --radius: 2px; 
   --radius2: 10px;
    --primary-color: #122e52;
     --secondary-color: #608dad; 
     --third-color: #a11515; 
     --btn-color2: #608dad; 
     --btn-color: #122e52;
      --hover-color1: #122e52; 
      --hover-color2: #608dad; 
      --bg1-color: #ffffff; 
      --bg2-color: #f8f8f8; 
      --white: #ffffff; 
      --para-color: #3c474e; 
      --heading-color: #172430;
       --dark-text: #0a0a0a; 
       --dark: #0a0a0a; 
       --hover-text: #0a0a0a; 
       --topbar-color: #ffffff; 
       --footer-color: #0a0a0a; 
       --border-light: #e0e0e0; 
       --off-white: #f6f6f6; 
       --light-color: #f2f2f2; 
       --dark-overlay-gradient: linear-gradient( rgba(19, 19, 19, 0.8), rgba(7, 7, 7, 0.65) ); } 
       body { margin: 0; padding: 0; font-family: var(--font2); box-sizing: border-box; overflow-x: hidden; } 
       html { scroll-behavior: smooth; } 
a { text-decoration: none; } 
p { margin-bottom: 10px; } 
img { max-width: 100%; width: auto; height: auto; } 
.main-btn { padding: 10px 12px; color: var(--white); border: 1px solid var(--btn-color); display: inline-flex; gap: 5px; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; font-family: var(--font2); white-space: nowrap; background: var(--btn-color); outline: none; transition: 0.2s ease-in-out; justify-content: center; text-decoration: none; border-radius: var(--radius); line-height: 1; } 
.main-btn:hover { background: var(--hover-color2); color: var(--white); border: 1px solid var(--hover-color2); } 
.main-btn2 { padding: 10px 12px; display: inline-flex; gap: 5px; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; white-space: nowrap; outline: none; transition: 0.2s ease-in-out; justify-content: center; border-radius: var(--radius); line-height: 1; text-decoration: none; cursor: pointer; color: var(--white); border: 1px solid var(--hover-color2); background-color: var(--hover-color2); } 
.main-btn2:hover { border: 1px solid var(--primary-color); color: #fff; background-color: var(--primary-color); } 
.main-btn3 { padding: 10px 12px; color: var(--white); border: 1px solid var(--primary-color); display: inline-flex; gap: 5px; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; white-space: nowrap; outline: none; background-color: var(--primary-color); transition: 0.2s ease-in-out; justify-content: center; border-radius: var(--radius); line-height: 1; text-decoration: none; cursor: pointer; } 
.main-btn3:hover { background-color: var(--third-color); border: 1px solid var(--third-color); color: var(--white); } 
.productBrochureandvideo button { display: inline-flex; justify-content: center; align-items: center; border: 1px dashed #cdcdcd; padding: 5px 8px; background-color: transparent; font-weight: 500; border-radius: var(--radius); gap: 2px; transition: 0.3s; text-decoration: none; font-size: 14px; color: var(--heading-color); } 
.productBrochureandvideo button:hover { border: 1px dashed var(--hover-color1); color: var(--hover-color1); } 
.g-recaptcha { transform: scale(0.95); transform-origin: 0 0; } 
.iti--separate-dial-code .iti__selected-flag { height: 40px; } 
.read-more-btnX { display: inline-block; color: var(--secondary-color); text-decoration: none; font-weight: 500; font-size: 15px; transition: color 0.3s ease; /* margin-top: 7px; */ } 
.read-more-btnX:hover { color: var(--hover-color1); } 
.top-bar { padding: 5px 0; color: var(--topbar-color); font-size: var(--small-text); display: flex; align-items: center; justify-content: space-between; } 
.top-bar p { color: var(--dark); } 
.top-bar .social { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; align-items: center; } 
.top-bar .social li a { color: var(--white); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--border-light); border-radius: 50%; transition: all 0.3s ease; text-decoration: none; } 
.top-bar .social li a:hover { background-color: var(--white); color: var(--primary-color); border-color: var(--white); } 
.top-bar p { margin: 0; font-size: var(--small-text); font-weight: 500; } 
.top-bar a { color: var(--topbar-color); text-decoration: none; transition: opacity 0.3s ease; font-size: 14px; } 
.top-bar a:hover { color: var(--hover-color1); } 
.info-itemT { display: flex; align-items: center; gap: 8px; } 
/* /serching box************ */ 
.search-bx { display: flex; align-items: center; border-radius: var(--radius); overflow: hidden; padding: 2px; padding-left: 12px; } 
.search-bx input { width: 100%; max-width: 100%; outline: none; border: none; background: transparent; color: var(--light-color); font-weight: 400; height: 20px; outline: none; font-size: var(--para-size); min-width: 160px; } 
.search-bx button { outline: none; border: none; height: 25px; display: inline-flex; align-items: center; justify-content: center; padding: 0 2px; color: var(--primary-color); background: transparent; } 
.logo-white, .logo-color { display: none; } 
header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: linear-gradient( 0deg, rgba(17, 22, 31, 0) 0%, rgba(0, 0, 0, 0.9) 100% ); backdrop-filter: blur(2px); } 
header::after { content: ""; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.14); } 
header:not(.stricky-fixed) .logo-white { display: block; } 
header.header-relative { position: relative; background: var(--white); } 
header.header-relative .logo-color { display: block; } 
header.header-relative .logo-white { display: none; } 
header.header-relative .navigation .menu ul li a { color: var(--primary-color); } 
header.header-relative .navigation ul li.ls-submenu a button svg { color: var(--primary-color); } 
header.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); animation-name: fadeInDown; animation-duration: 0.6s; animation-fill-mode: both; background: var(--white); } 
header.stricky-fixed .logo-color { display: block; } 
header.stricky-fixed .navigation .menu ul li a { color: var(--primary-color); } 
header.stricky-fixed .navigation ul li.ls-submenu a button svg { color: var(--primary-color); } 
header.stricky-fixed .navigation ul li.ls-submenu:hover svg { color: var(--primary-color); } 
@keyframes slideDown { from { transform: translateX(-50%) translateY(-100%); }
to { transform: translateX(-50%) translateY(0); } 
} 
.logo img { max-width: 70px; width: auto; max-height: 60px; height: auto; } 
.menubar { position: relative; background-color: var(--bg1-color); } 
.menubar .logo { display: none; } 
.navigation .nav-header { display: none; padding: 12px 20px; } 
.navigation .navbar button { width: 40px; height: 40px; background: var(--bg2-color); border: 0; outline: 0; color: var(--white); font-size: 25px; border-radius: 0; display: inline-block; text-align: center; line-height: 40px; position: relative; z-index: 99; padding: 5px; position: relative; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; } 
.navigation .navbar button span { display: block; position: absolute; height: 3px; width: 70%; background: var(--primary-color); border-radius: 9px; opacity: 1; left: 15%; transform: rotate(0deg); transition: 0.25s ease-in-out; } 
.navigation .navbar button span:nth-child(1) { top: 8px; } 
.navigation .navbar button span:nth-child(2), .navigation .navbar button span:nth-child(3) { top: 18px; } 
.navigation .navbar button span:nth-child(4) { top: 28px; } 
.navigation .navbar button.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } 
.navigation .navbar button.open span:nth-child(2) { transform: rotate(45deg); } 
.navigation .navbar button.open span:nth-child(3) { transform: rotate(-45deg); } 
.navigation .navbar button.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } 
.navigation .menu { display: block; } 
.navigation .menu ul { width: 100%; margin: 0; padding: 0; text-align: center; display: block; } 
.navigation .menu ul li { display: inline-block; position: relative; } 
.navigation .menu ul li a { padding: 20px 11px; display: block; color: var(--white); transition: all 0.3s ease; font-size: var(--topbar-size); font-family: var(--font2); background: transparent; font-weight: 500; text-transform: capitalize; text-decoration: none; position: relative; } 
.navigation .menu ul li ul.ls-dropdown { top: 100%; left: 0; text-align: left; } 
.navigation .menu ul li ul.ls-dropdown li:last-child { border: 0; } 
.navigation .menu ul li ul.ls-dropdown li ul.ls-dropdown { left: 100%; margin-top: -36px; } 
.navigation .menu ul li ul.ls-dropdown li ul.ls-dropdown li ul.ls-dropdown { left: -100%; margin-top: -31px; } 
.navigation .menu ul li ul.ls-dropdown { position: absolute; width: 285px; display: none; z-index: 99; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); background: var(--bg1-color); margin: 0; padding: 0; transition: all 0.3s ease; } 
.navigation .menu ul li:hover ul.ls-dropdown { display: block; } 
.navigation .menu ul li:hover ul.ls-dropdown li ul.ls-dropdown { display: none; transition: all 0.3s ease; width: 250px; } 
.navigation .menu ul li ul.ls-dropdown li:hover ul.ls-dropdown { display: block; } 
.navigation .menu ul li ul.ls-dropdown li { display: block; padding: 0; width: 100%; } 
.navigation .menu ul li ul.ls-dropdown li:last-child a:after { display: none; } 
.navigation .menu ul li ul.ls-dropdown li a:hover { color: var(--hover-color2); background-color: var(--bg2-color); } 
.navigation .menu ul li ul.ls-dropdown li:hover a { color: var(--hover-color1); background-color: var(--bg1-color); } 
.navigation .menu ul li ul.ls-dropdown li:hover ul.ls-dropdown li a { background: var(--bg2-color); color: var(--heading-color); padding: 6px 12px; font-size: var(--para-size); } 
.navigation .menu ul li ul.ls-dropdown li:hover ul.ls-dropdown li a:hover { color: var(--white); background: var(--secondary-color); } 
.navigation .menu ul li ul.ls-dropdown li a { color: var(--dark); font-size: var(--para-size); padding: 6px 12px; background-color: var(--primary-color); position: relative; display: block; text-transform: capitalize; transition: all 0.2s; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; font-weight: 400; } 
.navigation ul li.ls-submenu a button { border: 0; background: transparent; outline: 0; padding: 0; margin: 0 0 0 3px; color: var(--primary-color); } 
.navigation ul li.ls-submenu a button svg { width: 14px; height: 14px; color: var(--white); } 
.navigation ul li.ls-submenu:hover svg { transform: rotateZ(180deg); color: var(--white); } 
.navigation ul li.ls-submenu:hover ul.ls-dropdown li.ls-submenu svg { color: var(--light-color); } 
.navigation ul li.ls-submenu ul.ls-dropdown li a button { float: right; color: #333; } 
.navigation ul li.ls-submenu ul.ls-dropdown li a button svg { transform: rotateZ(-90deg); } 
.navigation ul li.ls-submenu ul.ls-dropdown li.ls-submenu:hover svg { color: var(--secondary-color); } 
.navigation .navbar { display: none; padding: 8px 0; margin: 0; } 
.navigation .menu ul > li:hover > ul.ls-dropdown { visibility: visible; opacity: 1; } 
.navigation .menu ul > li > ul.ls-dropdown > li > ul.ls-dropdown { left: 100%; margin-top: -36px; } 
.navigation .menu ul > li > ul.ls-dropdown > li > ul.ls-dropdown > li > ul.ls-dropdown { left: -100%; margin-top: -31px; } 
.navigation .menu ul > li > ul.ls-dropdown > li:hover > ul.ls-dropdown { visibility: visible; opacity: 1; } 
.navigation .menu ul > li ul.ls-dropdown { position: absolute; min-width: 190px; width: max-content; max-width: 300px; opacity: 0; visibility: hidden; z-index: 99; transition: all 0.3s ease; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); background: #fff; color: var(--para-color); margin: 0; padding: 0; text-align: left; } 
.navigation .menu ul > li ul.ls-dropdown li { display: block; padding: 0; width: 100%; } 
.call-now { display: flex; align-items: center; justify-content: end; gap: 10px; } 
.call-now .icon-bx { min-width: 30px; width: 30px; height: 30px; color: white; background: var(--primary-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; } 
.call-now .con-bx { text-align: left; } 
.call-now .con-bx a { font-size: 15px; font-weight: 600; color: var(--dark-text); line-height: normal; text-transform: none; text-decoration: none; } 
.call-now .con-bx a:hover { color: var(--primary-color); } 
/* *******************************footer section code*************************************** */ 
.cta-section { position: relative; background-image: var(--dark-overlay-gradient), url("../images/ctabg.jpeg"); background-size: cover; background-position: center; color: var(--white); overflow: hidden; } 
.cta-content { position: relative; z-index: 2; } 
.cta-heading { font-size: 40px; font-weight: 600; line-height: 1.2; margin-bottom: 25px; max-width: 700px; } 
/* **************footer section code******************* */ 
.footer-area { background-color: var(--footer-color); color: var(--white); } 
.footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } 
.logo-icon { display: flex; align-items: center; justify-content: center; } 
.footer-logo img { max-width: 180px; width: auto; max-height: 100px; height: auto; } 
.social-links { display: flex; gap: 15px; } 
.social-btn { width: 40px; height: 40px; background-color: var(--light-color); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: var(--radius); text-decoration: none; transition: 0.3s; } 
.social-btn:hover { transform: translateY(-3px); } 
.brand, .bottom-links a, .footer-bottom { color: #9f9f9f !important; } 
.brand:hover, .bottom-links a:hover { color: var(--hover-color2) !important; } 
.ft-title { font-size: var(--heading2-size); font-weight: 600; letter-spacing: 0.02em; color: var(--white); margin: 0 0 12px; position: relative; } 
.ft-title:after { content: ""; display: block; width: 65px; height: 2px; background: var(--secondary-color); margin-top: 1px; } 
.footer-links { list-style: none; padding: 0; margin: 0; } 
.footer-links li { margin-bottom: 8px; } 
.footer-links a { color: var(--white); text-decoration: none; transition: 0.3s; font-size: var(--para-size); display: inline-block; align-items: center; } 
.footer-links a:hover { color: var(--hover-color2); padding-left: 5px; } 
.contact-itemf { display: flex; align-items: flex-start; margin-bottom: 5px; } 
.contact-icon { width: 43px; height: 43px; background-color: var(--white); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: var(--radius); flex-shrink: 0; cursor: pointer; margin-right: 15px; font-size: 18px; } 
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 9px 0 0 0; font-size: var(--small-text); color: var(--border-light); } 
.bottom-links a { color: var(--light-color); text-decoration: none; transition: 0.3s; } 
@media (max-width: 991px) { .footer-widget-title { margin-top: 30px; } 
.social-links { margin-bottom: 20px; } 
.title-no-margin-mobile { margin-top: 0 !important; } 
} 
/* Popular Searches */ 
.foot08-head { color: var(--white); } 
.ft-sep { margin-right: 30px; } 
.foot08-popular-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 3px 3px; font-size: var(--para-size); } 
.foot08-popular-list li { position: relative; } 
.foot08-popular-list li::after { content: "|"; margin: 0 4px; color: var(--para-color); } 
.foot08-popular-list li:last-child::after { content: ""; } 
.foot08-popular-list a { color: var(--white); text-decoration: none; transition: color 0.2s; font-size: var(--para-size); } 
.foot08-popular-list a:hover { color: var(--hover-color2); } 
.foot08-muted { color: var(--white-color) !important; } 
/* ************************************************hero section code section ***************************************/ table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: var(--para-size); color: var(--para-color); border: 1px solid var(--border-light); overflow-x: auto; white-space: normal; }
table thead, table tbody { width: 100%; }
thead th { background: var(--primary-color); color: var(--white); text-align: left; padding: 8px 10px; font-size: var(--para-size); font-weight: 500; }
tbody th { background: var(--primary-color); color: var(--white); text-align: left; padding: 8px 10px; font-size: var(--para-size); font-weight: 500; }
tbody td { padding: 8px 10px; border-top: 1px solid var(--border-light); }
tbody tr:nth-child(even) { background: var(--bg2-color); }
tbody tr:hover { background: rgba(24, 55, 131, 0.05); transition: 0.25s; }
tbody td:first-child { font-weight: 500; color: var(--heading-color); /* min-width: 220px; */ } 
@media (max-width: 575.98px) { table { display: block; } 
} 
.leadsure { padding: 60px 0; } 
.leadsureheading { font-weight: 500; font-size: var(--heading2-size); font-family: var(--font2); color: var(--heading-color); margin-bottom: 10px; } 
.leadsurepara { font-size: var(--para-size); color: var(--para-color); line-height: 1.6; margin-bottom: 10px; font-weight: 400; } 
.leadsuresubheading { font-weight: 500; font-size: var(--heading-size); color: var(--heading-color); font-family: var(--font); } 
.leadseo p, .leadseo ul, .leadseo li { font-size: var(--para-size); color: var(--para-color); line-height: 1.6; margin-bottom: 7px; font-weight: 400; text-align: justify; } 
.leadseo a { text-decoration: none; color: var(--primary-color); } 
.leadseo h1, .leadseo h2, .leadseo h3, .leadseo h4, .leadseo h5, .leadseo h6 { font-weight: 500; font-size: var(--heading-size); color: var(--heading-color); } 
.lead3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--para-size); color: var(--para-color); line-height: 1.6; font-weight: 400; } 
.lead2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--heading-size); color: var(--para-color); font-weight: 500; font-size: 16px; } 
.lead1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--heading-size); color: var(--heading-color); font-weight: 500; } 
.txt-light { color: var(--white) !important; } 
.section-title { color: var(--heading-color); font-weight: 600; text-transform: capitalize; font-size: var(--title-size); margin-bottom: 2px; } 
.faq-title { font-size: var(--large-text); font-weight: 500; color: var(--heading-color); margin-bottom: 10px; line-height: 1.2; } 
.bgsec { background-color: var(--bg2-color) !important; } main, main img { /* overflow: hidden; */ display: block; width: 100%; }
#carouselExampleAutoplaying img { aspect-ratio: 1920 / 820; object-fit: cover; } 
.carousel-control-next, .carousel-control-prev { line-height: 0; position: absolute; top: 50%; display: block; width: 38px; height: 38px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: #fff; border: 0; outline: 0; background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(2px); border-radius: 100%; z-index: 9; opacity: 1; } 
.carousel-control-next-icon, .carousel-control-prev-icon { height: 16px; width: 16px; } 
.carousel-control-next:hover, .carousel-control-prev:hover { background-color: var(--primary-color); opacity: 1; } 
.carousel-control-prev { left: 30px; } 
.carousel-control-next { right: 30px; } 
@media (max-width: 980px) { .carousel-control-next, .carousel-control-prev { width: 20px; height: 35px; } 
.carousel-control-next-icon, .carousel-control-prev-icon { height: 13px; width: 13px; } 
.carousel-control-prev { left: 0px; border-radius: 0 3px 3px 0; } 
.carousel-control-next { right: 0px; border-radius: 3px 0px 0px 3px; } 
} 
.swiper-next, .swiper-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; display: inline-flex; align-items: center; justify-content: center; } 
.swiper-button-next, .swiper-button-prev, .swiper-next, .swiper-prev { border: 1px solid #eee; background-color: white; color: var(--text-light); width: 35px; height: 35px; z-index: 2; border-radius: 100%; text-align: center; } 
.swiper-next svg, .swiper-prev svg { width: 18px; height: 18px; } 
.swiper-button-next:hover, .swiper-button-prev:hover, .swiper-next:hover, .swiper-prev:hover { color: white; background-color: var(--primary-color); border-color: var(--primary-color); } 
.swiper-button-next, .swiper-next { right: 25px; left: auto; } 
.swiper-button-prev, .swiper-prev { left: 25px; right: auto; } 
.swiper-button-next:after, .swiper-button-prev:after { font-size: 13px; font-weight: 600; } 
.swiper_wrap { width: 100%; position: relative; display: block; text-align: left; } 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none; } 
.swiper-wrapper { display: flex; align-items: stretch; } 
.swiper-slide { height: auto; } 
.swiper-prev { left: -22px; right: auto; } 
.swiper-next { right: -22px; left: auto; } 
/* icon box heading universal design*************** */ 
.feat-flex-container { display: flex; align-items: flex-start; margin-bottom: 20px; } 
.feat-icon-col { flex: 0 0 auto; margin-right: 20px; } 
.feat-icon-col img { max-width: 65px; max-height: 65px; } 
.feat-icon-col svg { max-width: 65px; max-height: 65px; min-width: 65px; } 
/* *********************Category-Section ******************* */ 
.category-sectionM { background-color: var(--bg1-color); } 
.category-slider-container .swiper-slide { position: relative; overflow: hidden; } 
.category-image { aspect-ratio: 1/1; width: 100%; height: 100%; object-fit: cover; display: block; } 
.category-content-box { position: absolute; bottom: 40px; left: 20px; right: 20px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(5px); padding: 20px 15px; border-radius: var(--radius); text-align: left; transition: all 0.3s ease; } 
.categorySlider .swiper-wrapper { transition-timing-function: linear; } 
/******************* about us section code************* */ 
.about-section { background-color: var(--bg1-color); } 
.about-img-wrapper { border-radius: var(--radius); overflow: hidden; width: 100%; } 
.about-img-wrapper img { aspect-ratio: 4/3; width: 100%; height: auto; object-fit: cover; } 
/* ****************************our products section code******************** */ 
.product-sectionM { background-color: var(--bg1-color); } 
.project-tabs { border: none; margin-bottom: 15px; gap: 10px; } 
.overlay-content .leadsureheading { color: var(--white); } 
.project-tabs .nav-item .nav-link { border: 1px solid var(--secondary-color); background: transparent; color: var(--secondary-color); font-size: var(--para-size); font-weight: 500; padding: 8px 14px; border-radius: var(--radius); transition: all 0.3s ease; } 
.project-tabs .nav-item .nav-link.active { background-color: var(--hover-color2); color: var(--white); border-color: var(--hover-color2); } 
.gallery-item { position: relative; overflow: hidden; } 
.gallery-img { aspect-ratio: 1/1; width: 100%; height: auto; object-fit: cover; display: block; transition: transform 0.5s ease; } 
.gallery-item:hover .gallery-img { transform: scale(1.05); } 
.gallery-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#96a8b900, #6284a3); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: all 0.4s ease; padding: 20px; } 
.gallery-item:hover .gallery-overlay { opacity: 1; } 
.overlay-content { position: absolute; bottom: 30px; left: 0; margin-inline: 20px; text-align: left; transform: translateY(20px); transition: all 0.4s ease; } 
.gallery-item:hover .overlay-content { transform: translateY(0); } 
.category-badge { color: var(--dark); font-size: 18px; /* padding: 10px 15px; */ font-weight: 600; /* border: 1px solid rgba(0, 0, 0, 0.2); */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.3s ease-in-out; margin-bottom: 8px; line-height: 1.3; } 
.blog-content-card:hover .category-badge { color: var(--primary-color); text-decoration: underline; } 
/* ***************why choose us section code******************** */ 
.why-choose-section { background: url("../images/why-choose-sectiona.webp"); background-size: cover; background-position: center; } 
.why-choose-card { background-color: var(--white); padding: 25px 20px; border-radius: var(--radius2); border: none; height: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; display: flex; flex-direction: column; align-items: flex-start; } 
.why-choose-card:hover { box-shadow: -4px -4px rgba(0, 0, 0, 0.8); } 
.why-choose-card .leadsurepara { margin-bottom: 0; } 
.why-choose-icon { margin-bottom: 10px; display: flex; align-items: center; } 
.why-choose-icon svg { width: 60px; height: 60px; } 
/* ************************trending products ection code************* */ 
.trending-products { background-color: var(--bg1-color); } 
.product-item { transition: transform 0.3s ease; } 
.product-image-box { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; margin-bottom: 10px; border-radius: var(--radius); } 
.product-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } 
.product-item:hover .product-title-link .leadsuresubheading { color: var(--hover-color2); } 
.product-item:hover .product-img { transform: scale(1.08); } 
/* ********************post your requirment *************** */ /* .contact-sectionM { background-color: var(--bg2-color); } 
*/ 
.expend-content-sec { max-height: 440px; overflow: hidden; padding-right: 5px; } 
.expend-content-sec.expanded { overflow-y: auto; } 
.read-toggle { font-size: 0.9em; margin-top: 10px; display: inline-block; } 
/* .read-toggle { position: absolute; bottom: -24px; cursor: pointer; font-size: var(--para-size); color: var(--para-color) !important; } 
*/ 
.expend-content-sec::-webkit-scrollbar { width: 6px; } 
.expend-content-sec::-webkit-scrollbar-track { background: transparent; } 
.expend-content-sec::-webkit-scrollbar-thumb { background: rgba(24, 23, 23, 0.35); border-radius: 20px; transition: 0.3s; } 
.form-wrapper { padding: 30px; border-radius: var(--radius); background-color: var(--bg1-color); } 
/* ************seo section code*************** */ /* .seo-section { background-color: var(--bg2-color); } 
*/ /* *****************faq section code******************* */ 
.faq-section { background-color: var(--bg2-color); } 
.faq-item { transition: all 0.4s ease; } 
.faq-question { padding: 12px 17px; background-color: var(--light-color); margin-bottom: 15px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.4s ease; } 
.faq-item:last-child .faq-question { margin-bottom: 0; } 
.faq-titleZ { font-size: 19px; font-weight: 500; color: var(--heading-color); flex-grow: 1; } 
.faq-icon-box { color: var(--primary-color); transition: all 0.3s ease; } 
.faq-answer { max-height: 0; overflow: hidden; transition: all 0.4s ease; padding: 0 15px 0 15px; color: var(--white); font-size: var(--para-size); line-height: 1.6; } 
.faq-item.active { background-color: var(--hover-color2); border-bottom-color: transparent; } 
.faq-item.active .faq-number, .faq-item.active .faq-titleZ { color: var(--hover-color2); } 
.faq-item.active .faq-icon-box { color: var(--primary-color); } 
.faq-item.active .faq-answer { max-height: 200px; padding-bottom: 15px; margin-bottom: 15px; } 
.faq-item .bi-chevron-down { display: block; } 
.faq-item .bi-chevron-up { display: none; } 
.faq-item.active .bi-chevron-up { display: block; } 
.faq-item.active .bi-chevron-down { display: none; } 
/* *****************Blog section code************** */ 
.blog-section { background-color: var(--bg1-color); } 
.blog-article { position: relative; transition: all 0.3s ease; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); } 
.blog-article { border-radius: 6px; } 
.blog-image-wrapper { aspect-ratio: 16/9; width: 100%; height: 100%; overflow: hidden; border-radius: 6px; } 
.blog-content-card:hover .lead2 { color: var(--hover-color2); } 
.blog-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } 
.blog-article:hover .blog-image-wrapper img { transform: scale(1.1); } 
.blog-content-card { border-radius: var(--radius); z-index: 2; padding: 10px 15px; transition: all 0.3s ease-in-out; } 
.blog-content-card:hover { } 
/* about us page about section******************* */ 
.abt-img-bx { float: left; max-width: 490px; width: 100%; margin-right: 25px; margin-bottom: 25px; overflow: hidden; } 
.abt-sec img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: cover; object-position: center; overflow: hidden; border-radius: var(--radius); } 
.expend-content-sec2 ul, .expend-content-secX ul, .expend-content-sec3 ul, .blog-body105 ul { padding-left: 0; margin: 0; margin-bottom: 10px; list-style: none; } 
.expend-content-sec2 ul li, .expend-content-secX ul li, .expend-content-sec3 ul li, .blog-body105 ul li { margin-bottom: 3px; position: relative; padding-left: 20px; display: flow-root; } 
.expend-content-sec3 ul li::before, .blog-body105 ul li::before, .expend-content-secX ul li::before, .expend-content-sec2 ul li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23122e52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l5 5l-5 5'/%3E%3Cpath d='M13 7l5 5l-5 5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } 
.expend-content-sec3 { overflow: hidden; } 
.expend-content-sec3.expanded { max-height: 10000px !important; overflow: unset; } 
.read-toggle2 { display: inline-block; color: var(--para-color); cursor: pointer; margin-top: 2px; user-select: none; font-size: var(--para-size); } 
.read-toggle2:hover { opacity: 0.8; } 
/* *********************director section code************** */ 
.profile-section { background-color: var(--bg1-color); } 
.ceo-bx { background-image: url("../images/directorbg.webp"); background-attachment: fixed; background-size: cover; background-position: center; padding: 40px; border-radius: var(--radius2); } 
.image-container { aspect-ratio: 1/1; } 
.image-container img { aspect-ratio: 1/1; width: 100%; height: auto; object-fit: cover; border-radius: var(--radius); } 
.profile-card { text-align: center; } 
/* matrix section code*************************** */ 
.counter-section { background-color: var(--bg1-color); } 
.counter-item { text-align: center; position: relative; } 
.counter-item .leadsurepara { margin-bottom: 0; } 
.counter-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: var(--secondary-color); } 
.counter-number-wrapper { -webkit-text-stroke: 1px var(--primary-color); color: transparent; font-size: 45px; font-weight: 700; line-height: 1; margin-bottom: 5px; display: flex; justify-content: center; align-items: baseline; } 
/* ***************category section code********** */ 
.category-section { background-color: var(--bg1-color); } 
.abt-img-bxZ { float: left; max-width: 450px; width: 100%; margin-right: 25px; margin-bottom: 25px; border-radius: var(--radius); overflow: hidden; cursor: pointer; } 
.abt-img-bxZ img { aspect-ratio: 1/1; object-fit: cover; } 
.blog-bx { background-color: var(--light-color); border-radius: var(--radius); overflow: hidden; } 
.blog-bx img { aspect-ratio: 16 / 9; object-fit: cover; object-position: center; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); } 
.blog-bx:hover img { transform: scale(1.03); } 
.blog-bx .tx-bx { padding: 15px; } 
.blog-bx.blog-card { display: flex; transition: 0.2s ease; align-items: center; border: 1px solid var(--border-light); } 
.blog-bx.blog-card:hover { transform: scale(1.03); } 
.blog-bx.blog-card img, .blog-bx.blog-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; width: 100px; min-width: 100px; } 
.cat-nav-img { position: relative; padding: 20px; border-radius: var(--radius); overflow: hidden; background-image: url("https://media.istockphoto.com/id/2256187478/photo/modern-luxury-dining-room-and-kitchen-interior-with-marble-floors-and-designer-pendant.jpg?s=612x612&w=0&k=20&c=X3VJx4Os5g4KudDJSZ5F8gQ87heFxSqQXo3MiRHsQJQ="); background-size: cover; background-position: center; background-repeat: no-repeat; } 
.cat-nav-img::before { content: ""; position: absolute; inset: 0; background: rgba(5, 53, 65, 0.75); z-index: 1; } 
.cat-nav-img > * { position: relative; z-index: 2; } 
.expend-content-sec2 { overflow: clip; } 
.expend-content-sec2.expanded { max-height: 10000px !important; overflow: unset; } 
/* ***********************midbar banner section************** */ 
.mid-banner-bx { position: relative; overflow: hidden; cursor: none; } 
.mid-banner-bx img { width: 100%; height: 100%; object-fit: cover; object-position: center left; display: block; filter: grayscale(100%); /* Force B&W initially */ border: 1px solid var(--bg2-color); } 
.mid-banner-bx::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/midbarimg.webp"); background-size: cover; background-position: center right; pointer-events: none; -webkit-mask-image: radial-gradient( circle 150px at var(--x, -100%) var(--y, -100%), black 100%, transparent 100% ); mask-image: radial-gradient( circle 150px at var(--x, -100%) var(--y, -100%), black 100%, transparent 100% ); transition: -webkit-mask-image 0.1s ease; } 
.mid-banner-bx .tx-bx { position: absolute; z-index: 10; /* Ensure text stays above the mask */ padding: 5px; max-width: 400px; margin-right: 20px; } 
.mid-banner-bx.full-width .tx-bx { right: 1px; top: 20px; } 
.mid-banner-bx .tx-bx .tt { color: var(--secondary-color); font-size: var(--heading-size); font-weight: 500; } 
/* **************Blog detail page section code******************* */ 
.main-content105 { background-color: var(--bg2-color); padding: 2rem; border: 1px solid #e3e3e3; } 
.main-content105X { background-color: var(--bg2-color); padding: 1rem; border: 1px solid #e3e3e3; } 
.widget-title105 { color: var(--primary-color); padding-bottom: 0.75rem; margin-bottom: 10px; border-bottom: 1px solid var(--primary-color); } 
.related-blogs-list105 { padding: 0; margin-bottom: 0; } 
.related-post-item105 a { display: flex; gap: 1rem; align-items: center; } 
.related-post-item105 { display: flex; gap: 1rem; } 
.related-post-item105:not(:last-child) { margin-bottom: 1rem; } 
.related-post-item105 img { aspect-ratio: 1/1; width: 100px; min-width: 100px; height: auto; border-radius: var(--radius); } 
.related-post-item105 .post-title105 a { transition: color 0.3s ease; color: var(--heading-color); } 
.related-post-item105 .post-title105 a:hover { color: var(--hover-color1); } 
.contact-form { padding: 1.2rem; background-color: var(--bg2-color); border: 1px solid var(--border-light); border-radius: var(--radius); } 
.category-item-link { display: flex; justify-content: center; align-items: center; padding: 10px 20px; border: 1px solid #e3e3e3; border-radius: var(--radius); text-decoration: none; color: var(--primary-color); font-weight: 400; font-size: var(--heading-size); transition: all 0.3s ease; background-color: var(--bg2-color); } 
.category-item-link:hover { background-color: var(--secondary-color); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); color: var(--light-color); } 
.blog-meta-wrapper5 { width: 100%; } 
.blog-cate5 { padding-left: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0; } 
.blog-cate5 li { font-size: 15px; color: var(--heading-color); display: flex; align-items: center; } 
.blog-cate5 li.category5 a { text-decoration: none; border-radius: 50px; color: var(--white); font-weight: 500; padding: 8px 20px; background-color: var(--primary-color); transition: background 0.3s; display: inline-block; line-height: 1; } 
.blog-cate5 li.date5 { color: var(--heading-color); font-weight: 400; } 
.blog-cate5 li.date5 b { margin-right: 4px; margin-left: 4px; } 
.blog-cate5 li svg.bi-calendar-check { color: var(--primary-color); width: 18px; height: 18px; margin-right: 8px; margin-top: -2px; } 
.share-section5 { display: inline-flex; align-items: center; gap: 5px; color: var(--heading-color); font-weight: 500; font-size: 16px; } 
.share-section5 span { margin-right: 5px; } 
.share-section5 a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: white; border-radius: 50%; text-decoration: none; transition: transform 0.2s; } 
.share-section5 a:hover { transform: translateY(-2px); } 
.table-of-con { border-radius: 10px; background-color: var(--bg1-color); padding: 25px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; margin-block: 30px; } 
.table-of-con .title { font-size: 20px; font-weight: 600; margin-bottom: 10px; color: var(--heading-color); } 
.table-of-con ul { padding-left: 18px; margin-bottom: 0; } 
.table-of-con ul li { cursor: pointer; color: var(--para-color); } 
.table-of-con li:hover { text-decoration: underline; } 
.glow { transform-origin: center; animation: glowEffect 1s ease-in-out; animation-delay: 600ms; } 
@keyframes glowEffect { 0% { background-color: rgba(255, 255, 0, 0); box-shadow: 0 0 0 rgba(255, 255, 0, 0); } 50% { background-color: rgba(255, 255, 0, 0.3); box-shadow: 0 0 10px rgba(255, 255, 0, 0.3); } 100% { background-color: rgba(255, 255, 0, 0); box-shadow: 0 0 0 rgba(255, 255, 0, 0); } 
} 
@media (max-width: 767.98px) { .main-content105 { padding: 1.5rem; } 
} 
/* faq page ******************************* */ 
.faq-redesign-section { background-color: var(--bg1-color); } 
.custom-accordion-item { border-radius: var(--radius); margin-bottom: 15px; border: 1px solid var(--secondary-color); } 
.custom-accordion-item:last-child { margin-bottom: 0; } 
.custom-accordion-question { color: var(--heading-color); font-size: var(--heading-size); cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 0.7rem 1rem; } 
.custom-accordion-answer { max-height: 0; overflow: hidden; color: var(--para-color); transition: 0.3s ease-in-out; } 
.custom-accordion-item.active .custom-accordion-question { color: var(--hover-color1); border-bottom: 1px solid var(--secondary-color); } 
.custom-accordion-item.active .custom-accordion-answer { max-height: 200px; padding: 0.7rem 1rem; font-size: var(--para-size); color: var(--para-color); } 
.icon-toggle { width: 1.75rem; height: 1.75rem; background-color: var(--secondary-color); color: var(--white); font-size: 1rem; display: flex; align-items: center; justify-content: center; border-radius: var(--radius); cursor: pointer; } 
.custom-accordion-item.active .icon-toggle { background-color: var(--hover-color1); background-image: none; } 
.custom-accordion-item.active .icon-toggle::after { content: "−"; } 
.icon-toggle::after { content: "+"; } 
.faq-nav-vertical .nav-link { font-size: var(--heading-size); color: var(--heading-color); padding: 0.7rem; border: 1px solid var(--secondary-color); border-radius: var(--radius); position: relative; transition: none; margin-bottom: 15px; } 
.faq-nav-vertical .nav-link:hover { color: var(--hover-color1); } 
.faq-nav-vertical .nav-link.active { color: var(--white); background-color: var(--hover-color1); border: 1px solid var(--hover-color1); } 
/*  ********************************contact us page *******************/ 
.contact-section { background-color: var(--bg1-color); } 
.info-item { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--border-light); } 
.info-item:last-child { border-bottom: none; } 
.icon-box-outline { width: 75px; height: 75px; border: 1px solid var(--secondary-color); display: flex; align-items: center; justify-content: center; margin-right: 20px; flex-shrink: 0; color: var(--secondary-color); transition: all 0.3s ease; } 
.icon-box-outline svg { transition: all 0.4s ease; } 
.info-item:hover .info-text .leadsurepara { color: var(--secondary-color); } 
.info-item:hover .icon-box-outline { background-color: var(--secondary-color); } 
.info-item:hover .icon-box-outline svg { color: var(--white); } 
.form-container { background-color: var(--bg1-color); padding: 30px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.3); } 
.map-container-51 { position: relative; overflow: hidden; width: 100%; padding-top: 25%; } 
.map-container-51 iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } 
/* ********************Expo section code***************************** */ 
.certificate-bx { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; transition: 0.2s ease-in-out; } 
.certificate-bx:hover { transform: scale(1.02); } 
.certificate-bx .img-bx { aspect-ratio: 436 / 617; } 
.certificate-bx .img-bx img { object-fit: cover; object-position: top; width: 100%; height: 100%; aspect-ratio: 436 / 617; } 
.certificate-bx .tt { background-color: #f1f1f1; padding: 10px; line-height: 1; align-content: center; color: var(--heading-color); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.certificate-bx .tt svg { margin-right: 3px; } 
/* ********************infratucute page code**************** */ 
.video-wrapper { border-radius: var(--radius); overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } 
.gallery-grid { margin-top: 40px; } 
.infra-card { display: block; overflow: hidden; position: relative; cursor: pointer; transition: transform 0.3s ease; } 
.infra-card:hover { transform: translateY(-5px); } 
.infra-card img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block; } 
.infra-card::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); opacity: 0; transition: 0.3s; } 
.infra-card:hover::after { opacity: 1; } 
.mis-vis-sec .nav-pills .nav-link { background-color: var(--bg1-color); font-weight: 500; color: var(--heading-color); padding: 12px 15px; font-size: 15px; border: 1px solid var(--secondary-color) !important; } 
.mis-vis-sec .nav-pills .nav-link.active, .mis-vis-sec .nav-pills .show > .nav-link { background-color: var(--primary-color); border: 1px solid var(--hover-color1) !important; color: white; } 
/*************************** privacy policy content********************** */ 
.privacy-container { background-color: var(--bg1-color); } 
.privacy-container a { font-size: var(--para-size); color: var(--primary-color); } 
/* *****************************siteMap Section code**************************** */ 
.sitemap-section { background: var(--bg2-color); } 
.sitemap-section .sitempheading { font-size: var(--heading2-size); font-weight: 600; margin-bottom: 20px; border-bottom: 3px solid var(--secondary-color); display: inline-block; padding-bottom: 5px; color: var(--heading-color); } 
.sitemapcon { list-style: none; padding-left: 0; margin: 0; font-size: var(--para-size); } 
.sitemapcon > li { position: relative; margin: 10px 0; padding-left: 20px; } 
.sitemapcon > li::before { content: ""; position: absolute; top: 0; left: 8px; bottom: 0; border-left: 2px solid var(--primary-color); } 
.sitemapcon > li::after { content: ""; position: absolute; top: 12px; left: 8px; width: 10px; border-top: 2px solid var(--primary-color); } 
.sitemapcon a { text-decoration: none; color: var(--para-color); font-size: var(--para-size); transition: color 0.3s; } 
.sitemapcon a:hover { color: var(--hover-color1); } 
.sitemapsubcat { list-style: none; margin: 5px 0 5px 20px; padding-left: 15px; border-left: 2px solid var(--secondary-color); } 
.sitemapsubcat li { position: relative; margin: 10px 0; padding-left: 15px; } 
.sitemapsubcat li::before { content: ""; position: absolute; top: 12px; left: -15px; width: 15px; border-top: 2px solid var(--secondary-color); } 
@media (max-width: 767px) { .sitemap-section { padding: 20px 10px; } 
.sitemap-section .you_may { font-size: 16px; } 
.sitemapcon { font-size: 13px; } 
} 
/* ****************market area section code ************** */ 
.market-area { background: var(--bg2-color); } 
.market-area h2 { font-size: var(--heading2-size); margin: 30px 0 15px; color: var(--heading-color); border-left: 5px solid var(--primary-color); padding-left: 10px; } 
.marketcard { display: block; text-align: center; padding: 12px 10px; border-radius: var(--radius); background: var(--bg1-color); box-shadow: 0 4px 10px rgba(59, 59, 59, 0.1); font-size: var(--heading-size); color: var(--heading-color); text-decoration: none; transition: all 0.3s ease; } 
.marketcard:hover { color: var(--white); transform: translateY(-3px); background-color: var(--primary-color); } 
/* *********************************breadcome section code********************* */ 
.breadcum-sec { background: url("https://media.istockphoto.com/id/1366533374/photo/japandi-style-living-room-interior-design-and-decoration-green-sofa-in-living-room-3d.jpg?s=612x612&w=0&k=20&c=nA6VbKsbK30V1v0NF0B-VOMsQgLAm6Zq1l-OE7HL588="); background-position: center; padding: 80px 0 70px; background-size: cover; position: relative; z-index: 1; text-align: center; } 
.breadcum-sec::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-overlay-gradient); opacity: 0.7; z-index: -1; transition: 0.3s ease-in-out; } 
.breadcum-sec .main-tt { font-size: 35px; color: white; font-weight: 600; margin-bottom: 3px; line-height: 1.5; } 
.breadcum-sec .main-tt span { color: var(--primary-color); } 
.breadcum-sec ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 4px 20px; flex-wrap: wrap; justify-content: center; } 
.breadcum-sec ul li { color: var(--bg1-color); font-weight: 400; font-size: 15px; position: relative; } 
.breadcum-sec ul li::before { content: "/"; position: absolute; top: 1px; right: -20px; width: 20px; height: 20px; color: var(--light-color); } 
.breadcum-sec ul li:last-child:before { content: none; } 
.breadcum-sec ul li a { color: #fff; } 
.breadcum-sec ul li a:hover { color: var(--hover-color2); } 
/* ***********************************popup code Knight_Manager**************************** */ 
.enquiry-dialog { max-width: 350px; } 
.iti__country-list { max-width: 280px; } 
.enquiry-card { border: none; border-radius: 12px; padding: 12px 16px 20px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15); } 
.modal.fade .modal-dialog { transform: translate(0, 0); } 
.modal-backdrop.show { opacity: 0.35; } 
.enquiry-input:focus { box-shadow: 0 0 0 0.2rem rgba(231, 237, 107, 0.08); } 
.enquiry-submit { background: var(--btn-color); color: var(--white); border-radius: var(--radius); padding: 4px 8px; } 
.enquiry-submit:hover, .enquiry-submit:focus { background: var(--primary-color); border-color: var(--white); }
textarea.enquiry-input { resize: vertical; } 
.enquiry-input:focus { border-color: #cfd6e3; box-shadow: 0 0 0 0.2rem rgba(217, 253, 13, 0.08); } 
.enquiry-submit { background: var(--btn-color); color: var(--white); font-size: 1rem; } 
.enquiry-submit:hover, .enquiry-submit:focus { background: var(--primary-color); color: var(--white); } 
.modal-body .product-img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1; } 
.fab-stack { --fab-size: 52px; --fab-gap: 12px; position: fixed; right: calc(35px + env(safe-area-inset-right, 0)); bottom: calc(30px + env(safe-area-inset-bottom, 0)); display: flex; flex-direction: column; gap: var(--fab-gap); z-index: 1040; } 
.fab-btn { height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 0; color: var(--white); background-color: var(--header-color2); cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease; outline: none; animation: email-an linear 1s infinite; } 
@keyframes email-an { 0% { box-shadow: 0 8px 10px rgba(0, 171, 86, 0.2), 0 0 0 0 rgba(0, 171, 86, 0.2), 0 0 0 0 rgba(0, 171, 86, 0.2); } 50% { box-shadow: 0 8px 10px rgba(0, 171, 86, 0.2), 0 0 0 15px rgba(0, 171, 86, 0), 0 0 0 16px rgba(0, 171, 86, 0.067); } 100% { box-shadow: 0 8px 10px rgba(0, 171, 86, 0.2), 0 0 0 18px rgba(0, 171, 86, 0), 0 0 0 20px rgba(0, 171, 86, 0); } 
} 
.business-enq { position: fixed; bottom: 35px; right: 20px; font-weight: 500; z-index: 9; border: 0; outline: 0; background-color: var(--primary-color); 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; } 
.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(--bg1-color); color: var(--heading-color); } 
.business-enq .icon svg { height: 18px; color: var(--primary-color); width: 18px; } 
.form-control { padding: 8px 12px; font-size: 14px; border-radius: var(--radius); width: 100%; } 
.form-control.form-control:focus { box-shadow: none; border: 1px solid var(--heading-color); } 
.fab-whatsapp { background: #25d366; border: 1px solid #25d366; } 
@media (prefers-reduced-motion: reduce) { .fab-btn { transition: none; } 
} 
@media (min-width: 992px) { .fab-stack { right: calc(24px + env(safe-area-inset-right, 0)); bottom: calc(100px + env(safe-area-inset-bottom, 0)); --fab-size: 56px; } 
} 
.contact-bar-mobile { position: fixed; left: 0; right: 0; bottom: 0; display: flex; z-index: 1040; height: 52px; padding-bottom: env(safe-area-inset-bottom, 0); } 
.contact-item { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; font-size: 14px; color: var(--white); text-decoration: none; border: 0; } 
.contact-call { background: var(--primary-color); color: var(--white); } 
.contact-wa { background: #25d366; border: 1px solid #25d366; color: var(--white); } 
.contact-enq { background: var(--secondary-color); color: var(--white); } 
.ci-icon { display: inline-flex; } 
.ci-label { line-height: 1; } 
label { color: #e63629; } 
.iti { width: 100%; } 
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { height: 40px; } 
.form-label { color: #000; } 
.rc-anchor-normal .rc-anchor-pt { margin: 2px 45px 0 0 !important; } 
/* product modal section code****************** */ 
.productmodal { max-width: 850px; } 
.modal-header-custom { color: white; border-bottom: none; background-color: var(--primary-color); padding: 12px 25px; } 
.btn-close-custom { filter: invert(1) grayscale(100%) brightness(200%); opacity: 1; } 
.modal-body-custom { background-color: var(--bg2-color); padding: 30px; } 
.product-display-areamodal { /* height: 100%; */ display: flex; flex-direction: column; border: 1px solid #e3e3e3; position: relative; } 
.product-image-containermodal { aspect-ratio: 1 / 1; flex-grow: 1; display: flex; align-items: center; justify-content: center; } 
.product-imgmodal { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; width: 100%; border-radius: 4px; overflow: hidden; } 
/* thank you modal section code**************** */ 
.thankyou-modal .modal-content { background-color: var(--secondary-color); border: none; border-radius: var(--radius2); position: relative; padding: 50px 30px; overflow: hidden; } 
.thankyou-modal .modal-content::before { content: ""; position: absolute; bottom: 7px; left: 2px; width: 100px; height: 100px; background-image: url("../images/thnk1.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0.7; transform: rotate(-5deg); } 
.thankyou-modal .modal-content::after { content: ""; position: absolute; top: 10px; right: 15%; width: 100px; height: 100px; background-image: url("../images/thnk2.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0.7; } 
.modal-body .th1 { font-size: 30px; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; color: var(--white) !important; } 
.modal-body .th2 { font-size: 18px; font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; max-width: 280px; margin-left: auto; margin-right: auto; text-transform: capitalize; color: var(--white) !important; } 
.modal-body .th3 { font-size: var(--white); line-height: 1.6; margin-bottom: 25px; max-width: 280px; margin-left: auto; margin-right: auto; color: var(--white) !important; } 
.btn-close-customs { position: absolute; top: 20px; right: 20px; background: transparent; border: none; color: var(--white); font-size: 24px; z-index: 10; opacity: 0.8; transition: 0.3s; } 
.btn-close-customs:hover { opacity: 1; transform: scale(1.1); } 
.thnks { position: relative; z-index: 5; text-align: center; color: var(--white); } 
.thnks .main-btn { background-color: var(--heading-color) !important; color: var(--white) !important; } 
.thnks .main-btn:hover { background-color: var(--white) !important; color: var(--heading-color) !important; border: var(--white); } 
.product-section { background-color: var(--white); border-bottom: 1px solid var(--border-light); } 
.product-main-img { max-width: 100%; height: auto; } 
.technical-diagram { max-width: 100%; height: auto; } 
.spec-item { margin-bottom: 12px; font-size: var(--para-size); color: var(--para-color); } 
.spec-label { font-weight: 700; color: #555555; margin-right: 5px; } 
.btn-data-sheet { background-color: var(--primary-color); color: var(--white); font-size: var(--para-size); font-weight: 500; padding: 10px 24px; border-radius: var(--radius); border: none; display: inline-flex; align-items: center; transition: opacity 0.3s ease; text-decoration: none; margin-top: 15px; } 
.section-divider { border-top: 1px solid var(--border-light); margin-top: 50px; opacity: 0.5; } 
.blog-article .bx { border-radius: var(--radius); overflow: hidden; } 
/* ── Swiper ── */ 
.testimonialSwiper { width: 100%; } 
.testimonialSwiper .swiper-slide { display: flex; justify-content: center; transition: opacity 0.4s ease, transform 0.4s ease; } 
.testimonial-card { padding: 36px 30px; border-radius: 16px; max-width: 680px; width: 100%; position: relative; background-color: var(--white); box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; justify-content: center; } 
.testi .bx { gap: 24px !important; align-items: flex-start; } 
.testi .img-bx { height: 68px; width: 68px; min-width: 68px; border-radius: 50%; border: 2px solid var(--primary-color); overflow: hidden; position: relative; flex-shrink: 0; box-shadow: 0 0 0 4px #122e524d; transition: box-shadow 0.3s ease; } 
.testi .img-bx { position: relative; } 
.testimonial-card::after { content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 60px; opacity: 0.5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23 122e52'%3E%3Cpath d='M7 17h3l2-4V7H6v6h3zm8 0h3l2-4V7h-6v6h3z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.testimonial-card:hover .testi .img-bx, .testi .img-bx:hover { box-shadow: 0 0 0 6px #122e52b3; } 
.testi .img-bx img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; padding: 4px; display: block; } 
/* ── Content ── */ 
.testi .cont-sec { display: flex; flex-direction: column; gap: 10px; } 
.testi .cont-sec .tt { font-size: 15px; line-height: 1.8; color: var(--para-color); font-style: italic; } 
.testi .cont-sec .sub-tt { font-size: 16px; font-weight: 600; color: var(--heading-color); margin-top: 6px; line-height: 1.2; } 
.testi .cont-sec span { font-size: 12px; font-weight: 500; color: var(--primary-color); letter-spacing: 0.08em; text-transform: uppercase; } 
/* ── Swiper pagination dots ── */ 
.testimonialSwiper .swiper-pagination { bottom: 10px; } 
.testimonialSwiper .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(0, 0, 0, 0.2); opacity: 1; transition: width 0.3s ease, background 0.3s ease; border-radius: 4px; } 
.testimonialSwiper .swiper-pagination-bullet-active { background: var(--primary-color); width: 24px; } 
.head-sec { text-align: center; max-width: 950px; margin: 0 auto 35px; } 
.custom-from-row { padding: 35px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); background-color: var(--white); color: var(--heading-color); border-radius: 10px; } 
.custom-from-row .form-control { border-radius: 5px; height: 42px; font-size: 14px; color: var(--black); font-weight: 400; box-shadow: none !important; } 
.custom-from-row textarea { padding: 12px 15px; } 
.custom-from-row .iti--allow-dropdown .iti__flag-container, .custom-from-row .iti--separate-dial-code .iti__flag-container { height: 42px; } 
.custom-from-row .main-btn { padding-block: 14px; font-size: 15px; } 
.date-author { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; } 
.date-author .date, .date-author .auther { color: var(--dark); display: flex; gap: 3px; font-size: 15px; align-items: center; transition: all 0.3s ease-in-out; } 
.date-author .date svg, .date-author .auther svg { height: 17px; width: 17px; margin-top: 2px; } 
.blog-content-card:hover .date, .blog-content-card:hover .auther { color: var(--primary-color); }
tbody p, td p, tfoot p, th p, thead p, tr p { margin: 0 !important; } 
.navigation .menu ul > li > ul.ls-dropdown > li > ul.ls-dropdown.img-dropdown { position: absolute !important; overflow: unset; /* overflow: hidden; */ object-fit: cover; } 
.nav-img-panel-link { padding: 0 !important; margin: 0; border: 0; background-color: transparent !important; } 
.navigation .menu ul li.nav-img-panel:hover, .navigation .menu ul li.nav-img-panel:hover > a, .navigation .menu ul li.nav-img-panel a:hover { background: transparent !important; color: inherit !important; transform: none !important; box-shadow: none !important; } 
.blog-article { padding: 15px; } 
.category-sectionM .bx { overflow: hidden; position: relative; } 
.category-sectionM .bx::after { content: ""; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100% ); transition: left 0.7s ease; z-index: 2; pointer-events: none; } 
.category-sectionM .bx:hover::after { left: 150%; } 
.category-sectionM .bx img { transition: all 0.7s ease-in-out; } 
.category-sectionM .bx:hover img { transform: scale(1.08); } 
.cate-bx { padding: 12px; border: 1px solid #e3e3e3; height: 100%; background-color: white; } 
.cate-bx .img { aspect-ratio: 1 / 1; overflow: hidden; position: relative; /* border-radius: 5px; */ display: block; } 
.cate-bx .img 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:hover img { transform: scale(1.08); } 
.cate-bx .tx-bx { padding-top: 8px; text-align: center; } 
.cate-bx .tx-bx .tt { font-size: 15px; margin-bottom: 0; font-weight: 500; line-height: 1.3; font-family: var(--font2); color: var(--heading-color); } 
.cate-bx .tx-bx .tt a { color: var(--para-color); font-family: var(--font); display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; overflow: hidden; } 
.cate-bx .tx-bx .tt:hover a { color: var(--primary-color); } 
.cate-bx .tx-bx p { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; color: var(--para-color); } 
.search-bx { display: flex; align-items: center; border-radius: 10px; overflow: hidden; padding: 5px; background-color: #f3f4f6; 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(--heading-color); font-weight: 400; height: 36px; font-size: 15px; min-width: 220px; background-color: #f3f4f6; /* height: 40px; */ padding-left: 12px; } 
.search-bx button { outline: none; border: none; height: 35px; background-color: var(--primary-color); color: white; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 7px; gap: 5px; font-weight: 600; } 
.search-bx button:hover { background-color: var(--secondary-color); } 
.g-recaptcha { transform: scale(0.8); transform-origin: 0 0; } 
.lsm-filter-design-wrap .filter-accordion-item { border: 1px solid #e6ebf1; border-radius: 10px; overflow: hidden; background: #ffffff; 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: 8px 12px; background: #f9f9f9; } 
.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: 15px; height: 15px; cursor: pointer; accent-color: var(--primary-color); border-color: #e3e3e3; box-shadow: none !important; margin-top: 0; } 
.form-check-input:checked, .form-check-input[type="checkbox"]:indeterminate { background-color: var(--primary-color); border-color: var(--primary-color); } 
.lsm-filter-design-wrap .parent-title { font-size: 16px; font-weight: 500; color: #1f2937; margin: 0; line-height: 1.3; cursor: pointer; } 
.lsm-filter-design-wrap .accordion-toggle { width: 28px; height: 28px; border: none; border-radius: 50%; background: var(--primary-color); 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(--white); 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: 14px; background: #ffffff; } 
.lsm-filter-design-wrap .subcategory-list { list-style: none; padding: 0; margin: 0; } 
.lsm-filter-design-wrap .subcategory-list li { margin-bottom: 8px; } 
.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: 0; border-radius: 10px; /* background: #f9f9f9; */ cursor: pointer; transition: all 0.25s ease; } 
.lsm-filter-design-wrap .child-title { font-size: 14px; font-weight: 500; color: var(--heading-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; } 
} 
.lsm-category-tabs { justify-content: center; gap: 15px; flex-wrap: wrap; } 
.lsm-category-tabs .nav-link { background-color: #f4faff; color: var(--primary-color); border-radius: 30px; } 
.lsm-category-tabs .nav-link.active { background-color: var(--primary-color); color: white; } 
.testi { background-color: var(--bg2-color); }
.map-box {
    width: 100%;
    height: 496px;
  background-image: url('../images/arihant-map-placeholder.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    overflow: hidden;
    position: relative;
}

/* Iframe */
.map-box iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;

    /* jab tak map load na ho */
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Map load hone ke baad */
.map-box.map-loaded iframe {
    opacity: 1;
}

/* Background remove */
.map-box.map-loaded {
    background-image: none;
}

/* Mobile */
@media (max-width: 767px) {
    .map-box {
        height: 350px;
    }
}