@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;400;500;600;700;800&display=swap');

body{
 font-family: 'Barlow', Arial, sans-serif;
}

#cookie-banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  z-index: 1000;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 350px;
  width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
#cookie-banner p {
  margin: 0 0 15px 0;
  color: #000;
  font-size: 16px;
}
#cookie-banner .buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#cookie-banner button {
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
}
#cookie-banner button.accept { background-color: #4caf50; color: #fff; }
#cookie-banner button.reject { background-color: #f44336; color: #fff; }
#cookie-policy { text-align: center; margin-top: 10px; }
#cookie-policy a { color: #007bff; text-decoration: none; font-size: 14px; }
#cookie-policy a:hover { text-decoration: underline; }

.bold{ font-weight: bold; }

/* Navbar */
.navbar{ background: #FFF; padding-top:20px!important; padding-bottom: 20px!important; margin-bottom: 50px; }
.navbar .navbar-toggler-icon{ color:#000!important; }
.navbar .navbar-brand{ float:left; margin-left: 30px; }
.mynav{ margin-bottom: 0px; height:65px!important; }
.navbar .nav-link{ color:#000; font-weight: bold; margin:0 20px; font-size:13.5px; border-bottom: 4px solid transparent; transition:0.3s; }
.navbar .nav-link:hover, .mynav .actived{ color:#01435e; border-bottom:4px solid #01435e!important; }
.navbar .search-btn{ color:#000; text-decoration: none; margin-top:0px; display: block; padding:7px 30px!important; border:1px solid #000; margin-right: 30px; }
.navbar .custom-toggle{ background:#01435e; color:#FFF; max-width: 200px; }
.navbar .link-drop{ width:250px; margin-left:-50px; border-radius: 0; margin-top:5px!important; }
.navbar .link-drop .dropdown-item{ text-transform: uppercase; font-weight: bold; padding:7px 15px; font-size:14px; }
.navbar #arrow-icon{ float:right; margin-top:4px; }
.navbar .custom-toggle:hover, .dropdown-menu .custom-toggle:hover, .dropdown-menu .custom-toggle.active, .navbar .custom-toggle:focus, .navbar .custom-toggle.show { background-color: #01435e; color: #ffffff!important; }

/* Hero Section */
#home-main{ height: 80vh; background: url('../img/wallpaper.webp') center/cover no-repeat; padding:100px; }
#home-main #text-container{ margin-top:70px; }
#home-main #text-container .header-text{ font-size:70px; line-height: 70px; font-weight: bold; color:#FFF; }
#home-main #text-container .sub-text{ color:#FFF; margin-bottom: 30px; }
#home-main .main-btn, #home-main .white-btn{ padding:15px 40px; text-decoration: none; float:left; margin-right: 30px; }
#home-main .main-btn{ background: #01435e; color:#FFF; }
#home-main .white-btn{ background: #FFF; color:#01435e; }

/* Slideshow */
#slide-show{ padding:0; }
#slide-show .carousel-inner, #slide-show .carousel-item{ height: 80vh; background-position:center; background-repeat:no-repeat; background-size:cover; }
#slide-show .carousel-caption{ position:absolute; top:50%; left:40%; transform:translate(-50%, -60%); padding:10px; border-radius:10px; }
#slide-show .carousel-caption h1, .carousel-caption p{ color:#fff; }
#slide-show .wrapper{ background: rgba(6, 41, 56, 0.8); width:100%; height:100%; }
#slide-show .header-text{ font-size:70px; line-height:70px; font-weight:bold; text-transform:uppercase; color:#FFF; }
#slide-show .sub-text{ color:#FFF; margin-bottom:20px; font-size: 20px;}
#slide-show .main-btn, #slide-show .white-btn{ padding:15px 40px; float:left; margin-right:30px;  text-decoration: none;;}
#slide-show .main-btn{ background:#01435e; color:#FFF; }
#slide-show .white-btn{ background:#FFF; color:#01435e; }

/* Mini Contact */
#mini-contact{ background: url("../img/wallpaper-2.webp") center/cover no-repeat; padding:80px; }

/* Responsive Breakpoints */
@media (max-width: 768px) {
  #home-main{ padding:50px; }
  #home-main .header-text, #slide-show .header-text{ font-size:50px; line-height:1.2; }
  #home-main .main-btn, #home-main .white-btn, #slide-show .main-btn, #slide-show .white-btn{ display:block; width:100%; margin:10px 0; float:none; }
}
@media (max-width: 576px) {
  #cookie-banner{ bottom:10px; right:10px; max-width:90%; }
  .navbar .nav-link{ margin:0 10px; font-size:12px; }
  .navbar .navbar-brand{ margin-left:10px; }
  #home-main{ padding:20px; }
  #home-main .header-text, #slide-show .header-text{ font-size:30px; }
}

#mini-contact .header-text{
  color:#000;
  text-transform: uppercase;
  font-weight: bolder;
  font-size:50px;
}

#mini-contact .sub-text{
  color:#000;
  width:70%;
  text-align: justify;
}

#mini-contact .subbed-text{
  color:#FFF;
  width:70%;
}

#mini-contact .main-btn{
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  background: #FFF;
  color:#01435e;
  border-radius: 0px;
}

.padnon{
  padding:0px!important;
}

.manufacturing{
  background: #ebeff0;
  padding-bottom: 50px;
}

#slider .carousel-item{
  height:100px;
}

#figures-container{
  background: #01435e;
}

#figures-container #main-container{
  background-position: ;
  background-repeat:no-repeat;
  background-size: cover;
}

#figures-container #box-minor{
  padding:50px;
}

#figures-container #box-minor .par-text{
  color:#FFF;
  font-size:15px;
}

#figures-container #box-minor .header-text{
  color:#FFF;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
}

#figures-container #box-minor .sub-text{
  color:#FFF;
}

#figures-container #box-minor .main-btn{
  background: #FFF;
  padding:15px;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  color:#000;
  margin-top:20px;
  float:left;
  text-transform: uppercase;
}

#figures-container #box-major{
  min-height: 300px;
}

#figures-container #box-major #main-field{
  margin-top: 0px;
  margin-bottom: 20px;
}

#figures-container #box-major .main-hr{
  border-bottom: 3px solid #01435e;
  opacity: 1;
  width: 100%;
}

#figures-container #box-major #main-field .header-text{
  font-weight: bold;
  font-size: 45px;
  color:#FFF;
}

#figures-container .sub-text{
  color:#FFF;
  font-size:17px;
  font-family: Barlow;
  text-align: justify;
}

#search-container{
  margin-top:100px;
  margin-bottom: 100px;
}

#search-container #search-bar #search-icon{
  float:left;
  background:#01435e;
  padding:10px;
  color:#FFF;
  font-size:25px;
  border:1px solid #01435e;
}

#search-container #search-bar .search-input{
  float:left;
  padding:10px;
  border:1px solid #01435e;
  width:400px;
}

#search-container #search-bar .search-input:focus{
  border:1px solid #01435e;
  outline:none;
}

#search-container #search-results {
  margin-top:50px;
}

#search-container #search-results #search-box{
  margin-top:50px;
  background:#ebeff0;
  height: 300px;
  padding:50px;
  border-radius: 0px;
}

#search-container #search-results #search-box #icon-container{

}

#search-container #search-results #search-box #icon-container .main-icon{
  height:80px;
  width: 80px;
  border-radius: 50px;
  margin-top:10px;
}

#search-container #search-results #search-box #main-container .main-link{
  text-decoration: none;
  color:#000;
  font-size:25px;
  text-transform: uppercase;
  color:#01435e;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

#search-container #search-results #search-box #icon-container #main-icon{
  font-size: 50px;
  margin-left: 30px;
  color:#01435e;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  animation: fadeUp 0.3s ease-out;
}

.hidden {
  opacity: 0;
  display: none; /* Ensures it's not interactive */
}

#slide-image{
  height:500px;
  width:100%;
  object-fit: cover;
  margin-top:65px;
}

#home{
  margin-top:65px;
}


.bg-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height:75vh;
  padding-bottom: 200px;
  background: rgba(0, 0, 0, 0.3);
}

.bg-header-small{
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height:350px;
  background: rgba(0, 0, 0, 0.3);
}

.bg-header-left{
  padding-bottom:200px;
}



.bg-header-left .header-text{
  color:#FFF;
  font-family: Barlow;
  margin-left:100px;
  margin-top:50px;
  width:70%;
  font-size:90px;
  font-weight: 900;
}

.bg-header-left .header-btn{
  margin-left:100px;
}

.bg-header-left .master-sub{
  color: #FFF;
  font-family: Barlow;
  margin-top:10px;
  margin-bottom: 50px;
  margin-left:100px;
  font-size: 25px;
  width:40%;
}


.bg-header-sm{
  padding-bottom:0px;
}

.bg-header-sm .header-text{
  color:#FFF;
  font-family: Barlow;
  margin-left:00px;
  margin-top:290px;
  width:50%;
  font-size:30px;
  font-weight: 900;
}

.bg-header-sm .header-btn{
  margin-left:0px;
}

.bg-header-sm .master-sub{
  color: #FFF;
  font-family: Barlow;
  margin-top:0px;
  margin-bottom: 0px;
  margin-left:100px;
  font-size: 25px;
  width:40%;
}


.header-background {
  poBarlow-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;

}

.overide-texth{
  margin-left:140px!important;
  margin-top:70px!important;
}

.overide-texts{
  margin-left:140px!important;
  margin-top:170px!important;
}

.bg-header .main-btn{
  background: #FFF;
  margin-left:140px!important;
  padding:15px;
  padding-left:40px;
  padding-right: 40px;
  color:#000;
  text-decoration: none;
  border-radius: 0px;
  font-weight: bold;
  font-size: 15px;
  transition: 0.3s;
}

.bg-header .main-btn:hover{
  color:#000;
  background: rgba(255,255,255,0.6);
  transition: 0.3s;
}

#about-background{
  min-height: 70vh;
}

#about-background .wrapper{
}

#about-background #text-container{
  margin-top:auto;
  margin-bottom: auto;
  display: block;
}

#about-background .header-text{
  font-size:60px;
  font-weight: bold;
  margin-top:60px;
  color:#000;
  text-transform: uppercase;
}

#about-background .sub-text{
  color:#000;
  font-family: Barlow;
}

#about-background #text-container{
  min-height: 70vh;
  padding:50px;
  padding-top: 80px;
  background: #01435e;
}

#about-background #text-container .header-text{
  color:#FFF;
}

#about-background #text-container .sub-text{
  color:#FFF;
  text-align: justify;
}

#about-background #image-container{
  height: 70vh;
  padding:0px;
}

#about-background .main-image{
  width:100%;
  height: 100%;
  object-fit: cover;
}

#about-background #text-container .download-btn{
  text-decoration: none;
  color:#000;
  background: #FFF;
  padding:15px;
  padding-left: 15px;
  padding-right: 15px;
  float:left;
  margin-top:20px;
}

#about-background #text-container .cert-btn{
  text-decoration: none;
  color:#000;
  background: #FFF;
  padding:15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
  margin-top:20px;
}

#company-background{
  height: 70vh;
  background-image:url("../img/CSR/7.webp");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

#company-background .wrapper{
  background: rgba(4, 19, 26, 0.8);
  width: 100%;
  height: 100%;
  padding:100px;
}

#company-background #text-container{
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

#company-background .header-text{
  font-size:80px;
  font-weight: bold;
  color:#FFF;
  margin-top:50px;
  text-transform: uppercase;
}

#company-background .sub-text{
  color:rgba(255,255,255,0.9);
}

#product-background{
  height: 70vh;
  background-image:url("../img/CSR/3.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

#product-background .wrapper{
  background: rgba(4, 19, 26, 0.9);
  width: 100%;
  height: 100%;
  padding:100px;
}

#product-background #text-container{
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

#product-background .header-text{
  font-size:80px;
  font-weight: bold;
  color:#FFF;
  text-transform: uppercase;
}

#product-background .sub-text{
  color:rgba(255,255,255,0.9);
}

#product-background #text-container .download-btn{
  text-decoration: none;
  color:#000;
  background: #FFF;
  padding:15px;
  padding-left: 30px;
  padding-right: 30px;
  float:left;
  margin-right: 10px;
  margin-top:20px;
}

#product-background #text-container .cert-btn{
  text-decoration: none;
  color:#FFF;
  background: #01435e;
  padding:15px;
  padding-left: 30px;
  padding-right: 30px;
  float:left;
  margin-right: 10px;
  margin-top:20px;
}




#about{
}

#about .header-text{
  text-transform: uppercase;
  font-weight: bold;
  color:#01435e;
  margin-top:0px;
  width:60%;
  font-stretch: ultra-expanded;
  font-size:50px;
}

#about .little-text{
  font-family: Barlow;
  font-size:17px;
  text-align: justify;
}

#about .brand-product{
  width:100%;
  height:200px;
  object-fit: cover;
}

#about .icon{
  width:50px;
  height:50px;
  margin-top:20px;
}

#about .product-title{
  font-size:20px;
  font-weight: bold;
  margin-top:15px;
  color:#01435e;
}

#about .mini{
  font-family: Barlow;
  width:100%;
  font-size:15px;
  margin-top:5px;
  margin-bottom: 50px;
  text-align: justify;
}

#about .link-btn{
  color:#01435e;
}

#about .main-btn{
  padding:10px;
  padding-left: 40px;
  padding-right: 40px;
  background: #01435e;
  float:left;
  text-decoration: none;
  color:#FFF;
  margin-top:20px;
}

#solution-intro{
  background:#e6ecf0;
  color:#01435e;
  margin-top:50px;
  padding:50px;
}

#solution-intro .header-text{
  font-size:30px;
  color:#000;
  font-weight: bold;
  width:70%;
}

#solution-intro .icon{
  width:70px;
  height:70px;
  margin-top:50px;
}

#solution-intro .main-text{
  color:#000;
  font-size:23px;
  font-weight: bold;
  margin-top:30px;
  margin-bottom: 20px;
}

#solution-intro .sub-text{
  font-family: Barlow;
  font-size:15px;
  color:#737373;
  width:80%;
}

#products{
  width:100%;
  margin-top:50px;
  background-image: url("../img/csr.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color:#FFF;
  min-height: 115vh;
}

#products .wrapper-black{
padding:150px;
min-height: 115vh;
  width:100%;
  background: rgba(4, 19, 26, 0.9);
}

/* Ensure product container is relative for positioning of zoom icon */
#product .product-container {
  position: relative;
}

/* Style for all product images */
#product .product-image {
  width: 100%;
  cursor: pointer;
  transition: transform 0.3s ease; /* Smooth zoom effect on hover */
}

/* Hover zoom effect for the image */
#product .product-image:hover {
  transform: scale(1.02); /* Slight zoom-in effect for the image */
}

/* Style for the zoom icon */
#product .zoom-icon {
  position: absolute;
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Adjust for perfect centering */
  font-size: 2.5rem; /* Size of the zoom icon */
  color: rgba(255, 255, 255, 0.9); /* Slightly transparent white color */
  opacity: 0; /* Hidden by default */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth entrance */
  pointer-events: none; /* Prevent interaction with the icon */
}

/* Show the zoom icon when hovering over the product container */
#product .product-container:hover .zoom-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1); /* Slight scale effect when hovered */
}

#imageModal{
  width:100%;
}

#imageModal .modal-dialog{
  width:100%;
}

.modal #modalImage{
  width:100%;
  height: 500px;
  object-fit: cover;
}

#products-x{
  width:100%;
  margin-top:50px;
  background-image: url("../img/csr.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color:#FFF;
  min-height: 85vh;
}

#products-x .wrapper-black{
  padding:150px;
  min-height: 85vh;
  width:100%;
  background: rgba(4, 19, 26, 0.9);
}

#products-x .header-text{
  width:50%;
  font-weight: bolder;
  margin-bottom: 50px;
}

#products-x .style-button{
  background-color: #01435e;
  padding:15px;
  padding-left:40px;
  padding-right: 40px;
  text-decoration: none;
  color:#FFF;
  margin-top:100px;
  border-radius: 0px;
  transition: 0.4s;
  font-family: Barlow;
}

#products-x .style-button:hover{
  background-color:545454;
  color:#FFF;
  transition: 0.4s;
  text-decoration: none;
}

.style-button{
  background-color: #01435e;
  padding:15px;
  padding-left:40px;
  padding-right: 40px;
  text-decoration: none;
  color:#FFF;
  margin-top:100px;
  border-radius: 0px;
  transition: 0.4s;
  font-family: Barlow;
}

.style-button:hover{
  background-color:545454;
  color:#FFF;
  transition: 0.4s;
  text-decoration: none;
}

#products-x .heading-text{
  font-weight: bold;
}

.no-margining{
  margin-top:0px!important;
}

#products .header-text{
  width:50%;
  font-weight: bolder;
  margin-bottom: 50px;
}

#products .sub-text{
  font-family: Barlow;
  fony-size:15px;
}

#figures{
  background: #ebeff0;
  padding:20px;
}

#figures .figure{
  font-size:45px;
  font-weight: bold;
  color:#01435e;
}

#figures .header-text{
  font-weight: bold;
  color:#01435e;
}

#figures .sub-text{
  font-size:17px;
  font-family: Barlow;
  text-align: justify;
}

#single-product{
  padding:0px;
  padding-top:100px;
  background: #ebeff0;
  padding-bottom: 30px;
}

#single-product .main-image{
  object-fit: cover;
  width:100%;
  height: 400px;
  margin-bottom: 20px;
}

#single-product #image-container{
}

#single-product #image-container .main-image:hover{
  cursor: zoom-in;
}


#single-product #text-container{
}

#single-product #text-container .header-text{
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  color:#01435e;
  margin:0px;
}

#single-product #text-container .sub-text{
  fony-size:13px;
  text-align: justify;
  font-family: Barlow;
}

#single-product #text-container .product-icon{
  border-radius: 100%;
  width: 50px;
}

#single-product #text-container .download-btn{
  text-decoration: none;
  color:#000;
  background: #FFF;
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  float:left;
  margin-left: 7px;
  margin-top:0px;
  display: block;
  width:48.5%;
}

#single-product #text-container .cert-btn{
  text-decoration: none;
  color:#FFF;
  background: #01435e;
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  float:left;
  margin-left: 7px;
  margin-top:0px;
  display: block;
  width:48.5%;
}

#single-product #text-container .wide-btn{
  text-decoration: none;
  color:#000;
  background: transparent;
  padding:15px;
  padding-left: 30px;
  padding-right: 30px;
  float:left;
  display: block;
  width:100%;
  border:2px solid #01435e;
  transition: 0.3s;
  margin-bottom: 10px;
}

#single-product #text-container .wide-btn:hover{
  color:#FFF;
  background: #01435e;
  border:2px solid #01435e;
  transition: 0.3s;
}

#single-product #text-container #main-icon{
  float:right;
  margin-top:3px;
}

.goog-te-banner-frame {
    display: none !important;
}
body {
   top: 0px !important;
}


/* Fullscreen image */
.modal-body {
  position: ;
  overflow: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zoom-image {
  height: 100%;
  object-fit: cover;
  transition: transform 0.1s ease-out;
  transform-origin: center;
}

#image-modal .modal-content{
  background: transparent;
  padding:50px;
}

#image-modal .modal-content #modal-image{
}

#product-list{
  background: #FFF;
  padding:10px;
}

#product-list .header-text{
  font-size:50px;
  font-weight: bold;
  text-transform: uppercase;
  color:#01435e;
}

#product-list .link-btn{
  text-decoration: none;
}

#product-list .main-image{
  width: 100%;
  height: 200px;
  object-fit: cover;
}

#product-list .sub-text{
  text-align: justify;
}

#product-list .product-name{
  font-weight: bold;
  text-decoration: none;
  color:#01435e;
  font-size:17.5px;
  margin-top:10px;
  text-transform: uppercase;
}

#product-list #main-container{
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 30px;
}


.product-text{
  padding:100px;
}

.product-text .header-text{
  width:100%;
  color:#01435e;
  font-weight:;
  margin-bottom: 30px;
  margin-left:100px;
  margin-top:30px;
  font-weight:bold;
}

.product-text .download-btn{
  text-decoration: none;
  color:#FFF;
  background:#01435e;
  border-radius: 0px;
  padding:15px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15px;
}

.product-text .cert-btn{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #FFF;
  border:2px solid #01435e;
  margin-left: 20px;
  border-radius: 0px;
  text-decoration: none;
  color:#01435e;
  transition: 0.3s;
}

.product-text .cert-btn:hover{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #01435e;
  border:2px solid #01435e;
  color:#FFF;
  transition: 0.3s;
}


.product-text #main-icon{
  font-size:25px;
  margin-left: 5px;
}


.sub-headertext{
  font-size:19px;
  width:80%;
  font-weight: 400;
  margin-right:100px;
  font-family: Barlow;
}

 .boldend{
  font-weight: 600;
}

#main-head{
  margin-top:35px;
  padding:100px;
  background:#01435e;
}

#main-head .sub-link{
  color:#FFF;
}

#main-head .main-link{
  text-decoration: none;
  color:#FFF;
}

#main-head .header-text{
  color:#FFF;
  margin-top:10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size:50px;
}

#case-studies{
  padding:50px;
}

#case-studies .header-text{
  font-size:30px;
  font-weight: bold;
}

#case-container {
  margin-top:50px;
}

#case-container #image-container{
}

#case-container .main-image{
  width:100%;
  height: 300px;
  object-fit: cover;
}

#case-container #text-container{
  background: #ebeff0;
  min-height: 400px;
}

#case-container #text-container .main-text{
  font-weight: bold;
  font-size:15px;
  color:#01435e;
  margin-top:20px;
}

#case-container .mini-cards{
  background:#FFF;
  color:#01435e;
  padding:10px;
  padding-left: 20px;
  padding-right: 20px;
  float:left;
  margin-right: 15px;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bold;
}

#testimonials{
  background: #e6ecf1;

}

#testimonials .mega-text{
  width:100%;
  text-align: center;
  margin-top:0px;
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: bold;
  color:#01435e;

}

#testimonials #company-highlight{
  padding:0px;
}

#testimonials #firm-box{
  height: 30px;
  width:100%;
}

#testimonials #major-container{
  background: #e6ecf1;
  width:100%;
  background: url("../img/wallpaper-2.webp");
  background-position: center;
  background-size: cover;
}

#testimonials #field-container{
}

#testimonials #major-container .header-text{
  font-size: 22px;
  font-weight: bold;
  margin-top:10px;
}

#testimonials .main-text{
  font-size:30px;
  font-weight: bold;
}

#testimonials .sub-text{
  width: 100%;
  font-family: Barlow;
  font-size: 15px;
  text-align: justify;

}

#testimonials .main-img{
  height: 60px;
  margin-top:40px;
}

#testimonials .show-text{
  font-weight:normal;
  margin:0px;
  font-family: Barlow;
  font-size: 17.5px;
  text-align: justify;
}

#testimonials .icon-img{
  width:30px;
  margin-bottom: 10px;
  margin-top:40px;
}

#testimonials .name-text{

}

#testimonials #image-box{

}

#testimonials #image-box .main-image{
  height: 200px;
  width: 100%;
  margin-top:20px;
}

#testimonials #image-box .main-image:hover{
  cursor: zoom-in;
}

#testimonials #image-box .project-description{
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top:10px;
}

#testimonials .bold{
  font-size: 13px;
  margin-top:5px;
}

#testimonials #main-box{
  background: #ebeff0;
  min-height: 320px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top:40px;
  border-radius: 0px;
  padding-left: 30px;
}

#testimonials #main-box .main-image{
  width:100px;
  height: 100px;
  display: block;
  object-fit: cover;
  margin-top:35px;
  border-radius: 100%;
  margin-bottom: 20px;
}

#testimonials #main-box .title-text{
  font-size:20px;
  font-weight: bold;
  margin:1px;
}

#testimonials #main-box .sub-text{
  font-size:15px;
  font-weight: normal;
  margin:1px;
}

#testimonials #main-box .para-text{
  font-size:12px;
  font-weight: normal;
  margin:1px;
  margin-top:10px;
  width:80%;
}

#leadership{
  padding-bottom: 40px;
  background: #ebeff0;
}

#leadership .header-text{
  width:70%;
  font-weight: bold;
  color: #01435e;
  font-size:40px;
  margin-bottom: 0px;
}

#leadership .par-text{
  font-family: Barlow;
  margin-top: 5px;
  width:40%;
  margin-bottom: 10px;
}

#leadership #key-container{
  background: #FFF;
  padding:20px;
  border-radius: 10px;
}

#leadership #key-container .main-image{
  width:100%;
  max-height: 400px;
  object-fit: cover;
}


#leadership .title{
  width:100%;
  font-size: 20px;
  color:;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 6px;
}

#leadership .position{
  width:100%;
  font-size: 16px;
  text-transform: uppercase;
}

#leadership .description{
  text-align: justify;
  font-family: Barlow;
}

#sustain{
  background: #e6ecf1;
  padding:50px;
  padding-bottom: 0px;
}

#sustain .header-text{
  font-weight: bolder;
  text-transform: uppercase;
  font-size:35px;
  color:#01435e;
}

#sustain .sub-text{
  font-family: Barlow;
}

#sustain .main-image{
  width:50px;
  height: 50px;
}

#sustain .main-text{
  font-size:20px;
  font-weight: bold;
  margin-top:15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#sustain .para-text{
  font-family: Barlow;
  width:90%;
}

#sdg-section{
  background: #ebeff0;
  padding:100px;
  padding-top:50px;
  padding-bottom: 50px;
  margin-bottom: 0px;
}

#sdg-section .header-text{
  font-weight: bold;
  text-transform: uppercase;
  color:#01435e;
}

#sdg-section #sdg-container{
  margin-right: 40px;
}

#sdg-section #sdg-container .main-image{
  width:100%;
  margin-top:50px;
}

#sdg-section #sdg-container .main-text{
  font-size:17px;
  margin-top:20px;
  margin-bottom: 10px;
  font-weight: bold;
}

#sdg-section .sub-text{
  font-size:17px;
  font-family: Barlow;
  text-align: justify;
}

#sdg-section .par-text{
  font-size:15px;
  font-family: Barlow;
  text-align: justify;
  margin-top:10px;
}

#certifications-container{
  padding:20px;
  background: #e6ecf1;
}

#certifications-container .header-text{
  font-size:35px;
  font-weight: bold;
  color:#01435e;
}

#certifications-container .sub-text{
  font-family: Barlow;
}

#certifications-container .main-image{
  width:100%;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#certifications-container .main-image:hover{
  cursor: zoom-in;
}

#certifications-container .par-text{
  font-family: Barlow;
  margin-top: 0px;
  text-align: center;
}

#main-gallery{
  padding:50px;
  background: #FFF;
}

#main-gallery .main-text{
  font-size:40px;
  font-weight: bold;
  text-transform: uppercase;
  color:#01435e;
}

#main-gallery .csr-image{
  width:100%;
  margin-top:50px;
}

#main-gallery .header-text{
  font-size:20px;
  font-weight:bold;
  text-transform: uppercase;
  color:#01435e;
  margin-top:10px;
  margin-bottom: 50px;
}

#major-container{
  background: #e6ecf1;
  padding:50px;
}

#major-container .main-btn{
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  background: #FFF;
  border-radius: 0px;
  text-decoration: none;
  color:#01435e;
  transition: 0.3s;
  margin-top: 20px;
}

#major-container #text-container{
}

#major-container .sub-text{
  text-align: justify;
  font-family: Barlow;
  font-size: 17px;
  margin:0px;
  margin-bottom:10px;
}

#major-container #text-container .header-text{
  font-size:50px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top:10px;
  margin-bottom: 10px;
  color:#01435e;
}

#major-container #text-container .sub-header{
  margin-top:-7px;
}

#major-container #x-icon{
  font-size: 22px;
  color:#01435e;
  padding-top:15px;
  margin-right: 10px;
}

#major-container .bold{
  margin-top: 3px;
}

#major-container .icon-text{
  margin:0px;
  margin-bottom: 1px;
}

#major-container .download-btn{
  text-decoration: none;
  color:#FFF;
  background:#01435e;
  border-radius: 0px;
  padding:20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 10px;
}

#major-container .cert-btn{
  padding:20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #FFF;
  border-radius: 0px;
  text-decoration: none;
  color:#01435e;
  transition: 0.3s;
}

#major-container #text-container .sub-header{
  font-size:35px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  color:#01435e;
}

#major-container #text-container .bold{
  font-weight:bold;
}

#major-container #text-container .par-text{
  font-size:15px;
  font-weight: bold;
  letter-spacing: 1px;
  color:#000;
}

#major-container #image-container{
  overflow: hidden;
}

#major-container #image-container .main-image{
  height: 100%;
  width: 100%!important;
  object-fit: cover;
  display: block;
}

#major-container #image-container .xx{
  object-fit: contain;
}

#major-container .kin-header{
  font-size:35px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  color:#01435e;
  margin-top:100px;
}

#major-container .xs-text{
  width:70%;
  margin-bottom: 30px;
}

#related-products{
  padding:30px;
}

#related-products .header-text{
  font-size:40px;
  text-transform: uppercase;
  color:#01435e;
  font-weight: bold;
}

#related-products .no-decoration{
  text-decoration: none;
  color:inherit;
}

#related-products #main-container{
}

#related-products #main-container .main-image{
  width:100%;
  height: 300px;
  object-fit: cover;
}

#related-products #main-container .main-text{
  font-weight: bold;
  text-transform: uppercase;
  margin-top:10px;
  font-size: 20px;
  color:#01435e;
  width:100%;
}

#related-products #main-container #main-icon{
  float:right;
}

#related-products .sub-text{
  font-size:17px;
  font-family: Barlow;
  text-align: justify;
}

#product{
  margin-top:50px;
  background: #f2f2f3;
  padding:30px;
  margin-bottom: 0px;
}

#product .cert-btn{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #FFF;
  border:2px solid #01435e;
  margin-left: 20px;
  border-radius: 0px;
  text-decoration: none;
  color:#01435e;
  transition: 0.3s;
}

#product .cert-btn:hover{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #01435e;
  border:2px solid #01435e;
  color:#FFF;
  transition: 0.3s;
}

#product .product-container{
  background: #FFF;
  margin-bottom: 25px;
  margin-top:25px;
  padding-bottom: 50px;
}

#product .product-container li{
  margin-left:20px;
}

#product .product-image{
  width:100%;
  height:300px;
  object-fit: cover;
  margin:0px;
}

#product .header-text{
  width:70%;
  color:#01435e;
  font-weight: bolder;
  margin-bottom: 20px;
  margin-top:10px;
  margin-left:20px;
  font-size:30px;
}

#product .career-container .logo{
  width:160px;
  height:70px;
  float:left;
}

#product .career-container .career-title{
  float:left;
  width:60%;
  margin-top:25px;
  text-transform: uppercase;
  font-weight: bold;
}

#product .career-container{
  background: #FFF;
  margin-bottom: 25px ;
  margin-top:25px;
  padding:20px;
}

.no-limit{
  width:100%!important;
  margin-left:0px!important;
  margin-top:150px!important;
}

#product .sub-text{
  width:95%;
  margin-bottom: 30px;
  margin-top:0px;
  margin-left:20px;
  font-family: Barlow;
  font-size:15px;
}

#product .product-icon{
  width:50px;
  height:50px;
  margin-left:20px;
  margin-top:30px;
  margin-bottom: 10px;
}

#product .content-containera{
  padding:5px;
  padding-top:15px;
  padding-right: 50px;
  padding-left:50px;
  float:left;
  margin-top:20px;
  margin-bottom: 20px;
  border-radius: 30px;
  background: #b8efc3;
  margin-left:30px;
  margin-right:30px;
}

#product .content-containera h5{
  font-weight: bold;
}

#product .content-containera p{
  font-family: Barlow;
}

#product .content-containerb{
  padding:5px;
  padding-top:15px;
  padding-right: 50px;
  padding-left:50px;
  float:left;
  margin-top:20px;
  margin-bottom: 20px;
  border-radius: 30px;
  background: #b4dfed;
  margin-left:30px;
  margin-right:30px;
}

#product .content-containerb h5{
  font-weight: bold;
}

#product .content-containerb p{
  font-family: Barlow;
}


#product .content-containerc{
  padding:5px;
  padding-top:15px;
  padding-right: 50px;
  padding-left:50px;
  float:left;
  margin-top:20px;
  margin-bottom: 20px;
  border-radius: 30px;
  background: #f9caa7;
  margin-left:30px;
  margin-right:30px;
}

#product .content-containerc h5{
  font-weight: bold;
}

#product .content-containerc p{
  font-family: Barlow;
}

#product .content-containerc p{
  font-family: Barlow;
}

#product .small-text{
  width:80%;
  margin-left:30px;
  font-family: Barlow;
  font-size:17px;
}

#product span{
  font-weight: bold;
}

#company-profile .main-image{
  width:100%;
  height:450px;
  padding:20px;
  object-fit: cover;
}

#company-profile .accordion-button{
  text-transform: uppercase;
  font-weight: bold;
}

#company-profile .main-container .main-text{
  margin-top:12px;
  color:#000;
  font-weight: bold;
  font-size:17px;
}

.no-padding{
  padding:0px!important;
}

#contact-tab{
  margin-top:40px;
  padding:30px;
}

#contact-tab .text-header{
  width:50%;
  font-family: Barlow;
  color:#000;
  font-weight: bolder;
  margin-left:20px;
  font-size:30px;
}

#contact-tab .text-sub{
  width:40%;
  font-family: Barlow;
}

.icon-right{
  float:right;
  margin-right: 30px;
  margin-top:-10px;
}

#fixedpanel {
  position: fixed;
  bottom: 0px;
  right: 0px;
  background: #01435e;
  width:100%;
  height:100px;
  color:#FFF;
  margin-top: 100px;
}

#fixedpanel .main-text{
  margin-top:30px;
  font-weight: bold;
}

#fixedpanel #fixedbutton{
  text-decoration: none;
  color:#000;
  background: #FFF;
  padding:10px;
  padding-left:35px;
  padding-right:35px;
  margin-top:23px;
  border-radius: 0px;
  float:right;
  font-weight: bold;
  font-size:15px;
  margin-right: 50px;
}

#values{
  padding:20px;
}

.company-text .header-text{
  font-weight: bold;
  font-size:35px;
  color:#01435e;
}

.company-text .sub-text{
  margin-top:5px;
  font-size: 17px;
  font-family: Barlow;
}

.company-text .content-container{
  margin-top:20px;
  margin-left:10px;
  margin-right: 10px;
}

.company-text .main-text{
  font-size:16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.content-container .icon{
  width:100%;
  margin-bottom: 10px;
}

.content-container .second-text{
  font-size:15px;
  font-family: Barlow;
  text-align: justify;
}

#accordion{
  margin-bottom: 0px;
}

#accordion .card-header{
  background: transparent;
  border:0px;
}

#accordion .card{
  border:0px;
  border-bottom: 1px solid #01435e;
  border-radius: 0px;
  padding-top:30px;
  padding-bottom: 30px;
  background: transparent;
}



#accordion .card .btn-link{
  color:#000;
  text-transform: uppercase;
  font-weight: bold;
}

#accordion .card .small-text{
  margin-left:13px;
  font-family: Barlow;
}

#dark-container{
  padding:50px;
  margin-top:0px;
  background: #1d2d33;
}

#dark-container .header-text{
  color:#ccd7db;
  font-weight: bolder;

}

#dark-container .sub-text{
  color:#FFF;
  margin-top:10px;
  font-family: Barlow;
  font-size:15px;
}

#company-profile{
  padding:20px;
  background: #ebeff0;
}

#company-profile #text-container{
}

#company-profile .header{
  margin-top:0px;
  font-weight: bold;
  color: #01435e;
  text-transform: uppercase;
  font-size:40px;
}

#company-profile .low-margin{
  margin-top:30px;
  color: #01435e;
}

#company-profile .sub-text{
  width:95%;
  font-family: Barlow;
  text-align: justify;
}

#company-profile .par-text{
  width:100%;
  font-family: Barlow;
  text-align: justify;
}

#company-profile .small-text{
  text-align: justify;
  font-family: Barlow;
}

.nothing{
}

#company-profile .marginer{
  margin-bottom:10px;
}

#company-profile .margin-100{
  margin-top:35px;
}

#company-profile .second-header{
  font-weight: bold;
  font-size:23px;
}

#company-profile .special-color{
  color:#01435e;
  font-weight: bolder;
  font-size:75px;
}

#company-profile .main-image{
  padding:30px;
  margin-bottom: 20px;
}

#csr-image{
  border-radius: 100%;
  height:50px;
  width:50px;
  margin-bottom: 10px;
}

#footer{
  background: #01435e;
  color:#FFF;
  padding:50px;
  margin-bottom: 0px;
}

#footer #bg-main{

}

#footer #bg-main #social-icon{
  font-size: 25px;
  color:#FFF;
  margin-right:20px;
  margin-bottom: 15px;
}

#footer .contact-icon{
  height: 50px;
  margin-bottom: 0px;
}

#footer .sub-text{
  font-family: Barlow;
  margin-top:30px;
}

#footer .link-text{
  float:right;
}

#footer .btn-img{
  width:20px;
  height: 20px;
  border-radius: 30px;
}

#footer .slime-button{
  padding:7px;
  padding-left:50px;
  padding-right:50px;
  background: #01435e;
  border-radius: 0px;
  color:#FFF;
  font-size:10px;
  font-weight: bold;
  text-decoration: none;
}

#footer .flat-link{
  color:#FFF;
  text-decoration: underline;
}

 .map-image{
  width:90%;
  height:150px;
  object-fit: cover;
  margin-top: -50px;

}

#footer .main-text{
  font-size:15px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

#footer .sub-link{
  color:#FFF;
  display: block;
  text-decoration: none;
  font-family: Barlow;
  margin-bottom: 3px;
}

#footer .sub-link:hover{
  color:#EEE;
}

#background-blue{
  background: #ebeff0;
  padding:70px;
}

#background-white{
  background: #FFF;
  padding:10px!important;
  padding-bottom: 0px!important;
}

.blue-white{
  background: #FFF!important;
}

#find-us{
}

#find-us .form-group{
  margin:0px!important;
  padding:0px!important;
}

#find-us .header-text{
  margin-bottom: 50px;
  font-weight: bold;
  text-transform:uppercase;
  font-size:20px;
  color: #01435e;
}

#find-us .sub-texted{
  font-weight: bold;
  font-size:14px;
  margin-bottom: 15px;
  margin-top: 10px;
}

#find-us .main-btn-2{
  padding:10px;
  padding-left:35px;
  padding-right:35px;
  border:0px;
  color:#FFF;
  background: #01435e;
  font-weight: bold;
  font-size:15px;
  margin-bottom: 20px;
}

#find-us .form-control{
  margin:0px;
  border-radius: 0px;
  outline: none;
  width:100%;
  min-height:50px;
  color:#000;
}

#find-us .form-control:active{
  outline: none;
  border:0px;
}

#find-us .form-control:focus{
  outline: none;
  border:0px;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px;
    cursor: poBarlow;
    background:#FFF;
    font-size:12px;
    padding-left: 30px;
    padding-right: 30px;
    color:#000;
    border-radius: 0px;
    font-weight: bold;
}

.elite{
  background: transparent!important;
  border:0px!important;

}

#find-us #location-container{
  margin-bottom: 20px;
  background: #FFF;
  min-height:130px;
  padding:20px;
}

#location-container .header-text{
  margin:0px;
  margin-bottom: 20px;
}

#location-container .sub-text{
  font-family: Barlow;
}

#footer .social-icons{
  margin-right:15px;
}

#fixedpanel .social-icons{
  margin-right:7px;
  margin-left:7px;
  margin-top:30px;
  float:right;
  color:#FFF!important;
}

.icon-image{
  width:30px;
  height: 30px;
}

#location-container .bold{
  font-weight:bold;
}

#location-container .main-btn{
  float:left;
  display: block;
  margin-left:0px;
  margin-right: 20px;
}

#location-container .main-btn-x{
  float:left;
  display: block;
  margin-left:0px;
  margin-right: 20px;
  margin-top:-7px;
}

.main-container{
  margin-bottom:50px;
  width:100%;
  display: block;
}

.main-container #number-icon{
  height:50px;
  width:50px;
  border-radius: 100%;
  margin-top:-2px;
  margin-right: 10px;
  display: block;
}


.map{
  margin-top:-65px;
  margin-bottom: 10px;
}

#contact-location{
  padding:100px;
}

#contact-location .major-bluetxt{
  font-size: 35px;
  font-weight: bold;
  color:#01435e;
  margin-bottom: 50px;
}

#contact-location .main-text{
  font-weight: bold;
  color:#01435e;
}


/* Modal Styling */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  animation: fadeIn 0.5s ease;
}

.modal-content {
  margin: auto;
  display: block;
  max-width: 90%; /* Responsive: Ensure the image does not overflow */
  max-height: 90%; /* Adjust for small screens */
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease, transform-origin 0.3s ease;
  animation: zoomIn 0.5s ease;
  background: red;
}

.modal-content.zoomed {
  transform: scale(1.5); /* Increased zoom for interactivity */
}


#caption {
  color: #fff;
  text-align: center;
  margin: 10px auto;
  max-width: 80%; /* Responsive: Caption width limited */
  font-size: 1rem; /* Responsive font size */
}

.close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s ease;
}

.close:hover {
  color: #bbb;
}

#final-confirmation{
  padding:50px;
  background: #ebeff0;
}

#final-confirmation #major-container{
  padding:100px;
}

.details {
  display: none;
  margin-top: 10px;
}

.toggle-btn {
  cursor: pointer;
  border:0px;
  background: 0px;
  color:#01435e;
  text-decoration: underline;
  text-decoration-color: #01435e;
  margin-top:0px;
}

#checkout{
  padding:30px;
  background: #ebeff0;
}

#checkout #major-container{
  padding:10px;
}

#checkout #major-container #main-btn{
  padding:10px;
  padding-left: 50px;
  padding-right:50px;
  background: red;
  border:0px;
  color:#FFF;
  margin-top:50px;
  background: #01435e;
}

#career .card-body{
  background: #ebeff0;
  border:0px!important;
  padding:50px;
}

#career .job-title{
  display: block;
  font-size:15px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}

#career .main-btn{
  padding:10px;
  padding-left: 40px;
  padding-right: 40px;
  border:0px;
  background: #01435e;
  color:#FFF;
}

#apply .modal-body {
  position: ;
  overflow: hidden;
  height: inherit;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

/* Animations */
@keyframes fadeIn {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}



@media (max-width: 992px) {

  .navbar .link-drop{
    margin-left:10px;
  }

  .navbar .search-btn{
    margin-left: 12px;
  }

  #sdg-section{
    padding:30px;
  }

  #sustain{
    padding:20px;
  }

  #sustain #main-box{
    margin-bottom: 50px;
  }

  #major-container{
    padding:20px;
  }

  #major-container .main-image{
    margin-bottom:50px;
    height: 300px!important;
    margin-top:10px;
  }

  #major-container .sub-header{
    font-size:20px;
  }

  #major-container #text-container .sub-header{
    font-size:25px;
  }

  #contact-location{
    padding:20px;
  }

  #contact-location .main-text{
    margin-top:20px;
  }

  #home-main{
    height: 80vh;
    padding:10px;
  }

  #home-main #text-container{
    margin-top:50px;
  }

  #home-main #text-container .header-text{
    font-size:30px;
    line-height: 30px;
    margin-top:45px;
  }

  #home-main .main-btn{
    display: block;
    margin-bottom: 20px;
  }

  #home-main .white-btn{
    display: block;
    margin-bottom: 20px;
  }

  #search-container #search-icon{
    width:20%;
  }

  #search-container #search-input{
    width:100px;
  }

  #search-container #search-results #search-box{
    min-height: 550px!important;
    padding:10px;
  }

  #search-container #search-results #search-box #main-icon{
    margin-bottom: 20px;
  }

  #search-container #search-results #search-box .main-link{
    margin-top:20px;
  }

  #figures{
    padding:20px;
  }

  .navbar .custom-toggle{
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display:block;
    width:100%;
  }

  .bg-header {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height:55vh;
    padding-bottom: 200px;
    background: rgba(0, 0, 0, 0.3);
  }

  #slide-show .wrapper{
    padding:10px;
  }

  #slide-show .carousel-inner{
    height: 70vh;
  }

  #slide-show .carousel-item{
    height: 70vh;
  }

  #slide-show .sub-text{
    width:100%;
    margin-bottom: 0px;
    font-size: 15px;
  }

  #slide-show .header-text{
    line-height: normal;
    font-size:25px;
    margin-top:40px;
  }

  #slide-show .main-btn{
    padding-left: 20px;
    padding-right: 20px;
    font-size:12px;
  }

  #slide-show .white-btn{
    padding-left: 20px;
    padding-right: 20px;
    font-size:12px;
  }

  #slide-show .carousel-caption{
    top: auto;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    padding: 18px;
  }

  #mini-contact{
    padding:30px;
  }

  #mini-contact .header-text{
    font-size:30px;
  }

  #mini-contact .sub-text{
    width:100%;
  }

  #products{
    width:100%;
    margin-top:50px;
    background-image: url("../img/csr.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color:#FFF;
    min-height: 45vh;
  }

  #products .wrapper-black{
    padding:150px;
    min-height: 45vh;
    width:100%;
    background: rgba(4, 19, 26, 0.9);
  }


  #products-x{
    width:100%;
    margin-top:50px;
    background-image: url("../img/csr.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color:#FFF;
    min-height: 35vh;
  }

  #products-x .wrapper-black{
    padding:150px;
    min-height: 35vh;
    width:100%;
    background: rgba(0, 0, 0, 0.5);
  }

  #footer{
    margin-bottom: 50px;
  }

  #fixedpanel {
    min-height:120px;
  }

  #fixedpanel .main-text{
    margin-top:30px;
    font-weight: bold;
    font-size:20px;
  }

  #fixedpanel #fixedbutton{
    text-decoration: none;
    color:#000;
    background: #FFF;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    margin-top:23px;
    border-radius: 0px;
    float:left;
    font-weight: bold;
    font-size:10px;
    margin-top:5px;
  }

  #fixedpanel .social-icons{
    margin-right:7px;
    margin-left:7px;
    margin-top:0px;
    float:right;
    color:#FFF!important;
  }

  #footer .link-text{
    float:left;
  }

  #single-product{
    padding:10px;
    padding-top: 50px;
  }

  #product-background .wrapper{
    padding:10px;
    padding-top:50px;
  }

  #product-background .header-text{
    font-size:30px;
  }

  #about-background .wrapper{
    padding:10px;
    padding-top:50px;
  }

  #about-background .header-text{
    font-size:30px;
  }



  #company-background{
    height: 60vh;
  }

  #company-background .wrapper{
    padding:10px;
    padding-top:50px;
  }

  #company-background .header-text{
    font-size:30px;
  }

  #product-list{
    padding:10px;
  }

  #major-container .download-btn{
    margin-left: 0px;
    margin-right:0px;
    margin-top:15px;
  }

  #major-container .cert-btn{
    margin-left: 0px;
    margin-right:0px;
    margin-top:15px;
  }

  .product-text .download-btn{
    margin-bottom: 10px;
    float:left;
  }
  .product-text .white-btn{
    margin-top: 10px;
    float:left;
  }

  .product-text .header-text{
    margin-left: 0px;
  }

  #sdg-section #sdg-container .main-image{
    width:150px;
    height: 150px;
  }

  #sdg-section{
    margin-bottom: 0px;
  }

  #products-x .wrapper-black{
    padding:40px;
  }

  #background-blue{
    background: #ebeff0;
    padding:20px;
  }

  .bg-header-left .header-text{
    font-size:50px!important;
  }

  #products .wrapper-black{
    padding:10px;
    padding-top:100px;
  }

  .modal-content {
    max-width: 100%;
    max-height: 70%;
  }

  #caption {
    font-size: 0.8rem;
  }

  .close {
    font-size: 1.2rem;
  }

  #main-head{
    padding:50px;
  }

  #main-head .header-text{
    font-size:30px;
  }

  #sustain .header-text{
    font-size:30px;
  }

  #company-profile{
    padding:20px;
  }

  #related-products{
    padding:10px;
  }

  #major-container #text-container .header-text{
    font-size:35px;
  }


  #figures-container #main-container{
  }

  #figures-container #box-minor{
    padding:40px;
    margin:0px;
  }

  #figures-container #box-major{
    min-height:  none!important;
    min-height: 500px;
  }

  #figures-container #main-field{
    padding:10px;
  }

  #leadership{
    padding:20px;
  }

  #leadership .header-text{
    font-size: 30px;
  }

  #leadership #key-container{
    margin-bottom: 50px;
  }

  #leadership .par-text{
    width:100%;
  }


  #testimonials #image-box .main-image{
    height: 200px;
    width: 100%;
    margin-bottom: 5px;
  }

  #testimonials #image-box .project-description{
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top:0px;
  }

  #about .header-text{
    font-size: 25px;
    width:100%;
  }

  #about-background{
    min-height: 40vh;
  }

  #about-background .header-text{
    font-size:35px;
  }

  #about-background #text-container{
    height: auto;
    padding:10px;
    padding-top: 50px;
    background: #01435e;
  }

  #about-background #image-container{
    height: 40vh;
    padding:0px;
  }

  #footer{
    margin:0px;
    padding:10px;
  }

  #single-product .main-image{
    width:100%;
    height: 300px;
    object-fit: cover;
  }

  #single-product #text-container .download-btn{
    width:98.5%;
  }

  #single-product #text-container .cert-btn{
    width:98.5%;
  }

}