/*
Design URL 	: 	Neoteric _ 9 April 2026
Design by  	: 	Cross Country Webservices
Designer   	: 	Rajesh Kumar Kukreja
Version	   	:	  HTML 5 / CSS 3 / Bootstrap 4
*/



/*font-family: 'Montserrat', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;1,400&display=swap');


@font-face{
  font-family:'Glyphicons Halflings';
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot");
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}


/* Responsive */
html {   scroll-behavior: smooth; font-size: 62.5%;}  
body{ font-family: 'Montserrat', sans-serif;   font-weight: 300;  font-size: 1.6rem; line-height:2.6rem;  color:#727272; overflow-x: hidden; } 

/*body, html {   height: 100%;  }*/

h1, h2, h3, h4, h5{  color:#323232; font-family: 'Montserrat', sans-serif; letter-spacing: -0.03em; }

p{  font-family: 'Montserrat', sans-serif;   font-size:  1.6rem;  line-height:2.6rem; color:#4d4d4d; font-weight: 400; text-decoration:none; margin:0px 0px 15px 0px; padding:0px;}
p a, p a:active, p a:visited {color:#4d4d4d;} p a:hover{color:000; } 
p strong{   font-weight: bold; color: inherit; }   em{ font-weight:normal;} 

a:hover, a:focus { outline: none; text-decoration: none;} *:focus, *:visited { outline: none; text-decoration: none; }
button:focus {     outline: 0px none;     outline: 0px none -webkit-focus-ring-color; }

.clearfix { clear: both; position: relative; }

/*#wire, #compounds, #metals, #steel{  position: relative;  top: -60px;   height: 0;   width: 0;     opacity: 0;     display: block; }  */
/*#industries{  position: relative;  top: -60px;      opacity: 0;     display: block; }  */



/*backtotop*/
#myBtn { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 99999; font-size: 13px; border: none; outline: none; 
  background-color: #111; background: #e72324; /*opacity: 1;*/   color: white;  font-weight: 300; cursor: pointer;   padding: 10px 10px;   border-radius: 50px; }
#myBtn:hover { opacity: 0.8; }

/*Arrow Button*/
section .btn{background: #d4eb23; border: 1px solid #d4eb23; border-radius: 0px; cursor: pointer; display: inline-block; position: relative; 
  text-transform: uppercase; transition: background-color 0.2s, color 0.2s; white-space: nowrap;  padding: 5px 15px; 
color: #323232; font-size:12.5px; font-weight: 500; margin-top:0;  }
section .btn:hover, section .btn:focus { opacity: 0.8;  outline: none; }
section .btn img{ width:14px; margin:-3px 0px 0px 4px ; padding:0px;   }



/* Style the header */
.fix-nav { background: none;   position: fixed;  /*  position: absolute; */ top: 0px; width: 100%; z-index: 999999; }
.content {  padding:  1.6rem; } /* Page content */

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {    position: sticky;  top: 0; width: 100%; background:rgba(14, 31, 59, 0.9); }

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + section.header-service-detail { margin-top:-114px; }
 
 

/* Navbar */
.navbar {   padding: .7rem 1.5rem; z-index:999; }
nav.navbar.navbar-expand-xl.navbar-light {     max-width: 1600px;     margin: 0 auto; }
nav .navbar-brand{ padding-top: .7125rem; padding-bottom: .6125rem; max-width: 285px; /*opacity: 0.6;*/ }
nav .navbar-brand:hover{ opacity: 0.9;  }
.navbar-expand-xl .navbar-nav .nav-link { text-transform: uppercase; padding-right: 1rem;  padding-left: 1rem; max-width: 1300px; }
.navbar-nav .nav-link { color: #fff;  font-size: 1.4rem;  font-weight: 400; } /* font-size */
.navbar-nav .nav-link2 {  margin-right: 250px;} 


/*nav button*/
.navbar-nav .nav-link.letstalk { padding: 8px 15px; background:  #d4eb23; color: #000; border-radius: 5px;   margin-left:15px; } 
.navbar-nav .nav-link.letstalk:hover {  background:  #d4eb23; opacity:0.9;  } 
.navbar-nav .nav-link.letstalk img{ width:14px; margin:-3px 5px 0px 0px ; padding:0px;   }


.letstalk_anim {   animation: blinker 1s linear infinite;}
@keyframes blinker {   70% {     opacity: 80%;   } }

.navbar-light .navbar-nav .active>.nav-link{ color: #fff; }
.navbar-light .navbar-nav .nav-link { color: #fff;   }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff; opacity: 0.8;  /* color: rgba(0,0,0,.7);*/ }



.navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; z-index: 999999; margin-top: 0px; text-align: left; background:rgba(14, 31, 59, 0.7);  }
.dropdown-item {  color: #bbb;  font-size: 1.4rem; text-transform: uppercase;  z-index: 999999; padding: 0.25rem 1rem 0.25rem 1rem;}
.dropdown-item:focus, .dropdown-item:hover { color: #fff;  text-decoration: none; background:rgba(14, 31, 59, 0.9);  }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,.8); }
.dropdown:hover>.dropdown-menu {   display: block; } 



/***  issule resolved (carousel content blink) ***/
/*body{overflow-x: hidden; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0); }*/
/*body{ -webkit-transform: translateZ(0);  -moz-transform: translateZ(0); }*/

 /* s1 _Video Banner  */
.s1-header-video {        height: 100vh; overflow: hidden; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  } 
.s1-header-video video {  height: auto;  width: 100%;     }
.s1-header-video .layer { height: 100vh; width: 100%; position: absolute; top: 0; left: 0;
background: #172640;
background: linear-gradient(180deg,rgba(23, 38, 64, 0.25) 0%, rgba(23, 38, 64, 0.50) 100%);
    /*background-color: rgba(44, 44, 80, 0.5); */ /*height: 100%; max-height: 650px;*/ }

.s1-header-video .carousel-caption { position: absolute;  text-align: left; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
left: 7%; right: 40%;  bottom: 25%; }

.s1-header-video .carousel-caption h2{ font-size: 85px; line-height: 95px;  font-weight: 700; letter-spacing: -0.02em;  color: #fff; }
.s1-header-video .carousel-caption p{  font-size:25px;  line-height: 35px;  font-weight: 300; color: #fff; margin-bottom: 0;}
  

/* S2 _ Profile*/
.s2-profile{ padding: 80px 20px 60px 20px; text-align: left; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);}
.s2-profile .heading h2{ font-size: 45px; line-height: 55px; font-weight: 300; color: #323232; letter-spacing: -0.02em;   }
.s2-profile .heading  p{ font-size:  1.6rem; line-height: 26px; font-weight: 400; color: #727272;  }

.s2-profile .content{ padding: 0px 35px; text-align: left; max-width: 590px; }
.s2-profile .content  p{  font-size: 1.4rem; line-height: 22px; font-weight: 400; color: #727272;  }


/* S3_ Products*/
.s3-products{ padding: 0px 20px 60px 20px; text-align: left; background: #fff;}
.s3-products .container { max-width:990px; }



.s3-products .heading { text-align:center; }
.s3-products .heading h2{ font-size: 45px; line-height: 55px;  font-weight: 300; color: #323232; letter-spacing: -0.02em;   }
.s3-products .heading  p{ font-size:  1.6rem; line-height: 26px; font-weight: 400; color: #727272;  }

.s3-products .img img {  width: 100%;  height: 100%;   object-fit: cover;   transition: transform 0.5s ease; }
.s3-products .img:hover img { transform: scale(0.9); }

.s3-products .content  { padding:35px 0 0 0 ; }
.s3-products .content2 { padding:35px 0 0 0 ; text-align:right; }

.s3-products .content h2, .s3-products .content2 h2{ font-size: 30px; line-height: 35px;  font-weight: 300; color: #323232; letter-spacing: -0.02em;   }
.s3-products .content p, .s3-products .content2 p{  font-size: 1.4rem; line-height: 22px; font-weight: 400; color: #727272;  }
/**/

/* s4 _ Industries */
.s4-industries { text-align: left; }
.s4-in-content { padding: 80px 20px 60px 20px;  background-image: url("../img/bg-industries.jpg");
background-repeat: no-repeat; background-position: center;  background-attachment: fixed; background-size: cover; height:100%; }


/*Image zoom effects*/
.s4-in-content .img{ position: relative;  overflow: hidden;  border-radius: 4px;  aspect-ratio: 4/3.3;  cursor: pointer; }
.s4-in-content .img img {  width: 100%;  height: 100%;   object-fit: cover;   transition: transform 0.5s ease; }
.s4-in-content .img:hover img { transform: scale(1.1); }

.s4-in-content .heading h2{ font-size: 45px; line-height: 55px;  font-weight: 300; color: #fff; letter-spacing: -0.02em;   }
.s4-in-content .heading  p{ font-size:  1.6rem; line-height: 26px; font-weight: 400; color: #fff;  }

.s4-in-content .content { padding:7px; margin-bottom:25px; }
.s4-in-content .content h3{ font-size: 22px; line-height: 32px; font-weight: 300; letter-spacing: 0; color: #fff;}
 /**/


/* =========================================
   clients home 
   ========================================= */
.clients-home  {  padding: 70px 20px 15px 20px; background:#fff; } 
.clients-home .heading { text-align:right; background:url(../img/client-border-stroke.jpg) right center no-repeat;   padding-right:25px; }
.clients-home .heading h2{ font-size:42px; line-height: 52px; font-weight:300; color:#323232; margin:15px 0; }
.clients-home .heading p{ font-size: 1.6rem; line-height:2.4rem; color: #626262; font-weight: 300;}
.clients-home .heading p.title{ font-size: 2rem; line-height:2rem;  font-weight: 600; margin: 0px; padding: 0px;}
.clients-home .clients{  min-height:50px;  margin:15px 0; }
.clients-home .clients img.img1{ border: 1px solid #eee; }


/* =========================================
    s4 _ Parnter 
   ========================================= */
.s5-partner{  padding: 110px 20px ;  background: #f5f5f5 url("../img/why.png") center center no-repeat; min-height:500px; }
.s5-partner .container{ max-width:1100px; margin:0 auto; }

.s5-partner h2{ font-size:48px; line-height: 58px; font-weight:300; color:#323232;  }
.s5-partner h2:after { content: ""; display: block; width: 22px; border-bottom: 6px solid #d4eb23; margin-bottom: 15px; }

.s5-partner p{ font-size: 1.6rem; line-height:24px; color: #727272;}
.s5-partner p.s1{ font-size: 1.4rem; line-height:22px; color: #727272; font-weight: 300;}

.s5-partner h3{ font-size:20px; line-height: 28px; font-weight:400; color:#323232;  }
.s5-partner h3:after { content: ""; display: block; width: 22px; border-bottom: 4px solid #d4eb23; margin-bottom: 15px; }



/* =========================================
  s6 - States 
   ========================================= */
.s6-stats { padding: 65px 20px ; background: url("../img/stats-bg.jpg") 0 0 repeat;}
.s6-stats .container{ max-width:1100px; margin:0 auto; }
.s6-stats p{ max-width:200px; }
.s6-stats p.s1{ color:#eee; font-size: 1.7rem; line-height:24px; font-weight:400;  }
.s6-stats h2.display-4{ color:#fff; font-size:42px; line-height:52px; font-weight:600;  }
.s6-stats p.small{ color:#eee; font-size:14px; line-height:20px; font-weight:300;  }



/* =========================================
 S7  Team Section
   ========================================= */
.s7-team { padding: 90px 20px ;  }
.s7-team  .container{ max-width:1100px; margin:0 auto; }


.s7-team  h2{ color:#323232; font-size:48px; line-height:52px; font-weight:300;  }
.s7-team  p{  color:#727272; font-size: 1.6rem; line-height:24px; font-weight:400; margin-bottom:20px;  }

.s7-team  h4{ color:#323232; font-size:22px; line-height:32px; font-weight:400;  }


.s7-team .team-card { background: linear-gradient(135deg, #718096, #4a5568); height: 320px;     
  border-radius: 25px;     position: relative;     overflow: hidden;     transition: transform 0.3s ease; 
border-top-right-radius: 0; border-bottom-left-radius: 0;}
.s7-team .team-card:hover { transform: translateY(-10px); }

.s7-team  .team-card__img {  width: 100%;     height: 100%;     object-fit: cover;
    object-position: center top; /* Keeps focus on faces */     transition: transform 0.5s ease; }

.s7-team .team-card__info { position: absolute;  bottom: 0; left: 0; width: 100%; padding: 20px; 
  background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);}
.s7-team .team-card__info  h5{ color:#fff; font-size:18px; line-height:28px; font-weight:400; letter-spacing:0.1rem;  }
.s7-team  .team-card__info  small{ color:#fff; font-size:14px; line-height:22px; font-weight:300;  }



/* =========================================
   s8 - CTA Section
   ========================================= */
.s8-cta {background-color: #232323;  padding: 100px 20px 140px 20px ;
 background-image: radial-gradient(circle at center, rgba(202, 255, 0, 0.05) 0%, transparent 70%);}
.s8-cta h2{ color:#fff; font-size:4.8rem; line-height:5.8rem; font-weight:300;  }
.s8-cta p{  color:#eee; font-size: 1.4rem; line-height:2.2rem; font-weight:300; margin-bottom:20px;  }

.s8-cta .btn{ padding:12px 25px; font-weight:400; }
.s8-cta .btn img{ width:14px; margin:-3px 7px 0px 4px ; padding:0px;   }


/* =========================================
   Footer
   ========================================= */
.footer {  background-color: #323232; padding-top:25px; }
.footer h5{ font-size:13px; line-height: 23px; font-weight:400; color:#ababab; text-transform:uppercase; letter-spacing:0;  }
.footer h5:after { content: ""; display: block; width: 22px; border-bottom: 4px solid #d4eb23; margin-bottom: 15px; }

.footer__links li { margin-bottom: 10px; }
.footer__links li.chat { max-width: 280px; font-size: 16px;}
.footer__links li.location { max-width: 280px; font-size: 16px;}
.footer__links li.location a, .footer__links li.chat a {  font-size: 15px;}
.footer__links a { font-size: 14px;  color: #fff; text-decoration: none;  transition: color 0.3s ease; }
.footer__links a:hover {  color: #d4eb23; }


.footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px;
    background-color: rgba(255,255,255,0.1);  color: #fff; border-radius: 50%; margin-right: 10px; text-decoration: none;
    transition: all 0.3s ease; }
.footer__social a:hover { background-color: #d4eb23; color: #000; }

 
.footer .copy p, 
.footer .copy a{ font-size:14px; line-height:22px; font-weight:400; color:#fff; }
.footer .copy a:hover{  color:#d4eb23; }


/* s1-about */
.s1-about-banner {        height: 55vh; overflow: hidden; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  } 
/*.s1-about-banner img {  height: auto;  width: 100%;     }*/
.s1-about-banner .layer { height: 55vh; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.s1-about-banner .carousel-caption { position: absolute;  text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
left: 15%; right: 15%;  bottom: 10%;  }

.s1-about-banner .carousel-caption h2{ font-size: 75px; line-height: 85px;  font-weight: 200; letter-spacing: -0.02em;  color: #fff; }
.s1-about-banner .carousel-caption p{  font-size:20px;  line-height: 25px;  font-weight: 100; color: #fff; margin-bottom: 0;}


/* s2-about-brief */
.s2-about-brief {  padding: 50px 20px 30px 20px; background: url("../img/bg-about.jpg") 20px 100px;
background-repeat: no-repeat; background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}

.s2-about-brief-content { text-align: left;   }
.s2-about-brief-content .heading, .s2-about-brief-content .content { padding:0px;     }

.s2-about-brief-content h2{ font-size:4rem; line-height: 5rem; font-weight:300; color:#323232; letter-spacing:0rem  }
/*.s2-about-brief-content h2:after { content: ""; display: block; width: 35px; border-bottom: 2px solid #d4eb23;  margin: 15px auto 10px; }*/

.s2-about-brief-content p.s1{ font-size: 1.8rem; line-height:3.0rem; color: #323232; font-weight: 200; letter-spacing:0rem }
.s2-about-brief-content p{ font-size: 1.5rem; line-height:2.4rem; color: #323232; font-weight: 300; text-align: justify;}


/* s4-about-turnkey */ 
.s4-about-turnkey {  padding: 90px 20px 70px 20px; background: url("../img/bg-turnkey-about.jpg") 20px 100px;
background-repeat: no-repeat; background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}

.s4-about-turnkey-content {  padding:5% 5%;  background-color: rgba(177, 177, 27, 0.95); text-align: left;  }

.s4-about-turnkey .heading { max-width:80%; float: left; }
.s4-about-turnkey .heading h2{ font-size:42px; line-height: 42px; font-weight:300; color:#fff; }
.s4-about-turnkey .heading h2:after { content: ""; display: block; width: 35px; border-bottom: 2px solid #d4eb23; 
  margin: 20px 15px 25px 0; /* centers it */ }
.s4-about-turnkey .heading p{ font-size: 1.5rem; line-height:2.4rem; color: #fff; font-weight: 300;}
.s4-about-turnkey .heading p1{ font-size: 1.5rem; line-height:2.4rem; color: #fff; font-weight: 200; font-style: italic;}

.s4-about-turnkey .content{ max-width:95%; padding:15px; min-height:190px; margin-bottom:25px; }
.s4-about-turnkey .content { border-left:7px #fff solid;  }
.s4-about-turnkey .content h3{ font-size:2.2rem; line-height: 3.2rem; font-weight:200; color:#fff; text-transform:uppercase;   min-height:90px;  }
.s4-about-turnkey .content p{ font-size: 1.6rem; line-height:2.4rem; color: #fff; font-weight: 200;}


/* s5-about-vision  */

.s5-about-vision{  padding: 90px 0px 70px 0px; background: url("../img/bg-about.jpg") 20px 20px;
background-repeat: no-repeat; background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}

.s5-about-vision .heading { border-top: 1px solid #d4eb23; padding:0; padding-top:25px; width:100%;  }
.s5-about-vision .heading h2{ font-size:42px; line-height: 42px; font-weight:300; color:#323232; }
.s5-about-vision .heading p{ font-size: 1.5rem; line-height:2.4rem; color: #323232; font-weight: 300;}

.s5-about-vision .content{ border-top: 1px solid #d4eb23; padding:0; padding-top:25px; width:100%;  }
.s5-about-vision .content h3{ font-size:2.2rem; line-height: 3.2rem; font-weight:200; color:#323232; text-transform:uppercase;   min-height:90px;  }
.s5-about-vision .content p{ font-size: 1.5rem; line-height:2.4rem; color: #323232; font-weight: 300;}


/* s6-core-values */
.s6-about-core-values { padding: 80px 20px 60px 20px;  background-image: url("../img/bg-industries.jpg");
background-repeat: no-repeat; background-position: center;  background-attachment: fixed; background-size: cover; height:100%; }

.s6-about-core-values .heading { border-left: 4px solid #d4eb23; padding:15px 0 5px 0; padding-left:25px; max-width:50%; margin-bottom:20px; }
.s6-about-core-values .heading h2{ font-size:42px; line-height: 42px; font-weight:300; color:#fff; margin-bottom:10px; }
.s6-about-core-values .heading p{ font-size: 1.6rem; line-height:2.4rem; color: #fff; font-weight: 300;}

.s6-about-core-values .core-cards{  padding:25px 25px 10px 25px;   background-color: rgba(255, 255, 255, 1); width:100%; margin-bottom:30px;  }
.s6-about-core-values .core-cards h3{ font-size:2.0rem; line-height: 2.8rem; font-weight:400; color:#323232;   min-height:90px;  }
.s6-about-core-values .core-cards h3:after { content: ""; display: block; width: 35px; border-bottom: 2px solid #d4eb23; 
  margin: 20px 15px 25px 0; }
.s6-about-core-values .core-cards p{ font-size: 1.4rem; line-height:2.2rem; color: #323232; font-weight: 400;}




/**/
/* s2-about-brief */
.s2-contact {  padding: 30px 20px 50px 20px; background: url("../img/bg-about.jpg") 20px 100px;
background-repeat: no-repeat; background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}

.s2-contact-content { text-align: left;   }
.s2-contact-content .heading { max-width:450px; } 
.s2-contact-content .content { padding:0px;     }

.s2-contact-content h2{ font-size:4rem; line-height: 4.5rem; font-weight:300; color:#323232;  margin-bottom: 15px;  }
.s2-contact-content p.s1{ font-size: 1.8rem; line-height:3.0rem; color: #323232; font-weight: 300; margin-bottom: 7px;}
.s2-contact-content p{ font-size: 1.5rem; line-height:2.4rem; color: #323232; font-weight: 300; text-align: justify;}


.s2-contact-form{ width: 100%; max-width: 450px;  }
/*.s2-contact-form .form-group label{  font-size: 15px; line-height: 20px; color: #fff; font-weight: 400; margin-bottom: 3px; }*/
.s2-contact-form .form-group .form-control{  font-size: 14px; color: #4d4d4d; font-weight: 400; border-radius: 0;   padding: 15px;
   background-color: #e9e9e9;  min-height: 52px;  box-shadow: 3px 2px 10px 0px rgba(255,255,255,0.12); border: 1px solid #e9e9e9;}
.s2-contact-form .form-group .form-control:focus {  border-color: #ff7800; }

/*honeypot*/
/*.s2-contact-form .form-group .hidden{ position: absolute;    left: -9999px;  }*/

.s2-contact-form .btn{  font-size: 15px; font-weight: 400; text-transform: capitalize;  padding: 10px 25px; }
.s2-contact-form .btn:hover{ opacity: 0.7;  }


/**** Placeholder Css ***/
.s2-contact-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */  font-size: 15px; color:#4d4d4d;  font-weight: 400;  }
.s2-contact-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 15px; color:#4d4d4d;  font-weight: 400;     opacity:  1; }
.s2-contact-form ::-moz-placeholder { /* Mozilla Firefox 19+ */    font-size: 15px; color:#4d4d4d;  font-weight: 400;     opacity:  1; }
.s2-contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 15px; color:#4d4d4d;  font-weight: 400;  } 
.s2-contact-form ::-ms-input-placeholder { /* Microsoft Edge */    font-size: 15px; color:#4d4d4d;  font-weight: 400; }


.privacy-policy{ margin-bottom:15px; }
.privacy-policy h4{ font-size:20px; line-height: 30px; font-weight:400; }

 

/* s1-procuts-page */ 
/*.s1-product-page {  padding: 90px 20px 45px 20px; background: url("../img/wire-bg-parrallax.jpg") 20px 100px; background-repeat: no-repeat; 
  background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}
*/

.s1-about-banner.s1-product-banner {        height: 45vh; overflow: hidden; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  } 
/*.s1-about-banner.s1-product-banner img {  height: auto;  width: 100%;     }*/
.s1-about-banner.s1-product-banner .layer { height: 45vh; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.s1-product-page {  padding: 70px 20px 15px 20px; background:#f9f9f9; } 

/* Wire */
/*.s1-product-page.wires {  background: url("../img/wire-bg-parrallax.jpg") 20px 100px; background-repeat: no-repeat; 
  background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}
*/
/* Compounds */
/*.s1-product-page.compounds {  background: url("../img/compounds-bg-parrallax.jpg") 20px 100px; background-repeat: no-repeat; 
  background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}
*/ 
/* Metal */
/*.s1-product-page.metal {  background: url("../img/metal-bg-parrallax.jpg") 20px 100px; background-repeat: no-repeat; 
  background-position: center; background-position-y: 35px; background-attachment: fixed; background-size: cover; height:100%;}*/


.s1-product-page .container{ max-width:100%;  }
/*.s1-product-page-content {  padding:50px 30px;  background-color: rgba(177, 177, 27, 0.95); text-align: left;  }*/
.s1-product-page-content {  padding:20px 20px 15px 20px;    text-align: left;  }

.s1-product-page .heading { max-width:80%; float: left; }
.s1-product-page .heading h2{ font-size:42px; line-height: 52px; font-weight:300; color:#323232; margin-bottom:0px; }
.s1-product-page .heading p{ font-size: 1.6rem; line-height:2.4rem; color: #323232; font-weight: 300;}


.s1-product-page .container-img { position: relative;  width: 100%; margin-bottom:0px;    box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.10);}
.s1-product-page .container-img:hover .overlay {  opacity: 1; cursor: pointer; }

.s1-product-page .container-img .image {display: block;   width: 100%;   height: auto; }
.s1-product-page .overlay { position: absolute; top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;
  background-color: #008CBA; background-color: rgba(255, 255, 255, 0.90);  /*opacity: 1; */ }
.s1-product-page .overlay .content {   color: white;  font-size: 20px;   position: absolute;   top: 15px;  
  left: 0%;   text-align: center; padding: 10px 15px; }
.s1-product-page .overlay .content p{ font-size:13.5px; line-height:22px; color:#323232; text-transform:initial; }

.s1-product-page .container-text { position: relative;  width: 100%; margin-bottom:30px; text-align:center; }
.s1-product-page .container-text h3{ font-size:11px; line-height:18px; font-weight: 400; color:#000; background: #d4eb23; 
    text-transform:uppercase; padding:7px;  }


/**/
#more {display: none; }



/* Investor Policies - 14 May 2026*/
.inv-relations { padding: 80px 20px 60px 20px; background: #eee;  background-image: url("../img/bg-indusries.jpg");
background-repeat: no-repeat; background-position: center;  background-attachment: fixed; background-size: cover; height:100%; }

.inv-relations .heading { border-left: 4px solid #d4eb23; padding:15px 0 5px 0; padding-left:25px; max-width:50%; margin-bottom:20px; }
.inv-relations .heading h2{ font-size:42px; line-height: 42px; font-weight:300; color:#323232; margin-bottom:10px; }
.inv-relations .heading p{ font-size: 1.6rem; line-height:2.4rem; color: #323232; font-weight: 300;}

.inv-relations .core-cards{  padding:25px 25px 10px 25px;  text-align: center;     box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.10); background-color: rgba(255, 255, 255, 1); width:100%; margin-bottom:30px;  }
/*.inv-relations .core-cards:hover{ background:#f5f5f5; }*/
.inv-relations .core-cards h3{ font-size:2.0rem; line-height: 2.8rem; font-weight:400; color:#323232;   min-height:90px;  }
/*.inv-relations .core-cards h3:after { content: ""; display: block; width: 35px; border-bottom: 2px solid #d4eb23; 
  margin: 20px 15px 25px 0; }*/
.inv-relations .core-cards p { font-size: 1.4rem; line-height:2.2rem; color: #323232; font-weight: 400; }
.inv-relations .core-cards p a.download-pdf{  background: url("../img/download.png")  center 0px no-repeat;  padding-top:50px; }
.inv-relations .core-cards p a.download-pdf:hover{ opacity: 0.7; color: #000;  background: url("../img/download.png")  center 0px no-repeat;  padding-top:50px; }


/**/


/**/



/**/


/**/


/**/



/**/


/**/


/**/




/* Desktop Css */



/* # Media Queries by Rajesh Kumar Kukreja : Cross Country Webservices
============================================================================================================== */ 








/* Desktop resolution  : screen 01 */
@media only screen and (min-width: 2301px) and (max-width: 2900px) { 
.s1-header-video .carousel-caption { position: absolute;  text-align: left; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
left: 7%; right: 45%;  bottom: 25%; }
.s1-header-video .carousel-caption h2{ font-size: 140px; line-height: 150px;  font-weight: 300; letter-spacing: -0.02em;  color: #fff; }
.s1-header-video .carousel-caption p{  font-size: 55px;  line-height: 65px;  font-weight: 300; color: #fff; margin-bottom: 0;}
  
/* about  */
.navbar-nav .nav-link2 {  margin-right: 80rem; }
.content {  max-width: 950px;   margin: 0 auto; }   

/* s1-about-banner */
.s1-about-banner {        max-height:550px;   } 
.s1-about-banner .layer { max-height:550px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 12rem; line-height: 13rem;  font-weight: 200;}
.s1-about-banner .carousel-caption p{  font-size: 4rem;  line-height: 5rem;  font-weight: 100;}


.s1-product-page .overlay .content p{ font-size:15px; line-height:24px; color:#323232; text-transform:initial; }
  }

/* Desktop resolution : screen 02 */
@media only screen and (min-width: 1901px) and (max-width: 2300px) { 

/* about  */
.navbar-nav .nav-link2 {  margin-right: 60rem; }
.content {  max-width: 950px;   margin: 0 auto; }   


/* s1-about-banner */
.s1-about-banner {        max-height:550px;   } 
.s1-about-banner .layer { max-height:550px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 12rem; line-height: 13rem;  font-weight: 200;}
.s1-about-banner .carousel-caption p{  font-size: 4rem;  line-height: 5rem;  font-weight: 100;}


.s1-product-page .overlay .content p{ font-size:15px; line-height:24px; color:#323232; text-transform:initial; }
      }

/* Desktop resolution : screen 03 */
@media only screen and (min-width: 1601px) and (max-width: 1900px) { 

/* about  */
.navbar-nav .nav-link2 {  margin-right: 40rem; }
.content {  max-width: 950px;   margin: 0 auto; }   


/* s1-about-banner */
.s1-about-banner {        max-height:550px;   } 
.s1-about-banner .layer { max-height:550px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }


.s1-product-page .overlay .content p{ font-size:15px; line-height:24px; color:#323232; text-transform:initial; }

    }

/* Desktop resolution : screen 04 */
@media only screen and (min-width: 1301px) and (max-width: 1600px) {    } 


.s1-header-video .carousel-caption {left: 7%; right: 7%;  bottom: 12%; }
.s1-header-video .carousel-caption h2{ font-size: 10.5rem; line-height: 11rem;  font-weight: 300; letter-spacing: -0.02em;  color: #fff; }
.s1-header-video .carousel-caption p{  font-size:25px;  line-height: 35px;  font-weight: 300; color: #fff; margin-bottom: 0;}
  


  /* about  */
/*.navbar-nav .nav-link2 {  margin-right: 40rem; }*/
.content {  max-width: 950px;   margin: 0 auto; }   


/* s1-about-banner */
.s1-about-banner {        max-height:550px;   } 
.s1-about-banner .layer { max-height:550px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
/*.s1-about-banner .carousel-caption h2{ font-size: 12rem; line-height: 13rem;  font-weight: 200;}
.s1-about-banner .carousel-caption p{  font-size: 4rem;  line-height: 5rem;  font-weight: 100;}*/
}

/* 15.6 Laptop resolution : screen 05 */
@media only screen and (min-width: 1201px) and (max-width: 1300px) { 

.s1-header-video .carousel-caption {left: 7%; right: 7%;  bottom: 12%; }
.s1-header-video .carousel-caption h2{ font-size: 9.5rem; line-height: 10rem;  font-weight: 300; letter-spacing: -0.02em;  color: #fff; }
.s1-header-video .carousel-caption p{  font-size:25px;  line-height: 35px;  font-weight: 300; color: #fff; margin-bottom: 0;}
  

 }


/* Smaller than standard 960 (devices and browsers) : screen 06 */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {  
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px; }

.navbar-nav{  background: #000; border-radius: 25px; padding:15px; max-width: 300px;}
.navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .nav-link2 {  margin-right: 0px; }

.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}

/*.navbar-toggler { * background: #d4eb23; *} .navbar-toggler-icon{ color: #fff; }*/
 
 /* Toggler - 11 April 2026  */
.navbar-toggler {   border: none;   outline: none; }
.navbar-toggler-icon { width: 25px; height: 2px; background-color: #fff; display: block; position: relative; transition: 0.3s;}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: "";   width: 25px;   height: 2px;    background-color: #fff;   position: absolute;   left: 0;   transition: 0.3s;}
.navbar-toggler-icon::before {  top: -8px; }
.navbar-toggler-icon::after {  top: 8px; }
 
 /* s1 _Video Banner  */
.s1-header-video {        max-height: 620px; overflow:hidden;   } 
.s1-header-video video {  max-height: auto;     }
.s1-header-video .layer { max-height: 620px; }
.s1-header-video .carousel-caption { left: 7%; right: 12%;  bottom: 12%; }
.s1-header-video .carousel-caption h2{ font-size: 8.5rem; line-height: 9.5rem; }
.s1-header-video .carousel-caption p{  font-size:2.5rem;  line-height: 3.5rem;  }

}



/* Smaller than standard 960 (devices and browsers) : screen 07 */
@media only screen and (min-width: 990px) and (max-width: 1024px) {  
/*.navbar-brand img{ max-width: 205px; }*/
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px; }

.navbar-nav{  background: #000; border-radius: 25px; padding:15px; max-width: 300px;}
.navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .nav-link2 {  margin-right: 0px; }

.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}

/*.navbar-toggler { * background: #d4eb23; *} .navbar-toggler-icon{ color: #fff; }*/
 /* Toggler - 11 April 2026  */
.navbar-toggler {   border: none;   outline: none; }
.navbar-toggler-icon { width: 25px; height: 2px; background-color: #fff; display: block; position: relative; transition: 0.3s;}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: "";   width: 25px;   height: 2px;    background-color: #fff;   position: absolute;   left: 0;   transition: 0.3s;}
.navbar-toggler-icon::before {  top: -8px; }
.navbar-toggler-icon::after {  top: 8px; }
 
 /* s1 _Video Banner  */
.s1-header-video {        max-height: 620px; overflow:hidden;   } 
.s1-header-video video {  max-height: auto;     }
.s1-header-video .layer { max-height: 620px; }
.s1-header-video .carousel-caption { left: 7%; right: 12%;  bottom: 12%; }
.s1-header-video .carousel-caption h2{ font-size: 8.5rem; line-height: 9.5rem; }
.s1-header-video .carousel-caption p{  font-size:2.5rem;  line-height: 3.5rem;  }



/* s1-about */
.s1-about-banner {        height: 360px;   } 
.s1-about-banner .layer { height: 360px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 7rem; line-height: 7.5rem;}
.s1-about-banner .carousel-caption p{  font-size:1.6rem;  line-height: 2.6rem; }

/* .s2-about-brief  */
.s2-about-brief {  padding: 50px 20px 0px 20px; }

/* .s4-about-turnkey */
.s4-about-turnkey-content{ padding:4%; }
.s4-about-turnkey .content h3 { font-size: 1.8rem;  line-height: 2.6rem; letter-spacing: 0; text-transform: capitalize; min-height: 90px; }

/**/
.s6-stats {  padding: 25px 20px 5px 20px; }


/**/
.s6-about-core-values .heading {  max-width:75%; }
  
 
}


/* Tablet Portrait size to standard 990 (devices and browsers) : screen 08 */
@media only screen and (min-width: 959px) and (max-width: 990px) {
/*.navbar-brand img{ max-width: 205px; }*/
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px; }

.navbar-nav{  background: #000; border-radius: 25px; padding:15px; max-width: 300px;}
.navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .nav-link2 {  margin-right: 0px; }

.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}

/*.navbar-toggler { * background: #d4eb23; *} .navbar-toggler-icon{ color: #fff; }*/
 /* Toggler - 11 April 2026  */
.navbar-toggler {   border: none;   outline: none; }
.navbar-toggler-icon { width: 25px; height: 2px; background-color: #fff; display: block; position: relative; transition: 0.3s;}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: "";   width: 25px;   height: 2px;    background-color: #fff;   position: absolute;   left: 0;   transition: 0.3s;}
.navbar-toggler-icon::before {  top: -8px; }
.navbar-toggler-icon::after {  top: 8px; }
 
 /* s1 _Video Banner  */
.s1-header-video {        max-height: 620px; overflow:hidden;   } 
.s1-header-video video {  max-height: auto;     }
.s1-header-video .layer { max-height: 620px; }
.s1-header-video .carousel-caption { left: 7%; right: 12%;  bottom: 12%; }
.s1-header-video .carousel-caption h2{ font-size: 8.5rem; line-height: 9.5rem; }
.s1-header-video .carousel-caption p{  font-size:2.5rem;  line-height: 3.5rem;  }




/* s1-about */
.s1-about-banner {        height: 360px; } 
.s1-about-banner .layer { height: 360px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 7rem; line-height: 7.5rem;}
.s1-about-banner .carousel-caption p{  font-size:1.6rem;  line-height: 2.6rem; }

/* .s2-about-brief  */
.s2-about-brief {  padding: 50px 20px 0px 20px; }

/* .s4-about-turnkey */
.s4-about-turnkey-content{ padding:4%;  }
.s4-about-turnkey .heading {     max-width: 100%; }
.s4-about-turnkey .content  {   max-width: 100%;  padding-bottom:5px; margin-bottom:30px; min-height: auto; }
.s4-about-turnkey .content h3 { font-size: 2rem;  line-height: 2.6rem; text-transform: capitalize;   min-height: 30px; }
/**/
.s6-stats {  padding: 25px 20px 5px 20px; }

/**/
.s6-about-core-values .heading {  max-width:75%; }


}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) : screen 09 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
/*.navbar-brand img{ max-width: 205px; }*/
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px; }

.navbar-nav{  background: #000; border-radius: 25px; padding:15px; max-width: 300px;}
.navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .nav-link2 {  margin-right: 0px; }

.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}

/*.navbar-toggler { * background: #d4eb23; *} .navbar-toggler-icon{ color: #fff; }*/
 /* Toggler - 11 April 2026  */
.navbar-toggler {   border: none;   outline: none; }
.navbar-toggler-icon { width: 25px; height: 2px; background-color: #fff; display: block; position: relative; transition: 0.3s;}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: "";   width: 25px;   height: 2px;    background-color: #fff;   position: absolute;   left: 0;   transition: 0.3s;}
.navbar-toggler-icon::before {  top: -8px; }
.navbar-toggler-icon::after {  top: 8px; }
 
 /* s1 _Video Banner  */
.s1-header-video {        max-height: 450px; overflow:hidden;   } 
.s1-header-video video {  max-height: auto;     }
.s1-header-video .layer { max-height: 450px; }
.s1-header-video .carousel-caption { left: 7%; right: 12%;  bottom: 12%; }
.s1-header-video .carousel-caption h2{ font-size: 8.5rem; line-height: 9.5rem; }
.s1-header-video .carousel-caption p{  font-size:2.5rem;  line-height: 3.5rem;  }


/* s2 */
.s2-profile{ padding: 80px 20px 60px 20px; text-align: left; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);}
.s2-profile .heading h2{ font-size: 27px; line-height: 35px;  font-weight: 300; color: #323232; letter-spacing: -0.02em;   }
.s2-profile .heading  p{ font-size:  1.4rem; line-height: 22px; font-weight: 400; color: #727272;  }


/*S3*/
.s3-products .content .btn, .s3-products .content2 .btn{ margin-bottom: 35px; }

/* s4 */
.s7-team .team-card {    max-height: 250px; }


/* s1-about */
.s1-about-banner {        height: 360px;   } 
.s1-about-banner .layer { height: 360px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 7rem; line-height: 7.5rem;}
.s1-about-banner .carousel-caption p{  font-size:1.6rem;  line-height: 2.6rem; }

/* .s2-about-brief  */
.s2-about-brief {  padding: 50px 20px 0px 20px; }


/* .s4-about-turnkey */
.s4-about-turnkey-content{ padding:4%;  }
.s4-about-turnkey .heading {     max-width: 100%; }
.s4-about-turnkey .content  {   max-width: 100%;  padding-bottom:5px; margin-bottom:30px; min-height: auto; }
.s4-about-turnkey .content h3 { font-size: 2rem;  line-height: 2.6rem; text-transform: capitalize;   min-height: 30px; }

/**/ 
.s6-stats {  padding: 35px 20px 5px 35px; min-height:230px; }


/**/
.s6-about-core-values .heading {  max-width:75%; }


}
	
	
/* All Mobile Sizes (devices and browser) : screen 10 */
@media only screen and (max-width: 800px) {

/* s1-about */
.s1-about-banner {        height: 360px;   } 
.s1-about-banner .layer { height: 360px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 7rem; line-height: 7.5rem;}
.s1-about-banner .carousel-caption p{  font-size:1.6rem;  line-height: 2.6rem; }

/* .s2-about-brief  */
.s2-about-brief {  padding: 50px 20px 30px 20px; }


/* .s4-about-turnkey */
.s4-about-turnkey-content{ padding:4%;  }
.s4-about-turnkey .heading {     max-width: 100%; }
.s4-about-turnkey .content  {   max-width: 100%;  padding-bottom:5px; margin-bottom:30px; min-height: auto; }
.s4-about-turnkey .content h3 { font-size: 2rem;  line-height: 2.6rem; text-transform: capitalize;   min-height: 30px; }

/**/ 
.s6-stats {  padding: 35px 20px 5px 35px; min-height:230px; }


/**/
.s6-about-core-values { padding: 60px 20px 40px 20px; }
.s6-about-core-values .heading {  max-width:75%; }

/*  */
.s5-partner {   padding: 60px 20px 40px 20px; }
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) : screen 11 */
@media only screen and (min-width: 480px) and (max-width: 767px) {  
/*.navbar-brand img{ max-width: 205px; }*/
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px; }

.navbar-nav{  background: #000; border-radius: 25px; padding:15px; max-width: 300px;}
.navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .nav-link2 {  margin-right: 0px; }

.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}

/*.navbar-toggler { * background: #d4eb23; *} .navbar-toggler-icon{ color: #fff; }*/
 /* Toggler - 11 April 2026  */
.navbar-toggler {   border: none;   outline: none; }
.navbar-toggler-icon { width: 25px; height: 2px; background-color: #fff; display: block; position: relative; transition: 0.3s;}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: "";   width: 25px;   height: 2px;    background-color: #fff;   position: absolute;   left: 0;   transition: 0.3s;}
.navbar-toggler-icon::before {  top: -8px; }
.navbar-toggler-icon::after {  top: 8px; }
 
 /* s1 _Video Banner  */
.s1-header-video {        max-height: 270px; overflow:hidden;   } 
.s1-header-video video {  max-height: auto;     }
.s1-header-video .layer { max-height: 270px; }
.s1-header-video .carousel-caption { text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5); left: 5%; right: 27%;  bottom: 7%; }
.s1-header-video .carousel-caption h2{ font-size: 3.8rem; line-height: 4.4rem; }
.s1-header-video .carousel-caption p{  font-size: 1.8rem; line-height: 2.4rem;  }

/* s2 */
.s2-profile{ padding:   50px 15px 7px 15px; text-align: left; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);}
.s2-profile .heading h2{ font-size: 28px; line-height: 36px;  font-weight: 300; color: #323232; letter-spacing: -0.02em;   }
.s2-profile .heading  p{ font-size:  1.4rem; line-height: 22px; font-weight: 400; color: #727272;  }

.s2-profile .content { padding: 10px 0px;  text-align: left;     max-width: 590px; }

/*S3*/
.s3-products   {    padding:  0px 15px 7px 15px; text-align: left; }
.s3-products .heading { text-align:left; }
.s3-products .heading h2 {  font-size: 3.8rem;  line-height: 4.2rem; }
.s3-products .heading p {  font-size: 1.6rem;  line-height: 2.2rem; }

.s3-products .content { padding: 7px 0 0 0; }
.s3-products .content2 {padding: 7px 0 0 0; text-align: left; }

.s3-products .content h2, .s3-products .content2 h2 { font-size: 2.8rem;  line-height: 3.6rem; }
.s3-products .content .btn, .s3-products .content2 .btn{ margin-bottom: 25px; }

/* order classes */
.order-1 { order: 2; }  .order-2 { order: 1; }


/*s4*/  
.s4-industries{}
.s4-in-content {  padding:  50px 15px 7px 15px; }
.s4-in-content .heading h2 {  font-size: 3.8rem;  line-height: 4.2rem; }
.s4-in-content .heading p {  font-size: 1.6rem;  line-height: 2.2rem; }


/*s5*/
.s5-partner {  padding:  50px 15px 40px 15px;   }
.s5-partner .container{   background-color: rgba(255, 255, 255, 0.7);}
/*.s5-partner .heading{ margin-bottom:350px; }*/
.s5-partner .partner-question-mark{ margin-bottom:380px; }

/**/
.s6-stats {     padding: 40px 15px; }

/* s7 */
.s7-team {  padding:  50px 15px 7px 15px;   }
.s7-team  h2 {  font-size: 3.8rem;  line-height: 4.2rem; }
.s7-team  p {  font-size: 1.6rem;  line-height: 2.2rem; }
.s7-team .team-card {    max-height: 250px; margin-bottom:25px; }



/* s1-about */
.s1-about-banner {        height: 230px;   } 
.s1-about-banner .layer { height: 230px; }
.s1-about-banner .carousel-caption { left: 15%; right: 15%;  bottom: 7%;  }
.s1-about-banner .carousel-caption h2{ font-size: 5rem; line-height: 5.5rem;}
.s1-about-banner .carousel-caption p{  font-size:1.6rem;  line-height: 2.6rem; }

/* .s2-about-brief  */
.s2-about-brief {  padding: 50px 0px 0px 0px; }

/* .s4-about-turnkey */
.s4-about-turnkey-content{ padding:4%;  }
.s4-about-turnkey .heading {     max-width: 100%; }
.s4-about-turnkey .content  {   max-width: 100%;  padding-bottom:5px; margin-bottom:30px; min-height: auto; }
.s4-about-turnkey .content h3 { font-size: 2rem;  line-height: 2.6rem; text-transform: capitalize;   min-height: 30px; }


/*.s5-about-vision*/
.s5-about-vision {  padding: 50px 30px 15px 30px; }
.s5-about-vision .content { border-top: 0px solid #d4eb23; padding-top:0px; }
.s5-about-vision .content p { font-size: 1.4rem; color: #727272;  font-weight: 400; }

/**/
.s6-stats {  padding: 25px 20px 5px 20px; }


/**/
.s6-about-core-values { padding: 50px 20px 30px 20px; }
.s6-about-core-values .heading {  max-width:100%; }
.s6-about-core-values .core-cards h3 { min-height:40px; }

}
  


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) : screen 12 */
@media only screen and (max-width: 479px) {
.navbar-brand img{ max-width: 150px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px; }

.navbar-nav{  background: #000; border-radius: 25px; padding:15px; max-width: 300px;}
.navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .nav-link2 {  margin-right: 0px; }

.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}

/*.navbar-toggler { * background: #d4eb23; *} .navbar-toggler-icon{ color: #fff; }*/
 /* Toggler - 11 April 2026  */
.navbar-toggler {   border: none;   outline: none; }
.navbar-toggler-icon { width: 25px; height: 2px; background-color: #fff; display: block; position: relative; transition: 0.3s;}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: "";   width: 25px;   height: 2px;    background-color: #fff;   position: absolute;   left: 0;   transition: 0.3s;}
.navbar-toggler-icon::before {  top: -8px; }
.navbar-toggler-icon::after {  top: 8px; }
 
 /* s1 _Video Banner  */
.s1-header-video {        max-height: 200px; overflow:hidden;   } 
.s1-header-video video {  max-height: auto;     }
.s1-header-video .layer { max-height: 200px; }

.s1-header-video .carousel-caption { text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5); left: 5%; right: 27%;  bottom: 3%; }
.s1-header-video .carousel-caption h2{ font-size: 2.8rem; line-height: 3.4rem; }
.s1-header-video .carousel-caption p{  font-size: 1.6rem; line-height: 2.2rem;  }

/* s2 */
.s2-profile{ padding:   40px 7px 7px 7px; text-align: left; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);}
.s2-profile .heading h2{ font-size: 28px; line-height: 36px;  font-weight: 300; color: #323232; letter-spacing: -0.02em;   }
.s2-profile .heading  p{ font-size:  1.4rem; line-height: 22px; font-weight: 400; color: #727272;  }

.s2-profile .content { padding: 10px 0px;  text-align: left;     max-width: 590px; }

/*S3*/
.s3-products   {    padding:  0px 7px 7px 7px; text-align: left; }
.s3-products .heading { text-align:left; }
.s3-products .heading h2 {  font-size: 2.8rem;  line-height: 3.2rem; }
.s3-products .heading p {  font-size: 1.6rem;  line-height: 2.2rem; }

.s3-products .content { padding: 7px 0 0 0; }
.s3-products .content2 {padding: 7px 0 0 0; text-align: left; }

.s3-products .content h2, .s3-products .content2 h2 { font-size: 2.2rem;  line-height: 3rem; }
.s3-products .content .btn, .s3-products .content2 .btn{ margin-bottom: 25px; }

/* order classes */
.order-1 { order: 2; }  .order-2 { order: 1; }


/*s4*/  
.s4-industries{}
.s4-in-content {  padding:  40px 7px 7px 7px; }
.s4-in-content .heading h2 {  font-size: 2.8rem;  line-height: 3.2rem; }
.s4-in-content .heading p {  font-size: 1.6rem;  line-height: 2.2rem; }



/*.s5-partner*/

.s5-partner {  padding:  40px 7px 7px 7px;   }
.s5-partner h2 {     font-size: 42px;  line-height: 52px; margin-bottom:10px;   }
.s5-partner h2:after {  padding-bottom:10px;}

/*.s5-partner .container{   background-color: rgba(255, 255, 255, 0.7);}*/
.s5-partner .partner-question-mark{ margin-bottom:380px; }

/* .s6-stats */
.s6-stats {  padding: 35px 0px 25px 0px; }
.s6-stats h2.display-4 { font-weight:400; }






/* s7 */
.s7-team {  padding:  50px 15px 7px 15px;   }
.s7-team  h2 {  font-size: 2.8rem;  line-height: 3.2rem; }
.s7-team  p {  font-size: 1.6rem;  line-height: 2.2rem; }
.s7-team .team-card {    max-height: 200px; margin-bottom:25px; }
.s7-team .team-card__info h5 {  font-size: 12px;  line-height: 18px;   font-weight: 300;  letter-spacing: 0.1rem; }
.s7-team .team-card__info small { font-size: 12px; line-height: 18px; }

/**/
.s8-cta h2 {  font-size: 3.8rem; line-height: 4.8rem; font-weight: 300; }
.s8-cta .btn {   padding: 12px 15px; font-weight: 600; font-size: 11px;}





/* s1-about */
.s1-about-banner {        height: 150px;   } 
.s1-about-banner .layer { height: 150px; }
.s1-about-banner .carousel-caption { left: 7%; right: 7%;  bottom: 0px;  }
.s1-about-banner .carousel-caption h2{ font-size: 3.2rem; line-height: 3rem;}
.s1-about-banner .carousel-caption p{  font-size:1.4rem;  line-height: 2rem; }

/* .s2-about-brief  */
.s2-about-brief {  padding: 50px 0px 0px 0px; }
.s2-about-brief-content h2 { font-size: 3.2rem;  line-height: 4.2rem; }
.s2-about-brief-content p.s1 { font-size: 1.6rem;  line-height: 2.2rem; }


/* .s4-about-turnkey */

.s4-about-turnkey {   padding: 50px 0px 30px 0px; }
.s4-about-turnkey-content{ padding:7% 5%; }

.s4-about-turnkey .heading {    max-width: 100%; }
.s4-about-turnkey .heading h2 { font-size: 32px; line-height: 42px; }

.s4-about-turnkey .content  {   max-width: 100%;  padding-bottom:5px; margin-bottom:30px; min-height: auto; }
.s4-about-turnkey .content h3 { font-size: 2rem;  line-height: 2.6rem; text-transform: capitalize;   min-height: 30px; }


/*.s5-about-vision*/
.s5-about-vision {  padding: 50px 5px 15px 5px; }
.s5-about-vision .content { border-top: 0px solid #d4eb23; padding-top:0px; }
.s5-about-vision .content p { font-size: 1.4rem; color: #727272;  font-weight: 400; }


/*.s6-about-core-values*/
.s6-about-core-values { padding: 50px 0px 30px 0px; }
.s6-about-core-values .heading {  max-width:100%; }
.s6-about-core-values .core-cards h3 { min-height:40px; }

/* our clients */
.clients-home {     padding: 50px 10px 15px 10px; }
.clients-home .heading { text-align:left;  padding-right:25px; }

.clients-home .heading h2{ font-size:42px; line-height: 52px; font-weight:300; color:#323232; margin:10px 0; }
.clients-home .heading p{ font-size: 1.6rem; line-height:2.4rem; color: #626262; font-weight: 300;}
.clients-home .heading p.title{ font-size: 2rem; line-height:2rem;  font-weight: 600; margin: 0px; padding: 0px;}
}

/* Small devices (mobile, 360px and down) : screen 13 */
@media only screen and (max-width: 360px) {  }


/* Small devices (mobile, 320px and down) : screen 14 */
@media only screen and (max-width: 320px) {   }