* {
	padding: 0;
	margin: 0 auto;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}


body {
font-family: "DM Sans", sans-serif;
color:#5a6b7e;
font-size: 16px;
line-height: 1.8;
background:#f7f3ed;
}





.heading{ letter-spacing:2px;color:#242a4c;font-size:48px;margin-bottom:20px;line-height:60px;font-weight:600;position: relative;
    z-index: 9;  font-family: "Cal Sans", sans-serif;}

.heading span{font-weight:200}
.top-btn{margin-top: 10px;}

.container-fluid { padding: 0 80px;}
nav.navbar-expand-lg{z-index:999}
nav.navbar-expand-lg.navbar-light.fixed {background: #f6f6f6;box-shadow: 10px 10px 10px #b7b7b721;-webkit-animation: slide-down 1.0s;animation: slide-down 1.0s;}
@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}


.navbar-brand{width:200px;margin:0px 0;}
.navbar-brand img{width:100%}

/*.navbar-expand-lg .navbar-collapse {*/
/*        display: flex !important;*/
/*        flex-basis: auto;*/
/*    }*/
    
/*    .navbar-expand-lg .navbar-nav {*/
/*        flex-direction: row;*/
/*    }    */
    
nav .rightnav {
    margin-right: 0;
}    

.product-itemtext{
    background:#264357;display: flex;align-items: center;height: 100%;color: #fff;padding: 100px 30px;overflow:hidden
}

.main-nav{flex-direction: row-reverse;}    

.navigation_black nav.navbar-expand-lg{background:#fff}
.navigation_black nav.navbar-expand-lg .nav-link{color:#000}
.navbar-expand-lg{width: 100%;top: 0;background:transparent;position: fixed;}
nav.navbar-expand-lg.fixed{background:#fff;box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137254902);}
.main-nav {width: 65%;float: left;flex-wrap: wrap;}
.navbar-expand-lg .navbar-nav{margin-right:0;}
.navbar-expand-lg .nav-link{padding:20px 0px ;color:#fff;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;}

nav.navbar-expand-lg.fixed  .nav-link{color:#000}
nav .nav-item {margin-left:25px}
.navbar-expand-lg .first-nav .navbar-nav li:first-child { margin-left: 0px;}

.nav-link:hover{color:#c9a84c}
nav.navbar-expand-lg.navbar-light.fixed .nav-link:hover{color:#c9a84c}
.navbar-expand-lg .nav-link{position:relative}

ul.navbar-nav li { position: relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu  {margin: 0;padding: 10px 20px;background: #fff;display: block;position: absolute;visibility: hidden;left:0px;top: 130%;opacity: 0;transition: 0.5s;border-radius:0;border:0;z-index: 99;min-width:315px;-webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.5s ease-in-out;}
  
 ul.navbar-nav li:hover .dropdown-menu  {opacity: 1;top: 121%;visibility: visible;} 
.dropdown-menu li a:hover {padding-left: 8px !important;color:#c9a84c}
.dropdown-menu li{margin-left:0} 
.dropdown-menu .nav-link{padding:10px 0;text-transform: uppercase;}
.dropdown-menu .nav-link {transition: all .8s ease-in-out;text-transform: capitalize;font-size: 12px;border-bottom: 1px solid #ccc;text-transform: uppercase;color: #000;}
nav.navbar-expand-lg.fixed .dropdown-menu .nav-link{color:#000}
.navbar-expand-lg .dropdown-menu .nav-link:after{display:none}
.company-overview p {text-align:justify}
.bg-grey{background:#242a4c}
.pad100{padding:100px 0}
.banner{position:relative;height:100vh;overflow:hidden;margin-top: 0px;}
.banner-video {width: 100%;height: 100;object-fit: cover;}
.banner-caption{position: absolute;width: 100%;top: 0;height: 100vh;display: flex;background:#00000063;z-index: 9;    align-items: center;}
.banner-caption>div{margin:0 auto;width:1200px;text-align:left;text-transform:uppercase;padding-top: 50px;}
.banner-caption h2{font-size:65px;color:#fff;letter-spacing: 1px;line-height:80px;margin-bottom:40px;text-transform:uppercase;position:relative;z-index:99;font-family: "Cal Sans", sans-serif;font-weight:700}
.banner-caption span{color:#c9a84c;}


.hero-thumnail{position:relative}
.sub-title{position:relative;color:#c9a84c;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing: 3px;text-transform: uppercase;position:relative;display:inline-block;z-index: 9;}
.about-left {padding-right:70px}
.about-left .sub-title{padding-left:0!important}
.about-thumb{padding-left:0px}
.feature-list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px;padding-left: 0; }
  .feature-list li {
    display: flex; align-items: center; gap: 12px;
    font-size: 0.95rem; font-weight: 500; color:#0a1628;
        width: 100%;

  }
  .check { 
    width: 22px; height: 22px; min-width: 22px;
    background: rgba(201,168,76,0.12); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color:#c9a84c; font-size: 0.7rem;
    margin:0;
  }
  
  .duron-btn {
    background:#c9a84c; color: #0a1628;
    padding: 14px 32px; border-radius: 4px;
    font-weight: 600; font-size: 0.9rem;
    text-decoration: none; letter-spacing: 0.5px;
    transition: all 0.3s;
    border: 2px solid #c9a84c;
    display: inline-block;
  }
  .duron-btn:hover { background:#e8c96a; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(201,168,76,0.3); }
 a.btn-outline {
    background: transparent; color:#fff;
    padding: 14px 32px; border-radius: 4px;
    font-weight: 500; font-size: 0.9rem;
    text-decoration: none; letter-spacing: 0.5px;
    border: 2px solid rgba(255,255,255,0.25);
    transition: all 0.3s;
    display:inline-block;
    margin-top: 30px;
  }
  a.btn-outline:hover { border:2px solid #c9a84c; color: #c9a84c; }
  .product-btn{text-align:right}
  
 .why-box{background:#fff;padding:20px;border-radius:12px;display:flex;border:1px solid rgba(10,22,40,0.06);transition:all 0.3s;margin-top:30px}
 .why-box:hover {transform: translateY(-4px);box-shadow: 0 20px 40px rgba(10, 22, 40, 0.08);}
 .why-icon{width:55px;height:55px;background:rgba(201,168,76,0.1);border-radius:10px;padding:10px;}
 .why-icon img{width:100%}
 .why-content{width:90%;margin-left:20px}
 .why-content h5{font-size:20px;margin-bottom:15px;color:#0a1628}
 .whythumb{padding-left:50px;}
 .why-content p{margin-bottom:0}
 .Why-left{position: sticky;
    top:120px;
   
     
 }
  
 .pad100{    position: relative;
} 
    
.product-thumb{background:rgba(255,255,255,0.04);border:1px solid rgba(201,168,76,0.1);border-radius: 12px;overflow: hidden;transition:all 0.4s;height: calc(100%);margin-top:30px}
.product-thumb:hover{border-color:rgba(201,168,76,0.2);transform: translateY(-6px);
    border-color: rgba(201, 168, 76, 0.35);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3)}

.product-title h5{color: #fff;font-size: 22px;margin-bottom:20px}
.product-title{padding:30px}
.product-title p{color:rgba(255,255,255,0.45);margin-bottom:0}
.explore{color:#c9a84c;font-size:15px;margin-top:30px;font-weight:600;    display: inline-block;}
.product-img img{height:300px;object-fit:cover}
.relative{position:relative}

/* TESTIMONIALS */

  .testimonial-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(201,168,76,0.12);
    border-radius: 12px; padding: 32px;
    text-align: left; transition: border-color 0.3s;
    margin-top:30px;
  }
  .testimonial-card:hover { border-color: rgba(201,168,76,0.3); }
  .stars { color: #c9a84c; font-size: 1rem; margin-bottom: 16px; letter-spacing: 2px; }
  .testimonial-text {
    font-size: 0.9rem; line-height: 1.75;
    color: rgba(255,255,255,0.65); margin-bottom: 24px;
    font-style: italic;
  }
  .testimonial-author { display: flex; align-items: center; gap: 12px; }
  .author-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, #c9a84c, #e8c96a);
    display: flex; align-items: center; justify-content: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700; font-size: 1rem; color: #0a1628;
    margin:0;
  }
  .author-name { font-weight: 600; font-size: 0.9rem; color: #fff; }
  .author-role { font-size: 0.75rem; color: rgba(255,255,255,0.4); }
  .testimonial-author>div{margin:0}
 .inner-banner{/*height:500px;*/overflow:hidden} 
 .about-duron{padding-right:60px}
 .years{font-size: 20px;font-weight: 700;color: #242a4c;background: #fff;padding: 10px;border-left: 5px solid #c9a84c;border-radius: 5px;display: inline-block;margin-top:15px;}
.vm-card {
    border-radius: 16px; padding: 48px 42px;
    position: relative; overflow: hidden;
    border: 1px solid rgba(201,168,76,0.15);
    transition: border-color 0.3s, transform 0.3s;
    margin-top: 30px;
    height: calc(90%);
  }
  .vm-card:hover { border-color: rgba(201,168,76,0.4); transform: translateY(-4px); }
  .vm-card.vision-card { background: linear-gradient(135deg, rgba(201,168,76,0.08) 0%, rgba(201,168,76,0.02) 100%); }
  .vm-card.mission-card { background: linear-gradient(135deg, rgba(26,46,74,0.8) 0%, rgba(10,22,40,0.9) 100%); }
  .vm-card::before {
    content: '';
    position: absolute; top: -40px; right: -40px;
    width: 180px; height: 180px; border-radius: 50%;
    opacity: 0.5;
  }
  .vm-card.vision-card::before { background: radial-gradient(circle, rgba(201,168,76,0.15) 0%, transparent 70%); }
  .vm-card.mission-card::before { background: radial-gradient(circle, rgba(26,100,200,0.1) 0%, transparent 70%); }
  .vm-icon {
    width: 64px; height: 64px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; margin-bottom: 28px;
    position: relative; z-index: 2;
    margin-left:0;
    
  }
  .vm-card.vision-card .vm-icon { background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.3); }
  .vm-card.mission-card .vm-icon { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
  .vm-tag {
    display: inline-block;
    font-size: 0.7rem; font-weight: 700; letter-spacing: 3px;
    text-transform: uppercase; color:#c9a84c;
    background: rgba(201,168,76,0.1); border: 1px solid rgba(201,168,76,0.25);
    padding: 5px 14px; border-radius: 100px;
    margin-bottom: 18px; position: relative; z-index: 2;
  }
  .vm-card h3 {
   
    font-size: 1.75rem; font-weight: 700; color:#fff;
    line-height: 1.2; margin-bottom: 18px;
    position: relative; z-index: 2;
  }
  .vm-card p {
    font-size: 0.93rem; line-height: 1.82;
    color: rgba(255,255,255,0.55); margin-bottom: 14px;
    position: relative; z-index: 2;
  }
  .vm-points { list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 2; }
  .vm-points li {
    display: flex; align-items: flex-start; gap: 12px;
    font-size: 0.88rem; color: rgba(255,255,255,0.65); line-height: 1.5;
  }
  .vm-dot {
    min-width: 6px; height: 6px; border-radius: 50%;
    background:#c9a84c; margin-top: 7px;
  }
  .vm-line { width: 40px; height: 2px; background:#c9a84c; border-radius: 1px; margin: 20px 0; position: relative; z-index: 2; }
  .series-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
  .series-tag {
    border: 1.5px solid rgba(201,168,76,0.35); border-radius: 6px;
    padding: 8px 18px; font-size: 0.82rem; font-weight: 600;
    color:#0a1628; background: rgba(201,168,76,0.05);
    transition: all 0.3s;
    margin:0;
  }
  .series-tag:hover { background: #c9a84c; color: #0a1628; border-color:#c9a84c; }
  .quality-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
  }
  .q-card {
    background:#f2ebe0; border-radius: 12px;
    padding: 28px 24px; border: 1px solid rgba(10,22,40,0.06);
    transition: all 0.3s;
  }
  .q-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(10,22,40,0.07); border-color: rgba(201,168,76,0.2); }
  .q-card .q-icon { font-size: 1.5rem; margin-bottom: 12px; }
  .q-card h4 { font-size: 1rem; font-weight: 600; color: #0a1628; margin-bottom: 8px; }
  .q-card p { font-size: 0.82rem; line-height: 1.6; color: #4a5d72; }
  .manufac-thumb{padding-right:50px}
.regis-add{display:flex;margin-bottom: 20px;}  
.regis-add h5{font-size:20px;color:#000}
.add-detais{margin-left:15px;width: 80%;}
.regis-add p{margin-bottom:0;color:#6f6e77;line-height: 23px;}
.regis-add p a{color:#6f6e77;}
.regis-add span{margin: 0;color: #c9a84c;font-size:20px}
.mt100{margin-top:100px}
.contact-box{border-left: 1px solid #b3b3b382;padding-left: 70px;}
.contact-box .form-control{background:transparent;border:0; border-bottom: 1px solid #b3b3b382;border-radius:0px;font-size: 15px;color:#6f6e77;resize: none;padding:10px 0;}

.form-btn{padding: 10px 0px;border:1px solid #c9a84c;background:#c9a84c;color:#000;border-radius: 10px;display: block;font-size: 14px;transition:all .8s ease-in-out;width: 160px;
    margin: 0;text-align: center;}
.form-btn:hover{background:#fff;color:#c9a84c}
.form-group{margin-bottom:25px;position:relative}  
.contact-box .form-group span{position: absolute;top:3px;}
.form-control:focus{box-shadow:none}
.contact-box .form-control::-webkit-input-placeholder { color:#6f6e77;}
.contact-box .form-control:-ms-input-placeholder {color:#6f6e77;}
.contact-box .form-control::placeholder {color:#6f6e77;}
.productsthumb{margin-top:30px}
.productimg img{filter: grayscale(1);}
.productsthumb:hover .productimg img{filter: grayscale(0);}
.title-thumb {display: flex;align-items: center;justify-content: space-between;position: absolute;bottom: 40px;width: 100%;left: 0;padding: 0 26px 0 40px;z-index: 2;}
.product-title{margin:0;}
.product-arrow{margin-right:0}
.title{color:#fff;margin:0}
.transprent-number{font-size: 35px;color: #fff;font-weight: 700;margin:0;}
.product-arrow  {width: 40px;height: 40px;border: 1px solid #c9a84c;background: #c9a84c;padding: 6px;margin-right: 15px;text-align: center;}
.transparent-box:before {content: ' ';position: absolute;z-index:1;top: 0;right: 0;bottom: 0;left: 0;background:#232021c7;-webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;-ms-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;transition: opacity 0.3s ease-out, background-color 0.3s ease-out;}
.productsthumb:hover .transparent-box:before {background: rgba(0, 0, 0, 0.3);}
.transparent-top{position: absolute;top: 0;height: 100%;width: 100%;padding: 40px;z-index:2;}
.arrow-part{margin-bottom: 20px;-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);opacity: 0;will-change: transform, opacity;-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out, opacity 0.3s ease-out;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}

.productsthumb:hover .arrow-part{
   
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;

}

.title-thumb{
    will-change: transform;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -ms-transition: -ms-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.productsthumb:hover .title-thumb{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.door-banner{width:100%;background:url(../images/banners/upvc-door-banner.webp);background-size:cover;background-position:center;}
.window-banner{width:100%;background:url(../images/banners/upvc-window-banner.webp);background-size:cover;background-position:center;}

.hero-badge {background:rgba(201,168,76,0.1); border:1px solid rgba(201,168,76,0.28);color:#c9a84c; font-size:0.72rem; font-weight:600;letter-spacing:2px; text-transform:uppercase;padding:7px 16px; border-radius:100px;animation:fadeUp 0.7s ease both;margin-bottom:20px;display: inline-flex;align-items: center;gap: 8px;}
.hero-badge::before { content:''; width:6px; height:6px;display: inline-block; background:#c9a84c; border-radius:50%; }
.banner-title{display: flex;align-items: center;height:500px;margin: 0;justify-content: flex-start;}
.banner-title>div{margin:0;position: relative;z-index: 2;}
.banner-title h1{font-family: "Cal Sans", sans-serif;font-size: 50px;color: #fff;letter-spacing: 1px;line-height:60px}
.banner-title h1 span{color:#c9a84c}
.breadcome{padding:10px 0;background:#eae8e8d1;}
.breadcome ul{display:flex;justify-content: flex-start;padding-left:0;margin:0}
.breadcome ul li{margin:0 5px;}
.breadcome ul li a{font-size:13px;text-transform:uppercase;padding-left:15px;color: #000;letter-spacing: 1px;position:relative}
.breadcome ul li a:hover,.accordion .link:hover {color: #000}
/*.breadcome ul li a:hover:after{transition:all ease-in-out .5s;opacity:1}*/
.breadcome ul li a:after{content:'';left:0;position:absolute;width:8px;height:8px;background:#c9a84c;border-radius:100%;top:3px}
.breadcome span{font-size:18px;color:#00354d}
.types-section { padding:100px 6%; background:var(--cream); }
  .types-header { text-align:center; margin-bottom:64px; }
  .types-header .section-title { margin-top:8px; }
  .types-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
  }
  .type-card {
    background:#fff; border-radius:14px; overflow:hidden;
    border:1px solid rgba(150,98,30,0.18); transition:all 0.35s;
    cursor:pointer;
    margin:10px;
    
  }
  .type-card:hover { transform:translateY(-7px); box-shadow:0 24px 50px rgba(10,22,40,0.1); border-color:rgba(201,168,76,0.35); }
  .type-card:hover .tc-top::after { transform:scaleX(1); }
  .tc-top {
    height:220px; position:relative; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
  }
  .tc-top::after {
    content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
    background:#c9a84c; transform:scaleX(0); transition:transform 0.35s; transform-origin:left;
  }
  .bg1 { background:linear-gradient(135deg,#0e2a45,#1a3a5c); }
  .bg2 { background:linear-gradient(135deg,#1a3a2a,#0e2a1a); }
  .bg3 { background:linear-gradient(135deg,#2a2a1a,#1a1a0e); }
  .bg4 { background:linear-gradient(135deg,#2a1a2a,#1a0e1a); }
  .bg5 { background:linear-gradient(135deg,#1a2a2a,#0e1a1a); }
  .bg6 { background:linear-gradient(135deg,#2a1a0e,#1a0e0a); }

  /* window SVG visuals per type */
  .win-vis { position:relative; z-index:2; }
  /* casement */
  .w-casement { width:100px; height:130px; border:2.5px solid rgba(201,168,76,0.65); border-radius:5px; position:relative; background:rgba(135,190,230,0.07); }
  .w-casement::before { content:''; position:absolute; top:50%; left:0; right:0; height:2px; background:rgba(201,168,76,0.4); }
  .w-casement::after  { content:''; position:absolute; left:50%; top:0; bottom:0; width:2px; background:rgba(201,168,76,0.4); }
  .wh { position:absolute; right:10px; top:50%; transform:translateY(-50%); width:5px; height:28px; background:#c9a84c; border-radius:3px; }
  /* sliding */
  .w-sliding { width:145px; height:95px; border:2.5px solid rgba(201,168,76,0.65); border-radius:5px; position:relative; background:rgba(135,190,230,0.07); }
  .w-sliding::after { content:''; position:absolute; left:48%; top:0; bottom:0; width:2.5px; background:rgba(201,168,76,0.5); }
  .w-sliding .wh { right:20px; top:50%; }
  .slide-arrow { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); font-size:0.7rem; color:rgba(201,168,76,0.5); letter-spacing:4px; }
  /* tilt & turn */
  .w-tilt { width:100px; height:130px; border:2.5px solid rgba(201,168,76,0.65); border-radius:5px; position:relative; background:rgba(135,190,230,0.07); }
  .tilt-diag { position:absolute; inset:0; overflow:hidden; border-radius:3px; }
  .tilt-diag::before { content:''; position:absolute; top:0; right:0; border-style:solid; border-width:0 40px 40px 0; border-color:transparent rgba(201,168,76,0.2) transparent transparent; }
  .w-tilt .wh { right:10px; top:50%; }
  /* french */
  .w-french { width:130px; height:155px; border:2.5px solid rgba(201,168,76,0.65); border-radius:5px; position:relative; background:rgba(135,190,230,0.07); }
  .w-french::after { content:''; position:absolute; left:50%; top:0; bottom:0; width:2.5px; background:rgba(201,168,76,0.5); }
  .w-french .wh { right:12px; top:50%; }
  .w-french .wh2 { position:absolute; left:12px; top:50%; transform:translateY(-50%); width:5px; height:28px; background:#c9a84c; border-radius:3px; }
  /* fixed */
  .w-fixed { width:130px; height:110px; border:2.5px solid rgba(201,168,76,0.65); border-radius:5px; position:relative; background:rgba(135,190,230,0.12); }
  .fixed-cross { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0.25; font-size:1.6rem; color:#c9a84c; }
  /* combination */
  .w-combo { display:flex; gap:6px; align-items:flex-end; }
  .w-combo-a { width:70px; height:120px; border:2.5px solid rgba(201,168,76,0.65); border-radius:5px; position:relative; background:rgba(135,190,230,0.07); }
  .w-combo-a::before { content:''; position:absolute; top:50%; left:0; right:0; height:2px; background:rgba(201,168,76,0.35); }
  .w-combo-a::after  { content:''; position:absolute; left:50%; top:0; bottom:0; width:2px; background:rgba(201,168,76,0.35); }
  .w-combo-b { width:55px; height:90px; border:2.5px solid rgba(201,168,76,0.5); border-radius:5px; background:rgba(135,190,230,0.05); }
  .tc-body { padding:26px 26px 30px; }
  .tc-body h3 {font-size:1.15rem; font-weight:700; color:#0a1628; margin-bottom:10px; }
  .tc-body p { font-size:15px; line-height:1.72;  }
  .tc-tag {display:inline-block; margin-top:16px;font-size:0.7rem; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;color:#c9a84c; background:rgba(201,168,76,0.08); border:1px solid rgba(201,168,76,0.22);padding:5px 12px; border-radius:100px;}
 
 .why-section::before {
    content:''; position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(201,168,76,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,168,76,0.03) 1px, transparent 1px);
    background-size:60px 60px;
  }
  .why-header { text-align:center; margin-bottom:64px; position:relative; z-index:2; }
  .why-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
    position:relative; z-index:2;
  }
  .why-card {
    background:rgba(255,255,255,0.04); border:1px solid rgba(201,168,76,0.1);
    border-radius:14px; padding:36px 30px; transition:all 0.35s;margin-top:30px;
  }
  .why-card:hover { border-color:rgba(201,168,76,0.4); transform:translateY(-5px); background:rgba(201,168,76,0.05); }
  .why-icon {
    width:56px; height:56px; border-radius:13px;margin-left: 0;

    background:rgba(201,168,76,0.1); border:1px solid rgba(201,168,76,0.2);
    display:flex; align-items:center; justify-content:center;
    font-size:1.5rem; margin-bottom:22px;
  }
  .why-card h3 { font-size:20px; font-weight:600; color:#fff; margin-bottom:12px; }
  .why-card p { font-size:15px; line-height:1.75; color:rgba(255,255,255,0.48); }
  .why-line { width:36px; height:2px; background:#c9a84c; border-radius:1px; margin:14px 0; }
 
 /* ── TRUST SECTION ── */
 .engineering-thumb{padding-right:60px}
  .pillar {
    display:flex; gap:16px; align-items:flex-start;
    padding:18px 20px; border-radius:10px;
    background:#f7f3ed; border:1px solid rgba(10,22,40,0.08);
    transition:all 0.3s;margin-top:20px ;
  }
  .pillar:hover { border-color:rgba(201,168,76,0.3); transform:translateX(6px); }
  .pillar-ico { min-width:44px; height:44px; border-radius:10px; background:rgba(201,168,76,0.1); display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
  .pillar h4 { font-weight:600; font-size:0.9rem; color:#0a1628; margin-bottom:4px; }
  .pillar p { font-size:0.82rem; color:var(--text); line-height:1.5; }
  .trust-visual { position:relative; min-height:480px;margin-top:50px; }
 
  .twc-a { width:65px; height:95px; border:2px solid rgba(201,168,76,0.5); border-radius:5px; position:relative; background:rgba(135,190,230,0.06); }
  .twc-a::before { content:''; position:absolute; top:50%; left:0; right:0; height:1.5px; background:rgba(201,168,76,0.35); }
  .twc-a::after  { content:''; position:absolute; left:50%; top:0; bottom:0; width:1.5px; background:rgba(201,168,76,0.35); }
  .twc-b { width:90px; height:115px; border:2px solid rgba(201,168,76,0.5); border-radius:5px; position:relative; background:rgba(135,190,230,0.06); }
  .twc-b::after { content:''; position:absolute; left:50%; top:0; bottom:0; width:1.5px; background:rgba(201,168,76,0.35); }
  .twc-c { width:65px; height:85px; border:2px solid rgba(201,168,76,0.5); border-radius:5px; background:rgba(135,190,230,0.06); }
  .trust-quote { position:relative; z-index:2; }
  .trust-quote p {  font-size:1.1rem; color:#fff; line-height:1.55; font-style:italic; margin-bottom:16px; }
  .trust-quote p::before { content:'"'; font-size:3rem; color:#c9a84c; line-height:0; vertical-align:-1.2rem; margin-right:4px; }
  .trust-cert { display:flex; gap:12px; flex-wrap:wrap; }
  .cert-badge { background:rgba(201,168,76,0.12); border:1px solid rgba(201,168,76,0.28); border-radius:6px; padding:8px 14px; font-size:0.75rem; font-weight:600; color:rgba(255,255,255,0.7); margin: 0;}

  /* ── TARGET AUDIENCE ── */
  .audience-section { padding:100px 6%; background:var(--cream); }
  .audience-header { text-align:center; margin-bottom:60px; }
  .audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:900px; margin:0 auto; }
  .aud-card {
    background:#fff; border-radius:14px; padding:40px 36px;
    border:1px solid rgba(150,98,30,0.18); position:relative; overflow:hidden;
    transition:all 0.35s;
  }
  .aud-card:hover { transform:translateY(-5px); box-shadow:0 20px 44px rgba(10,22,40,0.09); border-color:rgba(201,168,76,0.3); }
  .aud-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:#c9a84c; transform:scaleX(0); transition:transform 0.35s; transform-origin:left; }
  .aud-card:hover::before { transform:scaleX(1); }
  .aud-icon { font-size:2.2rem; margin-bottom:18px; }
  .aud-card h3 {  font-size:1.2rem; font-weight:700; color:var(--navy); margin-bottom:12px; }
  .aud-card p { font-size:0.88rem; line-height:1.75; color:var(--text); }
  .aud-card ul { list-style:none; margin-top:18px; display:flex; flex-direction:column; gap:9px; }
  .aud-card ul li { display:flex; align-items:center; gap:9px; font-size:0.85rem; color:var(--text); }
  .aud-card ul li::before { content:''; width:5px; height:5px; border-radius:50%; background:#c9a84c; min-width:5px; }		
.benifit-thumb{/* border: 0px solid #0000006b; */padding: 0;background: transparent;display: flex;align-items: center;/* box-shadow: 0 0 15px #0000001a; */margin: 15px 0 15px 80px;text-align: left;opacity: .7;}
.benifit-thumb img{margin:0 20px 0 0}
.benifit-thumb .circle-icon{margin-bottom: 20px;border: 1px solid #000;padding: 10px;border-radius: 100%;width: 80px;margin: 0 20px 0 0px;transition: all ease-in-out 0.8s;}
.benifit-thumb .circle-icon img{width:100% !important}
.benifit-thumb:hover .circle-icon{opacity:1;transform: scale(1.1);}
.benifit-thumb:hover{opacity:1}
.benifit-thumb p{margin-bottom:0;margin-left: 0;font-weight: 600;}
.features-sec {margin-top:30px}
.features-sec ul{padding:0;margin: 10px 0 0 20px;list-style: disc;}
.features-sec ul li{margin-top:10px}
.features-sec h4{font-family: "Montserrat", serif;font-weight: 700;font-size:25px;}
.faqs-img{padding-right:50px;overflow:hidden}
.faqs-img img{border-radius: 100%;height: 500px;}
.accordion-header {position:relative;    }
/* Accordion css */
.accordion-button::after, .accordion-button:not(.collapsed)::after{display:none}
.accordion{background:transparent}
.accordion .accordion-item h4 {background: url(../images/minus.svg) no-repeat calc(100% - 10px) center; background-size:30px; cursor: pointer; font-size:20px; color:#00354d;font-weight: 600;margin: 0;padding: 25px;font-family: "Unbounded", sans-serif; }
.accordion .accordion-item h4.collapsed {background-image: url(../images/plus-large.svg);}
.accordion-head{width: 100%;padding: 20px 0;}
.accordion-header {position:relative;    }
.accordion .accordion-button[aria-expanded=true] {color:#c9a84c;background-color:#00354d}
.accordion-body{padding:20px}
.accordion-item{border: 1px solid #00354d !important;background: transparent !important;border-radius: 12px !important;overflow:hidden;margin-bottom:15px}

.tabs-sec{margin:40px 0 0px;padding:0 15px;}
.nav-tabs{border-bottom: 1px solid #264357;}
.tabs-sec .nav-tabs li{margin: 0;text-align: center;color: #fff;}
.tabs-sec .nav-tabs li a{font-size: 15px;padding: 10px 20px;text-transform: uppercase;letter-spacing: 1px;color: #000;display:inline-block;font-weight:500}
.tabs-sec .nav-tabs .active {background:#264357;color: #fff;}
.table{color: #000;border: 1px solid #0000002e!important;}
.table tr{border-color:#959090;}
.table td, .table th{padding:12px;color:#4c4c4c;border: 1px solid #0000001a !important;font-size:14px}
.tab-pane {padding:0 15px}
.tab-pane h4{font-size: 18px;margin-bottom:20px;color: #000;opacity: .7;text-transform: uppercase;font-weight: 500;}
.drawings-thumb{margin-top:15px}
.drawing-title{text-align: center;padding: 10px;background: #c9a84c;color: #fff;font-size: 16px;text-transform: uppercase;letter-spacing: .5px;}

.partners-thumb{background:#ededed;padding:30px;border-radius: 10px;}
.partners-thumb h5{font-size:20px;color:#c9a84c;margin-bottom:10px}
.partners-img{margin-bottom:20px;overflow:hidden;border-radius:20px;}
.partners-thumb2 img{height:180px;object-fit:cover}
.partners-thumb2{padding:0px;margin-top:20px}
.partners-thumb2 h5{font-size:22px;color:#000;margin-bottom:15px;transition:all ease-in-out .8s}
.partners-thumb2:hover h5{color:#c9a84c;}
.partners-thumb2 .partners-img img{transform: scale(1);-webkit-transform: scale(1);transition: opacity .35s, transform .45s;}
.partners-thumb2:hover .partners-img img{transform: scale(1.2);-webkit-transform: scale(1.2);transition: opacity .35s, transform .45s;}
.gray-img img{filter: grayscale(1);}
.gray-img:hover img{filter: grayscale(0);}
.inner-banner{position:relative;margin-top:80px}
.inner-banner:after{content:'';position: absolute;top: 0;background:#0000008a;width: 100%;z-index: 1;height: 100%;left: 0;}
.details-img{padding-left:50px;}
.locations-list{column-count: 3;
    column-gap: 40px;
    padding-left: 0;
    margin: 24px 0 0;
    list-style: none;
}
 
.locations-list li a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: .92rem;
  padding: 6px 0;
  border-bottom: 1px solid #dddddd;
  transition: color .25s ease, padding-left .25s ease;
}
.locations-list li a::before {
  content: '→';
  color: #c9a84c;
  font-size: .8rem;
  flex-shrink: 0;
}
.locations-list li a:hover {
  color: #c9a84c;
  padding-left: 4px;
}

.redy-section .pillar-thumb{display:grid;gap:0px 20px;grid-template-columns:repeat(2,2fr)}
.redy-section  .pillar h4{font-size:18px;margin-bottom:10px}
.redy-section .pillar p{font-size:15px;margin-bottom:0}
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}


.marquee-sec marquee{
    font-size: 120px;
    line-height: 120px;
    
    color:#000;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;

}

.marquee-sec:hover marquee{
    -webkit-text-fill-color: #000;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;}
 
.relative{position:relative}   
.benifit-thumbnail{width:100%;display:inline-block}
.benifiticon-part{display:inline-block;position: relative;}
.overlay-bg{background: #f6f6f6;padding: 20px;position: absolute;width: 100%;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.07);left: 0;top:50px;} 
.marge-icon{display:flex;border-bottom:1px solid #ccc;align-items:center;    justify-content: space-between;}
.benifit-icon{border-left:1px solid #ccc;padding: 40px 30px;text-align: center;width: 100%;justify-content: center;display: inline-block;}
.benifit-icon img{    -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width:60px!important}
.benifit-icon:hover img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.overlay-bg .benifit-icon:nth-child(1){border-left:0}    
.icon-box{margin-left: -200px;}
.benifitsicon-section{padding-bottom:180px}
.benifit-icon p{font-size: 18px;margin-top: 15px;margin-bottom:0}
/*.products-details{padding-right:50px}*/
.key-thumb h3{font-weight:600}
.key-title strong{font-size:18px;position:relative;padding-left:20px;font-weight:500}
.key-title strong:after{content:'';left:0;position:absolute;width:12px;height:12px;background:#c9a84c;border-radius:100%;top:5px}
.key-title{padding: 15px 0;border-bottom: 1px solid #ccc;width: 100%;display: block;}
.key-title p{margin-bottom: 0;}
.key-thumb{padding-left:50px}
.products-thumnail{border:1px solid #00354d;padding:20px;border-radius:20px;margin:0 15px}
.products-thumnail img{border-radius:20px}
.products-title{font-size:18px;font-weight: 600;padding: 15px 0 0;color:#000;transition:.5s ease-in-out}
.products-thumnail:hover .products-title{color:#c9a84c}


.footer{background:#060e1c;padding:60px 0 30px}
.ft-logo, .ft-inner{padding: 50px 0;}
.ft-logo p{margin-top:30px}
.ft50{width:49%;margin:0;display: inline-block;vertical-align: top;}
.ft-border{border-left: 1px solid #ffffff2e;border-right: 1px solid #ffffff2e;}
.to-border{width:100%;height:1px;border-bottom: 1px solid #ffffff2e;}
.pd90{padding-left: 90px;}
.footer hr{color:#fff}
.ft-contact{color: #bdb8b8;width: 150px;margin: -30px auto 50px;background: #000;display: block;position: relative;}
.ft-contact a{color: #bdb8b8;}
.footer p{color:#fff;line-height: 22px;display: flex;font-size:14px;opacity: .8;}
.social-media{float:right}
.social-media a{color:#ffffffbf;margin-right:10px;font-size: 16px;width: 33px;height: 33px;display: inline-block;text-align: center;line-height:33px;border:1px solid #ffffff2e;transition:all ease-in-out .8s}
.social-media a:hover{background:#cf9947;border:1px solid #cf9947;color:#fff}
.ft-inner a{display: inline-block;color:#fff;font-size: 14px;margin-bottom: 10px;letter-spacing: .5px;}
.ft-inner ul li a{opacity: .8;}
.ft-inner ul{padding-left: 0;}
.ft-inner h6{font-size: 14px;color:#c9a84c;margin-bottom:20px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;}
.ft-inner h5{color:#fff;font-size:15px;font-weight: 500;letter-spacing: 1px;margin-bottom:20px;opacity: .8;}
.ft-inner ul li a i{color:#c9a84c!important;}
.ft-inner span i{color:#c9a84c;margin-right: 15px;font-size: 20px;opacity:1 !important}
.ft-inner p span{margin: 0;}
/*.ft-inner p span i{color:#fff;margin-right: 15px;font-size: 20px;}*/
.ft-inner p a{margin: 0;/*color:#f1f1f1*/}
.pl70{padding-left: 80px;}
.pl20{padding-left: 0px;}
.copy-right{margin-top:0px;padding-top: 30px;border-top: 1px solid #ffffff2e;}
.copy-right p{display:block;font-size:13px;margin:0;color:#fff;opacity:.6}
.social{}
.social ul {display: flex;align-items: center;padding: 0;margin: 0;}
.social ul li a{padding:0 8px;color:#fff;opacity:.6;font-size:13px}
.ft-circle{
    width: 145px;
    height: 145px;
    border: 1px solid #fff;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    color: #fff;
    border-radius: 100%;
    /*line-height: 145px;*/
    text-align: center;
    letter-spacing: 1px;
    padding:30px;
}

.pd141{padding-left: 141px;}
.digital {width: 40px;margin-right: 0;}
.number-section{
    border-top: 1px solid rgba(150,98,30,0.18);
     border-left: 1px solid rgba(150,98,30,0.18);
    border-bottom: 1px solid rgba(150,98,30,0.18)
;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    box-shadow:0 2px 12px rgba(0,0,0,0.04) ;
    }
.number-thumb {
    padding: 2.5rem 2rem;
    text-align: center;
    border-right: 1px solid rgba(150,98,30,0.18);
    transition: background 0.3s;
    width:100%;
  }
  .number-thumb:hover{background:rgba(150,98,30,0.07)}
  .number{
      font-size: 3rem;
    font-weight: 600;
    color: #c9a84c;
    line-height: 1;
    display: block;
  }
 
 .number-thumb p{ 
     font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase;
    color: #7a7260; margin-top: 0.4rem; display: block;
    margin-bottom: 0;
  }

  .why-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 1px; background: rgba(150,98,30,0.18);
    border: 1px solid rgba(150,98,30,0.18);
    box-shadow:0 4px 24px rgba(0,0,0,0.04);
  }
  .why-cards {
    background: #fdfcf9; padding: 2.5rem; transition: background 0.3s;
  }
  .why-cards:hover { background: #e4dfd5; }
  .why-icon {
    width: 40px; height: 40px; border: 1px solid rgba(150,98,30,0.18);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 1.5rem; font-size: 1.2rem; color: var(--accent);
  }
  .why-cards h4 {
   font-size: 1.4rem;
    font-weight: 600; color:#1a1208; margin-bottom: 0.8rem; letter-spacing: 0.02em;
  }
  .why-cards p {  color: #7a7260; line-height: 1.7;margin-bottom:0; }
  
  .type-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background:#c9a84c;
  flex-shrink: 0;
  margin-top: 7px;
}
.product-location{
    display: flex;
    gap: 14px;
    margin-bottom: 0px;
    align-items: flex-start;
}
.location-product h4{font-size:24px;margin-bottom:30px;color:#000}
.product-location h5{font-size:18px;color: #c9a84c}

.certified{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(150,98,30,0.18);border:1px solid rgba(150,98,30,0.18);box-shadow:0 2px 12px rgba(0,0,0,0.04);}
.certified-points{background:#fdfcf9;padding:1.8rem;text-align:center;}
.certified-points p{font-size:15px;color:#7a7260;line-height:1.7;margin-bottom:0}

.social-media  .fa:hover svg {
    fill: #c9a84c;
}
.social-media  .fa svg {
    fill: #fff;
}
@media(max-width:991px){
    .mr120{margin-top: 60px !important;}
    .to-border{display: none;}
.navbar-toggler:focus{box-shadow:none}    
.navbar-expand-lg {background: #fff;border: 0;}    
.navbar-expand-lg .navbar-nav .dropdown-menu.show{display:block !important;}
button.navbar-toggler {width:50px;padding:0px;border-radius: 0;margin-left: auto;margin-right: 0;border: 0;}
.navbar-light .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-light .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;display:none!important;}
.navigation_black nav.navbar-expand-lg.navbar-light .white {display: block !important;}
.navigation_black nav.navbar-expand-lg.navbar-light .black {display: none !important;}
ul.navbar-nav {margin-right: 0!important;border-top:0px solid #00000038;padding: 20px 0 20px;border-right: 0px solid #0e0e0e4a!important;}
ul.navbar-nav li { margin-left: 0;}
.navbar-expand-lg .nav-link {padding: 10px 0px 10px;}
.navigation_black .navbar-expand-lg a.getin-touch {color:#c9a84c;}
.navigation_black .navbar-expand-lg .nav-link {color: #000;}
.dt-get{display:none}
.mb-get{display:block;width: 125px;position: absolute;right: 85px;top: 21px;text-align:center}
.navigation_black .white-logo {
    display:none !important;
}

.navigation_black .black-logo {
    display:block!important;
}
.dropdown-menu.show {display: block!important;}
.navbar-brand {width:200px;}
.main-nav {padding-bottom: 35px;}
.container-fluid {padding: 0 32px;}
.pad100{padding:60px 0}
.heading {font-size: 36px;line-height: 40px;}
.banner{margin-top:80px;height:400px;background-position: left center;}


}

@media(max-width:560px){
.container-fluid{padding:0 20px} 
.banner-container{padding:0 20px}  
/*.heading {font-size: 40px !important;line-height: 45px;}*/
.logistics-text {width: 100%;padding: 26px 30px;}
.logistics-text:nth-child(even):before{clip-path: none;width: 100%;}
.mb-get{display:block;width: 125px;position: absolute;right: 60px;top: 21px;text-align:center}

iframe {
    border: 0;
    height: auto;
}
.digital {margin-right: 0;margin: 15px auto 0;}
.ft-logo{display: flex;align-items: center;padding:0 0 20px}
.ft-logo img{margin-right:15px}
.ft-logo p {margin-top: 0px;}

}





@media(max-width:991px){
    .navbar-expand-lg .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-expand-lg .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}

    .ft-border{
        padding-left: 10px !important;
        border-left: 0;
    }
    .benifitsicon-section .container .row{flex-direction:column-reverse;}
    .benifit-thumbnail{margin-top: 15px;}
    
    .testimonials-content p{
        font-size: 16px;
    }
    .testimonials-content h5{
        margin-top: 20px;
    }
    .banner-caption strong {
    font-size: 45px;}
    .banner-caption span {
    font-size: 18px;}
    .about-left p{
        font-size: 16px;
    }
            .banner {
        margin-top: 60px;
        }
    
    .why-choose:after {
    width: 100%;
}
.why-box  {
    width: 100%;
}
    .why-left{
        padding-right: 0;
    }
    .why-img{
        position: relative;
        width: 100%;
        /*margin-bottom: 15px;*/
        top: 30px;
    }
    .why-img img{
        width: 100%;
    }
    .product-itemtext{
        padding: 30px;
    }
        .testimonials-thumb{
        padding-left: 0;
        position: relative;
    }
    .testimonials-slider .product-showcase-carousel-controls {
        top: 29% !important;
    }
    .testimonials-slider .product-showcase-carousel-controls--left{
        left: -12% !important;
    }
    .testimonials-slider .product-showcase-carousel-controls--right {
        right: -12% !important;
    }
    .social-media {
    float: none !important;
    display: flex;
    width: fit-content;
    gap: 10px;
    margin-top: 10px;
    }
    .copy-right p{
        text-align: center;
    }
    .overlay-bg{
        position: unset;
    }
    .icon-box{
        margin: 0;
    }
    .benifit-thumbnail{
        padding: 0 !important;
    }
    .key-thumb{
        padding-left:20px;
    }

}

@media (max-width: 768px) {

    .tabs-sec {
    padding: 0;
    }
    
    .tabs-sec .nav-tabs li a {
        padding: 10px;
    }
    .inner-banner{
        margin-top:60px;
    }
    .heading {
        font-size: 32px;}
    .ft-border{
        border-right: 0 !important;
        border-top:1px solid #ffffff61;
        border-bottom:1px solid #ffffff61;
    }
    .befits-head {
    flex-direction: column-reverse;
    display: flex;
    justify-content: center;
    padding-right: 0 !important;
    text-align: center;
    }
    .befits-head .heading{
    padding-right: 0;
    border-right: 0;
    text-align: center !important;
    }
    .befits-head .sub-title{
        text-align: center !important;
        padding:0 ;
    }
    .why-left ul {
    width: 100%;
    }
        .key-thumb{
        margin-top:25px;
    }
    .benifit-icon{
        padding: 20px 15px;
    }
    .benifit-icon img{
        width: 40px !important;
    }
        .why-ul-2{
        margin-top: 0 !important;
    }
   .why-ul-2 li:nth-child(1) {
    border-top: 0 !important;
}

    .benifits-thumbnail{
        min-height: auto;
    }

     .ft-inner {
    padding:30px 0 20px;
}
.footer{
        padding: 30px 0;
}
.ft-logo p{
    margin-bottom: 0.2rem;
}
 
}

@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 95% !important;
    }
    .breadcome{
        display: none;
    }
    .p-product-txt{
        display: none;
    }
    .m-product-txt{
        display: block !important;
    }
    .m-t{
        margin-top:15px;
    }
    .marge-icon {
    flex-direction: column;
    border:0 !important;
    }
    .benifit-icon{
        border:0!important;
    border-bottom:1px solid #00000033 !important;
    }
   
}



@media (max-width: 480px) {
    body{
        overflow-x: hidden !important;
    }
    .navbar-brand img {
    width: 150px;
}
.product-item img{
    height: auto !important;
}


.hero-slider .slick-dots {
    bottom: 5px !important;
}

.slick-dots li button {
    height: 10px !important;
    width: 10px !important;
}
.slick-dots li.slick-active {
    width: 10px !important;
    height: 10px !important;
}

.slick-dots li {
    margin: 0 3px !important;
    height: auto !important;
    width: fit-content !important;
}

.benifits-thumbnail img{
    height: 50px !important;
}

.benifits-thumbnail h5{
    margin: 12px 0 10px;
}
    .banner-caption strong {
        font-size: 30px !important;
    }
    .banner-caption span {
        font-size: 16px !important;
        padding: 0 auto !important;
    }
    .banner-caption>div{
        width: fit-content !important;
    }

    .testimonials-slider .product-showcase-carousel-controls--left {
        left: 35% !important;
    }
    
    .testimonials-slider .product-showcase-carousel-controls--right {
        right: 35% !important;
    }
    .testimonis-sec{
        margin-bottom: 15px;
    }


    .testimonials-slider .product-showcase-carousel-controls {
        top: 104% !important;
    }
    .career-form .form, .contact-box{
        padding: 15px;
    }
    .contact-box{
        margin-top:15px ;
    }
        .container-fluid {
        padding: 0 10px;
    }
    
    .key-thumb{
        padding: 0;

    }
}