/* mix */
.hero-slider{  position:relative;}
.slide-item{ position:relative;}
.slide-grid img{ width:100%; height:100%; object-fit:cover;}
.main-image{ overflow:hidden;}
.side-image{ overflow:hidden;}
.slide-item{  position:relative;}
.mobimg {display: none;}
.caption-box{ position:absolute; left:0; bottom:0; background:#0a8d83;  color:#fff;  padding:25px 50px;  max-width:700px;}
.caption-box h4{font-size:30px;margin-bottom:10px;font-weight:700;color: #fff;}
.caption-box h2{font-size:80px; line-height:1; font-weight:300; margin:0;color: #fff;}
/* Owl Dots */
.hero-slider .owl-theme .owl-dots{position:absolute; right:30px; bottom:25px;}
.hero-slider .owl-theme .owl-dots .owl-dot span{ width:14px; height:14px; margin:5px;  background:#fff;}
.hero-slider .owl-theme .owl-dots .owl-dot.active span{ background:#ffdf00;}
.main-header{ background:#fff;padding: 10px 0;   position:relative; z-index:999;  box-shadow:0 2px 10px rgba(0,0,0,.05);}
.menustoplogo{list-style: none;margin: 0;padding-left: 0;display: flex; gap: 15px;margin-right: 0px;}
.header-container{margin: 0 60px;max-width: 100%;  display:flex; align-items:center; justify-content:space-between;}
.header-containers {width: 100%;margin: 0 60px;max-width: 100%;  display:flex; align-items:center; justify-content:space-between;}
.logo img{  height:65px;}
.main-header .navbar ul{  display:flex; align-items:center; gap:35px; list-style:none;margin: 0;}
.main-header .navbar ul li a{ text-decoration:none; color:#222;font-size:16px;font-weight:500;transition:.3s;margin: 0;}
.main-header .navbar ul li a:hover{ color:#00a99d;}
.main-header .navbar  {margin-left: 100px;}
.header-right{display:flex; align-items:center; gap:25px;}
.enquiry-btn{border:2px solid #00a99d;padding: 9px 20px;text-decoration:none;color:#fff;font-weight:600;transition:.3s;font-size: 15px;background:#00a99d;}
.enquiry-btn:hover{ background:#fff;color:#000;border:2px solid #00a99d;}
.social-icons{display:flex; gap:18px;}
.social-icons a{color:#00a99d;font-size:20px; transition:.3s;}
.social-icons a:hover{ transform:translateY(-3px);}
.future-section{ background:#fff; position:relative; overflow:hidden; position: relative;background: url(../images/hm-intro-bg.jpg); background-size: auto;background-size: cover;padding: 70px 0 0 0;}
.sub-container { margin: 0 70px; max-width: 100%;} 
.future-content h2{font-size: 35px; line-height:1.1;  color:#222;margin-bottom:25px;  font-weight:700;}
.future-content p{color: #555; line-height: 24px; font-size: 15px; margin-bottom: 10px; padding-right: 18%;}
.discover-btn { display:inline-block; padding: 12px 30px;font-size: 15px; border:2px solid #0a8d83; color:#222; text-decoration:none; border-radius:50px; font-weight:600; transition:.3s;}
.discover-btn:hover{background:#0a8d83;color:#fff;}
.future-image img{ width:100%;object-fit:cover; border-radius:5px;}
.feature-stack{ position:absolute; left:52%; top:50%; transform:translate(-50%,-50%); width:280px; z-index:5;}
.feature-card{background:#fff; padding: 25px 20px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.08);}
.feature-card:not(:last-child){ border-bottom:1px solid #eee;}
.feature-card .icon{ font-size:35px; margin-bottom:15px;}
.feature-card h4{font-size: 20px; font-weight:500;}
.feature-card.active{background:#0a8d83;  color:#fff;}
.feature-card.active .icon{ color:#ffd500;}
.icon img{height: 40px;}
.futurerow {display: flex;align-items: center;}
.service-section{ display:flex; min-height:700px;  background:#f4f4f4;overflow: hidden; position: relative;}
/* LEFT SIDE */
.video-box{ height: 100%; position:relative;overflow:hidden;}
.video-box img{ width:100%; height:100%; object-fit:cover;}
/* .video-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(200,0,0,.75);
} */
.video-overlay{ position:absolute; inset:0;display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; z-index:2;}
.play-btn { width:100px; height:100px; border:3px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:35px; text-decoration:none; margin-bottom:25px; transition:.3s;}
.play-btn:hover{ background:#fff; color:#d40000;}
.video-overlay h3{ font-size: 35px;font-weight: 500; color: #fff;}
/* RIGHT SIDE */
.content-box{ padding:100px 80px; display:flex; flex-direction:column; justify-content:center;}
.subtitle{ color:#0a8d83;font-size:14px; font-weight:700; letter-spacing:1px; margin-bottom:15px;}
.content-box h2{font-size: 35px;line-height:1.1; color:#222; margin-bottom:30px; font-weight:700;padding-right: 170px;}
.content-box p{color:#555; line-height:27px; font-size:15px; margin-bottom:40px;}
.discover-btn{  display:inline-flex;  align-items:center;  justify-content:center;  width:220px;  height:65px;  border:2px solid #0a8d83; border-radius:50px; text-decoration:none; color:#222; font-weight:600; transition:.3s;}
.discover-btn:hover{ background:#0a8d83;  color:#fff;}
.modal-content{  position: relative;}
.modal-content { background: transparent;  border: none;}
.modal-body { position: relative;}
/* Optional close overlay */
.modal::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.7);}
.custom-close {  position: absolute;  top: -15px;  right: -15px;  width: 40px;  height: 40px;  border-radius: 50%;  background: #fff;  border: none;  font-size: 18px;  cursor: pointer;  box-shadow: 0 5px 15px rgba(0,0,0,0.2);  z-index: 10;  transition: 0.3s;}
.custom-close:hover {  background: #0a8d83; color: #fff; transform: rotate(90deg);}
/* best */
.corporate-section{  background: #333;}
.content-boxs{  background:#fff;padding: 30px 30px; height:100%; display:flex; flex-direction:column; justify-content:center;}
.title-border{ border-left:6px solid #d71920; padding-left:25px; margin-bottom:20px;}
.title-border h2{font-size: 25px; font-weight:600; line-height:1.3;color:#202020;margin: 0;}
.title-border p { font-size: 15px;}
.contact-btn{ text-decoration:none;  color:#202020; font-size:17px; font-weight:600; position:relative; display:inline-block;  width:fit-content;}
.contact-btn::after{ content:""; position:absolute; left:0; bottom:-10px; width:70px; height:4px;   background:#0a8d83;}
.image-box img{ width:100%;  height:100%;  object-fit:cover;}
.image-box  {height: 100%;}
.corporate-container {margin: 0 140px; max-width: 100%;}
.corporatemargin {margin-top: -10%;z-index: 9; position: relative;}
.counterwrapper {background: #333; padding-bottom: 60px;}
.counter{  font-size: 35px; font-weight:300;  color:#fff;}
.counter span{  font-size: 35px;}
.fact-box p{   color:#fff;}
.counterwrapper p {font-size: 18px; color: #fff;}
.counterwrapper  img{ height: 50px; margin-bottom: 20px;}
/* feature */
.features-section{ padding:100px 0;  background:#fff;}
.feature-img img{ width:100%;}
.feature-content span{  color:#0a8d83; font-size:17px; font-weight:700; text-transform:uppercase; display:block; margin-bottom:10px;}
.feature-content h2{ font-size:35px; font-weight:700; color:#222; margin-bottom:10px;}
.features-section p{font-size: 15px; line-height: 24px;color: #555;margin-bottom: 10px; padding-right: 5%;}
.feature-btn{  display:inline-block;  margin-top:20px;  padding:15px 40px;  border:2px solid #0a8d83;  border-radius:50px;  color:#222;  text-decoration:none;  font-weight:600;  transition:.3s;}
.feature-btn:hover{ background:#0a8d83; color:#fff;}
.feature-image{padding-right:40px;}
.feature-content{   padding-left:50px;}
/* gallery photo */
.gallery-section img{ width:100%; height:100%; object-fit:cover;}
.red-box{ background:#ed001c; color:#fff; min-height:260px;text-align:center; padding:40px;}
.red-box h2{ font-size:42px;font-weight:700; line-height:1.2;}
.yellow-box{background:#ffe600; color:#000;min-height:260px;text-align:center; padding:40px;}
.yellow-box h2{font-size:34px; font-weight:700; line-height:1.3;}
.gallery-section img{width:100%;height:100%; object-fit:cover;}
.red-box{background: #0a8d83;color:#fff;min-height:260px;text-align:center;padding:40px;}
.red-box h2{font-size: 28px;font-weight:700;line-height:1.2;color: #fff;}
.yellow-box{background: #0a8d83;color:#fff; min-height:260px; text-align:center;padding:40px;}
.yellow-box h2{font-size: 28px; font-weight:700; line-height:1.3;color: #fff;}
/* testi */
.testimonial-section {padding: 60px 0;}
.testimonial-box{ background:#fff;border-radius:6px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);padding:60px 55px;position:relative;margin-top: 10px;}
.testimonial-box p { font-size: 15px; }
.quote-icon{  position:absolute;top:-18px;left:45px;font-size: 60px;color: #0a8d83; margin-top: -20px;}
.client-info{ margin-top:30px; display:flex; align-items:center;gap: 10px;}
.menu-dsn { border-radius: 26px;}
.client-info h5{color: #0a8d83; font-size: 17px;font-weight: 700; display: block;margin-bottom: 10px;}
.client-info img{ width:70px;  height:70px;   border-radius:50%;}
.testisub span{color: #0a8d83;font-size: 18px;font-weight: 700; text-transform: uppercase; display: block;margin-bottom: 15px;}
.testisub h2 { font-size: 35px; font-weight: 700;color: #222; margin-bottom: 30px;}
.client-info p {  font-weight: 700; color: #222;font-size: 14px;}
.client-info span {  font-weight: 700; color: #222;font-size: 14px;}
.testimonial-item { margin-top: 30px;}
/* footer */
.footer-section{ background:#f4f4f4;padding:70px 0 25px; font-family:Arial,sans-serif;}
.footer-title{font-size: 18px; font-weight:700; margin-bottom:25px; color:#222;}
.footer-address{font-size: 15px; color:#444; line-height:1.8;}
.footer-contact, .footer-links{ list-style:none;padding:0; margin:0;}
.footer-contact li{ margin-bottom:12px; color:#333;font-size: 15px;}
.footer-contact i{ width:24px;color:#7a7a7a;}
.footer-links li{ margin-bottom:14px;font-size: 15px;}
.footer-links a{ color:#222;text-decoration:none; transition:.3s;}
.footer-links a:hover{color:#0a8d83; padding-left:6px;}
.social-icons{ display:flex;  gap:18px;  margin:25px 0;}
.social-icons a{ color:#666; transition:.3s;font-size: 17px;}
.social-icons a:hover{  color:#0a8d83;}
.certificate-title{ font-weight:700;margin-bottom:18px;font-size: 15px;}
.certificate-box{ display:flex; gap:15px;}
.certificate-box img{ width: 100px; height: 70px;object-fit:contain; background:#fff;  border:1px solid #ddd;  padding:5px;}
.footer-section hr{  margin:35px 0; border-color: #000;}
.locations{ text-align:center;}
.locations h5{ font-size: 20px; font-weight: 700; margin-bottom: 15px}
.locations ul{ display:flex; justify-content:center; flex-wrap:wrap;  list-style:none;  padding:0;  margin:0;}
.locations li{ padding:0 20px;  position:relative;  font-size:16px;}
.locations li:not(:last-child)::after{   content:""; width:1px; height:18px; background:#e21d23; position:absolute; right:0; top:4px;}
.copyright{display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; font-size:15px;  color:#555;}
/* photo */
.photo-gallery {  padding: 60px 0; background: #fff;}
.photo-gallery h2 span { color: #0a8d83}
.photo-gallery  h2 { font-size: 30px; font-weight: 500; padding: 5px 0; padding-right: 0px; text-align: center;}
.photo-gallery .category-card:hover .cat-overlay { background: rgb(9, 140, 130, 0.8);}
.cat-overlay { font-weight: 500; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;color: #fff; font-size: 17px; letter-spacing: 1px; transition: 0.3s ease;}
.category-card img  {background: #0a8d83 0% 0% no-repeat padding-box; box-shadow: 3px 6px 15px #0000004D; border-radius: 25px; -o-object-fit: cover; object-fit: cover;transition: 0.4s ease; width: 100%; height: 100%;}
.photomargin { margin-bottom: 30px;}
.catround h6 {color: #fff;}
.photo-gallery .category-card { position: relative; border-radius: 16px; overflow: hidden; cursor: pointer; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);margin-top: 30px;height: 100%;}
.cat-overlay {display: none;}
.photo-gallery .category-card:hover .cat-overlay {display: block;display: flex; align-items: center; justify-content: center;}
.photo-gallery .hidden-gallery { display: none;}
.photo-gallery .img-modal {  position: fixed; inset: 0; background: rgba(0, 0, 0, 0.85); display: none; align-items: center; justify-content: center; z-index: 1001;}
.photo-gallery .img-modal .nav { top: 50%; transform: translateY(-50%); font-size: 50px; padding: 10px 15px; opacity: 0.8;position: absolute;  color: #fff;}
.photo-gallery .img-modal .next { right: 20px;}
.photo-gallery .img-modal .prev { left: 20px;}
.photo-gallery .img-modal #closeModal { top: 20px; right: 30px;}
.photo-gallery .img-modal span { position: absolute;color: #fff;font-size: 32px;cursor: pointer;user-select: none;}
/* logo */
.logo-item { height: auto;margin: 0;margin-bottom: 20px; display: block;}
.logosmenus  { background: #fff; height: 100%;padding: 15px 20px; border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.23);}
/* clients */
.clients{  padding:60px 0;   background:#fff;}
.sub-title{ color:#0a8d83;  font-size:15px;  font-weight:700;  text-transform:uppercase;}
.clients h2{ font-size:42px; font-weight:700;  margin-top:8px;}
.view-btn{ width:130px; height:50px; border:2px solid #0a8d83; border-radius:50px;  display:flex;  align-items:center;  justify-content:center;  color:#000;text-decoration:none; font-weight:600; transition:.3s;}
.view-btn:hover{  background:#0a8d83;  color:#fff;}
.client-box{  border:1px solid #e8e8e8;  height:160px;  display:flex;  align-items:center;  justify-content:center;  background:#fff;  transition:.3s;}
.client-box img{  max-width:160px;  max-height:90px;  width:auto;   transition:.3s;}
.client-box:hover{  box-shadow:0 10px 25px rgba(0,0,0,.08);}
.client-box:hover img{  transform:scale(1.08);}
.client-carousel .owl-dots{  margin-top:35px;  text-align:center;}
.client-carousel .owl-dot span{  width:10px;  height:10px;  margin:5px;   background:#bdbdbd !important;  border-radius:50%;  display:block;}
.client-carousel .owl-dot.active span{   width:12px; height:12px;  background:#0a8d83 !important;}

.project-item{  position:relative; overflow:hidden;}
.overlay{ position:absolute; left:0; right:0; bottom:0; padding:30px; color:#fff; background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));}
.overlay h3{ margin:0; font-size:50px;color: #fff;}
.red-contct.btn.btn-primary { min-width: auto;align-items: center;width: 150px;font-size: 13px;}

/* craft */
.crafthero-section{  position:relative;  overflow:hidden;}
.crafthero-item{ position:relative;}
.crafthero-content h1{ font-size:70px;   color:#fff;  line-height:1.1; margin-bottom:25px;}
.crafthero-slider .owl-nav{   position:absolute; width:100%; top:50%; transform:translateY(-50%);}
.crafthero-slider .owl-prev,
.crafthero-slider .owl-next{  width:55px;  height:55px;  border:1px solid rgba(255,255,255,.4)!important;  color:#fff!important;  border-radius:50%;  font-size:22px!important;  background:transparent!important;  position:absolute;}
.crafthero-slider .owl-prev{  left:40px;}
.crafthero-slider .owl-next{  right:40px;}
.crafthero-slider .owl-dots{  position:absolute;  bottom:40px;  width:100%;}
.crafthero-slider .owl-dot span{  width:12px;  height:12px;  background:#555!important;}
.crafthero-slider .owl-dot.active span{  background:#fff!important;}
.crafthero-content  {position: absolute; bottom: 100px; left: 9%;}
.blog-section{background-color: #F7FAFC;padding: 60px 0;}
.blog-section .section-title span{  font-size:18px; color:#555;}
.blog-section .section-title h2{font-size: 30px; font-weight:700; margin-top:10px;}
.blog-btn{background: #000; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 40px; transition: .3s; font-size: 14px;}
.blog-btn:hover{   color:#fff;   background:#333;}
.blog-card{   background:#fff; overflow:hidden;  transition:.35s;}
.blog-card:hover{ transform:translateY(-8px);  box-shadow:0 15px 35px rgba(0,0,0,.12);}
.blog-img{  overflow:hidden;}
.blog-img img{   width:100%;height:280px;  object-fit:cover; transition:.5s;}
/* .blog-card:hover img{  transform:scale(1.08);} */
.blog-content{ padding:35px;   text-align:center;min-height: 150px; max-height: 150px;}
.blog-tag{   font-size:13px;   font-weight:700;   letter-spacing:2px;}
.blog-content h3{ font-size: 18px;   font-weight:700;   line-height:1.35;   margin:12px 0;}
.blog-content p{   color:#666;   margin-bottom:30px;}
.blog-content a{   color:#000;  text-decoration:none;    font-weight:700;  letter-spacing:1px;}
.blog-content a i{   margin-left:6px;   transition:.3s;}
.blog-content a:hover i{  transform:translateX(5px);}
.desktop {display: block !important;}
.phone {display: none !important;}

.category-section { padding: 60px 0; }
.category-card{  position:relative;  display:block;  overflow:hidden;  border-radius:18px;  text-decoration:none;}
.category-card img{    object-fit:cover;  transition:.5s;}
.category-overlay{  position:absolute;  left:0;  right:0;bottom:0;  padding:20px; background:linear-gradient(to top,   rgba(0,0,0,.85),   rgba(0,0,0,.45),      transparent);   transition:.4s;}
.category-overlay h4{ color:#fff;  font-size: 20px;   margin-bottom:10px;   font-weight:600;}
.category-overlay p{  color:#ddd; font-size:14px;  line-height:1.7;  margin:0;}
.category-card:hover img{  transform:scale(1.08);}
.category-card:hover .category-overlay{  padding-bottom:30px;}

/* craft */

.faq-section  h3{ font-size: 35px; line-height: 1.1; color: #222; margin-bottom: 0px; font-weight: 700; padding-right: 0 !important;}
.faq-section .accordion-item{  border:1px solid #e5e5e5;    border-radius:12px !important;  margin-bottom:15px;  overflow:hidden;}
.faq-section .accordion-button{   font-size: 16px; font-weight: 600; padding: 15px; background:#fff;  color:#222;  box-shadow:none !important;}
.faq-section .accordion-button:not(.collapsed){   color:#000;}
.faq-section .accordion-button::after{   filter: brightness(0);}
.faq-section .accordion-button:not(.collapsed)::after{   filter: brightness(0) ;}
.faq-section .accordion-body{   padding:16px;  font-size:15px;  line-height:1.8;    color:#666;padding-top: 0;}

/* RIGHT SIDE */
.contents-box{ padding:50px 80px; display:flex; flex-direction:column; justify-content:center;}
.subtitles{ color:#0a8d83;font-size:14px; font-weight:700; letter-spacing:1px; margin-bottom:15px;}
.contents-box h2{font-size: 28px; line-height: 1.1; color: #222; margin-bottom: 15px; font-weight: 700;}
.contents-box p{color: #555; line-height: 25px; font-size: 15px;  margin-bottom: 15px;}
.counttop {padding-top: 60px;}
.category-section .section-title h2 {font-size: 30px; font-weight: 700; margin-top: 10px;}
.category-section .section-title span { font-size: 18px; color: #555;}
/* menu */
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {  transform: translate3d(-493px, 0, 0);}
.headerRightmainAll li {list-style: none;}
header .toggle { width: auto; height: 0;right: 70px;top: 30px;}
.call-btn {padding-left: 30px;display: flex; gap: 20px; align-items: center;}
.call-btn a{  padding: 10px 15px; border-radius: 7px;background:#CC2936;; color: #fff;font-size: 14px;border: 1px solid #CC2936;;}
.call-btn a:hover{ transition: 0.5s;border: 1px solid #CC2936;color: #000; background: transparent;}
.call-btn i {margin-right: 5px;}
.menu-dsn { background: #fff;background: transparent; color: #000;font-size: 35px; color: #fff;border: none; margin-left: 30px;}
.smaller .menu-dsn {color: #000;}
.future-sections{ background:#fff; position:relative; overflow:hidden; position: relative;background: url(../images/bg.jpg); background-size: auto;background-size: cover;padding: 70px 0 60px 0;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 30px; }
.metal-sections{ background:#fff; position:relative; overflow:hidden; position: relative;background: url(../images/bg-01.png); background-size: auto;background-size: cover;padding: 70px 0 60px 0;}
/* products */
.product-gallery{padding-right: 100px;height: 100%;}
.product-section{padding:60px 20px;}
.main-images img{  width:100%;   border-radius:15px;height: 100%;}
.main-images{height: 100%;}
.thumb-images{   display:flex;  gap:15px;  margin-top:20px;justify-content: center;}
.thumb-images img{  width:90px;   height:90px;   object-fit:cover;   border-radius:10px;   cursor:pointer;   border:2px solid transparent;   transition:.3s;}
.thumb-images img:hover{ border-color:#000;}
.brand {color: #0a8d83; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 600;}
.product-details h2{   margin:10px 0;   font-size:38px;}
.rating{  color:#f8b400;   margin:15px 0;}
.rating span{  color:#777;   margin-left:10px;}
.price{  display:flex;   align-items:center;   gap:15px; margin: 10px 0;}
.new-price{   font-size:30px;   font-weight:bold;}
.old-price{  text-decoration:line-through;  color:#888;font-size: 16px;}
.discount{background: #2d3091; color: #fff; padding: 5px 12px; border-radius: 30px; font-size: 15px;}
.description{  color:#666;  line-height:1.7;  margin-bottom:20px;}
.sizes h4,.colors h4{   margin-bottom:15px;font-size: 16px;}
.sizes button{  width:50px;   height:50px;   border:1px solid #ddd;    background:#fff;   border-radius:8px;   cursor:pointer;    margin-right:10px;    font-size:16px;}
.sizes .active{   background:#000;  color:#fff;}
.colors{margin-top:30px;}
.colors span{  width:35px;   height:35px;   display:inline-block;  border-radius:50%;  margin-right:12px;  cursor:pointer;}
.red{ background:#e74c3c;}
.blue{  background:#2980b9;}
.black{   background:#111;}
.colors .active{   outline:3px solid #111;   outline-offset:4px;}
.quantity{ margin: 25px 0; display:flex;}
.quantity button{   width:45px;   height:45px;   border:none;   background:#eee;   cursor:pointer;   font-size:20px;}
.quantity input{  width:60px;  text-align:center;  border:1px solid #ddd;font-size:18px;}
.buttons{  display:flex;   gap:20px; }
.buttons button{   flex:1;   padding:13px;     font-size:16px;   border-radius:8px;   cursor:pointer;   transition:.3s;}
.cart{  background:#0a8d83;;  color:#fff;}
.buy{   background:#000;   color:#fff;border:none; }
.buttons button:hover{   transform:translateY(-3px);}
.features{ margin-top: 20px; list-style:none;padding: 0;}
.features li{ margin-bottom:15px; color:#555;}
.features i{   color:#27ae60;  margin-right:10px;}
.thumb.active{   border:2px solid #000;}
.sizes button.active{  background:#000;   color:#fff;}
/* application */
.applications-section .section-title span{  color:#0a8d83;    letter-spacing:2px;   font-size:14px;}
.section-title h2{   font-size: 30px;  margin:10px 0 15px;   font-weight:600;}
.section-title p{ color:#777;  max-width:650px;  margin:auto;}
.application-card{ position:relative;  overflow:hidden;  border-radius:18px;  cursor:pointer;}
.application-card img{  width:100%;   height:400px;  object-fit:cover;  transition:.6s;}
.application-card::before{  content:"";  position:absolute;  inset:0; background:linear-gradient(to top,  rgba(0,0,0,.85),   rgba(0,0,0,.1));}
.application-card:hover img{   transform:scale(1.1);}
.application-card .content{   position:absolute;  left:25px;  bottom:25px;  color:#fff;   z-index:2;}
.application-card h4{  font-size:26px;color: #fff;  margin-bottom:8px;}
.application-card p{  margin:0;   color:#ddd;}
.applications-section {padding-bottom: 60px;}
.related-products {padding: 60px 0;}
.related-products{  background:#f8f8f8;}
.section-heading {margin-bottom: 30px;}
.related-products .section-heading h2{    font-size:30px;   margin-top:8px;   font-weight:600;}
.sub-title{ font-size: 13px; letter-spacing: 2px; color: #0a8d83;}
.view-all{   padding:12px 24px;  background:#000;   color:#fff;   text-decoration:none;   border-radius:50px;   transition:.3s;}
.view-all:hover{  background:#444;   color:#fff;}
.product-card{ background:#fff;  border-radius:20px;  overflow:hidden;  transition:.4s;  box-shadow:0 8px 20px rgba(0,0,0,.06); height:100%;}
.product-card:hover{ transform:translateY(-8px);}
.product-img{  overflow:hidden;}
.product-img img{   width:100%;   height:200px;   object-fit:cover;   transition:.5s;}
.product-card:hover img{  transform:scale(1.08);}
.product-content{   padding:25px;}
.product-content h5{ font-size:24px;  margin-bottom:10px;}
.product-content p{ color:#777; margin-bottom:20px;}
.product-btn{ color:#000;   text-decoration:none;  font-weight:600;}
.product-btn i{ margin-left:8px;  transition:.3s;}
.product-btn:hover i{ transform:translateX(6px);}
.formlist{margin-bottom: 30px;}
.product-details .form-control { border: 1px solid #0a8d83;}
ul.menustoplogo {margin-right: -80px;} 
/* group */
.subpage-wrp { padding-top: 65px;overflow: hidden;  position: relative;}
.dtl-bnr-txt p { padding-bottom: 10px; }
.count-img { padding-top: 10px;}
.subpage-header {  height: 95px;}
.header .navbar-brand { max-width: 75px;
  margin-top: 20px;}
.nalakath-granites-sec { padding: 0;}
.granites-text { padding: 40px 40px;}
.nalakath-imgs { height: 100%;}
.nalakath-imgs img{  height: 100%;}
.concrete-text{padding: 40px 40px; }
.concrete-sec {padding: 0;}
.concrete-img  { height: 100%;}
.concrete-img img{  height: 100%;}
.bricks-sec {
  padding: 0;
}

.offcanvas.menu-dektop {  background: #17191a;}
.pacha h5{margin: 15px 0;display: flex;}
.pacha h5 a{padding: 10px 25px;
  border-radius: 26px;
  background: #2d3091;
  color: #fff;
  font-size: 14px;
  border: 1px solid #2d3091;margin-bottom: 15px;
  margin-right: 7px;max-width: 150px;
  display: block;
  min-width: 120px;
  text-align: center;align-items: center;
  display: flex;justify-content: center;}

 .pacha h5 a:hover {
  transition: 0.5s;
  border: 1px solid #fff;
  color:#2d3091;
  background: #fff;
}
.about-intro , .concrete-sec , .bricks-sec{margin-bottom: 40px;background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 9px #00000033;}
/* social */
.social-iconw i{font-size: 18px;  margin-right: 8px;  cursor: pointer;  transition: .3s;  color: #fff;  background: #00a99d;  padding: 3px 5px;  border-radius: 50px;  width: 36px;  height: 35px;  display: flex;  align-items: center;  justify-content: center;}
.social-iconw i:hover{color:#fff;transform:scale(1.2);}
.nalabuttonbox {display: flex;}
.social-iconw {justify-content: end;display: flex;}
.socialrow {display: flex;align-items: center;padding-top: 20px;}
.nalakath-btn { padding-top: 0;}
.concrete-text h4 {  padding-bottom: 0;}
.nalakath-imgs img {height: 100%;}
.qboxslid {height: 100%;}
/* contact */
.contact-section{ padding:60px 0;padding-bottom: 0;}
.contact-section .section-title span{   color:#00A7A5;   font-weight:600;   letter-spacing:2px;}
.contact-section .section-title h2{   font-size:32px;   font-weight:700;   margin:15px 0;   color:#16213E;}
.contact-section .section-title p{    color:#666;    max-width:650px;    margin:auto;}
.contact-form{  background:#fff;   padding:45px;   border-radius:20px;   box-shadow:0 15px 40px rgba(0,0,0,.08);}
.contact-form h3{  margin-bottom:30px;  font-weight:700;font-size: 25px;}
.contact-form input,.contact-form textarea{   width:100%;   border:none;   background:#f5f7fa;   border-radius:12px;  padding:16px 20px;   outline:none;   transition:.3s;   font-size:15px;}
.contact-form input:focus,
.contact-form textarea:focus{  background:#fff;   border:1px solid #00A7A5;    box-shadow:0 0 0 3px rgba(0,167,165,.15);}
.theme-btn{ border:none;  color:#fff;   padding:16px 35px;  border-radius:50px;   background:linear-gradient(90deg,#00A7A5,#007B7A);   font-weight:600;   transition:.35s;}
.theme-btn:hover{  transform:translateY(-4px); box-shadow:0 15px 30px rgba(0,167,165,.35);}
.theme-btn i{ margin-left:10px; transition:.3s; } 
.theme-btn:hover i{ transform:translateX(6px); } 
.contact-image img{ width:100%; height: 100%; object-fit:cover; border-radius:20px; } 
.contact-image { height: 100%;}
.info-card{ background:#fff; padding:28px; border-radius:18px; box-shadow:0 10px 25px rgba(0,0,0,.06); transition:.35s; height:100%; } 
.info-card:hover{ transform:translateY(-8px); }
.icon{ width:65px; height:65px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#00A7A5; color:#fff; font-size:22px; margin-bottom:20px; }
.info-card h5{ font-weight:700; margin-bottom:15px; color:#16213E; } 
.info-card p{ color:#666; line-height:1.8; margin:0; }


/*product-list start*********/
.card-gb {max-width: 500px;}
.prod-text {display: flex;justify-content: space-between;padding: 0 20px;align-items: center;}
.pric {font-family: "Roboto", sans-serif;font-size: 18px;}
.prod-list-wrp {margin-bottom: 40px;}
.product-list-wrp {margin-top: 40px;}
.prod-left {width: 50%;}
.prod-list-wrp .prod-img {border: 1px solid #b3b3b3;border-radius: 16px;overflow: hidden;margin-bottom: 20px;}
.prod-left h6 {color: #747577;font-size: 24px;font-weight: 500;}
.prod-left h3 {color: #000;font-weight: 500;font-size: 20px; margin-bottom: 20px;}
.prod-add {border:1px solid rgb(95, 95, 95); font-size: 16px; border-radius:24px; padding:10px 8px;font-family: "Roboto", sans-serif;width: 135px;display: block;color: #212121;text-align: center;height: 40px;}
.prod-add:hover {background-color: #212121;color:#fff;}
.fa-rupee {vertical-align: middle;margin-right: 5px;font-weight: 400;}
.star-rating {font-size: 22px;cursor: pointer;display: flex;column-gap: 7px;} 
.fa-star {color: black;} 
.fa-star-o {color: #333;}
.row.prod-list-row {  margin: 0 -30px;}
.sort .options-menu li,.sort .select-trigger{padding:8px 22px;cursor:pointer}
.sort .dropdown-wrapper{position:relative;width:240px;user-select:none;font-family: "Roboto", sans-serif;}
.sort .select-trigger{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1.5px solid grey;border-radius:30px;transition:border-color .3s}
.sort .select-trigger:hover{border-color:#999}
.sort .select-trigger span{font-size:15px;font-weight:400}
.sort .arrow{transition:transform .3s}
.sort ul.options-menu li {padding: 4px 22px;}
.sort .options-menu{position:absolute;top:calc(100% + 2px);left:0;width:100%;background:#fff;border:1px solid grey;
    font-family: "Roboto", sans-serif;
    border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08);list-style:none;padding:8px 0;margin:0;overflow:hidden;z-index:10;visibility:hidden;opacity:0;
    transform-origin:top center}
.sort .options-menu li{font-size:14px;color:#555;transition:background .2s;opacity:0;transform:translateY(10px);font-family: "Roboto", sans-serif;}
.sort .options-menu li:hover{background-color:var(--hover-bg);color:#000}
.sort .options-menu li.selected{font-weight:600;color:#000}
.hdr-pg h1 {color:#000;
  font-weight: 600;
  font-size: 32px}
.hdr-pg h4 { color: #00a99d; font-size: 20px}
.product-list-head {padding: 0px 0 0px 0;}
.btn.filter-btn img {width: 20px;margin-right: 6px;}
.btn.filter-btn {border: 1px solid;font-family: "Roboto", sans-serif;border-radius: 50px;padding:5px 20px;}
.youmay-vara{margin-top:120px;border-top:1px solid #cbcccd;padding:0}
.Ingret-head{text-align:center;margin-top:50px}
.Ingret-head h3{color:#212121;font-size:32px}
.Ingret-head p{max-width:560px;margin:0 auto;color:#756f6f}
.Ingret-text{display:flex;padding-top:40px;justify-content:space-between;margin:0 6%}
div.prod-left {  width: auto;  padding-right: 22px; }
.prod-list-wrp .prod-right { display: flex;  column-gap: 12px;}
.filtr-list li{list-style:none;margin-bottom:21px}
.filtr-list li a{color:#212121;font-size: 14px;}
.star-rt{font:700 14px }
.sub-cate-link { background: #e9e9e9; margin-top: 9px; border-radius: 20px; padding: 12px 20px;}
/* sub banner */
.detailbannerone{  position:relative;height: 750px;   background:url("../images/banner-sub-01.png") center center/cover no-repeat;   display:flex;   align-items:center;   overflow:hidden;background-attachment: fixed;}
.detailbannertwo {    position:relative;height: 750px;  background:url("../images/banner-sub-02.png") center center/cover no-repeat;  display:flex;   align-items:center;   overflow:hidden;background-attachment: fixed; }
.detailbannerthree {    position:relative;height: 750px;   background:url("../images/banner-sub-03.png") center center/cover no-repeat;  display:flex;  align-items:center;  overflow:hidden;background-attachment: fixed; }
.detailbannerfour {    position:relative;height: 750px;   background:url("../images/banner-sub-04.png") center center/cover no-repeat;  display:flex;  align-items:center;  overflow:hidden; background-attachment: fixed;}
/* Dark Gradient */
.detailbannerone::before, .detailbannertwo::before , .detailbannerthree::before , .detailbannerfour::before{content:"";  position:absolute;   inset:0;  background:  linear-gradient( 90deg, rgba(0, 0, 0, 0.88) 0%, rgba(7,22,32,.72) 38%, rgba(7,22,32,.15) 100% );  z-index:1;} 
.banner-content{   position:relative;   z-index:2;}
.sub-title{   display:block;  color:#fff;   font-size:26px;   font-weight:600;   letter-spacing:4px;   text-transform:uppercase;}
.line{    width:200px;   height:1.5px;   background:#00a89c;   margin: 20px 0;}
.banner-content h1{   color:#fff;   font-size:55px;   font-weight:300;   line-height:1.1;} 
.detail-container{margin: 0 70px; width: 100%;}
.banner-content h6 { color: #fff; font-size: 20px; line-height: 30px;max-width: 690px;}
header .toggle { right: 70px;   }
.ftreml-lft {  display: block;}
/* count */
.counter-section{  position:relative;   margin-top:60px;}
.counter-wrapper{   display:flex;   gap:15px;   flex-wrap:wrap;}
.counter-box{    color:#00a89c;  display:flex;   align-items:center;   padding:10px 10px;   min-width:110px;   transition:.35s;}
.counter-box:hover{   transform:translateY(-6px);}
.counter-icon{
 width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  font-size: 27px;
}
.counter-content h2{
   font-size: 22px;
    line-height:1;
    margin:0;
    font-weight:700;  color: #fff;
}
.counter-content p{
    margin:4px 0 0;
    font-size:10px;
    letter-spacing:1px;
    font-weight:600;  color: #fff;
}

.counter {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}
.feature-row{
    margin-top:50px;max-width: 590px;display: flex;
}

.feature-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:5px 10px;
    border-right:1px solid rgba(255,255,255,.18);
    transition:.35s;
    height:100%;
}

.feature-icon{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #00a89c;
  margin-bottom: 15px;
  transition: .35s;
}

.feature-box h5{
    color:#fff;
    font-size: 12px;
    line-height:1.6;
    font-weight:500;
    text-transform:uppercase;
    margin:0;
}

.feature-box:hover{
    transform:translateY(-8px);
}

.feature-box:hover .feature-icon{
    transform:scale(1.15);
    color:#fff;
}
.sub-textshead {
  display: block;
  color: #00a89c;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.feature-row{  display:grid;   grid-template-columns:repeat(4,1fr);   gap:0;}
.fearboxs{   border-right:1px solid rgba(255,255,255,.15);}
.fearboxs:last-child{  border-right:none;}
.feature-box:last-child{  border-right:none;}
 /* Tab Buttons */
.tabs-wrapper .tabs { display: flex;   gap: 10px;    border-bottom: 1px solid #ddd; }
.tabs-wrapper .tab-btn {  border: none;  background: transparent;  padding: 14px 25px;   font-size: 16px;   cursor: pointer;  position: relative; color: #777; }
.tabs-wrapper .tab-btn.active { color: #000;    font-weight: 600;  }
.tabs-wrapper .tab-btn.active::after {    content: "";    position: absolute;    left: 0;    bottom: -1px;     width: 100%;    height: 2px;   background: #00a99d;}
.tabs-wrapper .tab-content {    display: none;   padding: 30px 10px; animation: fadeIn .4s ease;}
.tabs-wrapper .tab-content.active { display: block; }
 @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(8px);
        }

        to {
            opacity: 1;
            transform: translateY(0);    }
        }
.blogs-img img{ min-height: 110px; max-height: 100px;margin-bottom: 20px;}
.blogs-img {  overflow: hidden;}
.blogs-slider .item:hover img {  transform: none !important;   opacity: 1 !important; filter: none !important;}
.blog-card,
.blog-card:hover {  transform: none !important;  box-shadow: none !important;  opacity: 1 !important;  filter: none !important;}
.blog-card::before,
.blog-card::after,
.blog-card:hover::before,
.blog-card:hover::after {   display: none !important; opacity: 0 !important; transform: none !important;}
.tabs {  display: flex; gap: 10px;   overflow-x: auto;  white-space: nowrap;   scrollbar-width: none;}
.tabs::-webkit-scrollbar {  display: none;}
.tab-btn {   flex-shrink: 0;}
.prod-img  { width: 100%;}
.prod-img img  { width: 100%;}

.tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    cursor: grab;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tabs:active {
    cursor: grabbing;
}
.tab-btn {  flex: 0 0 auto;   white-space: nowrap;}
.tabs-wrapper {
    width: 100%;
    overflow: hidden;
}

.tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;

    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;

    cursor: grab;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tabs .tab-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}
.sub-container.tabs-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.tabs-wrapper .tabs {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    padding-left: 75px;
    padding-right: 75px;

    box-sizing: border-box;
    scrollbar-width: none;
}

.tabs-wrapper .tabs::-webkit-scrollbar {
    display: none;
}

.tabs-wrapper .tab-btn {
    flex: 0 0 auto;
}
.tabs {
    padding-right: 75px;
}
.tabs-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.tabs-wrapper .tabs {
   max-width: 1500px;
    display: flex;
    flex-wrap: nowrap;
    gap: 35px;

    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;
    scroll-behavior: smooth;

    scrollbar-width: none;

    padding-left: 55px;
    padding-right: 55px;
    box-sizing: border-box;background: #fff;
}

.tabs-wrapper .tabs::-webkit-scrollbar {
    display: none;
}

.tabs-wrapper .tab-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}


/* LEFT / RIGHT ARROWS */

.tabs-wrapper .tab-arrow {   position: absolute;top: 2%; transform: translateY(-50%);  width: 30px; height: 30px;border-radius: 50%;  border: none;    background: #222;    color: #fff;  display: flex;  align-items: center;  justify-content: center;  padding: 0;  margin: 0;  font-size: 20px;  line-height: 1;  cursor: pointer;   z-index: 100;}
.tabs-wrapper .tab-arrow-left {left: 25px;}
.tabs-wrapper .tab-arrow-right {  right: 25px;}
.tabs-wrapper .tab-arrow:hover {
    background: #222;
    color: #fff;
}
.sub-container.tabs-wrapper {  width: min(1600px, calc(100% - 80px)) !important;   max-width: 1600px !important;   margin-left: auto !important;   margin-right: auto !important;   padding: 0 55px !important;  position: relative !important;    box-sizing: border-box !important;   overflow: hidden !important;}
/* media */
.media-hero {padding: 60px 0 20px; text-align: center;}
.media-hero span {   font-size: 13px;   letter-spacing: 3px;   color: #777;}
.media-hero h2 {   font-size: clamp(40px, 5vw, 72px);   font-weight: 400;   margin: 18px 0;font-size: 50px;}
.media-hero p {  color: #777;  font-size: 16px;}
.tabgallery-tabs {   display: flex;   justify-content: center;   gap: 10px;    margin-bottom: 50px;}
.media-section .tab-btn {   border: 1px solid #222;   background: transparent;   padding: 12px 30px; cursor: pointer;   font-size: 14px;   transition: .3s;}
.media-section .tab-btn:hover,
.media-section .tab-btn.active {   background: #222;   color: #fff;}
.gallery {  display: none;}
.gallery.active-gallery {   display: grid;}
.photo-gallerys {   grid-template-columns: repeat(3, 1fr);   gap: 20px;}
.gallery-item {   overflow: hidden;   height: 360px;   cursor: pointer;}
.gallery-item img {    width: 100%;   height: 100%;    object-fit: cover;    transition: .5s ease;}
.gallery-item:hover img {   transform: scale(1.05);}
.video-gallery {  grid-template-columns: repeat(3, 1fr);  gap: 25px;}
.video-thumb {    position: relative;    height: 330px;   overflow: hidden;   cursor: pointer;}
.video-thumb img {    width: 100%;    height: 100%;    object-fit: cover;    transition: .5s;}
.video-thumb:hover img {  transform: scale(1.05);}
.play-btns {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   width: 65px;   height: 65px;   border: 0;   border-radius: 50%;   background: rgba(255,255,255,.9);   font-size: 20px;   cursor: pointer;color: #d40000;}
.video-item h3 {  font-size: 18px;   font-weight: 400;   margin-top: 15px;}
.lightbox {   position: fixed;   inset: 0;   background: rgba(0,0,0,.9);   display: none;   align-items: center;   justify-content: center;   z-index: 9999;}
.lightbox.show {   display: flex;}
.lightbox-img {  max-width: 85%;   max-height: 85vh;   object-fit: contain;}
.close-lightbox,
.close-video {  position: absolute;  top: 25px;   right: 35px;   background: none;   border: 0;   color: #fff;  font-size: 40px;   cursor: pointer;}
.prev-btn,
.next-btn {    position: absolute;   top: 50%;   transform: translateY(-50%);   background: none;   border: 0; color: #fff;  font-size: 45px;   cursor: pointer;}
.prev-btn { left: 30px;}
.next-btn {   right: 30px;}
.video-popup {   position: fixed;   inset: 0;  background: rgba(0,0,0,.9);  display: none; align-items: center;   justify-content: center;  z-index: 9999;}
.video-popup.show {  display: flex;}
.video-box {   width: min(900px, 90%);    aspect-ratio: 16 / 9;}
.video-box iframe {   width: 100%;   height: 100%;   border: 0;}
/* career */
.career-container { width: min(1400px, calc(100% - 80px));   margin: 0 auto;}
.eyebrow {   display: inline-block;   font-size: 12px;   letter-spacing: 3px;   font-weight: 500;   color: #777;}
.career-hero {  display: flex;
  align-items: center;
  background: #f1f1ed;
  margin-top: 70px;
  padding: 60px 0;}
.career-hero-content {   max-width: 850px;}
.career-hero h1 {  margin-top: 25px; font-weight: 400;  letter-spacing: -4px;  font-size: 60px;  margin-bottom: 0;}
.career-hero p {   max-width: 550px;  margin-top: 15px;   font-size: 18px;   line-height: 1.7;   color: #666;}
.career-btn {   display: inline-flex;    align-items: center;   gap: 25px;    margin-top: 40px;    padding: 16px 24px;    background: #187770;    color: #fff;    font-size: 13px;    letter-spacing: .5px;  transition: .35s ease;}
.career-btn span {  font-size: 20px;   transition: .35s ease;}
.career-btn:hover {  background: #444;}
.career-btn:hover span {  transform: translate(4px, -4px);}
.career-intro {  padding:70px 0;}
.intro-grid { display: grid;   grid-template-columns: 1fr 1fr;   gap: 100px;}
.intro-title h2 { margin-top: 25px;font-size: 55px;  line-height: 1;  font-weight: 400;  letter-spacing: -2px;}
.intro-text {   padding-top: 45px;   max-width: 600px;}
.intro-text p { margin-bottom: 25px; font-size: 18px; line-height: 27px; color: #666;}
.career-benefits {   padding: 70px 0;  background: #f5f5f2;}
.careersub .section-heading {    max-width: 800px;}
.careersub .section-heading h2 { margin-top: 20px;   font-size: 50px; line-height: 1;   font-weight: 400;   letter-spacing: -3px;}
.benefit-grid {   display: grid; grid-template-columns: repeat(4, 1fr);  margin-top: 80px;  border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.benefit-card {  min-height: 300px;   padding: 35px 30px;   border-right: 1px solid #ccc;  transition: .35s ease;}
.benefit-card:first-child { border-left: 1px solid #ccc;}
.benefit-card:hover {  background: #fff;}
.benefit-number {  font-size: 13px;   color: #888;}
.benefit-card h3 {    margin-top: 80px;    font-size: 24px;    font-weight: 400;}
.benefit-card p {   margin-top: 15px;  font-size: 15px;  line-height: 1.7;   color: #777;}
.career-openings {  padding: 70px 0;}
.job-list { margin-top: 70px;   border-top: 1px solid #222;}
.job-card {   display: flex;  align-items: center;   justify-content: space-between;   padding: 35px 0;   border-bottom: 1px solid #ddd;   transition: .35s ease;}
.job-card:hover { padding-left: 15px;   padding-right: 15px;    background: #f7f7f5;}
.job-info {   display: grid;   grid-template-columns: 60px 1fr;  align-items: center;}
.job-info > span {  color: #999;  font-size: 13px;}
.job-info h3 { font-size: 25px;  font-weight: 400;}
.job-info p {  grid-column: 2;   margin-top: 8px;  font-size: 13px;  color: #888;}
.job-info p span {  margin: 0 8px;}
.job-arrow {   width: 50px;  height: 50px;  display: flex;  align-items: center;   justify-content: center;   border: 1px solid #222; border-radius: 50%;   font-size: 20px;   transition: .35s ease;color: #000;}
.job-card:hover .job-arrow {   background: #222;   color: #fff;   transform: rotate(45deg);}
.career-cta {   padding: 140px 0;   background: #222;    color: #fff;}
.cta-content {  max-width: 850px;}
.career-cta .eyebrow {  color: #999;}
.career-cta h2 { margin-top: 25px; font-size: 70px;  line-height: .95;  font-weight: 400; letter-spacing: -3px;color: #fff;}
.career-cta p {    max-width: 500px;   margin-top: 30px;   color: #aaa;   font-size: 17px;  line-height: 1.7;}
.dark-btn {   background: #fff;  color: #222;}
.dark-btn:hover {   background: #ddd;}
/* form */
.formnewcv-section {   background: #f5f5f1;  padding: 100px 0;margin-top: 80px;}
.formnewcv-intro {   padding-top: 20px;}
.formnewcv-eyebrow {  font-size: 12px;   letter-spacing: 3px;   color: #777;}
.formnewcv-title {   margin-top: 25px;   line-height: .95;   font-weight: 400;   letter-spacing: -3px;font-size: 55px;}
.formnewcv-description {  max-width: 500px;   margin-top: 35px;   font-size: 17px;   line-height: 1.8;   color: #777;}
.formnewcv-contact span {   display: block;   margin-bottom: 10px;   font-size: 11px;   letter-spacing: 2px;   color: #999;}
.formnewcv-contact a {  color: #222;

    font-size: 15px;

    text-decoration: underline;
    text-underline-offset: 5px;
}

.formnewcv-formbox {  padding: 45px;   background: #fff;}
.formnewcv-field label {   display: block;   margin-bottom: 10px;   font-size: 12px;   color: #555;}
.formnewcv-field input,
.formnewcv-field select,
.formnewcv-field textarea {

    width: 100%;

    padding: 14px 0;

    border: 0;
    border-bottom: 1px solid #ccc;

    outline: none;

    background: transparent;

    font-family: inherit;
    font-size: 15px;

    transition: .3s;
}

.formnewcv-field input:focus,
.formnewcv-field select:focus,
.formnewcv-field textarea:focus {
    border-color: #222;
}

.formnewcv-field input::placeholder,
.formnewcv-field textarea::placeholder {
    color: #aaa;
}

.formnewcv-field textarea {
    resize: vertical;
}
.formnewcv-field select {
    cursor: pointer;
    color: #777;
}
.formnewcv-upload {

    position: relative;

    min-height: 150px;

    border: 1px dashed #bbb;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition: .3s;
}

.formnewcv-upload:hover {
    border-color: #222;
    background: #fafafa;
}

.formnewcv-upload input {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    cursor: pointer;
}

.formnewcv-upload-content {

    display: flex;
    flex-direction: column;
    align-items: center;

    pointer-events: none;
}

.formnewcv-upload-icon {

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    border: 1px solid #222;
    border-radius: 50%;

    font-size: 20px;
}

.formnewcv-upload-content strong {
    font-size: 14px;
    font-weight: 500;
}

.formnewcv-upload-content small {
    margin-top: 7px;

    font-size: 11px;
    color: #999;
}

.formnewcv-file-name {

    margin-top: 8px;

    font-size: 12px;
    color: #555;
}
.formnewcv-checkbox {

    display: flex;

    align-items: flex-start;

    gap: 10px;
}

.formnewcv-checkbox input {

    margin-top: 4px;

    flex-shrink: 0;

    accent-color: #222;
}
.formnewcv-checkbox label {   font-size: 12px;   line-height: 1.6;   color: #777;   cursor: pointer;}
.formnewcv-submit {  width: 100%;  padding: 18px 25px;  display: flex;  align-items: center;   justify-content: space-between; border: 0;   background: #222;   color: #fff;  font-family: inherit;  font-size: 14px;   cursor: pointer;  transition: .35s;}

.formnewcv-submit strong { font-size: 20px;   font-weight: 400;   transition: .35s;}
.formnewcv-submit:hover {background: #444;}
.formnewcv-submit:hover strong {  transform: translate(4px, -4px);}
.formnewcv-success {   display: none;   margin-top: 20px;  padding: 15px; background: #eef7ee;   color: #397339; font-size: 13px;}
.formnewcv-success.show { display: block;}
.hero-slider h1{font-size:38px;text-transform:none; color:#fff;margin-bottom: 18px;}

.hero-slider .slide-item {position: relative;}
.hero-slider .text-banner p {color: #fff;font-size: 20px;font-weight: 400;margin-bottom: 20px;}
.hero-slider .text-banner .bnr-btn {background: transparent;border-radius: 50px; border:2px solid #00A99D;padding:10px 15px;color: #3CF8EA;font-weight: 500;}
.hero-slider .text-banner {position: absolute;border-radius: 20px;padding:10px 20px;top: 40%;
  left: 14%;width: 50%;text-align: left;background:url("../images/org-bnr-bg.png") no-repeat center center;max-width: 430px;}

.hero-slider h1 span{font-size:31px}
.hero-slider h2{font-size:23px;font-weight:200;margin-top:50%;text-transform:uppercase}
.hero-slider .btn-light{z-index:2;position:relative;border: none;background:transparent;display:inline-flex;color:var(--bs-white);font-family:var(--primary-font);
  font-size:14px;font-weight:700;line-height:32px;text-align:left;text-indent:20px;text-transform:uppercase;width:auto;}
.footerright .social-icons i { color: #000;}
.enquiry-btn{border: 2px solid #CC2936;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  transition: .3s;
  font-size: 15px;
  background: #CC2936;
  padding: 6px 7px;
  height: 40px;
  width: 130px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;}
.enquiry-btn:hover{ background:#fff;color:#CC2936;border:2px solid#fff;}