@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')

.homeVideoDiv {
  position: relative;
}

.homeVideoDiv video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.homeVideoDiv .video-container:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 600;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.7s;
}

.homeVideoDiv .video-container.active:before {
  opacity: 0.7;
}

.homeVideoDiv .homeLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s;
  z-index: 100;
}

.homeVideoDiv .homeLogo img {
  transition: all 0.5s;
  width: 13.9vw;
}

.homeVideoDiv .homeLogo:hover img {
  transform: scale(1.1) !important;
}

.homeVideoDiv .homeLogo.active {
  -webkit-animation: logoZoom 0.5s linear;
  animation: logoZoom 0.5s linear;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.homeVideoDiv .homeLogo.noactive {
  -webkit-animation: logoZoomOut 0.5s linear;
  animation: logoZoomOut 0.5s linear;
  transform: translate(-50%, -50%) scale(1.2);
}

@-webkit-keyframes logoZoom {
  from {
    transform: translate(-50%, -50%) scale(0.1);
  }

  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes logoZoom {
  from {
    transform: translate(-50%, -50%) scale(0.1);
  }

  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@-webkit-keyframes logoZoomOut {
  from {
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    transform: translate(-50%, -50%) scale(1.5);
  }
}

@keyframes logoZoomOut {
  from {
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    transform: translate(-50%, -50%) scale(1.5);
  }
}

.about-header {
  background-color: #0c0c0c;
  color: #fff;
  padding: 20px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transition: background-color 0.3s;
}

.logo {
  width: 60px;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}

nav ul li {
  margin-right: 30px;
  position: relative;
}

.email-address{
  text-decoration: none;
  color: #aa8543;
font-size: 18px;
padding-top: 5px;
}

.email-address a{
  text-decoration: none;
  color: #ccc;
font-size: 15px;
}

nav ul li a {
  font-size: 14px;
  text-decoration: none;
  
  color: #aa8543;
  transition: color 0.3s;
  border-bottom: 1px solid #aa8543; /* Add this line */
}

nav ul li a:hover {
  color: #fff;
  border-bottom: 1px solid transparent; /* Add this line */
}

/* Dropdown Styles */
.dropdown-content {
  width: 180px;
  display: none;
  position: absolute;
  background-color: #0c0c0c;
  padding: 18px;
  z-index: 999;
}

.dropdown-content a {
  color: #aa8543;
  text-decoration: none;
  display: block;
  padding: 10px 0;
  transition: color 0.3s;
}

.dropdown-content a:hover {
  color: #ccc;
}

/* Show Dropdown on Hover */
nav ul li:hover .dropdown-content {
  display: block;
}

@keyframes headerAnimation {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}

.shelterHeader.header {
  padding-top: 1.625rem;
}

.menuemail-address{
  font-size: 18px;
  padding-top: 5px;
}

.menuemail-address a {
  text-decoration: none;
  font-weight: 400;
  padding: 10px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}




.logo-address {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -10px;
  margin-right: 20px;
 
}

.logo-address img {
  width: 100px; /* Increase the width to your desired size */
}

.shelterHeader .nav-toggle {
  width: 43px;
  height: 35px;
  border: 3px solid #fff;
  padding: 5px 16px;
}

.shelterHeader .container-fluid {
  position: relative;
  padding: 0px 20px 0px 55px;
}

.shelterHeader .brand {
  float: left;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.shelterHeader .nav-toggle-btn {
  transition: all 0.5s;
  float: left;
}

.shelterHeader .nav-toggle-btn img {
  width: 41px;
}

.shelterHeader .nav-toggle-btn:hover {
  opacity: 0.8;
}

.shelterHeader .nav-toggle-btn:hover .stick {
  background: #fff !important;
  opacity: 0.8;
}

.shelterHeader .menu {
  left: 0px;
  transform: translateX(-100%);
  padding: 7.75rem 15px 0 55px;
  width: 20rem;
  background: rgba(0, 0, 0, 0.7098039216);
}

.shelterHeader .menu .menu-main ul .com-linkMain {
  margin-top: 25px;
}

.shelterHeader .menu .menu-main ul li.com-link-li {
  margin-bottom: 5px;
}

.shelterHeader .menu .menu-main ul li a {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.shelterHeader .menu .menu-main ul li a::before {
  content: "";
}

.shelterHeader .menu .menu-main ul li a:hover {
  color: #a6a6a6 !important;
}

.shelterHeader .menu .menu-main ul li a:hover::before {
  color: #a6a6a6 !important;
}

.heading {
  font-size: 35px;
}

.shelterHeader .menu .menu-main ul li .com-link {
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.shelterHeader .menu .menu-main ul li .com-link img {
  margin-right: 10px;
}

.shelterHeader .menu .menu-main ul li .com-link b {
  margin-right: 10px;
}

.shelterHeader .menu .menu-main ul li .com-link span {
  margin-right: 10px;
  font-weight: 300;
}

.shelterHeader .menu .menu-main ul li .com-link p {
  margin-bottom: 0px;
  font-weight: 300;
}

.shelterHeader .menu .social.download a {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.shelterHeader .menu .social.download a img {
  width: 20px;
  margin-right: 8px;
}

.shelterHeader .menu .social.download a:hover {
  color: #fff !important;
  opacity: 0.9;
}

.shelterHeader .menu .social.download a i {
  font-size: 22px;
  margin-right: 10px;
}

.shelterHeader .header-content {
  margin-left: 0;
  margin-right: 0;
  float: right;
}

.shelterHeader .lang-btn {
  margin-right: 20px;
  font-size: 18px;
}

.shelterHeader .lang-btn .dropdown-toggle {
  border: none;
  outline: none;
  color: #fff;
  background: none;
  margin-right: 20px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 1.1713030747vw;
}

.shelterHeader .lang-btn .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.2em solid transparent;
  border-bottom: 0;
  border-left: 0.2em solid transparent;
  position: absolute;
  bottom: 9px;
}

.shelterHeader .lang-btn .dropdown-menu {
  background: none;
  border: none;
  transition: all 0.5s;
}

.shelterHeader .lang-btn .dropdown-menu.show {
  transition: all 0.5s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  transform: none !important;
  left: 0px !important;
  right: auto;
  float: none;
  padding: 30px 6px;
}

.shelterHeader .lang-btn .dropdown-menu .dropdown-item {
  padding: 0;
}

.shelterHeader .lang-btn .dropdown-menu .dropdown-item:hover {
  color: unset;
  background: none;
  color: #fff;
  opacity: 0.5;
}

.shelterHeader .lang-btn .dropdown-menu .dropdown-item:focus {
  color: unset;
  background: none;
}

.shelterHeader .search-btn a {
  font-size: 1.390922vw;
  margin-right: 15px;
  line-height: 0;
  margin-bottom: -5px;
  display: block;
}

.shelterHeader.companyHeader .brand {
  float: left;
  position: relative;
  left: auto;
  transform: unset;
}

.shelterHeader.companyHeader .brand img {
  width: 80px;
}

.shelterHeader.companyHeader .nav-toggle-btn {
  float: unset;
  top: 50%;
  position: fixed;
}

.shelterHeader.companyHeader .nav-btn-company {
  transition: all 0.5s;
}

.shelterHeader.companyHeader .active-nav-btn-company {
  top: unset;
}

.shelterHeader.companyHeader .companyBrand {
  display: block;
  transition: all 0.5s;
}

.shelterHeader.companyHeader .activecompanyBrand {
  display: none;
  transition: all 0.5s;
}

.shelterHeader .header-contacts {
  padding-top: 0px;
}

.body-menu-opened .nav-toggle-btn .stick {
  background-color: #fff !important;
}

.visible-hide {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes shaZoom {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@keyframes shaZoom {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(4);
  }
}

.slidesha.active .shaAnim {
  -webkit-animation: unset;
  animation: unset;
}

.slidesha .shaAnim {
  -webkit-animation: shaZoom 0.5s ease-in-out;
  animation: shaZoom 0.5s ease-in-out;
  overflow: hidden;
}

.zoomBuild.active {
  -webkit-animation: unset;
  animation: unset;
  -moz-animation: unset;
  -o-animation: unset;
}

.zoomBuild {
  -webkit-animation: unset;
  animation: buildAnim 1.2s linear;
}

@keyframes buildAnim {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(10);
  }
}

.zoomText.active .innerZoomText {
  -webkit-animation: unset;
  animation: unset;
  -o-animation: unset;
  -moz-animation: unset;
}

.zoomText .innerZoomText {
  -webkit-animation: innerZoomText 1s ease-in;
  animation: innerZoomText 1s ease-in;
  -o-animation: innerZoomText 1s ease-in;
  -moz-animation: innerZoomText 1s ease-in;
  overflow: hidden;
}

@-webkit-keyframes innerZoomText {
  0% {
    transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -webkit-transform: translateX(0%) scale(1);
  }

  100% {
    transform: translateX(-50%) scale(5);
    -o-transform: translateX(-50%) scale(5);
    -moz-transform: translateX(-50%) scale(5);
    -webkit-transform: translateX(-50%) scale(5);
  }
}

@keyframes innerZoomText {
  0% {
    transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -webkit-transform: translateX(0%) scale(1);
  }

  100% {
    transform: translateX(-50%) scale(5);
    -o-transform: translateX(-50%) scale(5);
    -moz-transform: translateX(-50%) scale(5);
    -webkit-transform: translateX(-50%) scale(5);
  }
}

.social-rounded.cus-social {
  top: 35%;
  display: flex;
  left: 50px;
  right: auto;
  margin-right: auto;
  bottom: auto;
  flex-direction: column;
}

.social-rounded.cus-social li {
  margin-bottom: 0;
  margin-right: 0px;
  margin-bottom: 13px;
}

.social-rounded.cus-social li a {
  border-color: unset;
  border: none;
}

.social-rounded.cus-social li a:hover {
  color: unset;
  background: none;
  border-color: unset;
}

.copyright-fixed.scOpenClose {
  left: 55px;
}

.copyright-fixed.scOpenClose img {
  width: 46px;
  height: 50px;
}

.copyright-fixed.video-btn {
  bottom: 10rem;
}

.copyright-fixed.video-btn video {
  position: absolute;
  width: 250px;
  left: 4rem;
  top: -3rem;
}

@media (max-width: 1500px) {
  .copyright-fixed.video-btn {
    bottom: 15.62963vmin;
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  opacity: 0.3;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.homeMainSlide {
  background: #000000;
  position: relative;
}

.homeMainSlide .textBanner {
  padding-left: 12rem;
  position: fixed;
  z-index: 10;
  top: 32%;
  left: 28%;
}

.homeMainSlide .textBanner .barImg {
  position: absolute;
  left: 14%;
}

.homeMainSlide .textBanner .barImg img {
  height: 10vh;
  /* margin-top: 13px; */
}

.homeMainSlide .textBanner .text {
  position: relative;
}

.homeMainSlide .textBanner .text h2 {
  margin-bottom: 0px;
  font-size: 4.0263543192vw !important;
  font-weight: 600;
  line-height: 1 !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  letter-spacing: 2px;
  text-shadow: 1px 1px 3px black;
}

.homeMainSlide .textBanner .text p {
  margin-bottom: 0px;
  font-size: 2.196193265vw;
  margin-top: 5px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-shadow: 1px 1px 3px black;
}

.homeMainSlide .textBanner {
  margin-top: 0px;
}

.homeMainSlide .homeMainSlider {
  height: 100vh;
}

.homeMainSlide .homeMainSlider .swiper-slide {
  background: transparent;

}

.homeMainSlide .homeMainSlider .swiper-slide-active .textBanner {
  -webkit-animation: fadeBanner 1s linear;
  animation: fadeBanner 1s linear;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.arrow-right {
margin-top: 4%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5%;
}

.arrow-div {
  display: flex;
  align-items: center;
  padding-left: 1%;
  height: 70px;
  width: 200px;
  position: relative;
  background: white;
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%, 0% 0%);
  transition: background-color 0.3s, transform 0.3s;
}

.arrow-div:before {
  content: "";
  background: black;
  height: calc(100% - 2px);
  width: calc(100% - 3px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%, 0% 0%);
}

.arrow-div span {
  z-index: 2;
  position: relative;
}

/* Add hover effect */
.arrow-div:hover {
  background-color: #f0f0f0; /* Change background color on hover */
  transform: translateX(5px); /* Move the element slightly on hover */
}

.arrow-div:hover:before {
  background-color: #000000; /* Change border color on hover */
}

.arrow-div:hover span {
  color: #aa8543; /* Change text color on hover */
}



.arrow-rightOps {
  margin-top: 2%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5%;
  }
  
  .arrow-divOps {
    display: flex;
    align-items: center;
    margin:12px;
    padding-left: 1%;
    height: 140px;
    width: 360px;
    position: relative;
    background: white;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%, 0% 0%);
    transition: background-color 0.3s, transform 0.3s;
  }
  
  .arrow-divOps:before {
    content: "";
    background: black;
    height: calc(100% - 2px);
    width: calc(100% - 3px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%, 0% 0%);
  }
  
  .arrow-divOps span {
    width: 300px;
    z-index: 2;
    position: relative;
  }
  
  /* Add hover effect */
  .arrow-divOps:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    transform: translateX(5px); /* Move the element slightly on hover */
  }
  
  .arrow-divOps:hover:before {
    background-color: #000000; /* Change border color on hover */
  }
  
  .arrow-divOps:hover span {
    color: #aa8543; /* Change text color on hover */
  }
  

  @media (max-width: 768px) {
    .arrow-rightOps {
      gap: 2%;
    }
    
    .arrow-divOps {
      width: 100%; /* Full width for smaller screens */
      max-width: 360px; /* Limit width for larger screens */
      margin: 2% 0; /* Add some vertical spacing */
    }
  }

  .opscentral-heading {
margin-bottom: 2%;
  
  }
  
  .opscentral-heading h3{
    
    color: #aa8543;
    text-align: left;
    font-weight: 900;
    
    
  border-radius: 5px; /* Set border radius */

  }

  .aboutDivOneOps .Opssolution{
    margin-top: 2%;
    padding-top: 2%;
  }

  .aboutDivOneOps .Opssolution h3{
    letter-spacing: 0.2em;
    font-size: 18px;
    font-weight: 500;
    color: #aa8543;
    text-align: center;
  }

 .Opssolution .Opssolution-box{
  display: flex;
  margin-top: 3%;
  
  }


  .card-containerOps {
    width: 100%;
    max-width: 1000px;
    display: flex;
    gap: 20px;
  
  }
  
  .card-containerOps a {
    text-decoration: none;
  }
  
  .cardOps {
    width: 100%;
    max-width: 1000px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
    display: flex; /* Added */
   
  }
  
  .cardOps:hover {
    transform: scale(1.05);
  }
  
  .cardOps-left {
    background-color: #aa8543;
    font-size: 18px;
    color: #ccc;
    padding: 20px;
  }
  
  .cardOps-right {
    padding: 20px;
    color: black;
  }
  


    .aboutDivOneOps .Opssolution{
    margin-top: 2%;
    padding-top: 2%;
  }

  .aboutDivOneOps .Opssolution h3{
    letter-spacing: 0.2em;
    font-size: 18px;
    font-weight: 500;
    color: #aa8543;
    text-align: center;
  }

 .Opssolution .Opssolution-box{
  display: flex;
  margin-top: 3%;
  
  }


  .card-containerOps {
    width: 100%;
    max-width: 1000px;
    display: flex;
    gap: 20px;
  
  }
  
  .card-containerOps a {
    text-decoration: none;
  }
  
  .cardOps {
    width: 100%;
    max-width: 1000px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
    display: flex; /* Added */
   
  }
  
  .cardOps:hover {
    transform: scale(1.05);
  }
  
  .cardOps-left {
    background-color: #aa8543;
    font-size: 18px;
    color: #ccc;
    padding: 20px;
  }
  
  .cardOps-right {
    padding: 20px;
    color: black;
  }
  

  .aboutDivOneOps .risksolution{
    margin-top: 2%;
    padding-top: 2%;
  }

  .aboutDivOneOps .risksolution h3{
    letter-spacing: 0.2em;
    font-size: 18px;
    font-weight: 500;
    color: #aa8543;
    text-align: center;
  }

 .risksolution .risksolution-box{
  margin-top: 3%;
  }


  .card-containerrisk {
    width: 100%;
    margin-bottom: 2%;
    max-width: 100%;
    display: flex;
    gap: 20px;
  
  }
  
  .card-containerrisk a {
    text-decoration: none;
  }
  
  .cardrisk {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
    display: flex; /* Added */
   
  }
  
  .cardrisk:hover {
    transform: scale(1.05);
  }
  
  .cardrisk-left {
    width: 20%;
    background-color: #aa8543;
    font-size: 18px;
    color: #ccc;
    padding: 20px;
  }
  
  .cardrisk-right {
    width: 80%;
    padding: 20px;
    color: black;
  }
  



  
  .feature-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

.feature-table td,
.feature-table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.feature-table th:first-child,
.feature-table td:first-child {
    font-weight: bold;
    width: 30%;
}

.feature-table th:last-child,
.feature-table td:last-child {
    width: 70%;
}

/* Alternate row color */
.feature-table tr:nth-child(even) {
    background-color: #aa8543;
}

@-webkit-keyframes fadeBanner {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fadeBanner {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}

/* .homeMainSlide .homeMainSlider .slide-1 img {
  object-fit: fill;
} */

.homeMainSlide .homeMainSlider .slide-2 img {
  object-fit: fill;
}

.homeMainSlide .homeMainSlider .slide-3 img {
  object-fit: fill;
}

.homeMainSlide .homeMainSlider .slide-4 img {
  object-fit: fill;
}

.homeMainSlide .homeMainSlider .slide-5 img {
  object-fit: fill;
}

.homeMainSlide .homeMainSlider .textBanner {
  padding-left: 12rem;
}

.homeMainSlide .homeMainSlider .textBanner .text {
  position: relative;
}

.homeMainSlide .homeMainSlider .textBanner .text::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 15px;
  left: -60px;
  top: 50%;
  background: #fff;
  transform: translateY(-50%) rotate(22deg);
  -webkit-clip-path: polygon(0 6px, 100% 0%, 100% 96%, 0% 100%);
  clip-path: polygon(0 6px, 100% 0%, 100% 96%, 0% 100%);
}

.homeMainSlide .homeMainSlider .textBanner .text h2 {
  margin-bottom: 0px;
  font-size: 55px;
  font-weight: 600;
  line-height: 51px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  letter-spacing: 2px;
}

.homeMainSlide .homeMainSlider .textBanner .text p {
  margin-bottom: 0px;
  font-size: 30px;
  margin-top: 5px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.homeMainSlide .homeMainSlider .swiper-pagination {
  left: -17%;
  bottom: 30px;
}

.homeMainSlide .homeMainSlider .swiper-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  background: #a6a6a6;
  opacity: 1;
}

.homeMainSlide .homeMainSlider .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.homeSubSlide {
  position: absolute;
  bottom: 15px;
  left: 58%;
  width: 45%;
  z-index: 100;
}

.homeSubSlide .swiper-container {
  width: 100%;
}

.homeSubSlide .swiper-slide img {
  height: 180px;
}

.homeSubSlide .swiper-slide-container {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: 100%;
  max-width: 600px;
  margin: auto;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.homeSubSlide .swiper-slide {
  background: transparent;
  width: 150px !important;
}

.homeSubSlide .swiper-slide:nth-child(1) {
  margin-left: 0px !important;
}

.homeSubSlide .swiper-slide.swiper-slide-active {
  margin-left: 86px;
}

.homeSubSlide .swiper-slide .item {
  width: 100%;
}

.homeSubSlide .swiper-slide h3 {
  font-size: 20px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-weight: 100;
  margin-top: 5px;
  text-transform: uppercase;
}



.homeSubSlideOne {
position: absolute;
bottom: 0vw;
left: 65%;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
grid-auto-rows: minmax(100px, auto);
z-index: 10;
transition: all 2s;
width: 100%;
}

.expandablettitle {
background: linear-gradient(180deg, rgba(45, 45, 45, 0) 0%, #2d2d2d);
position: absolute;
inset: 0;

}

.homeSubSlideOne .item .expandablettitle:hover {
  background: none;
  position: absolute;
  inset: 0;
}

.homeSubSlideOne:hover {
left: 30%;
cursor: -webkit-grab;
cursor: grab;
}

.homeSubSlideOne .item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
max-width: 180px;
min-height: 100px;
height: 450px;
text-align: center;
overflow: hidden;
cursor: pointer;   
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
transition: max-width 0.5s ease-in-out;
}

.homeSubSlideOne:hover .item{

  align-items: center;
height: 450px;
max-width: 800px;
}

.homeSubSlideOne .item img {
margin: auto;
object-fit: cover;
transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.homeSubSlideOne .item .expandablettitle h3 {
font-size: clamp(38px, 5vw, 48px);
color: #FFF;
display: flex;
text-transform: uppercase;
white-space: nowrap;
transform: rotate(-90deg) translateX(-350px);
}

.homeSubSlideOne .item:hover {
width: 300px !important;
}

.homeSubSlideOne .item:hover img {
  
height: 300px;
}

.homeSubSlideOne .item .expandablettitle:hover h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 58px;
  font-weight: 600;
  padding-left: 0%;
  padding-bottom: 0.5em;
  transform: none;
  padding-top: 15px;
}

.card-container {
  width: 100%;
  max-width: 1000px;
  display: flex;
  gap: 20px;

}


.card-containerpro {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;

}


.card-containertran {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between cards */
  justify-content: center; /* Center cards horizontally */
}

.cardprotranApplication {
 
  border-radius: 16px;
  margin: 0 auto;
  width: 300px; /* Decreased width */
  max-width: 100%;
  height: 400px; /* Decreased height */
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  background-image: url(image/revenue-operations-concept.jpg);
  background-size:contain;


}


.cardprotranTransformation {
  border-radius: 16px;
  margin: 0 auto;
  width: 300px; /* Decreased width */
  max-width: 100%;
  height: 400px; /* Decreased height */
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  background-image: url(image/digitalization.jpg);
  background-size:contain;
}


.cardprotranDigitalization {
  border-radius: 16px;
  margin: 0 auto;
  width: 300px; /* Decreased width */
  max-width: 100%;
  height: 400px; /* Decreased height */
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  background-image: url(image/transform.jpg);
  background-size:contain;
}


.cardprotranInfra {
  border-radius: 16px;
  margin: 0 auto;
  width: 300px; /* Decreased width */
  max-width: 100%;
  height: 400px; /* Decreased height */
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  background-image: url(image/scientists.jpg);
  background-size:contain;
}

.card-imgtran {
  position: relative;
  width: 100%;
  height: 400px; /* Adjusted to match the new height of cardpro */
  background-color: #fff;
  transform: translateY(100%)
    translateY(-88px)
    translateZ(0);
  transition: transform 0.5s ease-out;
}

.card-imgtran:before {
  z-index: -1;
  display: block;
  position: absolute;
  content: ' ';
  width: 100%;
  height: 100%;
  overflow: hidden;
 
  filter: blur(10px);
  background-size: cover;
  opacity: 0.25;
  transform: translateY(-100%)
    translateY(88px)
    translateZ(0);
  transition: transform 0.5s ease-out;
}

.cardprotranApplication:hover .card-imgtran,
.cardprotranApplication:hover .card-imgtran:before {
  transform: translateY(0) translateZ(0);
}

.cardprotranTransformation:hover .card-imgtran,
.cardprotranTransformation:hover .card-imgtran:before {
  transform: translateY(0) translateZ(0);
}

.cardprotranDigitalization:hover .card-imgtran,
.cardprotranDigitalization:hover .card-imgtran:before {
  transform: translateY(0) translateZ(0);
}

.cardprotranInfra:hover .card-imgtran,
.cardprotranInfra:hover .card-imgtran:before {
  transform: translateY(0) translateZ(0);
}

.cardBodyTran {
  margin: 0;
  padding: 24px;
  font-size: 24px; /* Decreased font size for card-body */
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
}

.cardTitleTran {
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  padding: 0 18px 18px;
  font-size: 14px; /* Decreased font size for card-title */
  line-height: 1.5;
}
 

.card-container a {
  text-decoration: none;
}

.card {
  width: 100%;
  max-width: 400px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
  display: flex; /* Added */
  flex-direction: column; /* Added */
}

.card:hover {
  transform: scale(1.05);
}

.card-left {
  background-color: #aa8543;
  font-size: 18px;
  color: #ccc;
  padding: 20px;
}

.card-right {
  padding: 20px;
}

@media (max-width: 768px) {
  .card {
    max-width: calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .card {
    max-width: 100%;
  }
}



.assucontainer {
  max-width: 100%;
  margin: 20px auto;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.aasucard {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: calc(100% / 6 - 20px);
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.aasucard:hover {
  transform: translateY(-10px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.aasucard img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 15px;
}

.aasucard h5 {
  color: #333;
  margin: 10px 0;
}

.aasucard p {
  color: #666;
}

@media screen and (max-width: 1024px) {
  .aasucard {
    width: calc(100% / 3 - 20px);
  }
}

@media screen and (max-width: 768px) {
  .aasucard {
    width: calc(100% / 2 - 20px);
  }
}

@media screen and (max-width: 480px) {
  .assucontainer {
    flex-direction: column;
    align-items: center;
  }
  .aasucard {
    width: 90%;
  }
}





.mouse-scroll-icon {
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.mouse {
  width: 24px;
  height: 40px;
 
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
  animation: mouse-scroll 1s infinite;
}

.wheel {
  width: 600px;
  height: 8px;
  border-radius: 50%;
  
  animation: wheel-spin 1s infinite;
}

.wheel img {
  width: 42px;
}




.cardopsone {
  border-radius: 10px;
  filter: drop-shadow(0 5px 10px 0 #ffffff);
  margin: 20px;
  padding: 20px;
  max-width: 100%; /* Updated to 100% for responsiveness */

  background-color: #ffffff;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: 0.6s ease-in;
}

.cardopsone::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -15px;
  right: -15px;
  background: #aa8543;
  height:220px;
  width: 25px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.cardopsone:hover::before{
    transition-delay:0.2s ;

  transform: scale(180);
}

.cardopsone:hover{
    color: #ffffff;

}

.cardopsone{
  color: black;

}

.cardopsone p{

    padding: 10px 0;
}



.iconopsone-box {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  transition: all 0.3s;
}

.icondigone-box {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  transition: all 0.3s;
}

.iconopsone-box:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.icondigone-box:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.iconopsone img{
  width: 60px;
  margin-right: 20px;
}

.opsdescription {
  flex: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .iconopsone-box {
      flex-direction: column;
      align-items: flex-start;
  }

  .icondigone-box {
    flex-direction: column;
    align-items: flex-start;
}
  
  .iconopsone {
      margin-right: 0;
      margin-bottom: 10px;
  }
}

@keyframes mouse-scroll {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 0;
  }
}

@keyframes wheel-spin { 
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}




@media (min-width: 1600px) {
  .homeMainSlide .textBanner {
    margin-top: 40px;
  }

  .homeMainSlide .textBanner {
    padding-left: 16rem;
  }

  .homeSubSlideOne .item img {
    width: 100%;
    height: 500px;
  }

  .homeMainSlide .textBanner .text h2 {
    margin-bottom: 0px;
    font-size: 87px;
    font-weight: 600;
    line-height: 90px;
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
    letter-spacing: 3px;
  }

  .homeMainSlide .textBanner .text::before {
    -webkit-clip-path: polygon(0 6px, 100% 0%, 100% 98%, 0% 100%);
    clip-path: polygon(0 6px, 100% 0%, 100% 98%, 0% 100%);
  }

  .homeSubSlide .swiper-slide img {
    height: 270px;
  }

  .homeSubSlideOne .item img {
    height: 500px;
  }

  .companySection .companyDivTwo .img1 {
    top: 38%;
    left: 34.5%;
  }

  .companySection .companyDivTwo .img2 img {
    width: 395px;
  }

  .companySection .companyDivTwo .img2 {
    top: 28%;
    right: 25%;
  }
}

.companySec {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0px;
  grid-auto-rows: minmax(100px, auto);
  margin-left: -110px;
  overflow: hidden;
  background: #181818;
}

.companySec .innerCompany {
  height: 100vh;
  width: 16.7vw !important;
  position: relative;
  transform: skewX(-20deg) rotate(0deg);
  box-shadow: 1px 1px 10px #000;
  overflow: hidden;
  transition: all 0.5s;
}

.companySec .innerCompany .text {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}

.companySec .innerCompany .text img {
  width: 11vw;
}

.companySec .innerCompany .logo {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%) skewX(20deg);
  z-index: 2;
}

.companySec .innerCompany .logo img {
  width: 16.1054172767vw !important;
  height: auto !important;
}

.companySec .innerCompany:hover {
  transform: skewX(-20deg) rotate(0deg) scale(1.2);
}

.companySec .innerCompany:hover .img {
  transform: skewX(19deg) scale(1.6);
  -webkit-filter: brightness(1) grayscale(0);
  filter: brightness(1) grayscale(0);
}

.companySec .innerCompany:hover .text {
  opacity: 0;
  visibility: hidden;
}

.companySec .innerCompany:hover .logo {
  opacity: 1;
  visibility: visible;
}

.companySec .innerCompany .img {
  -webkit-filter: brightness(0.3) grayscale(1);
  filter: brightness(0.3) grayscale(1);
  z-index: 1;
  display: block;
  position: absolute;
  transform: skewX(19deg) scale(2.1);
  transition: all 0.5s;
  left: -33px;
  height: 74vh;
  width: 227%;
  bottom: 0px;
}

.companySec .innerCompany .img img {
  width: 100%;
  height: 55vh;
}

.companySec .innerCompany.construction .img {
  height: 65vh;
  left: 37px;
  width: 201%;
}

.companySec .innerCompany.construction:hover .img {
  height: 71vh;
  left: 12px;
  width: 201%;
}

.companySec .innerCompany.construction .text {
  left: 50%;
}

.companySec .innerCompany.construction .logo {
  left: 50%;
}

.companySec .innerCompany.design .img {
  left: -17vw;
  height: 74vh;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.companySec .innerCompany.development .img {
  left: -16vw;
  height: 65vh;
  width: 227%;
}

.companySec .innerCompany.development .img img {
  height: 48vh;
}

.companySec .innerCompany.development:hover .img {
  left: -16vw;
  height: 65vh;
  width: 227%;
  transform: skewX(19deg) scale(1.9);
}

.companySec .innerCompany.facility .img {
  left: -10px;
  height: 74vh;
  width: 105%;
  bottom: 0px;
}

.companySec .innerCompany.facility .img img {
  height: 55vh;
}

.companySec .innerCompany.kutsch .img {
  width: 187%;
}

.companySec .innerCompany.kutsch .logo img {
  width: 12.105417vw !important;
}

.companySec .innerCompany.shaping .text {
  left: 73%;
}

.companySec .innerCompany.shaping .logo {
  left: 72%;
}

.companySec .innerCompany.shaping .logo img {
  width: 9vw !important;
}

.companySec .innerCompany.fagades .img {
  left: -9vw;
  height: 75vh;
  width: 49vw;
  bottom: 0px;
}

.companySec .innerCompany.fagades .img img {
  width: 100%;
  height: 58vh;
}

.companySec .innerCompany.fagades .text {
  left: 25%;
}

.companySec .innerCompany.fagades:hover .img {
  height: 72vh;
}

.companySec .innerCompany.fagades .logo {
  left: 28%;
}

.companySec .innerCompany.fagades .logo img {
  width: 11vw !important;
}

.companySec .innerCompany .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(20deg);
  z-index: 2;
}

.companySec .innerCompany .text h2 {
  color: #fff;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 1.6837481698vw;
  text-transform: uppercase;
}

.companySec .innerCompany .text h2 span {
  display: block;
  -webkit-clip-path: polygon(9% 0%, 100% 0%, 100% 100%, -5% 100%);
  clip-path: polygon(9% 0%, 100% 0%, 100% 100%, -5% 100%);
}

.companySec .innerCompany .text h2 span:nth-child(2) {
  margin-left: -10px;
  -webkit-clip-path: polygon(8% 0%, 100% 0%, 100% 100%, -2% 100%);
  clip-path: polygon(8% 0%, 100% 0%, 100% 100%, -2% 100%);
}

.aboutcomprehensive {
  max-width: 1280px !important;
  
  
}

.aboutcomprehensive .title {
  text-align: left !important;
}

.aboutcomprehensive .gridtext {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
  row-gap: 2.5rem;
}

.aboutcomprehensive .gridtext p {
  text-align: justify !important;
  margin-bottom: 0px;
  margin-top: 0px !important;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: justify;
  font-size: 19px !important;
}

/*.aboutcomprehensive .gridtext p:last-child {
  margin-top: -6rem !important;
}*/

.aboutcomprehensive .gridimg {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.aboutcomprehensive .gridimg img {
  width: 100%;
}

@media (max-width: 1200px) {

  .shelterHeader .menu {
    width: 22rem;
  }

  .homeMainSlide .textBanner {
    padding-left: 10rem;
  }

  .homeSubSlideOne {
    right: -49%;
  }

  .homeMainSlide .textBanner .text h2 {
    font-size: 43px;
    line-height: 43px;
    letter-spacing: 1px;
  }
}

@media (max-width: 1200px) {
  .companySec {
    margin-left: -101px;
  }

  .companySec .innerCompany {
    width: 210px;
    transform: skewX(-15deg) rotate(0deg);
  }
}

@media (max-width: 1300px) {
  .companySec .innerCompany {
    transform: skewX(-13deg) rotate(0deg);
  }
}

@media (min-width: 1200px) {
  .homeMainSlide .textBanner {
    padding-left: 11rem;
  }

  .homeSubSlideOne {
    right: -32%;
  }
}

@media (min-width: 1300px) {
  .homeMainSlide .textBanner {
    padding-left: 12rem;
  }

  .homeSubSlideOne {
    right: -38%;
  }

  .shelterHeader .menu {
    width: 21rem;
  }
}

@media (min-width: 1400px) {
  .homeMainSlide .textBanner {
    padding-left: 12.5rem;
  }

  .homeSubSlideOne {
    right: -34%;
  }

  .companySec {
    margin-left: -125px;
  }

  .companySec .innerCompany {
    width: 240px;
  }

  .companySection .companyDivTwo .img1 {
    top: 24.5%;
    left: 34.5%;
  }
}

@media (min-width: 1600px) {
  .homeMainSlide .textBanner .text h2 .homeMainSlide .textBanner .text h2 {
    font-size: 66px;
    line-height: 66px;
  }

  .homeSubSlideOne .item {
    width: 200px !important;
  }

  .homeMainSlide .textBanner {
    padding-left: 13rem;
  }

  .homeSubSlideOne {
    right: -30%;
  }

  .companySec {
    margin-left: -135px;
  }

  .companySec .innerCompany {
    width: 280px;
  }
}

@media (min-width: 1650px) {
  .homeSubSlideOne {
    right: -25%;
  }

  .homeSubSlideOne .item {
    width: 250px !important;
  }
}

@media (min-width: 1700px) {
  .homeMainSlide .textBanner .text h2 {
    font-size: 68px;
    line-height: 68px;
    letter-spacing: 3.5px;
  }

  .homeMainSlide .textBanner {
    padding-left: 13rem;
  }

  .homeMainSlide .textBanner .text::before {
    -webkit-clip-path: polygon(0 5px, 100% 0%, 100% 97%, 0% 100%);
    clip-path: polygon(0 5px, 100% 0%, 100% 97%, 0% 100%);
  }

  .companySec {
    margin-left: -145px;
  }

  .companySec .innerCompany {
    width: 290px;
  }
}

@media (min-width: 1900px) {
  .homeMainSlide .textBanner .text h2 {
    font-size: 74px;
    line-height: 74px;
  }

  .homeMainSlide .textBanner {
    padding-left: 15rem;
  }

  .homeSubSlideOne {
    right: -20%;
  }

  .companySec {
    margin-left: -161px;
  }

  .companySec .innerCompany {
    width: 320px;
  }
}

.menu-footer {
  padding: 1.2rem 0px;
}

header ::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: transparent;
}

@media (min-width: 2000px) {
  .homeSubSlideOne {
    right: -16%;
  }
}

.companySection .shaImg {
  width: 35vw;
}

.companySection .companyDivOne {
  background: url(../image/companyPage/wood-work-bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.companySection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.companySection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.companySection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.companySection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.companySection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.companySection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.companySection .companyDivOne .text p {
  text-transform: uppercase;
}

.companySection .companyDivOne .logo-img {
  position: absolute;
  bottom: 30px;
}

.companySection .companyDivOne .logo-img img {
  width: 18.641288vw;
}

.companySection .companyDivTwo {
  padding: 12.909224vw 5.320644vw 0 11.320644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.companySection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.companySection .companyDivTwo .logo-img {
  margin-bottom: 80px;
}

.companySection .companyDivTwo .img1 {
  top: 24.5%;
  left: 36.5%;
}

.companySection .companyDivTwo .img1 img {
  width: 24.1vh !important;
}

.companySection .companyDivTwo .img2 {
  top: 13%;
  right: 19%;
}

.companySection .companyDivTwo .img2 img {
  width: 25.0366032211vw !important;
  height: 70vh;
}

.companySection .companyDivTwo .img3 {
  bottom: 5%;
  right: 0px;
}

.companySection .companyDivTwo .img3 img {
  width: 170px;
}

.companySection .companyDivTwo .text {
  margin-top: 35px;
}

.companySection .companyDivTwo .text .title {
  font-size: 111px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: capitalize;
  letter-spacing: 0.1px;
  margin-bottom: 35px;
}

.companySection .companyDivTwo .text .title span {
  display: block;
}

.companySection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 21%;
  margin-top: 6px;
}

.companySection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.2;
}

.companySection .companyDivTwo .text p.p1 {
  margin-left: 5%;
  letter-spacing: 0.4px;
}

.companySection .companyDivTwo .text p.p2 {
  margin-left: 12%;
  letter-spacing: 0.6px;
}

.companySection .companyDivThree .text {
  padding: 6.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
}

.companySection .companyDivThree .textDiv {
  padding: 0rem 16rem 1rem 2rem;
}

.companySection .companyDivThree ul {
  padding-left: 0rem;
}

.companySection .companyDivThree ul p {
  margin-bottom: 0px;
}

.companySection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.2;
  margin-bottom: 10px;
  letter-spacing: 1.2px;
  max-width: 710px;
}

.companySection .companyDivThree .subtitle h2 {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
  text-transform: unset !important;
}

.companySection .companyDivThree .list2 {
  padding-left: 3rem;
}

.companySection .companyDivThree .list3 {
  position: relative;
}

.companySection .companyDivThree .list3Div {
  position: relative;
}

.companySection .companyDivThree .list3Div .line {
  position: absolute;
  left: -22%;
  top: 0px;
}

.companySection .companyDivThree .list3Div .line img {
  height: 8.980966vw !important;
}

.companySection .companyDivThree .rightTxts {
  padding-left: 8rem;
  padding-top: 1rem;
}

.companySection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  margin-top: 0.5rem !important;
}

.companySection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.companySection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.kutschSection .shaImg {
  width: 45vw;
}

.kutschSection .companyDivOne {
  background: url(../image/companyPage/kutsch/bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.kutschSection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.kutschSection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.kutschSection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.kutschSection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.kutschSection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.kutschSection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.kutschSection .companyDivOne .text p {
  text-transform: uppercase;
}

.kutschSection .companyDivOne .logo-img {
  position: absolute;
  bottom: 30px;
}

.kutschSection .companyDivOne .logo-img img {
  width: 14.641288vw;
}

.kutschSection .companyDivTwo {
  padding: 15.909224vw 7.320644vw 0 11.320644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.kutschSection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.kutschSection .companyDivTwo .logo-img {
  margin-bottom: 0px;
  margin-top: -90px;
}

.kutschSection .companyDivTwo .img1 {
  top: 13vw;
  left: 38.5vw;
}

.kutschSection .companyDivTwo .img1 img {
  width: 11.513031vw !important;
}

.kutschSection .companyDivTwo .img2 {
  top: 9vw;
  right: 16.4vw;
}

.kutschSection .companyDivTwo .img2 img {
  width: 25.0366032211vw !important;
  height: 70vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.kutschSection .companyDivTwo .img3 {
  bottom: 0rem;
  right: 0px;
}

.kutschSection .companyDivTwo .img3 img {
  width: 13vw;
}

.kutschSection .companyDivTwo .text {
  margin-top: 38px;
}

.kutschSection .companyDivTwo .text .title {
  font-size: 111px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: capitalize;
  letter-spacing: 2px;
  margin-bottom: 35px;
  margin-top: 5vw;
}

.kutschSection .companyDivTwo .text .title span {
  display: block;
}

.kutschSection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 13%;
  margin-top: 25px;
}

.kutschSection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.1;
  max-width: 675px;
}

.kutschSection .companyDivTwo .text p.p1 {
  margin-left: 5%;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.kutschSection .companyDivTwo .text p.p2 {
  margin-left: 12%;
  margin-top: 2.5%;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.kutschSection .companyDivThree .text {
  padding: 10.980966vw 1.464129vw 1.464129vw 14.248902vw !important;
}

.kutschSection .companyDivThree .textDiv {
  padding: 0rem 16rem 1rem 2rem;
}

.kutschSection .companyDivThree ul {
  padding-left: 0rem;
}

.kutschSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.kutschSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.kutschSection .companyDivThree .subtitle h2 {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
  text-transform: unset !important;
}

.kutschSection .companyDivThree .list2 {
  padding-left: 3rem;
}

.kutschSection .companyDivThree .list3 {
  position: relative;
}

.kutschSection .companyDivThree .list3Div {
  position: relative;
  margin-left: 30%;
}

.kutschSection .companyDivThree .list3Div .line {
  position: absolute;
  left: -7vw;
  top: -11px;
}

.kutschSection .companyDivThree .list3Div .line img {
  height: 9.380966vw !important;
}

.kutschSection .companyDivThree .menu-footer {
  padding: 1.2rem 0px;
  padding-left: 26%;
}

.kutschSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  padding-top: 1vw;
}

.kutschSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.kutschSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.metaliumSection .shaImg {
  width: 45vw;
}

.metaliumSection .companyDivOne {
  background: url(../image/companyPage/metalium/bg-image.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.metaliumSection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.metaliumSection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.metaliumSection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.metaliumSection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.metaliumSection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.metaliumSection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.metaliumSection .companyDivOne .text p {
  text-transform: uppercase;
}

.metaliumSection .companyDivOne .logo-img {
  position: absolute;
  bottom: 30px;
}

.metaliumSection .companyDivOne .logo-img img {
  width: 16.641288vw;
}

.metaliumSection .companyDivTwo {
  padding: 14.909224vw 4.320644vw 0vw 11.320644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.metaliumSection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.metaliumSection .companyDivTwo .logo-img {
  margin-bottom: 5.2vw;
  margin-top: -27px;
}

.metaliumSection .companyDivTwo .img1 {
  top: 13.5vw;
  left: 38.5vw;
}

.metaliumSection .companyDivTwo .img1 img {
  width: 11.7130307467vw !important;
}

.metaliumSection .companyDivTwo .img2 {
  top: 8vw;
  right: 15vw;
}

.metaliumSection .companyDivTwo .img2 img {
  width: 27.036603vw !important;
  height: 70vh;
}

.metaliumSection .companyDivTwo .img3 {
  bottom: 0rem;
  right: 0px;
}

.metaliumSection .companyDivTwo .img3 img {
  width: 12vw;
}

.metaliumSection .companyDivTwo .text {
  margin-top: 35px;
}

.metaliumSection .companyDivTwo .text .title {
  font-size: 111px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-bottom: 35px;
}

.metaliumSection .companyDivTwo .text .title span {
  display: block;
}

.metaliumSection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 12vw;
  margin-top: 6px;
}

.metaliumSection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.1;
  max-width: 640px;
}

.metaliumSection .companyDivTwo .text p.p1 {
  margin-left: 5%;
}

.metaliumSection .companyDivTwo .text p.p2 {
  margin-left: 15%;
  margin-top: 2.4%;
}

.metaliumSection .companyDivThree .text {
  padding: 10.980966vw 1.464129vw 1.464129vw 14.248902vw !important;
}

.metaliumSection .companyDivThree .textDiv {
  padding: 0rem 16rem 1rem 2rem;
}

.metaliumSection .companyDivThree ul {
  padding-left: 0rem;
}

.metaliumSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.metaliumSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.metaliumSection .companyDivThree .subtitle h2 {
  font-size: 1vw !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
}

.metaliumSection .companyDivThree .list2 {
  padding-left: 3rem;
}

.metaliumSection .companyDivThree .list3 {
  position: relative;
}

.metaliumSection .companyDivThree .list3Div {
  position: relative;
}

.metaliumSection .companyDivThree .list3Div .line {
  position: absolute;
  left: -22%;
  top: 0px;
}

.metaliumSection .companyDivThree .list3Div .line img {
  height: 10.980966325vw !important;
}

.metaliumSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  padding-top: 5vw;
}

.metaliumSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.metaliumSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.designSection .shaImg {
  width: 45vw;
}

.designSection .companyDivOne {
  background: url(../image/companyPage/design/bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.designSection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.designSection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.designSection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.designSection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.designSection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.designSection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.designSection .companyDivOne .text p {
  text-transform: uppercase;
}

.designSection .companyDivOne .logo-img {
  position: absolute;
  bottom: 30px;
}

.designSection .companyDivOne .logo-img img {
  width: 18.641288vw;
}

.designSection .companyDivTwo {
  padding: 13.909224vw 7.320644vw 0vw 11.320644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.designSection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.designSection .companyDivTwo .logo-img {
  margin-bottom: 0px;
  margin-top: -40px;
}

.designSection .companyDivTwo .img1 {
  top: 13vw;
  left: 38.4vw;
}

.designSection .companyDivTwo .img1 img {
  width: 12vw !important;
}

.designSection .companyDivTwo .img2 {
  top: 7vw;
  right: 15.8vw;
}

.designSection .companyDivTwo .img2 img {
  width: 25.636603vw !important;
  height: 70vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.designSection .companyDivTwo .img3 {
  bottom: -3%;
  right: 0px;
}

.designSection .companyDivTwo .img3 img {
  width: 12.5vw;
}

.designSection .companyDivTwo .text {
  margin-top: 4.5vw;
}

.designSection .companyDivTwo .text .title {
  font-size: 111px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  letter-spacing: 2px;
  margin-bottom: 35px;
}

.designSection .companyDivTwo .text .title span {
  display: block;
}

.designSection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 13%;
  margin-top: 6px;
}

.designSection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.1;
  max-width: 640px;
}

.designSection .companyDivTwo .text p.p1 {
  margin-left: 5%;
  letter-spacing: 1.3px;
}

.designSection .companyDivTwo .text p.p2 {
  margin-left: 15%;
  margin-top: 30px;
  letter-spacing: 1.5px;
}

.designSection .companyDivThree .text {
  padding: 8.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
}

.designSection .companyDivThree .textDiv {
  padding: 0rem 8rem 1rem 9rem;
}

.designSection .companyDivThree ul {
  padding-left: 0rem;
}

.designSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.designSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.2;
}

.designSection .companyDivThree .subtitle h2 {
  font-size: 1vw !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
}

.designSection .companyDivThree .list2 {
  padding-left: 3rem;
}

.designSection .companyDivThree .list3 {
  position: relative;
}

.designSection .companyDivThree .list3Div {
  position: relative;
  margin-top: 6rem !important;
}

.designSection .companyDivThree .list3Div .line {
  left: -4vw;
  top: 0px;
  position: absolute;
}

.designSection .companyDivThree .list3Div .line img {
  height: 4.980966vw !important;
}

.designSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  margin-top: 5vw;
}

.designSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.designSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.developSection .shaImg {
  width: 45vw;
}

.developSection .companyDivOne {
  background: url(../image/companyPage/develop/bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.developSection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.developSection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.developSection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.developSection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.developSection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.developSection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.developSection .companyDivOne .text p {
  text-transform: uppercase;
}

.developSection .companyDivOne .logo-img {
  position: absolute;
  bottom: 30px;
}

.developSection .companyDivOne .logo-img img {
  width: 23.641288vw;
}

.developSection .companyDivTwo {
  padding: 15.509224vw 3.320644vw 0vw 10.920644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.developSection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.developSection .companyDivTwo .logo-img {
  margin-bottom: 0px;
  margin-top: -85px;
}

.developSection .companyDivTwo .img1 {
  top: 12.1vw;
  left: 38.1vw;
}

.developSection .companyDivTwo .img1 img {
  width: 12.513031vw !important;
}

.developSection .companyDivTwo .img2 {
  top: 6vw;
  right: 14.8vw;
}

.developSection .companyDivTwo .img2 img {
  width: 25.56603vw !important;
  height: 74vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.developSection .companyDivTwo .img3 {
  bottom: -4%;
  right: 0px;
}

.developSection .companyDivTwo .img3 img {
  width: 11.5vw;
}

.developSection .companyDivTwo .text {
  margin-top: 6.5vw;
}

.developSection .companyDivTwo .text .title {
  font-size: 74px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  letter-spacing: 1.7px;
  margin-bottom: 75px;
}

.developSection .companyDivTwo .text .title span {
  display: block;
}

.developSection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 10vw;
  margin-top: 6px;
}

.developSection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.1;
  max-width: 600px;
}

.developSection .companyDivTwo .text p.p1 {
  margin-left: 5%;
  margin-bottom: 40px;
}

.developSection .companyDivTwo .text p.p2 {
  margin-left: 12%;
}

.developSection .companyDivThree .text {
  padding: 10.980966vw 1.464129vw 1.464129vw 15.248902vw !important;
}

.developSection .companyDivThree .ml--10 {
  margin-left: -11%;
}

.developSection .companyDivThree .textDiv {
  padding: 0rem 16rem 1rem 2rem;
}

.developSection .companyDivThree ul {
  padding-left: 0rem;
}

.developSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.developSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  max-width: 465px;
}

.developSection .companyDivThree .subtitle h2 {
  font-size: 1vw !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
}

.developSection .companyDivThree .list2 {
  padding-left: 3rem;
}

.developSection .companyDivThree .list3 {
  position: relative;
}

.developSection .companyDivThree .list3Div {
  position: relative;
}

.developSection .companyDivThree .list3Div .line {
  left: -5vw;
  top: 0px;
  position: absolute;
}

.developSection .companyDivThree .list3Div .line img {
  height: 5.980966vw !important;
}

.developSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  margin-top: 4vw;
}

.developSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.developSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.facSection .shaImg {
  width: 45vw;
}

.facSection .companyDivOne {
  background: url(../image/companyPage/facility/Bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.facSection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.facSection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.facSection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.facSection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.facSection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.facSection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.facSection .companyDivOne .text p {
  text-transform: uppercase;
}

.facSection .companyDivOne .logo-img {
  position: absolute;
  bottom: 15px;
}

.facSection .companyDivOne .logo-img img {
  width: 23.641288vw;
}

.facSection .companyDivTwo {
  padding: 12.809224vw 7.320644vw 0 11.320644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.facSection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.facSection .companyDivTwo .logo-img {
  margin-bottom: 3vw;
}

.facSection .companyDivTwo .logo-img img {
  width: 390px;
}

.facSection .companyDivTwo .img1 {
  top: 13.6vw;
  left: 38.5vw;
}

.facSection .companyDivTwo .img1 img {
  width: 11.7130307467vw !important;
}

.facSection .companyDivTwo .img2 {
  top: 8vw;
  right: 15vw;
}

.facSection .companyDivTwo .img2 img {
  width: 26.036603vw !important;
  height: 71vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.facSection .companyDivTwo .img3 {
  bottom: -1rem;
  right: 0px;
}

.facSection .companyDivTwo .img3 img {
  width: 12vw;
}

.facSection .companyDivTwo .text {
  margin-top: 0px;
}

.facSection .companyDivTwo .text .title {
  font-size: 111px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  letter-spacing: 2px;
  margin-bottom: 35px;
}

.facSection .companyDivTwo .text .title span {
  display: block;
}

.facSection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 18vw;
  margin-top: 6px;
}

.facSection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.1;
}

.facSection .companyDivTwo .text p.p1 {
  margin-left: 5%;
  letter-spacing: 1.2px;
}

.facSection .companyDivTwo .text p.p2 {
  margin-left: 12%;
  letter-spacing: 0.9px;
}

.facSection .companyDivThree .text {
  padding: 9.980966vw 1.464129vw 0vw 14.248902vw !important;
}

.facSection .companyDivThree .textDiv {
  padding: 0rem 0rem 1rem 2rem;
}

.facSection .companyDivThree ul {
  padding-left: 0rem;
}

.facSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.facSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.2;
  letter-spacing: 1px;
}

.facSection .companyDivThree .subtitle h2 {
  font-size: 1vw !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
}

.facSection .companyDivThree .list2 {
  padding-left: 3rem;
}

.facSection .companyDivThree .list3 {
  position: relative;
}

.facSection .companyDivThree .list3Div {
  position: relative;
  margin-left: 5%;
}

.facSection .companyDivThree .list3Div .line {
  left: -7.5vw;
  top: -3px;
  position: absolute;
}

.facSection .companyDivThree .list3Div .line img {
  height: 10.980966vw !important;
}

.facSection .companyDivThree .list3Div p {
  max-width: 530px;
}

.facSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  margin-top: 7.8vw;
}

.facSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.facSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.constSection .shaImg {
  width: 45vw;
}

.constSection .companyDivOne {
  background: url(../image/companyPage/contruction/bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.constSection .companyDivOne .text .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 13.909224vw !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
}

.constSection .companyDivOne .text .title span {
  display: block;
  position: relative;
}

.constSection .companyDivOne .text .title span.clip1 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.constSection .companyDivOne .text .title span.clip2 {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, -7% 100%);
}

.constSection .companyDivOne .text .title span:nth-child(2) {
  margin-left: -70px;
}

.constSection .companyDivOne .text .title span .intext {
  position: absolute;
  font-size: 1.098097vw !important;
  right: 28px;
  bottom: 3px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.constSection .companyDivOne .text p {
  text-transform: uppercase;
}

.constSection .companyDivOne .logo-img {
  position: absolute;
  bottom: 15px;
}

.constSection .companyDivOne .logo-img img {
  width: 23.641288vw;
}

.constSection .companyDivTwo {
  padding: 16.209224vw 7.320644vw 7.320644vw 12.320644vw !important;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 10;
}

.constSection .companyDivTwo .img {
  position: absolute;
  z-index: -1;
}

.constSection .companyDivTwo .logo-img {
  margin-bottom: 0;
  margin-top: -70px;
}

.constSection .companyDivTwo .img1 {
  top: 13.7vw;
  left: 39.5vw;
}

.constSection .companyDivTwo .img1 img {
  width: 12.213031vw !important;
}

.constSection .companyDivTwo .img2 {
  top: 6vw;
  right: 15.8vw;
}

.constSection .companyDivTwo .img2 img {
  width: 24.0366032211vw !important;
}

.constSection .companyDivTwo .img3 {
  bottom: 3%;
  right: 0px;
}

.constSection .companyDivTwo .img3 img {
  width: 250px;
}

.constSection .companyDivTwo .text {
  margin-top: 3.6vw;
}

.constSection .companyDivTwo .text .title {
  font-size: 111px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  letter-spacing: 2px;
  margin-bottom: 35px;
}

.constSection .companyDivTwo .text .title span {
  display: block;
}

.constSection .companyDivTwo .text .title span:nth-child(2) {
  margin-left: 9vw;
  margin-top: 6px;
}

.constSection .companyDivTwo .text p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 20px !important;
  line-height: 1.1;
  max-width: 690px;
}

.constSection .companyDivTwo .text p.p1 {
  margin-left: 6.5%;
  letter-spacing: 1px;
}

.constSection .companyDivTwo .text p.p2 {
  margin-left: 12%;
}

.constSection .companyDivThree .text {
  padding: 8.980966vw 1.464129vw 1.464129vw 15.248902vw !important;
}

.constSection .companyDivThree .textDiv {
  padding: 0rem 0rem 1rem 2rem;
}

.constSection .companyDivThree .textDiv p {
  letter-spacing: 1px;
}

.constSection .companyDivThree ul {
  padding-left: 0rem;
}

.constSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.constSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.2;
  max-width: 696px;
}

.constSection .companyDivThree .subtitle h2 {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
  line-height: 1.3;
  text-transform: inherit;
}

.constSection .companyDivThree .list2 {
  padding-left: 3rem;
}

.constSection .companyDivThree .list3 {
  position: relative;
}

.constSection .companyDivThree .list3Div {
  position: relative;
  margin-left: 31%;
}

.constSection .companyDivThree .list3Div .line {
  left: -7vw;
  top: -0.6vw;
  position: absolute;
}

.constSection .companyDivThree .list3Div .line img {
  height: 8.980966vw !important;
}

.constSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  margin-top: 2.2vw;
}

.constSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.constSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.etSection .imgDiv img {
  width: auto;
  margin-bottom: 1vw;
}

.etSection .companyDivThree .text {
  padding: 8.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
}

.etSection .companyDivThree .textDiv {
  padding: 0rem 9vw 1vw 2vw;
}

.etSection .companyDivThree ul {
  padding-left: 0rem;
}

.etSection .companyDivThree ul p {
  margin-bottom: 0px;
}

.etSection .companyDivThree p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-align: justify;
  line-height: 1.3;
  min-width: 651px;
}

.etSection .companyDivThree .subtitle h2 {
  font-size: 1vw !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 10px;
  line-height: 1.3;
  text-transform: inherit;
}

.etSection .companyDivThree .imgDiv {
  margin-top: 100px;
}

.etSection .companyDivThree .filmModeSlider {
  padding-bottom: 70px;
  margin-top: 0vw;
}

.etSection .companyDivThree .filmModeSlider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.etSection .companyDivThree .filmModeSlider .swiper-wrapper .swiper-slide img:focus-visible {
  outline: none;
}

.awardSection .awardDivOne {
  padding: 15vw 2vw 0vw 14vw;
}

.awardSection h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 25px;
}

.awardSection p {
  font-size: 20px;
  width: 34.5vw;
  line-height: 1.3;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.awardSection .awdImg {
  margin-top: 40px;
  margin-left: -3rem;
}

.awardSection .awdImgTop {
  margin-top: 0;
  margin-left: -3rem;
}

.awardSection .item {
  text-align: center;
}

.awardSection .item img {
  width: 179px;
  margin-bottom: 1rem;
}

.awardSection .item p {
  font-size: 18px;
  width: unset;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.1;
  margin-top: 12px;
}

.fancybox-container {
  transition-duration: unset !important;
}

.gallery-slider {
  display: none;
}

.counter {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  padding: 50px 50px;
  background: url(../image/about/slie-1.jpg);
  position: relative;
  z-index: 1;
  margin: 100px 0px 0px;
}

.counter::before {
  content: "";
  background: rgba(0, 0, 0, 0.5490196078);
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
}

.counter .item {
  text-align: center;
  width: 100%;
}

.counter .item .number {
  margin-bottom: 10px;
  font-size: 35px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.counter .item p {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 20px;
}

.maskImage {
  position: absolute !important;
  opacity: 0.2 !important;
  display: none !important;
  visibility: hidden !important;
}

.aboutSection {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivOne {
  padding: 12rem 0rem 0 0rem;
  max-width: 1152px;
  margin: auto;
}

.aboutSection .aboutDivOneOps {
  padding: 13rem 0rem 0 0rem;
  max-width: 1152px;
  margin: auto;
}

.aboutSection .aboutDivOneOps .title {
  font-size: 19px !important;
  text-align: center;
  margin-bottom: 23px;
  letter-spacing: 2px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivOneOps .h2Title {
  margin-bottom: 60px;
}

.aboutSection .aboutDivOneOps p {
  margin-top: 10px;
  
  font-size: 15px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.3;
}



.aboutSection .aboutDivOne .title {
  font-size: 19px !important;
  text-align: center;
  margin-bottom: 23px;
  letter-spacing: 2px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivOne .h2Title {
  margin-bottom: 60px;
}

.aboutSection .aboutDivOne p {
  margin-top: 10px;
  text-align: center;
  font-size: 15px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.3;
}

.aboutSection .aboutDivOnetran{
  padding: 14rem 0rem 0 0rem;
  max-width: 100%;
  margin: auto;
}

.aboutSection .aboutDivOnetran .title {
  font-size: 19px !important;
  text-align: center;
  margin-bottom: 23px;
  letter-spacing: 2px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivOnetran .h2Title {
  margin-bottom: 60px;
}

.aboutSection .aboutDivOnetran p {
  margin-top: 10px;
  text-align: center;
  font-size: 15px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.3;
}

.aboutSection .aboutDivTwo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aboutSection .aboutDivTwo .left {
  width: 33%;
  position: relative;
}

.aboutSection .aboutDivTwo .left img {
  height: 100vh;
  width: 100%;
  position: relative;
}

.aboutSection .aboutDivTwo .center {
  width: 45%;
  padding: 0px 52px;
  margin-left: 40px;
}

.aboutSection .aboutDivTwo .center .textDiv {
  margin-top: 140px;
}

.aboutSection .aboutDivTwo .center .text {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-align: justify;
  line-height: 1.1;
}

.aboutSection .aboutDivTwo .center .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  font-size: 27px !important;
  margin-bottom: 50px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 2px;
}

.aboutSection .aboutDivTwo .right {
  width: 19%;
  position: relative;
}

.aboutSection .aboutDivTwo .right img {
  position: relative;
  width: 90%;
  margin-top: 27rem;
  float: right;
}

.aboutSection .aboutDivThree {
  position: relative;
  display: flex;
  height: 100%;
}

.aboutSection .aboutDivThree .left {
  width: 16%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-top: 0%;
}

.aboutSection .aboutDivThree .left img {
  width: 92%;
}

.aboutSection .aboutDivThree .center {
  width: 50%;
  padding: 0px 0px;
}

.aboutSection .aboutDivThree .center .textDiv {
  margin-top: 17rem;
}

.aboutSection .aboutDivThree .center .text {
  font-size: 1rem;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-align: justify;
  line-height: 1.1;
}

.aboutSection .aboutDivThree .center .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  font-size: 29px !important;
  margin-bottom: 7px;
  line-height: 1;
}

.aboutSection .aboutDivThree .center .text-1 {
  margin-right: 20rem;
  font-size: 20px !important;
}

.aboutSection .aboutDivThree .center .text-2 {
  margin-left: 13rem;
  margin-right: 7rem;
  font-size: 20px !important;
}

.aboutSection .aboutDivThree .center .list3Div {
  position: relative;
  margin-left: 50%;
  margin-top: 5rem;
}

.aboutSection .aboutDivThree .center .list3Div .line {
  position: absolute;
  left: -10.1rem;
  top: -5px;
}

.aboutSection .aboutDivThree .center .list3Div .line img {
  height: 11vw !important;
}

.aboutSection .aboutDivThree .center .list3Div ul {
  padding-left: 0px;
}

.aboutSection .aboutDivThree .center .list3Div ul li p {
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  margin-bottom: 1px;
  line-height: 1;
}

.aboutSection .aboutDivThree .right {
  width: 34%;
  position: relative;
  height: 100%;
}

.aboutSection .aboutDivThree .right img {
  height: 100vh;
  width: 100%;
}

.aboutSection .aboutDivFour {
  position: relative;
  display: flex;
  height: 100%;
}

.aboutSection .aboutDivFour .left {
  width: 32%;
  height: 100%;
  display: flex;
  position: relative;
}

.aboutSection .aboutDivFour .left img {
  width: 100%;
}

.aboutSection .aboutDivFour .center {
  width: 50%;
  padding: 0px 0px;
}

.aboutSection .aboutDivFour .center .textDiv {
  margin-top: -3rem;
  padding: 40px;
  padding-top: 0px;
  padding-left: 4rem;
}

.aboutSection .aboutDivFour .center .text {
  font-size: 1rem;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-align: justify;
  line-height: 1.3;
}

.aboutSection .aboutDivFour .center .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  font-size: 29px !important;
  margin-bottom: 25px;
  line-height: 1;
}

.aboutSection .aboutDivFour .center .text-1 {
  margin-right: 12rem;
  font-size: 20px !important;
  max-width: 595px;
  text-align: left;
}

.aboutSection .aboutDivFour .center .text-2 {
  margin-left: 8rem;
  margin-right: 5rem;
  font-size: 20px !important;
  max-width: 600px;
  text-align: left;
}

.aboutSection .aboutDivFour .right {
  width: 18%;
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-bottom: 2.5rem;
}

.aboutSection .aboutDivFour .right img {
  position: relative;
  width: 100%;
  margin-top: 0rem;
}

.aboutSection .aboutDivFour .skyImg {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.aboutSection .aboutDivFour .skyImg img {
  width: 43vw;
}

.aboutSection .aboutDivFive {
  background: url(../image/about/slide-5.png) #000;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.aboutSection .aboutDivFive .aboutFiveDiv {
  display: flex;
  justify-content: end;
  height: 100%;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center {
  width: 48%;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv {
  padding-top: 10rem;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .topline,
.aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline {
  font-size: 29px !important;
  margin-bottom: 0px;
  font-size: 29px;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline {
  margin-left: 17rem;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .year {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 151px !important;
  margin-left: 9rem;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .year span {
  font-size: 70%;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .year span small {
  margin-left: -35px;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .text {
  font-size: 14px !important;
  line-height: 1.2;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .text-1 {
  margin-left: 9rem;
  margin-right: 10rem;
  margin-top: 2rem;
}

.aboutSection .aboutDivFive .aboutFiveDiv .center .text-2 {
  margin-left: 17rem;
  margin-right: 2rem;
}

.aboutSection .aboutDivSix {
  background: url(../image/about/slide-6.png) #000;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.aboutSection .aboutDivSix .aboutDivSixDiv {
  display: flex;
  justify-content: end;
  height: 100%;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center {
  width: 52%;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv {
  padding-top: 10rem;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .topline,
.aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline {
  font-size: 29px !important;
  margin-bottom: 0px;
  font-size: 29px;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline {
  margin-left: 19rem;
  margin-bottom: 3rem;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .year {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 151px !important;
  margin-left: 9rem;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .year span {
  font-size: 70%;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .year span small {
  margin-left: -35px;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .text {
  font-size: 14px !important;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .text-1 {
  margin-bottom: 2rem;
}

.aboutSection .aboutDivSix .aboutDivSixDiv .center .text-2 {
  margin-left: 24rem;
  margin-bottom: 2rem;
}

.aboutSection .aboutDivSeven {
  background: url(../image/about/slide-7.png) #000;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.aboutSection .aboutDivSeven .aboutSevenDiv {
  display: flex;
  justify-content: end;
  height: 100%;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center {
  width: 52%;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv {
  padding-top: 10rem;
  padding-left: 12rem;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .topline,
.aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline {
  font-size: 29px !important;
  margin-bottom: 0px;
  font-size: 29px;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline {
  margin-left: 19rem;
  margin-bottom: 3rem;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .year {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 151px !important;
  margin-left: 9rem;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .year span {
  font-size: 70%;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .year span small {
  margin-left: -35px;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .text {
  font-size: 14px !important;
  line-height: 1.3;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .text-1 {
  margin-bottom: 2rem;
  padding-left: 9rem;
}

.aboutSection .aboutDivSeven .aboutSevenDiv .center .text-2 {
  margin-left: 16rem;
  padding-bottom: 3rem;
}

.aboutSection .aboutDivEight {
  background: url(../image/about/slide-8.png) #000;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.aboutSection .aboutDivEight .aboutSevenDiv {
  display: flex;
  justify-content: end;
  height: 100%;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center {
  width: 50%;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv {
  padding-top: 11rem;
  padding-left: 7rem;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .topline,
.aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline {
  font-size: 29px !important;
  margin-bottom: 0px;
  font-size: 29px;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline {
  margin-left: 19rem;
  margin-bottom: 3rem;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .year {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 151px !important;
  margin-left: 9rem;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .year span {
  font-size: 70%;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .year span small {
  margin-left: -35px;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .text {
  font-size: 14px !important;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .text-1 {
  margin-bottom: 2rem;
  padding-left: 0;
}

.aboutSection .aboutDivEight .aboutSevenDiv .center .text-2 {
  margin-left: 16rem;
  padding-bottom: 3rem;
}

.aboutSection .aboutDivNine {
  background: url(../image/about/slide-9.png) #000;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.aboutSection .aboutDivNine .aboutSevenDiv {
  display: flex;
  justify-content: end;
  height: 100%;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center {
  width: 48%;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv {
  padding-top: 15rem;
  padding-left: 0rem;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .topline,
.aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline {
  font-size: 29px !important;
  margin-bottom: 0px;
  font-size: 29px;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline {
  margin-left: 19rem;
  margin-bottom: 3rem;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .year {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 151px !important;
  margin-left: 9rem;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .year span {
  font-size: 70%;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .year span small {
  margin-left: -35px;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .text {
  font-size: 14px !important;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .text-1 {
  margin-bottom: 2rem;
  padding-left: 0rem;
}

.aboutSection .aboutDivNine .aboutSevenDiv .center .text-2 {
  margin-left: 16rem;
  padding-bottom: 3rem;
}

.aboutSection .aboutDivTen {
  background: url(../image/about/slide-10.png) #000;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 5%;
}

.aboutSection .aboutDivTen .aboutSevenDiv {
  display: flex;
  justify-content: end;
  height: 100%;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center {
  width: 52%;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .textDiv {
  padding-top: 13rem;
  padding-left: 7rem;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .topline,
.aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
  font-size: 29px !important;
  margin-bottom: 0px;
  font-size: 29px;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
  margin-left: 20.5rem;
  margin-bottom: 3rem;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .year {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 151px !important;
  margin-left: 9rem;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .year span {
  font-size: 70%;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .year span small {
  margin-left: -35px;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .text {
  font-size: 14px !important;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .text-1 {
  margin-bottom: 2rem;
}

.aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
  margin-left: 19rem;
  padding-bottom: 3rem;
}

.susSection {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.susSection .susDivOne {
  padding: 15rem 24rem 0 21rem;
}

.susSection .susDivOne .title {
  font-size: 29px !important;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 2px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.susSection .susDivOne p {
  margin-top: 10px;
  text-align: center;
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.3;
}

.susSection .img {
  margin-top: 5.4rem;
}

.susSection .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 21.2rem;
}

.susSection .susDivTwo {
  position: relative;
  height: 100%;
  display: flex;
}

.susSection .susDivTwo .center {
  padding: 0px 0px;
  margin-top: 5vw;
}

.susSection .susDivTwo .center .textDiv {
  margin-top: 45px;
}

.susSection .susDivTwo .center .text {
  font-size: 1rem;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-align: justify;
}

.susSection .susDivTwo .center .title {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  text-transform: unset;
  font-size: 2.196193vw !important;
  margin-bottom: 25px;
  line-height: 1;
}

.susSection .susDivTwo .center .text {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  line-height: 1.3;
}

.susSection .susDivTwo .center .text-1 {
  margin-left: 15.320644vw;
  font-size: 20px !important;
}

.susSection .susDivTwo .center .text-2 {
  margin-left: 22.739385vw;
  font-size: 20px !important;
}

.susSection .susDivTwo .rightImg {
  height: 100%;
}

.susSection .susDivTwo .rightImg .imgOption {
  position: absolute;
}

.susSection .susDivTwo .rightImg .imgOne {
  top: 3vw;
  left: 47vw;
}

.susSection .susDivTwo .rightImg .imgOne img {
  width: 16vw;
}

.susSection .susDivTwo .rightImg .imgTwo {
  top: 6vw;
  left: 65.5vw;
}

.susSection .susDivTwo .rightImg .imgTwo img {
  width: 16vw;
  height: 27vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.susSection .susDivTwo .rightImg .imgThree {
  top: 18vw;
  left: 84vw;
}

.susSection .susDivTwo .rightImg .imgThree img {
  width: 10vw;
  height: 10vw;
}

.susSection .susDivTwo .rightImg .imgFour {
  top: 35vw;
  left: 61vw;
}

.susSection .susDivTwo .rightImg .imgFour img {
  width: 18vw;
  height: 30.5vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.susSection .susDivTwo .rightImg .imgFive {
  top: 30vw;
  left: 84vw;
  right: 0%;
}

.susSection .susDivTwo .rightImg .imgFive img {
  width: 100%;
  height: 40.5vh;
}

.conSection .form {
  background: #fff;
  border-radius: 5px;
  width: 25vw;
  padding: 30px;
  position: absolute;
  top: 4vw;
  right: 6vw;
}

.conSection .form .head {
  margin-bottom: 5vw;
}

.conSection .form .head h4 {
  text-transform: capitalize;
  color: #000000;
  font-size: 13px;
}

.conSection .form .fC {
  margin-bottom: 4.7vw;
  position: relative;
}

.conSection .form .fC label {
  font-weight: 400;
  display: block;
  color: #181818;
  font-size: 15px;
}

.conSection .form .fC input {
  border: 1px solid;
  border: none;
  border-bottom: 1px solid;
  width: 100%;
}

.conSection .form .fC .btn {
  position: absolute;
  right: -31px;
  padding: 0px;
}

.conSection .form .fC .btn button {
  border: none;
  outline: none;
  background: #000000;
  color: #fff;
  position: relative;
  padding: 10px 65px 10px 15px;
  font-size: 15px;
}

.conSection .form .fC .btn button::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 0.11vw;
  width: 40px;
  right: 7%;
  background: #fff;
  opacity: 1;
}

.conSection .form .fC.last {
  padding-bottom: 1vw;
}

.conSection .img {
  margin-top: 6vw;
}

.conSection .img img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 57vh;
  -o-object-position: left bottom;
  object-position: left bottom;
}

.conSection .footer {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  padding: 15px 0px 25px 0px;
}

.conSection .footer .col-lg-3 {
  flex: 0 0 20%;
  max-width: 20%;
}

.conSection .footer .cMail {
  border: 1px solid;
  border-left: none;
  border-right: none;
  padding: 10px 0px 5px;
}

.conSection .footer .cMail h5 {
  font-size: 13px;
  margin-bottom: 0px;
}

.conSection .footer .cMail a {
  font-size: 17px;
  font-weight: 300;
}

.conSection .footer .top {
  margin-bottom: 0px;
}

.conSection .footer .bottom {
  margin-top: 15px;
}

.conSection .footer .bottom a b,
.conSection .footer .bottom p b {
  color: #efefef;
  font-weight: 600 !important;
}

.conSection .footer .bottom a,
.conSection .footer .bottom p {
  font-size: 12px;
  display: block;
  color: #adadad;
  line-height: 1.2;
  margin-bottom: 5px;
}

.conSection .footer .bottom .down {
  margin-top: 11px;
}

.conSection .footer .bottom .down p,
.conSection .footer .bottom .down a {
  margin-bottom: 0px;
}

.conSection .footer .footSocial {
  display: flex;
  margin-top: 5vw;
  list-style: none;
  justify-content: flex-end;
  margin-right: -20px;
}

.conSection .footer .footSocial li {
  margin-left: 25px;
}

.conSection .footer .footSocial a i {
  background: #fff;
  color: #181818;
  font-size: 1.3vw;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.padFoo {
  padding: 0 7vw !important;
}

.gBtn {
  position: absolute;
  top: 8vw;
  left: 22vw;
  box-shadow: rgba(255, 255, 255, 0.62) 0px 0px 28px;
}

.gBtn a {
  border: none;
  outline: none;
  background: #000000;
  color: #fff;
  position: relative;
  padding: 10px 70px 10px 15px;
  font-size: 15px;
}

.gBtn a::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 0.11vw;
  width: 45px;
  right: 7%;
  background: #fff;
  opacity: 1;
}

.newsSection .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
  padding: 9rem 0rem 0rem 10rem;
}

.newsSection .grid .col {
  width: 100%;
  height: 100%;
  padding: 3rem;
  position: relative;
  z-index: 1;
}

.newsSection .grid .col::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5490196078);
  z-index: -1;
  height: 100%;
  width: 100%;
}

.newsSection .grid .col:nth-child(1) {
  background: url(../image/news/img-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsSection .grid .col:nth-child(2) {
  background: url(../image/news/news1/rwanda.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsSection .grid .col:nth-child(3) {
  background: url(../image/news/news1/success.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsSection .grid .col:nth-child(4) {
  background: url(../image/news/img-4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsSection .grid .col h5 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 0px;
}

.newsSection .grid .col p {
  font-size: 17px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.newsSection .grid .col .head h5 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 0px;
}

.newsSection .grid .col .head p {
  font-size: 17px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.newsSection .grid .col .side {
  position: absolute;
  bottom: 8rem;
  transform: rotate(-90deg);
  left: 0px;
  width: 150px;
}

.newsSection .grid .col .side p {
  font-size: 17px;
}

.newsSection .divTwo {
  padding: 0vw 0vw 0vw 10vw;
}

.newsSection .divTwo .position-sticky {
  position: sticky;
  top: 0px;
  display: block;
  height: fit-content;
}

.newsSection .divTwo .position-sticky1 {
  position: sticky;
  top: 35%;
  display: block;
  height: fit-content;
}

.newsSection .divTwo .Fimg img {
  width: 100%;
  height: 100vh;
}

.newsSection .divTwo .simg img {
  width: 20vw;
}

.newsSection .divTwo .text {
  margin-top: 3vw;
  margin-left: -1.6vw;
}

.newsSection .divTwo .text h5 {
  font-size: 21px;
  margin-bottom: -5px;
}

.newsSection .divTwo .text p {
  font-size: 18px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
}

.newsSection .divTwo .text .bottomText {
  margin-top: 32px;
}

.newsSection .divTwo .text .bottomText p {
  font-size: 20px;
  line-height: 1.1;
}

.newsSection .divTwo .text .bottomText .a-pp-prev {
  font-size: 24px;
}

.newsSection .divTwo .imgL {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
  justify-content: flex-end;
  padding-right: 34px;
  margin-top: -39px;
}

.newsSection .divTwo .imgL img {
  width: 61%;
  margin-bottom: 1vw;
  height: 14vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.newsSection .divTwo p {
  font-size: 1vw;
}

.mxw1152 {
  max-width: 115px;
  margin: auto;
}

.serviceSection .gridText {
  padding: 6vw 0vw 0vw 8vw;
  height: 100%;
}

.serviceSection .gridText .head h4 {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 21px;
}

.serviceSection .gridText .head p {
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-size: 18px;
}

.serviceSection .grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

.serviceSection .grid .col {
  width: 23vw;
  height: 37.7vh;
  padding: 3vw;
  position: relative;
}

.serviceSection .grid .col:nth-child(1) {
  background: url(../image/service/Design-%26-Engineer.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(2) {
  background: url(../image/service/construction.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(3) {
  background: url(../image/service/real-estate.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(4) {
  background: url(../image/service/FAcility-%26-Property-management.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(5) {
  background: url(../image/service/carpenty.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(6) {
  background: url(../image/service/aluminitum-%26-steel.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(7) {
  background: url(../image/service/Interior-%26-Exterior.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col:nth-child(8) {
  background: url(../image/service/smart-city-solution.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serviceSection .grid .col h5 {
  font-size: 21px;
  margin-bottom: 0px;
  font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  font-weight: 300;
}

.serviceSection .grid .col p {
  font-size: 1vw;
}

.serviceSection .grid .col .side {
  position: absolute;
  bottom: 6vw;
  transform: rotate(-90deg);
  left: 0px;
}

.serviceSection .grid .col .side p {
  font-size: 1vw;
}

@media (min-width: 1300px) {
  .companySection .companyDivTwo .img2 {
    top: 8vw !important;
    right: 17.8vw !important;
  }

  .companySection .companyDivTwo .img1 {
    top: 13.5vw !important;
    left: 37.3vw !important;
  }

  .aboutSection .aboutDivThree .center .text-1 {
    margin-right: 18rem;
  }

  .aboutSection .aboutDivThree .center .text-2 {
    margin-left: 6rem;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-left: 40%;
  }
}




@media (min-width: 1400px) {
  .aboutSection .aboutDivTwo .center .title {
    margin-bottom: 55px;
  }

  .aboutSection .aboutDivSeven {
    background-size: 100%;
    background-position: left bottom;
  }
}

@media (min-width: 1500px) {
  .companySection .companyDivTwo {
    padding: 16rem 3rem 3rem 12rem;
  }

  .companySection .companyDivTwo .text .title {
    font-size: 80px;
  }

  .companySection .companyDivTwo .img1 {
    top: 29%;
    left: 37.5%;
  }

  .companySection .companyDivTwo .img1 img {
    width: 174px;
  }

  .companySection .companyDivTwo .img2 img {
    width: 380px;
  }

  .companySection .companyDivTwo .img2 {
    top: 15%;
    right: 18%;
  }

  .companySection .companyDivTwo .img3 {
    bottom: -15%;
    right: 0px;
  }

  .companySection .companyDivTwo .text p {
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
    font-size: 16px;
  }

  .companySection .companyDivTwo .img3 img {
    width: 100%;
  }

  .aboutSection .aboutDivFour .center {
    display: flex;
    align-items: center;
  }

}

@media (min-width: 1600px) {
  .shelterHeader .menu {
    width: 23rem;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv {
    padding-top: 9rem;
    padding-left: 13rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv {
    padding-left: 9rem;
  }
}

@media (min-width: 1800px) {
  .companySection .companyDivTwo .logo-img {
    margin-bottom: 90px;
    margin-top: 6px;
  }

  .conSection .form .fC {
    margin-bottom: 3.2vw;
  }

  .companySection .companyDivTwo {
    padding: 16rem 3rem 3rem 11rem;
  }

  .companySection .companyDivTwo .img1 {
    top: 28%;
    left: 37.5%;
  }

  .companySection .companyDivTwo .img1 img {
    width: 200px;
  }

  .companySection .companyDivTwo .img2 {
    top: 15%;
    right: 20%;
  }

  .companySection .companyDivTwo .text .title {
    font-size: 95px;
  }

  .companySection .companyDivTwo .img2 img {
    width: 430px;
  }

  .companySection .companyDivTwo .text p {
    font-size: 20px;
  }

  .companySection .companyDivTwo .img3 img {
    width: 100%;
    margin-right: 5px;
  }

  .companySection .companyDivTwo {
    padding: 16rem 3rem 3rem 14rem;
  }

  .companySection .companyDivThree p {
    font-size: 20px;
  }

  .companySection .companyDivThree .textDiv {
    padding: 1.3rem 0rem 1rem 7.4rem;
  }

  .social-rounded.cus-social {
    top: 50%;
    transform: translateY(-50%);
  }

  .companySection .companyDivTwo {
    padding-bottom: 0px;
  }

  .companySection .companyDivTwo .img3 {
    bottom: -2%;
    right: 0px;
  }
}

@media (min-width: 2050px) {
  .companySection .companyDivTwo {
    padding-bottom: 0px;
  }

  .companySection .companyDivTwo .img3 {
    bottom: 0%;
    right: 0px;
  }
}

.color-transparent {
  color: transparent !important;
}

@media (max-width: 1680px) {
  .homeMainSlide .textBanner {
    top: 30%;
    left: 27%;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 26px !important;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    font-size: 18px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li p {
    font-size: 18px !important;
  }

  .aboutSection .aboutDivTwo .center .title {
    font-size: 25px !important;
  }

  .aboutSection .aboutDivTwo .center .text {
    font-size: 17px !important;
  }

  .aboutSection .aboutDivOne {
    padding: 16rem 0rem 0 0rem;
    max-width: 900px;
  }

  .aboutSection .aboutDivOne .h2Title {
    margin-bottom: 30px;
  }

  .aboutSection .aboutDivFour .skyImg img {
    width: 35vw;
  }

  .shelterHeader.companyHeader .brand img {
    width: 60px;
  }

  .aboutSection .aboutDivOne p {
    font-size: 16px !important;
    line-height: 1.1;
    margin-top: 40px;
  }

  .aboutSection .aboutDivOne .title {
    font-size: 1.2vw !important;
    margin-bottom: 12px;
  }

  .counter {
    margin-top: 30px;
    margin: 100px 0px;
  }

  .counter .item .number {
    margin-bottom: 0px;
    font-size: 24px !important;
  }

  .counter .item p {
    font-size: 12px !important;
    margin-top: 10px;
  }

  .aboutSection .aboutDivTwo .center .title {
    margin-bottom: 0px;
    font-size: 18px !important;
  }

  .aboutSection .aboutDivTwo .center .text {
    font-size: 14px !important;
  }

  .aboutSection .aboutDivTwo .center .text.mt-5 {
    margin-top: 2rem !important;
  }

  .aboutSection .aboutDivTwo .center .textDiv {
    margin-top: 300px;
  }

  .aboutSection .aboutDivTwo {
    align-items: flex-start;
  }

  .aboutSection .aboutDivTwo .left {
    width: 30%;
  }

  .susSection .susDivOne .title {
    font-size: 20px !important;
    margin-bottom: 20px;
  }

  .susSection .susDivOne {
    padding: 15rem 0rem 0 0rem;
    max-width: 900px;
    margin: auto;
  }

  .susSection .susDivOne p {
    font-size: 18px !important;
    line-height: 1.2;
  }

  .susSection .img {
    bottom: 0px;
    width: 100%;
    position: absolute;
  }

  .susSection .img img {
    height: 38vh;
  }

  .susSection .susDivTwo .center .text-1 {
    font-size: 18px !important;
  }

  .susSection .susDivTwo .center .text-2 {
    font-size: 18px !important;
  }

  .susSection .susDivTwo .rightImg .imgFour img {
    height: 34.5vh;
  }

  .susSection .susDivTwo .rightImg .imgFive img {
    height: 43.5vh;
  }

  .shelterHeader .nav-toggle-btn img {
    width: 26px;
  }

  .social-rounded.cus-social li a img {
    width: 25px;
    height: 25px;
  }

  .copyright-fixed.scOpenClose img {
    width: 46px;
    height: 50px;
  }

  .shelterHeader .container-fluid {
    padding: 0px 20px 0px 35px;
  }

  .copyright-fixed.scOpenClose {
    left: 35px;
  }

  .social-rounded.cus-social {
    left: 30px;
    top: 50%;
  }

  .social-rounded.cus-social li {
    margin-bottom: 0px;
  }

  .padFoo {
    padding: 0 9vw !important;
  }

  .conSection .form .fC {
    margin-bottom: 3vw;
  }

  .newsSection .grid {
    display: flex;
    padding: 9rem 0rem 0rem 7rem;
  }

  .newsSection .grid .col {
    padding: 2rem;
  }

  .newsSection .grid .col .side {
    bottom: 6rem;
    left: -30px;
    width: 150px;
  }

  .newsSection .grid .col .side p {
    font-size: 12px;
  }

  .newsSection .grid .col .head h5 {
    font-size: 16px;
  }

  .newsSection .grid .col .head p {
    font-size: 13px;
  }

  .awardSection .awardDivOne {
    padding: 17vw 14vw 0vw 16vw;
  }

  .awardSection p {
    font-size: 14px;
    width: 425px;
  }

  .awardSection .item p {
    font-size: 10px;
    line-height: 1.3;
  }

  .awardSection h2 {
    font-size: 15px !important;
    margin-bottom: 10px;
  }

  .awardSection .awdImg {
    margin-top: 6vw;
  }

  .etSection .companyDivThree p {
    font-size: 15px !important;
    width: 490px;
    min-width: unset;
  }

  .etSection .logo-img img {
    width: 250px;
  }

  .etSection .companyDivThree .filmModeSlider {
    margin-top: 4vw;
  }

  .aboutSection .aboutDivTwo .right img {
    width: 85%;
    margin-top: 31rem;
  }

  .aboutSection .aboutDivThree .center .textDiv {
    margin-top: 16rem;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    font-size: 16px !important;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 22px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li p {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-top: 4rem;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 20px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-top: 6rem;
  }

  .aboutSection .aboutDivThree .center .list3Div .line img {
    height: 12.524158vw !important;
  }

  .aboutSection .aboutDivFour .center .text-2,
  .aboutSection .aboutDivFour .center .text-1 {
    font-size: 15px !important;
  }

  .aboutSection .aboutDivFour .center .textDiv {
    margin-top: -3rem;
  }

  .aboutSection .aboutDivFour .center .title {
    font-size: 20px !important;
    margin-bottom: 18px;
  }

  .aboutSection .aboutDivFour .right {
    justify-content: flex-end;
    margin-bottom: 4.5rem;
  }

  .aboutSection .aboutDivFour .right img {
    width: 100%;
  }

  .aboutSection .aboutDivFive {
    background-size: contain;
    background-position: left bottom;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .topline,
  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .topline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    font-size: 20px !important;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year {
    font-size: 115px !important;
    margin-left: 6rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text {
    font-size: 12px !important;
    line-height: 1.2;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv {
    padding-left: 10rem;
    padding-top: 15rem;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-2 {
    margin-left: 15rem;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv {
    padding-left: 9rem;
    padding-top: 15rem;
  }

  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv {
    padding-top: 17rem;
    padding-left: 0rem;
  }

  .aboutSection .aboutDivEight {
    background-position: left;
  }

  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv {
    padding-top: 14rem;
  }

  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    margin-left: 15rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv {
    padding-top: 18rem;
    padding-left: 5rem;
  }

  .aboutSection .aboutDivTen {
    background-position: left;
  }

  .facSection .shaImg {
    width: 45vw;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 240px;
  }

  .facSection .companyDivTwo .text .title {
    font-size: 90px !important;
  }

  .facSection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 9.980966vw !important;
  }

  .facSection .companyDivThree p {
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  }

  .facSection .companyDivTwo .img1 {
    top: 11vw;
    left: 33.5vw;
  }

  .facSection .companyDivTwo .img2 {
    top: 4vw;
    right: 21vw;
  }

  .facSection .companyDivTwo .img3 {
    bottom: -11rem;
    right: 0px;
  }

  .facSection .companyDivThree .text {
    padding: 12.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .facSection .companyDivThree .filmModeSlider {
    margin-top: 6vw;
  }

  .designSection .companyDivTwo .text .title {
    font-size: 90px !important;
  }

  .designSection .companyDivTwo .text p {
    font-size: 18px !important;
  }

  .designSection .companyDivThree p {
    font-size: 18px !important;
  }

  .constSection .companyDivTwo .img1 {
    top: 11vw;
    left: 40.5vw;
  }

  .constSection .companyDivTwo .img2 {
    top: 6vw;
    right: 13vw;
  }

  .constSection .companyDivTwo .img3 img {
    width: 175px;
  }

  .constSection .companyDivThree p {
    font-size: 18px !important;
  }

  .developSection .companyDivTwo .text .title {
    font-size: 64px !important;
  }

  .developSection .companyDivThree .textDiv {
    padding: 0rem 16rem 1rem 5rem;
  }

  .kutschSection .companyDivTwo .text .title {
    font-size: 95px !important;
  }

  .kutschSection .companyDivThree .list3Div .line img {
    height: 8.980966vw !important;
  }

  .kutschSection .companyDivThree .filmModeSlider {
    padding-top: 1vw;
  }

  .companySection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 21%;
    margin-top: 6px;
  }

  .companySection .companyDivTwo .img1 {
    top: 12.5vw !important;
    left: 33.9vw !important;
  }

  .companySection .companyDivTwo .text p {
    font-size: 18px !important;
  }

  .companySection .companyDivTwo .img1 {
    top: 12.5vw !important;
    left: 33.9vw !important;
  }

  .companySection .companyDivTwo .img2 {
    top: 4vw !important;
    right: 22vw !important;
  }

  .metaliumSection .companyDivTwo .text .title {
    font-size: 99px !important;
    letter-spacing: 1px;
  }
}

@media (max-width: 1440px) {
  .homeMainSlide .textBanner .barImg img {
    height: 17vh;
  }

  .homeMainSlide .textBanner {
    top: 36%;
    left: 28%;
  }

  .aboutSection .aboutDivOne p {
    font-size: 16px !important;
    line-height: 1.3;
    margin-top: 40px;
  }

  .aboutSection .aboutDivOne .title {
    font-size: 1.2vw !important;
    margin-bottom: 13px;
  }

  .counter {
    margin-top: 30px;
    margin: 100px 0px;
  }

  .aboutSection .aboutDivTwo .center .textDiv {
    margin-top: 320px;
  }

  .counter .item .number {
    margin-bottom: 0px;
    font-size: 24px !important;
  }

  .counter .item p {
    font-size: 12px !important;
    margin-top: 10px;
  }

  .aboutSection .aboutDivTwo .center .title {
    margin-bottom: 0px;
    font-size: 18px !important;
  }

  .aboutSection .aboutDivTwo .center .text {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivTwo .center .text.mt-5 {
    margin-top: 2rem !important;
  }

  .aboutSection .aboutDivTwo {
    align-items: flex-start;
  }

  .aboutSection .aboutDivTwo .left {
    width: 30%;
  }

  .susSection .susDivOne .title {
    font-size: 17px !important;
    margin-bottom: 20px;
  }

  .susSection .susDivOne {
    padding: 15rem 0rem 0 0rem;
    max-width: 900px;
    margin: auto;
  }

  .susSection .susDivOne p {
    font-size: 18px !important;
    line-height: 1.2;
  }

  .susSection .img img {
    height: 38vh;
  }

  .susSection .susDivTwo .center .text-1 {
    font-size: 16px !important;
  }

  .susSection .susDivTwo .center .text-2 {
    font-size: 16px !important;
  }

  .susSection .susDivTwo .rightImg .imgFour img {
    height: 40.5vh;
  }

  .susSection .susDivTwo .rightImg .imgFive img {
    height: 48.5vh;
  }

  .susSection .susDivTwo .rightImg .imgFive {
    top: 32vw;
  }

  .susSection .susDivTwo .rightImg .imgFour {
    top: 37vw;
  }

  .susSection .susDivTwo .rightImg .imgTwo {
    top: 7vw;
  }

  .conSection .form .fC label {
    font-size: 12px;
  }

  .conSection .form .fC {
    margin-bottom: 4.7vw;
  }

  .conSection .form .head {
    margin-bottom: 3vw;
  }

  .conSection .footer .footSocial {
    margin-top: 6vw;
  }

  .conSection .footer .bottom a,
  .conSection .footer .bottom p {
    font-size: 11px;
    line-height: 1.5;
  }

  .conSection .form {
    padding: 20px;
  }

  .conSection .form .fC .btn {
    position: absolute;
    right: -21px;
  }

  .newsSection .grid {
    display: flex;
    padding: 8rem 0rem 0rem 8rem;
  }

  .newsSection .grid .col {
    padding: 2rem;
  }

  .newsSection .grid .col .side {
    bottom: 6rem;
    left: -30px;
    width: 150px;
  }

  .newsSection .grid .col .side p {
    font-size: 12px;
  }

  .newsSection .grid .col .head h5,
  .newsSection .grid .col h5 {
    font-size: 16px;
  }

  .newsSection .grid .col .head p,
  .newsSection .grid .col p {
    font-size: 13px;
  }

  .newsSection .divTwo .text h5 {
    font-size: 20px;
    margin-bottom: 0px;
  }

  .newsSection .divTwo .text p {
    font-size: 16px;
  }

  .newsSection .divTwo .text .bottomText p {
    font-size: 15px;
    line-height: 1.1;
  }

  .newsSection .divTwo .imgL img {
    width: 76%;
  }

  .newsSection .divTwo .simg img {
    width: 25vw;
  }

  .newsSection .divTwo {
    padding: 0vw 0vw 0vw 10vw;
  }

  .awardSection .awardDivOne {
    padding: 12vw 14vw 0vw 16vw;
  }

  .awardSection p {
    font-size: 14px;
    width: 425px;
  }

  .awardSection .item p {
    font-size: 10px;
    line-height: 1.3;
  }

  .awardSection h2 {
    font-size: 15px !important;
    margin-bottom: 10px;
  }

  .awardSection .awardDivOne {
    padding: 17vw 14vw 0vw 16vw;
  }

  .awardSection p {
    font-size: 17px;
    width: 515px;
  }

  .awardSection .awdImg {
    margin-top: 8vw;
    margin-left: -3rem;
  }

  .awardSection .item p {
    font-size: 13px;
    line-height: 1.3;
  }

  .awardSection h2 {
    font-size: 17px !important;
    margin-bottom: 10px;
  }

  .etSection .companyDivThree p {
    font-size: 15px !important;
    width: 490px;
    min-width: unset;
  }

  .etSection .logo-img img {
    width: 250px;
  }

  .etSection .companyDivThree .filmModeSlider {
    margin-top: 4vw;
  }

  .etSection .companyDivThree .text {
    padding: 11.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .etSection .companyDivThree .imgDiv {
    margin-top: 65px;
  }

  .aboutSection .aboutDivTwo .right img {
    width: 85%;
    margin-top: 28rem;
  }

  .aboutSection .aboutDivThree .center .textDiv {
    margin-top: 16rem;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    font-size: 13px !important;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 22px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li p {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-top: 4rem;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 18px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-top: 3rem;
  }

  .aboutSection .aboutDivThree .center .list3Div .line img {
    height: 12.524158vw !important;
  }

  .aboutSection .aboutDivFour .center .text-2,
  .aboutSection .aboutDivFour .center .text-1 {
    font-size: 15px !important;
  }

  .aboutSection .aboutDivFour .center .textDiv {
    margin-top: 18rem;
  }

  .aboutSection .aboutDivFour .center .title {
    font-size: 20px !important;
    margin-bottom: 18px;
  }

  .aboutSection .aboutDivFour .right {
    justify-content: flex-end;
    margin-bottom: 9.5rem;
  }

  .aboutSection .aboutDivFour .right img {
    width: 100%;
  }

  .aboutSection .aboutDivFive {
    background-size: contain;
    background-position: left bottom;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .topline,
  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .topline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    font-size: 20px !important;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year {
    font-size: 115px !important;
    margin-left: 6rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text {
    font-size: 12px !important;
    line-height: 1.2;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv {
    padding-left: 5rem;
    padding-top: 17rem;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-2 {
    margin-left: 15rem;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv {
    padding-left: 5rem;
    padding-top: 15rem;
  }

  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv {
    padding-top: 18rem;
    padding-left: 4rem;
  }

  .aboutSection .aboutDivEight {
    background-position: left;
  }

  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv {
    padding-top: 20rem;
  }

  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    margin-left: 15rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv {
    padding-top: 21rem;
  }

  .aboutSection .aboutDivTen {
    background-position: left;
  }

  .facSection .shaImg {
    width: 45vw;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 240px;
  }

  .facSection .companyDivTwo .text .title {
    font-size: 77px !important;
  }

  .facSection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 9.980966vw !important;
  }

  .facSection .companyDivThree p {
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  }

  .facSection .companyDivTwo .img1 {
    top: 13vw;
    left: 33.5vw;
  }

  .facSection .companyDivTwo .img2 {
    top: 5vw;
    right: 21vw;
  }

  .facSection .companyDivTwo .img3 {
    bottom: -11rem;
    right: 0px;
  }

  .facSection .companyDivThree .text {
    padding: 14.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .facSection .companyDivThree .filmModeSlider {
    padding-bottom: 70px;
    margin-top: 8vw;
  }

  .designSection .companyDivTwo .text .title {
    font-size: 80px !important;
  }

  .designSection .companyDivThree p {
    font-size: 15px !important;
  }

  .designSection .companyDivThree .text {
    padding: 12.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .designSection .companyDivThree .filmModeSlider {
    padding-bottom: 70px;
    margin-top: 5vw;
  }

  .constSection .companyDivTwo .text .title {
    font-size: 90px !important;
  }

  .constSection .companyDivTwo .img1 {
    top: 19vw;
    left: 38.5vw;
  }

  .constSection .companyDivTwo .img2 {
    top: 12vw;
    right: 16vw;
  }

  .constSection .companyDivTwo .text p {
    font-size: 18px !important;
  }

  .constSection .companyDivTwo {
    padding: 21.909224vw 7.320644vw 7.320644vw 8.320644vw !important;
  }

  .constSection .companyDivThree p {
    font-size: 15px !important;
  }

  .constSection .companyDivThree .text {
    padding: 12.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .constSection .companyDivThree .filmModeSlider {
    margin-top: 6vw;
  }

  .constSection .companyDivThree .list3Div .line img {
    height: 9.980966vw !important;
  }

  .developSection .companyDivTwo .text .title {
    font-size: 54px !important;
  }

  .developSection .companyDivTwo .text p {
    font-size: 19px !important;
  }

  .developSection .companyDivThree p {
    font-size: 16px !important;
  }

  .developSection .companyDivThree .text {
    padding: 10.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .kutschSection .companyDivTwo .text .title {
    font-size: 80px !important;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 18px !important;
  }

  .kutschSection .companyDivTwo {
    padding: 19.909224vw 7.320644vw 0 10.320644vw !important;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 16px !important;
  }

  .kutschSection .companyDivTwo .img1 {
    top: 15vw;
    left: 38vw;
  }

  .kutschSection .companyDivTwo .img2 {
    top: 8vw;
    right: 19vw;
  }

  .kutschSection .companyDivThree p {
    font-size: 16px !important;
  }

  .kutschSection .companyDivThree .text {
    padding: 13.980966vw 1.464129vw 3.464129vw 10.248902vw !important;
  }

  .companySection .companyDivTwo .text .title {
    font-size: 78px !important;
  }

  .companySection .companyDivTwo .text p {
    font-size: 16px !important;
  }

  .companySection .companyDivTwo {
    padding: 17.909224vw 7.320644vw 0 8.320644vw !important;
  }

  .companySection .companyDivTwo .img1 {
    top: 17.5vw !important;
    left: 33.9vw !important;
  }

  .companySection .companyDivTwo .img2 {
    top: 9vw !important;
    right: 22vw !important;
  }

  .companySection .companyDivTwo .img3 {
    bottom: -5%;
    right: 0px;
  }

  .companySection .companyDivThree p {
    font-size: 18px !important;
  }

  .companySection .companyDivThree .filmModeSlider {
    padding-bottom: 70px;
    margin-top: 4rem !important;
  }

  .metaliumSection .companyDivThree p {
    font-size: 18px !important;
  }

  .metaliumSection .companyDivThree .text {
    padding: 12.980966vw 1.464129vw 5.464129vw 13.248902vw !important;
  }

  .metaliumSection .companyDivTwo .text .title {
    font-size: 84px !important;
  }

  .metaliumSection .companyDivTwo .text p {
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
    font-size: 18px !important;
  }
}

.homeSubSlideOne h3 {
  font-size: 1vw !important;
  margin-top: 10px;
  text-align: center;
}

@media (min-width: 1366px) {
  .homeSubSlideOne .item {
    width: 130px !important;
  }

  .homeSubSlideOne h3 {
    font-size: .8vw !important;
    margin-top: 10px;
    text-align: center;
  }
}

@media (max-width: 1366px) {
  .awardSection .awdImg .item .awdimg3 {
    width: 140px !important;
    height: 97px !important;
    object-fit: contain;
  }

  .shelterHeader .nav-toggle-btn img {
    width: 26px;
  }

  .social-rounded.cus-social li a img {
    width: 25px;
    height: 25px;
  }

  .copyright-fixed.scOpenClose img {
    width: 46px;
    height: 50px;
  }

  .shelterHeader .container-fluid {
    padding: 0px 20px 0px 35px;
  }

  .copyright-fixed.scOpenClose {
    left: 35px;
  }

  .social-rounded.cus-social {
    left: 30px;
    top: 50%;
  }

  .social-rounded.cus-social li {
    margin-bottom: 0px;
  }

  .homeSubSlideOne h3 {
    font-size: 1vw !important;
    margin-top: 10px;
    text-align: center;
  }

  .homeSubSlideOne .item {
    width: 120px !important;
  }

  .homeMainSlide .textBanner .barImg img {
    height: 23vh;
    margin-top: 7px;
  }

  .homeMainSlide .textBanner {
    top: 32%;
    left: 27.5%;
  }

  .shelterHeader .menu .menu-main ul li .com-link {
    font-size: 9px;
  }

  .shelterHeader .menu .menu-main ul li a {
    font-size: 14px;
  }

  .shelterHeader .menu {
    padding: 7.75rem 15px 0 35px;
  }

  .aboutSection .aboutDivOne p {
    font-size: 15px !important;
    line-height: 1.1;
    margin-top: 40px;
  }

  .aboutSection .aboutDivOne .title {
    font-size: 1.2vw !important;
    margin-bottom: 13px;
  }

  .counter {
    margin-top: 30px;
    margin: 50px 0px;
  }

  .counter .item .number {
    margin-bottom: 0px;
    font-size: 24px !important;
  }

  .counter .item p {
    font-size: 12px !important;
    margin-top: 10px;
  }

  .aboutSection .aboutDivTwo .center .title {
    margin-bottom: 0px;
    font-size: 18px !important;
  }

  .aboutSection .aboutDivTwo .center .text {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivTwo .center .text.mt-5 {
    margin-top: 2rem !important;
  }

  .aboutSection .aboutDivTwo {
    align-items: flex-start;
  }

  .aboutSection .aboutDivTwo .left {
    width: 30%;
  }

  .susSection .susDivOne .title {
    font-size: 17px !important;
    margin-bottom: 20px;
  }

  .susSection .susDivOne {
    padding: 10rem 0rem 0 0rem;
    max-width: 830px;
    margin: auto;
  }

  .susSection .susDivOne p {
    font-size: 14px !important;
    line-height: 1.2;
  }

  .susSection .img img {
    height: 38vh;
  }

  .susSection .susDivTwo .center .text-1 {
    font-size: 14px !important;
  }

  .susSection .susDivTwo .center .text-2 {
    font-size: 14px !important;
  }

  .conSection .form .fC label {
    font-size: 12px;
  }

  .conSection .form .fC {
    margin-bottom: 2.7vw;
  }

  .conSection .form .head {
    margin-bottom: 3vw;
  }

  .conSection .footer .footSocial {
    margin-top: 6vw;
  }

  .conSection .footer .bottom a,
  .conSection .footer .bottom p {
    font-size: 11px;
  }

  .conSection .form {
    padding: 20px;
  }

  .conSection .form .fC .btn {
    position: absolute;
    right: -21px;
  }

  .newsSection .grid {
    display: flex;
    padding: 6rem 0rem 0rem 7rem;
  }

  .newsSection .grid .col {
    padding: 2rem;
  }

  .newsSection .grid .col .side {
    bottom: 6rem;
    left: -30px;
    width: 150px;
  }

  .newsSection .grid .col .side p {
    font-size: 12px;
  }

  .newsSection .grid .col .head h5,
  .newsSection .grid .col h5 {
    font-size: 16px;
  }

  .newsSection .grid .col .head p,
  .newsSection .grid .col p {
    font-size: 13px;
  }

  .newsSection .divTwo .text h5 {
    font-size: 18px;
  }

  .newsSection .divTwo .text p {
    font-size: 13px;
  }

  .newsSection .divTwo .text .bottomText p {
    font-size: 11px;
    line-height: 1.1;
  }

  .newsSection .divTwo .imgL img {
    width: 76%;
  }

  .newsSection .divTwo .simg img {
    width: 18vw;
  }

  .awardSection .awardDivOne {
    padding: 12vw 14vw 0vw 16vw;
  }

  .awardSection p {
    font-size: 14px;
    width: 425px;
  }

  .awardSection .item p {
    font-size: 10px;
    line-height: 1.3;
  }

  .awardSection h2 {
    font-size: 15px !important;
    margin-bottom: 10px;
  }

  .awardSection .awdImg {
    margin-top: 5vw;
  }

  .etSection .companyDivThree p {
    font-size: 12px !important;
    width: 397px;
    min-width: unset;
  }

  .etSection .logo-img img {
    width: 250px;
  }

  .etSection .companyDivThree .filmModeSlider {
    margin-top: 4vw;
  }

  .etSection .companyDivThree .text {
    padding: 11.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .etSection .companyDivThree .imgDiv {
    margin-top: 65px;
  }

  .etSection .companyDivThree .textDiv {
    padding: 0rem 9vw 1vw 5vw;
  }

  .aboutSection .aboutDivTwo .center .textDiv {
    margin-top: 220px;
  }

  .aboutSection .aboutDivTwo .right img {
    width: 85%;
    margin-top: 21rem;
  }

  .aboutSection .aboutDivThree .center .textDiv {
    margin-top: 10rem;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    font-size: 13px !important;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 22px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li p {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-top: 4rem;
  }

  .aboutSection .aboutDivThree .center .title {
    font-size: 18px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    margin-top: 3rem;
  }

  .aboutSection .aboutDivThree .center .list3Div .line img {
    height: 12.524158vw !important;
  }

  .aboutSection .aboutDivFour .center .text-2,
  .aboutSection .aboutDivFour .center .text-1 {
    font-size: 13px !important;
  }

  .aboutSection .aboutDivFour .center .textDiv {
    margin-top: 13rem;
  }

  .aboutSection .aboutDivFour .center .title {
    font-size: 20px !important;
    margin-bottom: 18px;
  }

  .aboutSection .aboutDivFour .right {
    justify-content: flex-end;
    margin-bottom: 2.5rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv {
    padding-top: 10rem;
    padding-left: 0rem;
    margin-left: -4rem;
  }

  .aboutSection .aboutDivFour .right img {
    width: 76%;
  }

  .aboutSection .aboutDivFive {
    background-size: contain;
    background-position: left bottom;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .topline,
  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .topline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    font-size: 20px !important;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year {
    font-size: 115px !important;
    margin-left: 6rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text {
    font-size: 12px !important;
    line-height: 1.2;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv {
    padding-left: 10rem;
    padding-top: 10rem;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-2 {
    margin-left: 15rem;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv {
    padding-left: 0rem;
    padding-top: 10rem;
  }

  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv {
    padding-top: 8rem;
    padding-left: 0rem;
  }

  .aboutSection .aboutDivEight {
    background-position: left;
  }

  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv {
    padding-top: 10rem;
  }

  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    margin-left: 15rem;
  }

  .aboutSection .aboutDivTwo .center .textDiv {
    margin-top: 140px;
  }

  .aboutSection .aboutDivTen {
    background-position: 100% 15%;
  }

  .aboutSection .aboutDivOne {
    padding: 12rem 0rem 0 0rem;
    max-width: 900px;
  }

  .facSection .shaImg {
    width: 45vw;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 240px;
  }

  .facSection .companyDivTwo .text .title {
    font-size: 77px !important;
  }

  .facSection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 9.980966vw !important;
  }

  .facSection .companyDivThree p {
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
  }

  .facSection .companyDivTwo .img1 {
    top: 13vw;
    left: 35.5vw;
  }

  .facSection .companyDivTwo .img2 {
    top: 5vw;
    right: 17vw;
  }

  .facSection .companyDivTwo .img3 {
    bottom: -4rem;
    right: 0px;
  }

  .facSection .companyDivThree .text {
    padding: 8.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .facSection .companyDivThree .filmModeSlider {
    padding-bottom: 70px;
    margin-top: 4vw;
  }

  .designSection .companyDivTwo .img1 {
    left: 36vw;
  }

  .designSection .companyDivTwo .img2 {
    right: 17.5vw;
  }

  .designSection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .designSection .companyDivThree p {
    font-size: 12px !important;
  }

  .designSection .companyDivThree .text {
    padding: 9.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .constSection .companyDivTwo {
    padding: 12.909224vw 7.320644vw 7.320644vw 9.320644vw !important;
  }

  .constSection .companyDivTwo .text .title {
    font-size: 70px !important;
  }

  .constSection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .constSection .companyDivTwo .img1 {
    top: 9vw;
    left: 32.5vw;
  }

  .constSection .companyDivTwo .img2 {
    top: 3vw;
    right: 24vw;
  }

  .constSection .companyDivTwo .img3 img {
    width: 205px;
  }

  .constSection .companyDivThree p {
    font-size: 13px !important;
    line-height: 1.3;
  }

  .constSection .companyDivThree .text {
    padding: 7.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .constSection .companyDivThree .filmModeSlider {
    margin-top: 1vw;
  }

  .developSection .companyDivTwo .text .title {
    font-size: 50px !important;
  }

  .developSection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .developSection .companyDivThree p {
    font-size: 13px !important;
  }

  .developSection .companyDivThree .text {
    padding: 8.980966vw 1.464129vw 1.464129vw 10.248902vw !important;
  }

  .developSection .companyDivThree .filmModeSlider {
    padding-bottom: 70px;
    margin-top: 1vw;
  }

  .developSection .companyDivThree .textDiv {
    padding: 0rem 10rem 1rem 9rem;
  }

  .kutschSection .shaImg {
    width: 45vw;
  }

  .kutschSection .companyDivTwo {
    padding: 13.909224vw 7.320644vw 0 10.320644vw !important;
  }

  .kutschSection .companyDivTwo .text .title {
    font-size: 76px !important;
  }

  .kutschSection .companyDivTwo .img1 {
    top: 10vw;
    left: 38vw;
  }

  .kutschSection .companyDivTwo .img2 {
    top: 5vw;
    right: 18vw;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .kutschSection .companyDivThree p {
    font-size: 13px !important;
  }

  .kutschSection .companyDivThree .text {
    padding: 9.980966vw 1.464129vw 0 10.248902vw !important;
  }

  .kutschSection .companyDivThree .subtitle h2 {
    font-size: 11px !important;
    line-height: 1.3;
  }

  .kutschSection .menu-footer {
    padding-top: 0rem;
  }

  .companySection .companyDivTwo {
    padding: 10.909224vw 6.320644vw 0 9.320644vw !important;
  }

  .companySection .companyDivTwo .text .title {
    font-size: 78px !important;
  }

  .companySection .companyDivTwo .img1 {
    top: 12.5vw !important;
    left: 36.9vw !important;
  }

  .companySection .companyDivTwo .img2 {
    top: 2vw !important;
    right: 17vw !important;
  }

  .companySection .companyDivTwo .text p {
    font-size: 13px !important;
  }

  .companySection .companyDivThree p {
    font-size: 14px !important;
  }

  .companySection .companyDivThree p {
    font-size: 13px !important;
  }

  .companySection .companyDivThree .subtitle h2 {
    font-size: 11px !important;
  }

  .companySection .companyDivThree ul li {
    margin: 0px;
  }

  .companySection .companyDivThree .filmModeSlider {
    margin-top: 1rem !important;
    margin-bottom: 1rem;
  }

  .metaliumSection .shaImg {
    width: 40vw;
  }

  .metaliumSection .companyDivTwo .text .title {
    font-size: 80px !important;
  }

  .metaliumSection .companyDivTwo .text p {
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
    font-size: 14px !important;
  }

  .metaliumSection .companyDivThree p {
    font-size: 13px !important;
  }

  .metaliumSection .companyDivThree .text {
    padding: 12.980966vw 1.464129vw 0 13.248902vw !important;
  }

  .metaliumSection .companyDivThree .filmModeSlider {
    padding-top: 5vw;
  }
}

.desktop {
  display: block !important;
}

.mobile {
  display: none !important;
}

@media (max-width: 500px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }
}

@media (max-width: 645px) {
  .homeSubSlideOne h3 {
    font-size: 2.5vw !important;
    margin-top: 10px;
    text-align: center;
  }
}

@media (max-width: 465px) {
  .homeSubSlideOne h3 {
    font-size: 3vw !important;
    margin-top: 10px;
    text-align: center;
  }
}

@media (min-width:646px) and (max-width: 691px) {
  .homeSubSlideOne h3 {
    font-size: 2vw !important;
    margin-top: 10px;
    text-align: center;
  }
}

@media (min-width:692px) and (max-width: 991px) {
  .homeSubSlideOne h3 {
    font-size: 1.5vw !important;
    margin-top: 10px;
    text-align: center;
  }
}

@media (max-width: 991px) {

  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }


  .swiper-slide img {
    width: 100%;
    object-fit: cover;
  }

  .header-content.d-none {
    display: block !important;
  }

  .shelterHeader.companyHeader .brand {
    float: unset;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 30px;
    left: 20px;
  }

  .conSection .footer .bottom a b,
  .conSection .footer .bottom p b {
    color: #ffffff;
    font-weight: 300 !important;
  }

  .social-rounded.cus-social {
    left: 20px;
    top: 50%;
  }

  .companyMainBody header .companyBrand {
    display: none !important;
  }

  .shelterHeader.companyHeader .brand img {
    width: 45px;
  }

  .shelterHeader.companyHeader .nav-toggle-btn {
    top: auto;
  }

  .shelterHeader .lang-btn .dropdown-toggle {
    font-size: 18px;
    margin-right: 5px;
  }

  .shelterHeader .search-btn a {
    font-size: 18px;
  }

  .designSection .companyDivTwo {
    padding: 13.909224vw 7.320644vw 0vw 7.320644vw !important;
  }

  .designSection .shaImg {
    width: 75vw;
  }

  .designSection .companyDivOne .logo-img img {
    width: 300px;
    margin: auto;
  }

  .designSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .designSection .companyDivTwo .img1 {
    left: 40%;
    top: 35%;
  }

  .designSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .designSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .designSection .companyDivTwo .img2 img {
    width: 34.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 33vh;
  }

  .designSection .companyDivTwo .img3 {
    bottom: 20%;
    right: 0px;
  }

  .designSection .companyDivTwo .img3 img {
    width: 20.5vw;
  }

  .designSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 50px;
    position: absolute;
  }

  .designSection .companyDivTwo .logo-img img {
    width: 250px;
    margin-left: -6px;
    margin-top: -20px;
  }

  .designSection .companyDivTwo .text {
    margin-top: 61%;
    margin-left: 7%;
  }

  .designSection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .designSection .companyDivTwo .text .title span {
    display: unset;
  }

  .designSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .designSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .designSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .designSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .designSection .companyDivTwo .text p {
    font-size: 20px !important;
  }

  .designSection .companyDivThree .textDiv {
    padding: 11rem 3rem 0rem 5rem;
  }

  .designSection .companyDivThree .list3Div .line {
    left: -11vw;
    top: 0px;
    position: absolute;
  }

  .designSection .companyDivThree .list3Div .line img {
    height: 11.980966vw !important;
  }

  .designSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 6rem !important;
    margin-left: 6rem;
  }

  .constSection .shaImg {
    width: 75vw;
  }

  .constSection .companyDivOne .logo-img img {
    width: 300px;
    margin: auto;
  }

  .constSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .constSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .constSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .constSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .constSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 35vh;
  }

  .constSection .companyDivTwo .img3 {
    bottom: 16%;
    right: 0px;
  }

  .constSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .constSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .constSection .companyDivTwo .text {
    margin-top: 57%;
    margin-left: 6%;
  }

  .constSection .companyDivTwo .text .title {
    font-size: 55px !important;
  }

  .constSection .companyDivTwo .text .title span {
    display: unset;
  }

  .constSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .constSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .constSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .constSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .constSection .companyDivTwo .text p {
    font-size: 21px !important;
  }

  .constSection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .constSection .companyDivThree .textDiv p {
    font-size: 17px !important;
  }

  .constSection .companyDivThree .list3Div .line {
    left: -12vw;
    top: 0px;
    position: absolute;
  }

  .constSection .companyDivThree .subtitle h2 {
    font-size: 20px !important;
  }

  .constSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .constSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 8rem;
  }

  .constSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 50px;
    position: absolute;
  }

  .constSection .companyDivThree .list3Div .line img {
    height: 16.980966vw !important;
  }

  .constSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .constSection .companyDivTwo .logo-img img {
    width: 250px;
  }

  .developSection .shaImg {
    width: 75vw;
  }

  .developSection .companyDivOne .logo-img img {
    width: 300px;
    margin: auto;
  }

  .developSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .developSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .developSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .developSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .developSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .developSection .companyDivTwo .img3 {
    bottom: 12%;
    right: 0px;
  }

  .developSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .developSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .developSection .companyDivTwo .text {
    margin-top: 48%;
    margin-left: 7%;
  }

  .developSection .companyDivTwo .text .title {
    font-size: 35px !important;
  }

  .developSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .developSection .companyDivTwo .text .title span {
    display: unset;
  }

  .developSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .developSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .developSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .developSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .developSection .companyDivTwo .text p {
    font-size: 17px !important;
  }

  .developSection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .developSection .companyDivThree .textDiv p {
    font-size: 18px !important;
  }

  .developSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .developSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .developSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .developSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 10rem;
  }

  .developSection .companyDivThree .list3Div p {
    font-size: 18px !important;
  }

  .developSection .companyDivTwo .logo-img {
    margin-top: 40px;
    margin-left: 50px;
    position: absolute;
  }

  .developSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .developSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .developSection .companyDivTwo .logo-img img {
    width: 200px;
  }

  .facSection .shaImg {
    width: 75vw;
  }

  .facSection .companyDivOne .logo-img img {
    width: 300px;
    margin: auto;
  }

  .facSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .facSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .facSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .facSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .facSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .facSection .companyDivTwo .img3 {
    bottom: 16%;
    right: 0px;
  }

  .facSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .facSection .companyDivTwo .text {
    margin-top: 61%;
    margin-left: 6%;
  }

  .facSection .companyDivTwo .text .title {
    font-size: 47px !important;
  }

  .facSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .facSection .companyDivTwo .text .title span {
    display: unset;
  }

  .facSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .facSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .facSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .facSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .facSection .companyDivTwo .text p {
    font-size: 16px !important;
  }

  .facSection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .facSection .companyDivThree .textDiv p {
    font-size: 17px !important;
  }

  .facSection .companyDivThree .list3Div .line {
    left: -15vw;
    top: 0px;
    position: absolute;
  }

  .facSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .facSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .facSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 35px;
    position: absolute;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 20.980966vw !important;
  }

  .facSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 250px;
  }

  .kutschSection .shaImg {
    width: 75vw;
  }

  .kutschSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .kutschSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .kutschSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .kutschSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .kutschSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .kutschSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .kutschSection .companyDivTwo .img3 {
    bottom: 19%;
    right: 0px;
  }

  .kutschSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .kutschSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .kutschSection .companyDivTwo .text {
    margin-top: 60%;
    margin-left: 7%;
  }

  .kutschSection .companyDivTwo .text .title {
    font-size: 41px !important;
  }

  .kutschSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .kutschSection .companyDivTwo .text .title span {
    display: unset;
  }

  .kutschSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .kutschSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .kutschSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 19px !important;
  }

  .kutschSection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .kutschSection .companyDivThree .textDiv p {
    font-size: 19px !important;
  }

  .kutschSection .companyDivThree .list3Div .line {
    left: -13vw;
    top: 0px;
    position: absolute;
  }

  .kutschSection .companyDivThree .subtitle h2 {
    font-size: 20px !important;
  }

  .kutschSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .kutschSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .kutschSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 50px;
    position: absolute;
  }

  .kutschSection .companyDivThree .list3Div .line img {
    height: 19.980966vw !important;
  }

  .kutschSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .kutschSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .companySection .shaImg {
    width: 75vw;
  }

  .companySection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .companySection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .companySection .companyDivTwo .img1 {
    left: 40% !important;
    top: 32% !important;
  }

  .companySection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .companySection .companyDivTwo .img2 {
    right: 0px !important;
    top: 25% !important;
  }

  .companySection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .companySection .companyDivTwo .img3 {
    bottom: 15% !important;
    right: 0px !important;
  }

  .companySection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .companySection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .companySection .companyDivTwo .text {
    margin-top: 60%;
    margin-left: 6%;
  }

  .companySection .companyDivTwo .text .title {
    font-size: 40px !important;
  }

  .companySection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .companySection .companyDivTwo .text .title span {
    display: unset;
  }

  .companySection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .companySection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .companySection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .companySection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .companySection .companyDivTwo .text p {
    font-size: 17px !important;
  }

  .companySection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .companySection .companyDivThree .textDiv p {
    font-size: 15px !important;
  }

  .companySection .companyDivThree .list3Div .line {
    left: -14vw;
    top: 0px;
    position: absolute;
  }

  .companySection .companyDivThree .subtitle h2 {
    font-size: 17px !important;
  }

  .companySection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .companySection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 4rem;
  }

  .companySection .companyDivThree .rightTxts {
    padding-left: 6rem;
    padding-top: 1rem;
  }

  .companySection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 50px;
    position: absolute;
  }

  .companySection .companyDivThree .list3Div .line img {
    height: 17.980966vw !important;
  }

  .companySection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .companySection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .metaliumSection .shaImg {
    width: 75vw;
  }

  .metaliumSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .metaliumSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .metaliumSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .metaliumSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .metaliumSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .metaliumSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .metaliumSection .companyDivTwo .img3 {
    bottom: 16%;
    right: 0px;
  }

  .metaliumSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .metaliumSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .metaliumSection .companyDivTwo .text {
    margin-top: 55%;
    margin-left: 6%;
  }

  .metaliumSection .companyDivTwo .text .title {
    font-size: 40px !important;
  }

  .metaliumSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .metaliumSection .companyDivTwo .text .title span {
    display: unset;
  }

  .metaliumSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .metaliumSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .metaliumSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .metaliumSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .metaliumSection .companyDivTwo .text p {
    font-size: 17px !important;
  }

  .metaliumSection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 3rem;
  }

  .metaliumSection .companyDivThree .textDiv p {
    font-size: 19px !important;
  }

  .metaliumSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .metaliumSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .metaliumSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .metaliumSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .metaliumSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 35px;
    position: absolute;
  }

  .metaliumSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .metaliumSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .metaliumSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .shelterHeader .menu .social.download a {
    font-size: 15px;
  }

  .newsSection .grid .col {
    width: 100%;
  }

  .newsSection .grid {
    display: grid;
    padding: 6rem 0rem 0rem 6rem;
    grid-template-columns: auto auto;
  }

  .newsSection .grid .col .head h5,
  .newsSection .grid .col h5 {
    font-size: 18px;
  }

  .newsSection .grid .col .head p,
  .newsSection .grid .col p {
    font-size: 17px;
  }

  .newsSection .grid .col .side p {
    font-size: 13px;
  }

  .newsSection .grid .col .side {
    bottom: 7rem;
    left: -40px;
    width: 150px;
  }

  .etSection .companyDivThree p {
    font-size: 18px !important;
    width: 93%;
    min-width: unset;
  }

  .etSection .logo-img img {
    width: 200px;
    image-rendering: auto;
    -o-object-fit: fill;
    object-fit: fill;
    margin-top: -10px;
    margin-bottom: 30px;
    margin-left: -5px;
  }

  .etSection .companyDivThree .textDiv {
    padding: 6rem 5vw 1vw 9vw;
  }

  .etSection .companyDivThree .imgDiv {
    margin-top: 25px;
    padding: 0 4rem;
  }

  .imgDiv .row>* {
    width: 33%;
  }

  .imgDiv .row>* img {
    width: 100%;
  }

  .home-piling .slide1 {
    background: #0c0c0c !important;
  }

  .shelterHeader .brand {
    top: 100%;
  }

  .shelterHeader .brand img {
    width: 90px;
  }

  .owlCMSlider {
    background: transparent;
    margin: 20rem 0;
    padding: 5rem 0 !important;
  }

  .owlCMSlider img {
    width: 100% !important;
    height: 270px;
    -webkit-filter: grayscale(1) brightness(0.5);
    filter: grayscale(1) brightness(0.5);
    transition: all 0.5s;
  }

  .owlCMSlider .swiper-slide {
    background: transparent;
    flex-direction: column;
    transition: all 0.5s;
  }

  .owlCMSlider .text,
  .owlCMSlider .logo {
    display: none;
  }

  .owlCMSlider .text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.5s;
  }

  .owlCMSlider .text img {
    width: auto !important;
    height: 23px;
    -webkit-filter: unset;
    filter: unset;
  }

  .owlCMSlider .logo {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.5s;
  }

  .owlCMSlider .logo img {
    width: auto !important;
    height: 30px;
    -webkit-filter: unset;
    filter: unset;
  }

  .owlCMSlider .swiper-button-next,
  .owlCMSlider .swiper-button-prev {
    left: 80px;
    right: auto;
    color: #fff;
    transform: scale(0.5);
  }

  .owlCMSlider .swiper-button-next {
    left: auto;
    right: 80px;
  }

  .owlCMSlider .swiper-slide-active {
    transition: all 0.5s;
    z-index: 11;
  }

  .owlCMSlider .swiper-slide-active a {
    transition: all 0.5s;
    transform: scale(1.3) scale(1.5);
    -webkit-transform: scale(1.3) scale(1.5);
  }

  .owlCMSlider .swiper-slide-active:hover .logo {
    display: block;
  }

  .owlCMSlider .swiper-slide-active:hover .text {
    display: none;
  }

  .owlCMSlider .swiper-slide-active:hover img {
    -webkit-filter: unset;
    filter: unset;
  }

  .etPage .shelterHeader.companyHeader .brand {
    display: none;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(1) img {
    width: 100%;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(2) img {
    width: 100% !important;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(3) img {
    width: 100% !important;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(4) img {
    width: 60px;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(5) img {
    min-width: 100% !important;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(6) img {
    width: 40px;
  }

  .newsSection .divTwo .col-6,
  .newsSection .divTwo .col-4,
  .newsSection .divTwo .col-2 {
    flex: 0 0 100%;
    /*max-width: 100%;*/
    padding-left: 0rem !important;
  }

  .newsSection .divTwo .Fimg img {
    height: unset;
  }

  .newsSection .divTwo {
    padding: 9rem 0rem 0rem 3rem;
  }

  .newsSection .divTwo br {
    display: none;
  }

  .newsSection .divTwo .text {
    margin-top: -7vw;
    margin-left: 0;
    margin-right: 22rem;
  }

  .newsSection .divTwo .imgL {
    display: grid;
    grid-template-columns: auto auto;
    align-items: flex-end;
    height: 100%;
    justify-content: flex-end;
    padding-right: 0px;
    margin-top: 0;
    gap: 1rem;
    position: absolute;
    width: 220px;
    right: 0px;
    top: -240px;
  }

  .newsSection .divTwo .imgL img {
    width: 100%;
  }

  .serviceSection .grid {
    grid-template-columns: 350px 350px;
  }

  .serviceSection .grid .col {
    width: 100%;
    height: 20vh;
    padding: 3vw;
    position: relative;
  }

  .serviceSection .gridText {
    padding: 9rem 0rem 0rem 8rem;
  }

  .serviceSection .gridText .head p {
    font-size: 18px;
  }

  .serviceSection .gridText .head p br {
    display: none;
  }

  .serviceSection .gridText .head h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .serviceSection .gridText .col h5 {
    font-size: 18px;
  }

  .serviceSection .gridText .col h5 br {
    display: none;
  }

  .awardSection .awdImg {
    margin-top: 0vw;
  }

  .awardSection .awardDivOne {
    padding: 10rem 2rem 0px 7.5rem;
  }

  .awardSection .awardDivOne .text-justify {
    text-align: left !important;
  }

  .awardSection h2 {
    font-size: 21px !important;
    margin-bottom: 10px;
    line-height: 1.3 !important;
  }

  .awardSection p {
    font-size: 18px;
    width: unset;
  }

  .awardSection .awdImg .col-lg-4,
  .awardSection .awdImg .col-lg-2 {
    width: 33%;
  }

  .awardSection .item {
    margin-bottom: 2rem;
  }

  .awardSection .item p {
    font-size: 16px;
  }

  .awardSection .item p br {
    display: none;
  }

  .awardSection .item img {
    width: 70% !important;
    margin-bottom: 0rem;
    height: auto !important;
  }

  .awardSection .item.gorImg img {
    width: 19rem !important;
    height: 68px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
    margin-left: -2rem;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
  }

  .susSection .susDivOne {
    padding: 10rem 2rem 0 3rem;
    max-width: 830px;
    margin: auto;
  }

  .susSection .susDivOne .title {
    font-size: 20px !important;
    line-height: 1.4;
  }

  .susSection .susDivOne p {
    font-size: 18px !important;
    line-height: 1.2;
    max-width: 90%;
    margin: auto;
    margin-bottom: 10px;
    margin-left: 3rem;
  }

  .susSection .img {
    position: relative;
  }

  .susSection .img img {
    height: 40vh;
  }

  .constSection .companyDivTwo {
    padding: 12.909224vw 7.320644vw 7.320644vw 6.320644vw !important;
  }

  .constSection .companyDivThree .text {
    padding: 7.980966vw 1.464129vw 1.464129vw 7.248902vw !important;
  }

  .developSection .companyDivTwo {
    padding: 15.509224vw 3.320644vw 0vw 6.920644vw !important;
  }

  .facSection .companyDivTwo {
    padding: 12.809224vw 7.320644vw 0 8.320644vw !important;
  }

  .kutschSection .companyDivTwo {
    padding: 13.909224vw 7.320644vw 0 6.320644vw !important;
  }

  .companySection .companyDivTwo {
    padding: 10.909224vw 6.320644vw 0 7.320644vw !important;
  }

  .metaliumSection .companyDivTwo {
    padding: 14.909224vw 4.320644vw 0vw 6.320644vw !important;
  }

  .conSection .img {
    margin-top: 25vw;
  }

  .conSection .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 30vh;
    -o-object-position: left bottom;
    object-position: left bottom;
  }

  .conSection .form {
    width: 43vw;
    top: 20vw;
    right: 2vw;
  }

  .conSection .gBtn {
    top: 37vw;
    left: 13vw;
  }

  .conSection .gBtn a {
    padding: 10px 29px 10px 10px;
    font-size: 9px;
  }

  .conSection .gBtn a::before {
    width: 18px;
    right: 5%;
  }

  .conSection .form .head h4 {
    font-size: 10px;
  }

  .conSection .form .fC label {
    font-size: 13px;
  }

  .conSection .form .fC .btn button {
    padding: 5px 30px 5px 10px;
    font-size: 13px;
  }

  .conSection .form {
    padding-bottom: 30px;
  }

  .aboutSection .aboutDivOne .title {
    font-size: 20px !important;
    line-height: 1.3;
  }

  .aboutSection .aboutDivOne {
    padding: 20rem 3rem 0 6rem;
    max-width: unset;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    font-size: 18px !important;
  }

  .counter {
    padding: 30px 30px;
    padding-bottom: 10px;
  }

  .counter .item {
    margin-bottom: 20px;
  }

  .counter .item .number {
    margin-bottom: 0px;
    font-size: 15px !important;
  }

  .counter .item p {
    font-size: 10px !important;
    margin-top: 5px !important;
  }

  .conSection .footer .cMail a {
    font-size: 18px;
  }

  .conSection .footer .cMail h5 {
    font-size: 14px;
  }

  .conSection .footer {
    padding: 13rem 0px 25px 5rem;
  }

  .conSection .footer .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0px;
    margin-bottom: 20px;
  }

  .conSection .footer .bottom a,
  .conSection .footer .bottom p {
    font-size: 13px;
  }

  .conSection .footer .bottom .down {
    margin-top: 5px;
  }

  .footer.mobileSocial {
    position: absolute;
    padding: 8rem 0px 25px 5rem;
    right: 31px;
  }

  .aboutSection .aboutDivOne p {
    font-size: 16px !important;
    line-height: 1.1;
    margin-top: 40px;
  }

  .counter {
    margin-top: 100px;
    display: flex;
  }

  .shelterHeader .menu {
    width: 24rem;
  }

  .aboutSection .aboutDivTwo .center {
    width: 100%;
    padding: 0px 60px;
  }

  .aboutSection .aboutDivTwo .left {
    width: 75%;
    margin-top: 5rem;
  }

  .aboutSection .aboutDivTwo .left img {
    height: 37vh;
    width: 69%;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .aboutSection .aboutDivTwo {
    flex-direction: column;
  }

  .aboutSection .aboutDivTwo .center .textDiv {
    margin-top: 50px;
  }

  .aboutSection .aboutDivTwo .center .title {
    margin-bottom: 0px;
    font-size: 20px !important;
  }

  .aboutSection .aboutDivTwo .center .title br {
    display: none;
  }

  .aboutSection .aboutDivThree .center .title {
    visibility: visible !important;
  }

  .aboutSection .aboutDivTwo .center .text {
    font-size: 17px !important;
    visibility: visible !important;
  }

  .aboutSection .aboutDivTwo .center .text.mt-5 {
    margin-top: 1rem !important;
  }

  .aboutSection .aboutDivTwo .right img {
    width: 35%;
    margin-top: 0rem;
    visibility: visible !important;
  }

  .aboutSection .aboutDivTwo .right {
    width: 100%;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .textDiv {
    margin-left: 5rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center,
  .aboutSection .aboutDivEight .aboutSevenDiv .center,
  .aboutSection .aboutDivNine .aboutSevenDiv .center,
  .aboutSection .aboutDivTen .aboutSevenDiv .center {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .topline,
  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .topline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    font-size: 24px !important;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year {
    font-size: 111px !important;
    margin-left: 8rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year span small,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year span small,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year span small,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year span small,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year span small,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year span small {
    margin-left: -10px;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    margin-left: 17rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text br,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text br,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text br,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text br,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text br,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text br {
    display: none;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text-1,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-1,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-1,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text-1,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text-1,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-1 {
    margin-left: 2rem;
    margin-right: 0rem;
    margin-top: 2rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text-2,
  .aboutSection .aboutDivSix .aboutDivSix .center .text-2,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-2,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text-2,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text-2,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    margin-left: 5rem;
    margin-right: 2rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text {
    font-size: 18px !important;
    line-height: 1.2;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .textDiv {
    padding-left: 2rem;
  }

  .aboutSection .aboutDivSix,
  .aboutSection .aboutDivSeven,
  .aboutSection .aboutDivEight,
  .aboutSection .aboutDivNine,
  .aboutSection .aboutDivTen {
    background-size: contain;
    background-position: left bottom;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-1 {
    padding-left: 0rem;
    margin-left: 0rem !important;
  }

  .aboutSection .aboutDivThree {
    display: block;
  }

  .aboutSection .aboutDivThree .left,
  .aboutSection .aboutDivThree .center,
  .aboutSection .aboutDivThree .right {
    width: 100%;
  }

  .aboutSection .aboutDivThree .left img {
    width: 38%;
  }

  .aboutSection .aboutDivThree .left {
    align-items: flex-start;
    height: unset;
    padding-top: 6rem;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .aboutSection .aboutDivThree .center .text-1 br,
  .aboutSection .aboutDivThree .center .text-2 br {
    display: none;
  }

  .aboutSection .aboutDivThree .center .textDiv {
    margin-top: 5rem;
    padding: 0 1rem;
    margin-left: 6rem;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    position: relative;
    margin-left: 0%;
  }

  .aboutSection .aboutDivThree .center .list3Div .line img {
    display: none;
  }

  .aboutSection .aboutDivThree .right {
    height: auto;
  }

  .aboutSection .aboutDivThree .right img {
    opacity: 1;
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
    visibility: visible !important;
  }

  .aboutSection .aboutDivFour {
    flex-direction: column;
  }

  .aboutSection .aboutDivFour .left {
    width: 32%;
    padding-top: 5rem;
  }

  .aboutSection .aboutDivFour .center {
    width: 100%;
  }

  .aboutSection .aboutDivFour .center .text-1 {
    margin-right: 0rem;
  }

  .aboutSection .aboutDivFour .center .textDiv {
    padding-left: 8rem;
    margin-top: 7rem !important;
  }

  .aboutSection .aboutDivFour .center .text-2 {
    margin-left: 2rem;
    margin-right: 0rem;
  }

  .homeMainSlide .homeMainSlider .slide-1 {
    background: url(../image/home/slide/slide-mobile-1.html);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-2 {
    background: url(../image/home/slide/slide-mobile-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-3 {
    background: url(../image/home/slide/slide-mobile-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-4 {
    background: url(../image/home/slide/slide-mobile-4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-5 {
    background: url(../image/home/slide/slide-mobile-5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .textBanner .text p {
    font-size: 4.196193vw;
  }

  .homeMainSlide .textBanner .text h2 {
    font-size: 45px !important;
    text-shadow: 1px 1px 3px #323232;
  }

  .homeMainSlide .textBanner .barImg img {
    height: 13vh;
    margin-top: 4px;
  }

  .homeMainSlide .textBanner .barImg {
    position: absolute;
    left: 29%;
  }

  .homeMainSlide .textBanner {
    top: 30%;
    left: 5.5%;
  }

  .homeMainSlide .textBanner {
    padding-left: 20rem;
  }

  .homeSubSlideOne {
    position: absolute;
    /* bottom: -160%;
    right: 10%; */
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    z-index: 15;
    bottom: 3vw;
  }

  /* .homeSubSlideOne:hover {
    right: 20%;
    bottom: -100%;
  } */

  .homeSubSlideOne .item img {
    width: 100%;
    /* height: auto; */
  }

  .homePage {
    overflow: hidden;
  }

  .designSection .mobilslideOne .companyBrand,
  .constSection .mobilslideOne .companyBrand,
  .developSection .mobilslideOne .companyBrand,
  .facSection .mobilslideOne .companyBrand,
  .kutschSection .mobilslideOne .companyBrand,
  .companySection .mobilslideOne .companyBrand,
  .metaliumSection .mobilslideOne .companyBrand {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
  }

  .designSection .mobilslideOne .companyBrand img,
  .constSection .mobilslideOne .companyBrand img,
  .developSection .mobilslideOne .companyBrand img,
  .facSection .mobilslideOne .companyBrand img,
  .kutschSection .mobilslideOne .companyBrand img,
  .companySection .mobilslideOne .companyBrand img,
  .metaliumSection .mobilslideOne .companyBrand img {
    width: 100%;
  }

  .designSection .mobilslideTwo .companyBrand,
  .constSection .mobilslideTwo .companyBrand,
  .developSection .mobilslideTwo .companyBrand,
  .facSection .mobilslideTwo .companyBrand,
  .kutschSection .mobilslideTwo .companyBrand,
  .companySection .mobilslideTwo .companyBrand,
  .metaliumSection .mobilslideTwo .companyBrand {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 20px;
    z-index: 11;
  }

  .copyright-fixed.scOpenClose {
    left: 20px;
  }

  .homeMainSlide {
    height: 100vh;
    overflow: hidden;
  }

  .susSection .susDivTwo .center .textDiv {
    margin-left: 2rem;
    margin-right: 1rem;
  }

  .susSection .susDivTwo .center .text {
    font-size: 18px !important;
  }

  .susSection .susDivTwo .center .text br {
    display: none;
  }

  .susSection .susDivTwo .rightImg .imgOne {
    top: 9rem;
    left: 44vw;
  }

  .susSection .susDivTwo .rightImg .imgOne img {
    width: 19vw;
  }

  .susSection .susDivTwo .rightImg .imgTwo {
    top: 11rem;
  }

  .susSection .susDivTwo .rightImg .imgThree {
    top: 15rem;
  }

  .susSection .susDivTwo .rightImg .imgFour {
    top: auto;
    bottom: 5rem;
  }

  .susSection .susDivTwo .rightImg .imgFour img {
    height: 16.5vh;
  }

  .susSection .susDivTwo .rightImg .imgFive {
    top: auto;
    bottom: 6rem;
  }

  .susSection .susDivTwo .rightImg .imgFive img {
    height: 17.5vh;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-2 {
    margin-left: 8rem;
  }

  .aboutSection .aboutDivFour .right {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-bottom: 2.5rem;
    justify-content: flex-end;
  }

  .aboutSection .aboutDivFour .right img {
    width: 45%;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-2 {
    padding-bottom: 0rem;
  }

  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    padding-bottom: 2rem;
  }

  .aboutSection .aboutDivFour .skyImg {
    position: relative;
  }

  .aboutSection .aboutDivFour .skyImg img {
    width: 100%;
    visibility: visible !important;
  }

  .aboutSection .aboutDivEight .aboutSevenDiv .center .yearBgImg {
    margin-top: -10rem;
  }

  .homeSubSlide {
    position: absolute;
    bottom: 15px;
    right: 0%;
    width: 150px;
    z-index: 100;
    left: auto;
  }

  .homeSubSlide .swiper-slide h3 {
    font-size: 13px;
    text-align: center;
  }

  .homeSubSlide .swiper-slide:nth-child(1) {
    margin-left: 0px !important;
  }

  .homeSubSlide .swiper-slide {
    background: transparent;
    width: inherit !important;
  }

  .homeSubSlide .swiper-slide.swiper-slide-active {
    margin-left: 0px;
  }

  .homeSubSlider .swiper-button-next,
  .homeSubSlider .swiper-rtl .swiper-button-prev,
  .homeSubSlider .swiper-button-prev,
  .homeSubSlider .swiper-rtl .swiper-button-next {
    color: #fff;
    background: rgba(255, 255, 255, 0.5803921569);
  }

  .homeSubSlider .swiper-slide img {
    height: 150px;
    width: auto;
    -o-object-fit: unset;
    object-fit: unset;
    margin: auto;
  }

  .homeSubSlider .swiper-button-next:after,
  .homeSubSlider .swiper-rtl .swiper-button-prev:after,
  .homeSubSlider .swiper-button-prev:after,
  .homeSubSlider .swiper-rtl .swiper-button-next:after {
    font-size: 15px;
  }

  .homeSubSlider .swiper-button-next,
  .homeSubSlider .swiper-rtl .swiper-button-prev {
    right: -5px;
    left: auto;
  }

  .homeSubSlider .swiper-button-prev,
  .homeSubSlider .swiper-rtl .swiper-button-next {
    left: -5px;
    right: auto;
  }

  .shelterHeader .container-fluid {
    padding: 0px 20px 0px 20px;
  }

  .aboutSection .aboutDivFive,
  .aboutSection .aboutDivSix,
  .aboutSection .aboutDivSeven,
  .aboutSection .aboutDivEight,
  .aboutSection .aboutDivNine,
  .aboutSection .aboutDivTen {
    background: #000;
  }

  .mobileWrapper {
    height: 300px;
    width: 300px;
    margin-top: -196px;
    position: absolute;
    right: -45px;
  }

  .owl-carousel-vertical {
    transform: rotate3d(0, 0, 1, 90deg);
  }

  .owl-carousel-vertical .item {
    transform: rotate3d(0, 0, 1, -90deg);
  }

  .aboutSection .aboutDivThree .center .list3Div ul {
    visibility: visible !important;
  }

  .divSlider {
    position: absolute;
    bottom: -20%;
    right: -18%;
    width: 70%;
    z-index: 10;
    height: 428px;
  }

  .divSlider .swiper-slide {
    background: none;
    height: 320px !important;
  }

  .divSlider .swiper-slide h3 {
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
    /* text-transform: uppercase; */
    font-size: 2vh;
    margin-top: 5px;
    text-shadow: 1px 1px 3px black;
  }

  .divSlider .swiper-button-prev,
  .divSlider .swiper-button-next {
    color: #fff;
  }

  .divSlider .swiper-button-prev::after,
  .divSlider .swiper-button-next::after {
    font-size: 25px;
    color: #fff;
  }

  .divSlider .swiper-button-prev {
    left: 76%;
    right: auto;
    top: 94%;
    /* transform: rotateZ(-90deg);
    position: fixed; */
  }

  .divSlider .swiper-button-next {
    left: 76%;
    right: auto;
    top: 35%;
    /* transform: rotateZ(-90deg);
    position: fixed; */
  }

  .conSection .footer .footSocial {
    margin-top: 6vw;
    position: absolute;
    top: 56%;
    right: 8%;
  }

  .conSection .footer .footSocial a i {
    background: #fff;
    color: #181818;
    font-size: 12px;
  }

  .homeVideoDiv .homeLogo img {
    transition: all 0.5s;
    width: 35.9vw;
  }

  .companyPage .slide-container {
    min-height: auto;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li {
    margin-bottom: 10px;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li p {
    font-size: 20px !important;
  }

  .aboutSection .aboutDivFour .center .text-2,
  .aboutSection .aboutDivFour .center .text-1 {
    font-size: 17px !important;
  }

  .newsSection .divTwo .text .bottomText p {
    font-size: 16px;
  }

  .newsSection .divTwo .text p {
    font-size: 20px;
  }

  .shelterHeader .menu .menu-main ul li .com-link {
    font-size: 12px;
  }

  .constSection .companyDivThree p {
    font-size: 16px !important;
  }

  .designSection .companyDivThree p {
    font-size: 18px !important;
  }

  .facSection .companyDivThree p {
    font-size: 16px !important;
  }

  .kutschSection .companyDivThree p {
    font-size: 17px !important;
  }

  .kutschSection .companyDivThree .menu-footer {
    padding-left: 8%;
  }

  .companySection .companyDivThree p {
    font-size: 15px !important;
  }
}

.divTwoA .imgL {

  margin-top: -145px !important;

}

.divTwoB .imgL {

  margin-top: -335px !important;

}

@media (max-width: 375px) {
  .homeSubSlideOne {
    position: absolute;
    bottom: 50px;
    right: -250%;
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    z-index: 15;
  }
}

@media (min-width:376px) and (max-width: 457px) {
  .homeSubSlideOne {
    position: absolute;
    bottom: 50px;
    right: -200%;
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    z-index: 15;
  }
}

@media (min-width:458px) and (max-width: 600px) {
  .homeSubSlideOne {
    position: absolute;
    bottom: 50px;
    right: -150%;
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    z-index: 15;
  }
}

@media (min-width:601px) and (max-width: 800px) {
  .homeSubSlideOne {
    position: absolute;
    bottom: 50px;
    right: -100%;
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    z-index: 15;
  }
}

@media (min-width:801px) and (max-width: 990px) {
  .homeSubSlideOne {
    position: absolute;
    bottom: 50px;
    right: -60%;
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    z-index: 15;
  }
}

@media (max-width: 500px) {
  .divTwoA .imgL {
    display: flex !important;
    grid-template-columns: auto auto;
    align-items: flex;
    height: 100%;
    justify-content: flex-start;
    padding-right: 0px;
    margin-top: 0;
    gap: 1rem;
    position: absolute;
    width: 120px !important;
    right: 0px;
    top: 0 !important;
    margin-top: -310px !important;

    img {
      width: 100%;
    }
  }

  .divTwoB .imgL {
    display: flex !important;
    grid-template-columns: auto auto;
    align-items: flex;
    height: 100%;
    justify-content: flex-start;
    padding-right: 0px;
    margin-top: 0;
    gap: 1rem;
    position: absolute;
    width: 120px !important;
    right: 0px;
    top: -322px !important;


    img {
      width: 100%;
    }
  }

  .divTwoC .imgL {
    display: flex !important;
    grid-template-columns: auto auto;
    align-items: flex;
    height: 100%;
    justify-content: flex-start;
    padding-right: 0px;
    margin-top: 0;
    gap: 1rem;
    position: absolute;
    width: 120px !important;
    right: 0px;
    top: 0 !important;
    margin-top: -365px !important;

    img {
      width: 100%;
    }
  }

  .kutschSection .companyDivThree .menu-footer {
    padding-left: 14%;
  }

  .slide-container,
  .slide {
    min-height: 100% !important;
  }

  .mobile-pad5 {
    padding-bottom: 6rem !important;
  }

  .companySection .companyDivThree p {
    font-size: 13px !important;
  }

  .newsSection .divTwo .text p {
    font-size: 13px;
  }

  .kutschSection .companyDivThree p {
    font-size: 13px !important;
  }

  .facSection .companyDivThree p {
    font-size: 12px !important;
    margin-right: 1rem;
  }

  .companySection .companyDivThree .text {
    margin-right: 1rem;
  }

  .designSection .companyDivThree p {
    font-size: 12px !important;
  }

  .developSection .companyDivThree .list3Div p {
    font-size: 13px !important;
  }

  .constSection .companyDivThree p {
    font-size: 13px !important;
  }

  .shelterHeader .menu .menu-main ul li .com-link {
    font-size: 9px;
  }

  .aboutSection .aboutDivFour .center .text-2,
  .aboutSection .aboutDivFour .center .text-1 {
    font-size: 13px !important;
  }

  .newsSection .divTwo .text .bottomText p {
    font-size: 11px;
    line-height: 1.1;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li p {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    font-size: 12px !important;
  }

  .aboutSection .aboutDivThree .center .list3Div ul li {
    margin-bottom: 0px;
  }

  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .header-content.d-none {
    display: block !important;
  }

  .shelterHeader.companyHeader .brand {
    float: unset;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 30px;
    left: 20px;
  }

  .conSection .footer .bottom a b,
  .conSection .footer .bottom p b {
    color: #ffffff;
    font-weight: 300 !important;
  }

  .social-rounded.cus-social {
    left: 20px;
    top: 50%;
  }

  .companyMainBody header .companyBrand {
    display: none !important;
  }

  .shelterHeader.companyHeader .brand img {
    width: 45px;
  }

  .shelterHeader.companyHeader .nav-toggle-btn {
    top: auto;
  }

  .shelterHeader .lang-btn .dropdown-toggle {
    font-size: 18px;
    margin-right: 5px;
  }

  .shelterHeader .search-btn a {
    font-size: 18px;
  }

  .designSection .companyDivTwo {
    padding: 0 7.320644vw 0vw 7.320644vw !important;
  }

  .designSection .shaImg {
    width: 80vw;
  }

  .designSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .designSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .designSection .companyDivTwo .img1 {
    left: 40%;
    top: 23%;
  }

  .designSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .designSection .companyDivTwo .img2 {
    right: 0px;
    top: 13%;
  }

  .designSection .companyDivTwo .img2 img {
    width: 34.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 33vh;
  }

  .designSection .companyDivTwo .img3 {
    bottom: 20%;
    right: 0px;
  }

  .designSection .companyDivTwo .img3 img {
    width: 20.5vw;
  }

  .designSection .companyDivTwo .logo-img {
    margin-top: 55px;
    margin-left: 50px;
    position: absolute;
  }

  .designSection .companyDivTwo .logo-img img {
    width: 186px;
    margin-left: -6px;
    margin-top: -20px;
  }

  .designSection .companyDivTwo .text {
    margin-top: 70%;
    margin-left: 16%;
  }

  .designSection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .designSection .companyDivTwo .text .title span {
    display: unset;
  }

  .designSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .designSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .designSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 30%;
  }

  .designSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
    margin-right: 25%;
  }

  .designSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .designSection .companyDivTwo .text p br {
    display: none;
  }

  .designSection .companyDivThree .textDiv {
    padding: 2rem 3rem 0rem 5rem;
  }

  .designSection .companyDivThree .list3Div .line {
    left: -11vw;
    top: 0px;
    position: absolute;
  }

  .designSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .designSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 6rem;
  }

  .constSection .companyDivThree .filmModeSlider {
    padding-bottom: 0px;
  }

  .constSection .shaImg {
    width: 80vw;
  }

  .constSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .constSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .constSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .constSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .constSection .companyDivTwo .img2 {
    right: 0px;
    top: 20%;
  }

  .constSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .constSection .companyDivTwo .img3 {
    bottom: 12%;
    right: 0px;
  }

  .constSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .constSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .constSection .companyDivTwo .text {
    margin-top: 78%;
    margin-left: 16%;
  }

  .constSection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .constSection .companyDivTwo .text .title span {
    display: unset;
  }

  .constSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .constSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .constSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 30%;
  }

  .constSection .companyDivTwo .text p.p1 br {
    margin-top: 10px;
  }

  .constSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .constSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .constSection .companyDivThree .textDiv {
    padding: 0rem 3rem 0rem 5rem;
  }

  .constSection .companyDivThree .textDiv p {
    font-size: 12px !important;
  }

  .constSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .constSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .constSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .constSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 8rem;
  }

  .constSection .companyDivTwo .logo-img {
    margin-top: 60px;
    margin-left: 50px;
    position: absolute;
  }

  .constSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .constSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .constSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .developSection .shaImg {
    width: 75vw;
  }

  .developSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .developSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .developSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .developSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .developSection .companyDivTwo .img2 {
    right: 0px;
    top: 20%;
  }

  .developSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .developSection .companyDivTwo .img3 {
    bottom: 17%;
    right: 0px;
  }

  .developSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .developSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .developSection .companyDivTwo .text {
    margin-top: 61%;
    margin-left: 16%;
  }

  .developSection .companyDivTwo .text .title {
    font-size: 23px !important;
  }

  .developSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .developSection .companyDivTwo .text .title span {
    display: unset;
  }

  .developSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .developSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .developSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 42%;
  }

  .developSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
    margin-right: 23%;
  }

  .developSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .developSection .companyDivThree .textDiv {
    padding: 2rem 3rem 0rem 5rem;
  }

  .developSection .companyDivThree .textDiv p {
    font-size: 12px !important;
  }

  .developSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .developSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .developSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .developSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .developSection .companyDivTwo .logo-img {
    margin-top: 60px;
    margin-left: 45px;
    position: absolute;
  }

  .developSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .developSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .developSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .facSection .shaImg {
    width: 75vw;
  }

  .facSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .facSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .facSection .companyDivTwo .img1 {
    left: 40%;
    top: 18%;
  }

  .facSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .facSection .companyDivTwo .img2 {
    right: 0px;
    top: 12%;
  }

  .facSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .facSection .companyDivTwo .img3 {
    bottom: 21%;
    right: 0px;
  }

  .facSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .facSection .companyDivTwo .text {
    margin-top: 61%;
    margin-left: 16%;
  }

  .facSection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .facSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .facSection .companyDivTwo .text .title span {
    display: unset;
  }

  .facSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .facSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .facSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 42%;
  }

  .facSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
    margin-right: 22%;
  }

  .facSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .facSection .companyDivTwo .text p br {
    display: none;
  }

  .facSection .companyDivThree .textDiv {
    padding: 2rem 3rem 0rem 5rem;
  }

  .facSection .companyDivThree .textDiv p {
    font-size: 12px !important;
  }

  .facSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .facSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .facSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .facSection .companyDivTwo .logo-img {
    margin-top: 40px;
    margin-left: 35px;
    position: absolute;
  }

  .facSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .facSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .facSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .kutschSection .shaImg {
    width: 75vw;
  }

  .kutschSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .kutschSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .kutschSection .companyDivTwo .img1 {
    left: 40%;
    top: 30%;
  }

  .kutschSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .kutschSection .companyDivTwo .img2 {
    right: 0px;
    top: 20%;
  }

  .kutschSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .kutschSection .companyDivTwo .img3 {
    bottom: 25%;
    right: 0px;
  }

  .kutschSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .kutschSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .kutschSection .companyDivTwo .text {
    margin-top: 85%;
    margin-left: 16%;
  }

  .kutschSection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .kutschSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .kutschSection .companyDivTwo .text .title span {
    display: unset;
  }

  .kutschSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .kutschSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 42%;
  }

  .kutschSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .kutschSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .kutschSection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .kutschSection .companyDivThree .textDiv p {
    font-size: 12px !important;
  }

  .kutschSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .kutschSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .kutschSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .kutschSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .kutschSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 50px;
    position: absolute;
  }

  .kutschSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .kutschSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .kutschSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .companySection .shaImg {
    width: 80vw;
  }

  .companySection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .companySection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .companySection .companyDivTwo .img1 {
    left: 40% !important;
    top: 32% !important;
  }

  .companySection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .companySection .companyDivTwo .img2 {
    right: 0px !important;
    top: 23% !important;
  }

  .companySection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .companySection .companyDivTwo .img3 {
    bottom: 20% !important;
    right: 0px !important;
  }

  .companySection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .companySection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .companySection .companyDivTwo .text {
    margin-top: 85%;
    margin-left: 16%;
  }

  .companySection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .companySection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .companySection .companyDivTwo .text .title span {
    display: unset;
  }

  .companySection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .companySection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .companySection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 42%;
  }

  .companySection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
    margin-right: 21%;
  }

  .companySection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .companySection .companyDivTwo .text p br {
    display: none;
  }

  .companySection .companyDivThree .textDiv {
    padding: 6rem 3rem 0rem 5rem;
  }

  .companySection .companyDivThree .textDiv p {
    font-size: 12px !important;
  }

  .companySection .companyDivThree .list3Div .line {
    left: -27vw;
    top: 0px;
    position: absolute;
  }

  .companySection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .companySection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .companySection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 4rem;
  }

  .companySection .companyDivThree .rightTxts {
    padding-left: 6rem;
    padding-top: 1rem;
  }

  .companySection .companyDivTwo .logo-img {
    margin-top: 70px;
    margin-left: 50px;
    position: absolute;
  }

  .companySection .companyDivThree .list3Div .line img {
    height: 38.980966vw !important;
  }

  .companySection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .companySection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .metaliumSection .shaImg {
    width: 75vw;
  }

  .metaliumSection .companyDivOne .logo-img img {
    width: 200px;
    margin: auto;
  }

  .metaliumSection .companyDivOne .logo-img {
    position: absolute;
    bottom: 100px;
  }

  .metaliumSection .companyDivTwo .img1 {
    left: 40%;
    top: 32%;
  }

  .metaliumSection .companyDivTwo .img1 img {
    width: 22vw !important;
  }

  .metaliumSection .companyDivTwo .img2 {
    right: 0px;
    top: 25%;
  }

  .metaliumSection .companyDivTwo .img2 img {
    width: 33.636603vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    height: 32vh;
  }

  .metaliumSection .companyDivTwo .img3 {
    bottom: 20%;
    right: 0px;
  }

  .metaliumSection .companyDivTwo .img3 img {
    width: 17.5vw;
  }

  .metaliumSection .companyDivTwo .logo-img img {
    width: 169px;
  }

  .metaliumSection .companyDivTwo .text {
    margin-top: 85%;
    margin-left: 16%;
  }

  .metaliumSection .companyDivTwo .text .title {
    font-size: 29px !important;
  }

  .metaliumSection .companyDivTwo .text .title {
    margin-bottom: 20px;
  }

  .metaliumSection .companyDivTwo .text .title span {
    display: unset;
  }

  .metaliumSection .companyDivTwo .text .title span:nth-child(2) {
    margin-left: 0%;
    margin-top: unset;
  }

  .metaliumSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .metaliumSection .companyDivTwo .text p.p1 {
    margin-left: 0%;
    letter-spacing: unset;
    margin-right: 20%;
  }

  .metaliumSection .companyDivTwo .text p.p2 {
    margin-left: 11%;
    margin-top: 30px;
    letter-spacing: unset;
  }

  .metaliumSection .companyDivTwo .text p {
    font-size: 12px !important;
  }

  .metaliumSection .companyDivThree .textDiv {
    padding: 0rem 3rem 0rem 3rem;
  }

  .metaliumSection .companyDivThree .textDiv p {
    font-size: 14px !important;
  }

  .metaliumSection .companyDivThree .list3Div .line {
    left: -19vw;
    top: 0px;
    position: absolute;
  }

  .metaliumSection .companyDivThree .subtitle h2 {
    font-size: 14px !important;
  }

  .metaliumSection .companyDivThree .list3Div .line img {
    height: 14.980966vw !important;
  }

  .metaliumSection .companyDivThree .list3Div {
    position: relative;
    margin-top: 2rem !important;
    margin-left: 7rem;
  }

  .metaliumSection .companyDivTwo .logo-img {
    margin-top: 80px;
    margin-left: 35px;
    position: absolute;
  }

  .metaliumSection .companyDivThree .list3Div .line img {
    height: 28.980966vw !important;
  }

  .metaliumSection .list3Div .line {
    left: -21vw;
    top: 0px;
    position: absolute;
  }

  .metaliumSection .companyDivTwo .logo-img img {
    width: 150px;
  }

  .shelterHeader .menu .social.download a {
    font-size: 15px;
  }

  .newsSection .grid .col {
    width: 100%;
  }

  .newsSection .grid {
    display: grid;
    padding: 6rem 0rem 0rem 6rem;
    grid-template-columns: auto auto;
  }

  .newsSection .grid .col .head h5,
  .newsSection .grid .col h5 {
    font-size: 14px;
  }

  .newsSection .grid .col .head p,
  .newsSection .grid .col p {
    font-size: 10px;
  }

  .newsSection .grid .col .side p {
    font-size: 10px;
  }

  .newsSection .grid .col .side {
    bottom: 7rem;
    left: -40px;
    width: 150px;
  }

  .etSection .companyDivThree p {
    font-size: 12px !important;
    width: 93%;
    min-width: unset;
  }

  .etSection .logo-img img {
    width: 150px;
    image-rendering: auto;
    -o-object-fit: fill;
    object-fit: fill;
    margin-top: -10px;
    margin-bottom: 14px;
    margin-left: -5px;
  }

  .etSection .companyDivThree .textDiv {
    padding: 6rem 9vw 1vw 12vw;
  }

  .etSection .companyDivThree .imgDiv {
    margin-top: 25px;
    padding: 0 4rem;
  }

  .imgDiv .row>* {
    width: 33%;
  }

  .imgDiv .row>* img {
    width: 100%;
  }

  .home-piling .slide1 {
    background: #0c0c0c !important;
  }

  .shelterHeader .brand {
    top: 100%;
  }

  .shelterHeader .brand img {
    width: 90px;
  }

  .owlCMSlider {
    background: transparent;
    margin: 18rem 0 0 0rem;
    padding: 5rem 0 !important;
  }

  .owlCMSlider img {
    width: 100% !important;
    height: 270px;
    -webkit-filter: grayscale(1) brightness(0.5);
    filter: grayscale(1) brightness(0.5);
    transition: all 0.5s;
  }

  .owlCMSlider .swiper-slide {
    background: transparent;
    flex-direction: column;
    transition: all 0.5s;
  }

  .owlCMSlider .text,
  .owlCMSlider .logo {
    display: none;
  }

  .owlCMSlider .text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.5s;
  }

  .owlCMSlider .text img {
    width: auto !important;
    height: 55px;
    -webkit-filter: unset;
    filter: unset;
  }

  .owlCMSlider .logo {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.5s;
  }

  .owlCMSlider .logo img {
    width: auto !important;
    height: 95px;
    -webkit-filter: unset;
    filter: unset;
  }

  .owlCMSlider .swiper-button-next,
  .owlCMSlider .swiper-button-prev {
    left: 80px;
    right: auto;
    color: #fff;
    transform: scale(0.5);
  }

  .owlCMSlider .swiper-button-next {
    left: auto;
    right: 80px;
  }

  .owlCMSlider .swiper-slide-active {
    transition: all 0.5s;
    z-index: 11;
  }

  .owlCMSlider .swiper-slide-active a {
    transition: all 0.5s;
    transform: scale(1.3) scale(1.5);
    -webkit-transform: scale(1.3) scale(1.5);
  }

  .owlCMSlider .swiper-slide-active:hover .logo {
    display: block;
  }

  .owlCMSlider .swiper-slide-active:hover .text {
    display: none;
  }

  .owlCMSlider .swiper-slide-active:hover img {
    -webkit-filter: unset;
    filter: unset;
  }

  .etPage .shelterHeader.companyHeader .brand {
    display: none;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(1) img {
    width: 100%;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(2) img {
    width: 100% !important;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(3) img {
    width: 100% !important;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(4) img {
    width: 60px;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(5) img {
    min-width: 100% !important;
  }

  .etSection .companyDivThree .imgDiv .imgM:nth-child(6) img {
    width: 40px;
  }

  .newsSection .divTwo .col-6,
  .newsSection .divTwo .col-4,
  .newsSection .divTwo .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 5rem !important;
  }

  .newsSection .divTwo .Fimg img {
    height: unset;
  }

  .newsSection .divTwo {
    padding: 9rem 0rem 0rem 3rem;
  }

  .newsSection .divTwo br {
    display: none;
  }

  .newsSection .divTwo .text {
    margin-top: 4vw;
    margin-left: 0;
    margin-right: 0rem;
  }

  .newsSection .divTwo .imgL {
    display: grid;
    grid-template-columns: auto auto;
    align-items: flex-end;
    height: 100%;
    justify-content: flex-end;
    padding-right: 0px;
    margin-top: 0;
    gap: 1rem;
    position: absolute;
    width: 150px;
    right: 0px;
    margin-top: 25px;
  }

  .newsSection .divTwo .imgL img {
    width: 100%;
  }

  .serviceSection .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .serviceSection .grid .col {
    width: 100%;
    height: 20vh;
    padding: 3vw;
    position: relative;
  }

  .serviceSection .gridText {
    padding: 7rem 0rem 0rem 6rem;
  }

  .serviceSection .gridText .head p {
    font-size: 12px;
    margin-right: 2rem;
  }

  .serviceSection .gridText .head p br {
    display: none;
  }

  .serviceSection .gridText .head h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .serviceSection .gridText .col h5 {
    font-size: 12px;
  }

  .serviceSection .gridText .col h5 br {
    display: none;
  }

  .awardSection .awdImg {
    margin-top: 0vw;
  }

  .awardSection .awardDivOne {
    padding: 10rem 2rem 0px 7.5rem;
  }

  .awardSection .awardDivOne .text-justify {
    text-align: left !important;
  }

  .awardSection h2 {
    font-size: 14px !important;
    margin-bottom: 10px;
    line-height: 1.3 !important;
  }

  .awardSection p {
    font-size: 13px;
    width: unset;
  }

  .awardSection .awdImg .col-lg-4,
  .awardSection .awdImg .col-lg-2 {
    width: 33%;
  }

  .awardSection .item {
    margin-bottom: 2rem;
  }

  .awardSection .item p {
    font-size: 9px;
  }

  .awardSection .item p br {
    display: none;
  }

  .awardSection .item img {
    width: 100% !important;
    margin-bottom: 0rem;
    height: auto !important;
  }

  .awardSection .item.gorImg img {
    width: 109px !important;
    height: 68px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
    margin-left: -2rem;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
  }

  .susSection .susDivOne {
    padding: 10rem 2rem 0 3rem;
    max-width: 830px;
    margin: auto;
  }

  .susSection .susDivOne .title {
    font-size: 11px !important;
    line-height: 1.8;
    padding-top: 10px;
  }

  .susSection .susDivOne p {
    font-size: 11px !important;
    line-height: 1.2;
    max-width: 77%;
    margin: auto;
    margin-bottom: 10px;
    margin-left: 3rem;
  }

  .susSection .img {
    position: relative;
  }

  .susSection .img img {
    height: 100%;
  }

  .constSection .companyDivTwo {
    padding: 0 7.320644vw 7.320644vw 6.320644vw !important;
  }

  .constSection .companyDivThree .text {
    padding: 7.980966vw 1.464129vw 1.464129vw 7.248902vw !important;
  }

  .developSection .companyDivTwo {
    padding: 0 3.320644vw 0vw 6.920644vw !important;
  }

  .facSection .companyDivTwo {
    padding: 0 7.320644vw 0 8.320644vw !important;
  }

  .kutschSection .companyDivTwo {
    padding: 0 7.320644vw 0 6.320644vw !important;
  }

  .companySection .companyDivTwo {
    padding: 0 6.320644vw 0 7.320644vw !important;
  }

  .metaliumSection .companyDivTwo {
    padding: 0 4.320644vw 0vw 6.320644vw !important;
  }

  .conSection .img {
    margin-top: 25vw;
  }

  .conSection .img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 30vh;
    -o-object-position: left bottom;
    object-position: left bottom;
  }

  .conSection .form {
    width: 43vw;
    top: 20vw;
    right: 2vw;
  }

  .conSection .gBtn {
    top: 37vw;
    left: 13vw;
  }

  .conSection .gBtn a {
    padding: 10px 29px 10px 10px;
    font-size: 9px;
  }

  .conSection .gBtn a::before {
    width: 18px;
    right: 5%;
  }

  .conSection .form .head h4 {
    font-size: 10px;
  }

  .conSection .form .fC label {
    font-size: 11px;
  }

  .conSection .form .fC .btn button {
    padding: 5px 30px 5px 10px;
    font-size: 10px;
  }

  .conSection .form {
    padding-bottom: 30px;
  }

  .aboutSection .aboutDivOne .title {
    font-size: 12px !important;
    line-height: 1.3;
  }

  .aboutSection .aboutDivOne {
    padding: 0rem 3rem 0 6rem;
    height: 100%;
    max-width: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .counter {
    padding: 30px 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .counter .item {
    margin-bottom: 20px;
  }

  .counter .item .number {
    margin-bottom: 0px;
    font-size: 14px !important;
  }

  .counter .item p {
    font-size: 10px !important;
    margin-top: 5px !important;
  }

  .conSection .footer .cMail a {
    font-size: 15px;
  }

  .conSection .footer .cMail h5 {
    font-size: 11px;
  }

  .conSection .footer {
    padding: 13rem 0px 25px 5rem;
  }

  .conSection .footer .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0px;
    margin-bottom: 20px;
  }

  .conSection .footer .bottom a,
  .conSection .footer .bottom p {
    font-size: 8px;
  }

  .conSection .footer .bottom .down {
    margin-top: 5px;
  }

  .footer.mobileSocial {
    position: absolute;
    padding: 8rem 0px 25px 5rem;
    right: 31px;
  }

  .aboutSection .aboutDivOne p {
    font-size: 13px !important;
    line-height: 1.1;
    margin-top: 40px;
  }

  .counter {
    margin-top: 30px;
    display: grid;
    grid-template-columns: auto auto;
  }

  .shelterHeader .menu {
    width: 24rem;
  }

  .aboutSection .aboutDivTwo .center {
    width: 100%;
    padding: 0px 40px;
  }

  .aboutSection .aboutDivTwo .left {
    width: 75%;
    margin-top: 5rem;
  }

  .aboutSection .aboutDivTwo .left img {
    height: 37vh;
    width: 69%;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .aboutSection .aboutDivTwo {
    flex-direction: column;
  }

  .aboutSection .aboutDivTwo .center .textDiv {
    margin-top: 15px;
  }

  .aboutSection .aboutDivTwo .center .title {
    margin-bottom: 0px;
    font-size: 14px !important;
    margin-right: 2rem;
  }

  .aboutSection .aboutDivTwo .center .title br {
    display: none;
  }

  .aboutSection .aboutDivThree .center .title {
    visibility: visible !important;
  }

  .aboutSection .aboutDivTwo .center .text {
    font-size: 11px !important;
    visibility: visible !important;
    margin-right: 2rem;
  }

  .aboutSection .aboutDivTwo .center .text.mt-5 {
    margin-top: 1rem !important;
  }

  .aboutSection .aboutDivTwo .right img {
    width: 35%;
    margin-top: 0rem;
    visibility: visible !important;
  }

  .aboutSection .aboutDivTwo .right {
    width: 100%;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .textDiv,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .textDiv {
    margin-left: 5rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .yearBgImg,
  .aboutSection .aboutDivSix .aboutDivSixDiv .yearBgImg,
  .aboutSection .aboutDivSeven .aboutSevenDiv .yearBgImg,
  .aboutSection .aboutDivEight .aboutSevenDiv .yearBgImg,
  .aboutSection .aboutDivNine .aboutSevenDiv .yearBgImg,
  .aboutSection .aboutDivTen .aboutSevenDiv .yearBgImg {
    margin-top: 2rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center,
  .aboutSection .aboutDivEight .aboutSevenDiv .center,
  .aboutSection .aboutDivNine .aboutSevenDiv .center,
  .aboutSection .aboutDivTen .aboutSevenDiv .center {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .topline,
  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .topline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .topline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    font-size: 16px !important;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year {
    font-size: 57px !important;
    margin-left: 6rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .year span small,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .year span small,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .year span small,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .year span small,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .year span small,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .year span small {
    margin-left: -10px;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .bottomline,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .bottomline,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .bottomline,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .bottomline {
    margin-left: 11rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text br,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text br,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text br,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text br,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text br,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text br {
    display: none;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text-1,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-1,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-1,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text-1,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text-1,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-1 {
    margin-left: 2rem;
    margin-right: 0rem;
    margin-top: 2rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text-2,
  .aboutSection .aboutDivSix .aboutDivSix .center .text-2,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-2,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text-2,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text-2,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    margin-left: 5rem;
    margin-right: 2rem;
  }

  .aboutSection .aboutDivFive .aboutFiveDiv .center .text,
  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .text,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .text,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .text {
    font-size: 11px !important;
    line-height: 1.2;
    margin-right: 2rem;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .textDiv,
  .aboutSection .aboutDivSeven .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivEight .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivNine .aboutSevenDiv .center .textDiv,
  .aboutSection .aboutDivTen .aboutSevenDiv .center .textDiv {
    padding-left: 2rem;
  }

  .aboutSection .aboutDivSix,
  .aboutSection .aboutDivSeven,
  .aboutSection .aboutDivEight,
  .aboutSection .aboutDivNine,
  .aboutSection .aboutDivTen {
    background-size: contain;
    background-position: left bottom;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-1 {
    padding-left: 0rem;
    margin-left: 0rem !important;
  }

  .aboutSection .aboutDivThree {
    display: block;
  }

  .aboutSection .aboutDivThree .left,
  .aboutSection .aboutDivThree .center,
  .aboutSection .aboutDivThree .right {
    width: 100%;
  }

  .aboutSection .aboutDivThree .left img {
    width: 52%;
  }

  .aboutSection .aboutDivThree .left {
    align-items: flex-start;
    height: unset;
    padding-top: 6rem;
  }

  .aboutSection .aboutDivThree .center .text {
    margin-right: 1rem !important;
  }

  .aboutSection .aboutDivThree .center .text-1,
  .aboutSection .aboutDivThree .center .text-2 {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .aboutSection .aboutDivThree .center .text-1 br,
  .aboutSection .aboutDivThree .center .text-2 br {
    display: none;
  }

  .aboutSection .aboutDivThree .center .textDiv {
    margin-top: 5rem;
    padding: 0 1rem;
    margin-left: 6rem;
  }

  .aboutSection .aboutDivThree .center .list3Div {
    position: relative;
    margin-left: 0%;
  }

  .aboutSection .aboutDivThree .center .list3Div .line {
    position: absolute;
    left: -8.5rem;
    top: -5px;
  }

  .aboutSection .aboutDivThree .center .list3Div .line img {
    display: block !important;
    height: 42.524158vw !important;
  }

  .aboutSection .aboutDivThree .right {
    height: auto;
  }

  .aboutSection .aboutDivThree .right img {
    opacity: 1;
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
    visibility: visible !important;
  }

  .aboutSection .aboutDivFour {
    flex-direction: column;
  }

  .aboutSection .aboutDivFour .left {
    width: 45%;
    padding-top: 5rem;
  }

  .aboutSection .aboutDivFour .center {
    width: 100%;
  }

  .aboutSection .aboutDivFour .center .text-1 {
    margin-right: 0rem;
  }

  .aboutSection .aboutDivFour .center .textDiv {
    padding-left: 8rem;
    margin-top: 7rem !important;
  }

  .aboutSection .aboutDivFour .center .text-2 {
    margin-left: 2rem;
    margin-right: 0rem;
  }

  .homeMainSlide .homeMainSlider .slide-1 {
    background: url(../image/home/slide/slide-mobile-1.html);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-2 {
    background: url(../image/home/slide/slide-mobile-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-3 {
    background: url(../image/home/slide/slide-mobile-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-4 {
    background: url(../image/home/slide/slide-mobile-4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .homeMainSlider .slide-5 {
    background: url(../image/home/slide/slide-mobile-5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
  }

  .homeMainSlide .textBanner .text p {
    font-size: 3.196193vw;
  }

  .homeMainSlide .textBanner .text h2 {
    font-size: 26px !important;
    text-shadow: 1px 1px 3px #323232;
  }

  .homeMainSlide .textBanner .barImg img {
    height: 10vh;
    margin-top: 4px;
  }

  .homeMainSlide .textBanner .barImg {
    position: absolute;
    left: 17%;
  }

  .homeMainSlide .textBanner {
    top: 30%;
    left: 5.5%;
  }

  .homeMainSlide .textBanner {
    padding-left: 9rem;
  }

  /* .homeSubSlideOne:hover {
    right: 20%;
    bottom: -100%;
  } */

  .homeSubSlideOne .item img {
    width: 100%;
    /* height: auto; */
  }

  .homePage {
    overflow: hidden;
  }

  .designSection .mobilslideOne .companyBrand,
  .constSection .mobilslideOne .companyBrand,
  .developSection .mobilslideOne .companyBrand,
  .facSection .mobilslideOne .companyBrand,
  .kutschSection .mobilslideOne .companyBrand,
  .companySection .mobilslideOne .companyBrand,
  .metaliumSection .mobilslideOne .companyBrand {
    position: absolute;
    z-index: 10;
    left: 52.5%;
    transform: translateX(-50%);
    top: 10%;
  }

  .designSection .mobilslideOne .companyBrand img,
  .constSection .mobilslideOne .companyBrand img,
  .developSection .mobilslideOne .companyBrand img,
  .facSection .mobilslideOne .companyBrand img,
  .kutschSection .mobilslideOne .companyBrand img,
  .companySection .mobilslideOne .companyBrand img,
  .metaliumSection .mobilslideOne .companyBrand img {
    width: 100%;
  }

  .designSection .mobilslideTwo .companyBrand,
  .constSection .mobilslideTwo .companyBrand,
  .developSection .mobilslideTwo .companyBrand,
  .facSection .mobilslideTwo .companyBrand,
  .kutschSection .mobilslideTwo .companyBrand,
  .companySection .mobilslideTwo .companyBrand,
  .metaliumSection .mobilslideTwo .companyBrand {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 20px;
    z-index: 11;
  }

  .copyright-fixed.scOpenClose {
    left: 20px;
  }

  .homeMainSlide {
    height: 100vh;
    overflow: hidden;
  }

  .susSection .susDivTwo .center .textDiv {
    margin-left: 2rem;
    margin-top: 8rem;
  }

  .susSection .susDivTwo .center .text {
    font-size: 11px !important;
    margin-right: 8rem;
    text-align: left;
  }

  .susSection .susDivTwo .center .text br {
    display: none;
  }

  .susSection .susDivTwo .center .text-2 {
    margin-right: 3rem !important;
  }

  .susSection .susDivTwo .rightImg .imgOne {
    top: 9rem;
    left: 7.5rem;
  }

  .susSection .susDivTwo .rightImg .imgOne img {
    width: 30vw;
  }

  .susSection .susDivTwo .rightImg .imgTwo {
    top: 9rem;
    left: 19rem;
  }

  .susSection .susDivTwo .rightImg .imgTwo img {
    width: 23vw;
    height: 40vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .susSection .susDivTwo .rightImg .imgThree {
    top: 27rem;
    left: auto;
    right: 1rem;
  }

  .susSection .susDivTwo .rightImg .imgThree img {
    width: 17vw;
    height: 20vw;
  }

  .susSection .susDivTwo .rightImg .imgFour {
    top: auto;
    bottom: 4rem;
    right: 9rem;
    left: auto;
  }

  .susSection .susDivTwo .rightImg .imgFour img {
    height: 18.5vh;
    width: 23vw;
  }

  .susSection .susDivTwo .rightImg .imgFive {
    top: auto;
    bottom: 6rem;
    left: auto;
    right: 0rem;
  }

  .susSection .susDivTwo .rightImg .imgFive img {
    height: 17.5vh;
    width: 20vw;
  }

  .aboutSection .aboutDivSix .aboutDivSixDiv .center .text-2 {
    margin-left: 8rem;
  }

  .aboutSection .aboutDivFour .right {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-bottom: 2.5rem;
    justify-content: flex-end;
  }

  .aboutSection .aboutDivFour .right img {
    width: 45%;
  }

  .aboutSection .aboutDivSeven .aboutSevenDiv .center .text-2 {
    padding-bottom: 0rem;
  }

  .aboutSection .aboutDivTen .aboutSevenDiv .center .text-2 {
    padding-bottom: 2rem;
  }

  .aboutSection .aboutDivFour .skyImg {
    position: relative;
  }

  .aboutSection .aboutDivFour .skyImg img {
    width: 100%;
    visibility: visible !important;
  }

  .aboutSection .aboutDivEight .aboutSevenDiv .center .yearBgImg {
    margin-top: 0rem;
    position: fixed;
    bottom: 0;
  }

  .homeSubSlide {
    position: absolute;
    bottom: 15px;
    right: 0%;
    width: 150px;
    z-index: 100;
    left: auto;
  }

  .homeSubSlide .swiper-slide h3 {
    font-size: 13px;
    text-align: center;
  }

  .homeSubSlide .swiper-slide:nth-child(1) {
    margin-left: 0px !important;
  }

  .homeSubSlide .swiper-slide {
    background: transparent;
    width: inherit !important;
  }

  .homeSubSlide .swiper-slide.swiper-slide-active {
    margin-left: 0px;
  }

  .homeSubSlider .swiper-button-next,
  .homeSubSlider .swiper-rtl .swiper-button-prev,
  .homeSubSlider .swiper-button-prev,
  .homeSubSlider .swiper-rtl .swiper-button-next {
    color: #fff;
    background: rgba(255, 255, 255, 0.5803921569);
  }

  .homeSubSlider .swiper-slide img {
    height: 150px;
    width: auto;
    -o-object-fit: unset;
    object-fit: unset;
    margin: auto;
  }

  .homeSubSlider .swiper-button-next:after,
  .homeSubSlider .swiper-rtl .swiper-button-prev:after,
  .homeSubSlider .swiper-button-prev:after,
  .homeSubSlider .swiper-rtl .swiper-button-next:after {
    font-size: 15px;
  }

  .homeSubSlider .swiper-button-next,
  .homeSubSlider .swiper-rtl .swiper-button-prev {
    right: -5px;
    left: auto;
  }

  .homeSubSlider .swiper-button-prev,
  .homeSubSlider .swiper-rtl .swiper-button-next {
    left: -5px;
    right: auto;
  }

  .shelterHeader .container-fluid {
    padding: 0px 20px 0px 20px;
  }

  .aboutSection .aboutDivFive,
  .aboutSection .aboutDivSix,
  .aboutSection .aboutDivSeven,
  .aboutSection .aboutDivEight,
  .aboutSection .aboutDivNine,
  .aboutSection .aboutDivTen {
    background: #000;
  }

  .mobileWrapper {
    height: 300px;
    width: 300px;
    margin-top: -196px;
    position: absolute;
    right: -45px;
  }

  .owl-carousel-vertical {
    transform: rotate3d(0, 0, 1, 90deg);
  }

  .owl-carousel-vertical .item {
    transform: rotate3d(0, 0, 1, -90deg);
  }

  .aboutSection .aboutDivThree .center .list3Div ul {
    visibility: visible !important;
  }

  .divSlider {
    position: absolute;
    bottom: 10%;
    right: -5%;
    width: 100%;
    z-index: 10;
    height: 235px;
  }

  .divSlider .swiper-wrapper {
    padding-top: 40px;
  }

  .divSlider .swiper-slide {
    background: none;
    height: 185px !important;
  }

  .divSlider .swiper-slide h3 {
    font-family: 'Poppins', sans-serif; /* Adding the Poppins font family */
    /* text-transform: uppercase; */
    font-size: 3vw;
    margin-top: 5px;
    text-shadow: 1px 1px 3px black;
    text-align:center;
  }

  .divSlider .swiper-button-prev,
  .divSlider .swiper-button-next {
    color: #fff;
  }

  .divSlider .swiper-button-prev i,
  .divSlider .swiper-button-next i {
    font-size: 40px;
    color: #fff;
  }

  .divSlider .swiper-button-prev::after,
  .divSlider .swiper-button-next::after {
    font-size: 25px;
    color: #fff;
    display: none;
  }

  .divSlider .swiper-button-prev {
    left: 30%;
    right: auto;
    top: auto;
    transform: unset;
    position: absolute;
    bottom: 10%;
    z-index: 10;
    display: block !important;
    visibility: visible !important;
    text-rendering: auto;
    width: auto;
  }

  .divSlider .swiper-button-next {
    left: 30%;
    right: auto;
    top: auto;
    transform: unset;
    position: absolute;
    bottom: 92%;
    z-index: 10;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-rendering: auto;
    width: auto;
  }

  .conSection .footer .footSocial {
    margin-top: 6vw;
    position: absolute;
    top: 52%;
    right: 8%;
  }

  .conSection .footer .footSocial a i {
    background: #fff;
    color: #181818;
    font-size: 12px;
  }

  .footSocial {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    margin-top: 10rem;
    width: 100%;
  }

  .footSocial li {
    margin-right: 10px;
  }

  .footSocial a i {
    background: #fff;
    color: #181818;
    font-size: 13px;
    border-radius: 21px;
    padding: 4px;
  }

  .homeVideoDiv .homeLogo img {
    transition: all 0.5s;
    width: 35.9vw;
  }

  .companyPage .slide-container {
    min-height: auto;
  }

  .slide-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .mobile-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  video::-webkit-media-controls {
    display: none !important;
  }

  video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
  }
}

.utubevideo {
  display: inline-block;
  height: 100%;
}

@media (max-width: 900px) {
  .mobileAbout {
    overflow: visible !important;
  }

  .mobileAbout ::-webkit-scrollbar {
    background: transparent;
    width: 0px !important;
    height: 0px !important;
  }

  .mobileAbout .full-height {
    min-height: 100% !important;
  }

  .mobileAbout .pp-section {
    overflow: scroll !important;
    position: relative !important;
  }

  .mobileAbout .pp-scrollable {
    overflow-y: scroll !important;
    height: 100% !important;
  }

  .mobileAbout .slide {
    min-height: 100% !important;
  }

  .mobileAbout .pp-scrollable {
    overflow-x: scroll !important;
    overflow-y: auto;
  }

  .mobileAbout .pp-scrollable {
    overflow-y: scroll;
    height: 100% !important;
  }

  .mobileAbout .pp-section {
    height: 100% !important;
    position: relative !important;
    width: 100%;
    backface-visibility: hidden;
  }

  .mobileAbout .aboutSection .aboutDivEight .aboutSevenDiv .center .yearBgImg {
    position: relative;
  }

  .mobileAbout .aboutSection .aboutDivOne {
    padding: 8rem 3rem 0 6rem;
  }

  .home-arrow-div {
    position: absolute;
    bottom: 15%;
    left: 50%;
    z-index: 1001;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
  }

  .home-arrow-div .arrow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.05rem;
    margin-left: 1px;
  }

  .home-arrow-div .arrow i {
    color: #f1f1f1;
    text-align: center;
  }

  .home-arrow-div .logo img {
    width: 70px;
  }
}

.awardSection .awdImg .item .awdimg3 {
  width: 279px;
  height: 175px;
  object-fit: contain;
}

@media (max-width: 1500px) {
  .awardSection .item.gorImg img {
    width: 160px !important;
    height: 100px !important;
    object-fit: contain;
  }

  .awardSection .item img {
    width: 100px;
    margin-bottom: 1rem;
  }

  .awardSection .awdImg {
    margin-top: 0vw;
  }

  .aboutcomprehensive {
    max-width: 1000px !important;
  }

  /*.aboutcomprehensive .gridtext p:last-child {
    margin-top: -4.5rem !important;
  }*/
}

@media (max-width: 500px) {

  /*---- modify css start ---- */
  .awardSection .awdImg .item .awdimg3 {
    width: 86px !important;
    height: 60px !important;
    object-fit: contain;
  }

  .newsSection .divTwo .text .bottomText {

    margin-bottom: 70px !important;
  }

  /*---- modify css end ---- */

  .aboutcomprehensive .gridtext p:last-child {
    margin-top: 0rem !important;
    order: 3;
  }

  .aboutcomprehensive .gridtext p:nth-child(1) {
    order: 0;
  }

  .aboutcomprehensive .gridtext p:nth-child(2) {
    order: 2;
  }

  .aboutcomprehensive .gridtext p:nth-child(3) {
    order: 1;
  }

  .aboutcomprehensive {
    padding: 30rem 3rem 0rem 5rem !important;
  }

  .aboutcomprehensive .gridtext {
    display: flex !important;
    flex-direction: column;
  }

  .aboutcomprehensive .gridtext p {
    text-align: left !important;
    margin-bottom: -24px !important;
  }

  .aboutcomprehensive .gridimg {
    grid-template-columns: repeat(2, 1fr);
  }

  .aboutSection .textDiv p {
    padding-top: 5px;
  }

}

@media (min-width: 1400px) {
  .copyright-fixed.video-btn {
    bottom: 13.3rem;
  }

  .copyright-fixed.scOpenClose {
    left: 48px;
  }
}


@media (max-width:900px) {
  .hm-sec1 a img {
    display: none;
  }

}

.hm-sec1 {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s ease;
}

/*# sourceMappingURL=custom.css.map */


.cards-qacontainer {
  display: flex;
  flex-wrap: wrap;

  gap: 50px;
 
  max-width: 1000px;
}

.qacard {
  flex: 1;
  max-width: 300px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.qacard:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.qacard img {
  width: 100%;
  height: auto; /* changed to auto to maintain aspect ratio */
  object-fit: cover;
}

.card-qacontent {
  padding: 20px;
}

.card-qacontent h5 { /* Changed from h5 to h2 to match your HTML */
  color: #333;
  font-weight:600 ;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 10px;
}

.card-qacontent p, .card-qacontent ul {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 10px; /* consistent spacing */
}

.card-qacontent li {
  list-style-type: disc; /* Adds bullet points */
}

.card-qacontent li span {
  font-weight: bold;
  color: #333;
}

@media (max-width: 600px) {
  .cards-qacontainer {
    flex-direction: column;
    align-items: center;
  }

  .qacard {
    max-width: 90%;
  }
}


.cards-qathirdcontainer {
  display: flex;
  flex-direction: column;
  max-width: 700px; /* Adjusted for wider layout */
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.qathirdcard {
  display: flex; /* Aligns children (img and content) horizontally */
  flex-direction: column; /* Stack children vertically on small screens */
}

.qathirdcard img {
  width: 100%; /* Full width on small screens */
  height: auto;
  object-fit: cover; /* Ensures the image covers the fit area */
  border-radius: 8px 8px 0 0; /* Rounded corners on all sides */
}

.card-qathirdcontent {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-qathirdcontent h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  color: #666;
  font-weight: 700;
}

.card-qathirdcontent p {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}

.card-qathirdcontent ul {
  padding-left: 20px;
  margin-top: 10px;
}

.card-qathirdcontent li {
  margin-bottom: 10px;
  list-style-type: none; /* Removes bullet points */
  color: #666;
  font-size: 14px;
}

.card-qathirdcontent li span {
  font-weight: bold;
  color: #333;
}

@media (min-width: 768px) {
  .qathirdcard {
    flex-direction: row; /* Align children horizontally on larger screens */
  }

  .qathirdcard img {
    width: 40%; /* Adjust the width as per your design preference */
    border-radius: 8px 0 0 8px; /* Rounded corners only on the image side */
  }

  .card-qathirdcontent {
    flex: 1; /* Takes up remaining space */
  }
}