@media(min-width:991px) and (max-width:1200px)
{
.blog-sidebar .widget {
    background: #323232;
    padding: 30px 20px;

}

.abt4-img {
           width: 47%;
        float: right;
        margin-left: 39px;
        height: 450px;
}
.about4 h2 {
    
    font-size: 70px;
}

.progress-bar-scroll {
    position: absolute;
    right: 12px;
    top: 43%;
}


.testimonial-content {
  width: 50%;
}


    .nav-item a {
   
    font-size: 14px;
}
.nav-item {
    position: relative;
    padding: 0px 15.7px;
}
.nav-links li img {
    margin-top: 4px;
    width: 32px;
}
.nav-links {
    list-style: none;
    display: flex;
    border-radius: 30px;
    margin-bottom: 4px;
}
.slider-ban .item .slide-image {
   
    height: 750px;
}
.slide {
      
    height: 750px;}

.slider-ban .item {
     height: 750px;

}
.slide-content h1 {
    font-size: 96px;
}
.kk {
      height: 750px;
margin-top: -20px;
}
.slide-content2 h2 {
    font-size: 26px;
}
.explore-btn {
   
    bottom: -18px;
}

.product-ban .owl-item.right-slide img {
    height: 463px !important;
}
.card-content h5 {
 
    font-size: 40px;
}
.card-content h5 br{

display: none;
}
.product-ban .owl-item.right-slide .card-content{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 51px 30px 43px 30px;
  z-index: 10;
}
.card-content h4

{
    right: 30px;
}
.right-b2 h2 {
 
    font-size: 69px;
}
.tab-btn {
   
    font-size: 33px;
}
.tab-content {
    display: none;
    padding-left: 59px;
}
.tab-card img {
    width: 81% !important;
    max-height: 269px;
    object-fit: cover;
    border-radius: 61px;
    float: none;
    margin: auto;
}
.banner3 h2 {

    font-size: 66px;
}
.banner3 {
    background-position: center;
}

.icon-wrap {
    position: relative;
    width: 95px;
    margin-bottom: 0;
    float: left;
    margin-right: 35px;
}
.feature-box h3 {
    margin-top: 10px;
    font-size: 24px;
}
.b4-1 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 63px;
}
.ufo {
    z-index: 99;
    position: relative;
}
.lamp {
    width: 564px;
}
.hover-wrap {
   
    top: 27%;
    left: 52%;
}
.hover-wrap2 {
 
    top: 45%;
    left: 31%;
}
.hover-wrap3 {
 
    top: 50%;
    left: 74%;
}

.hover-wrap4 {
  
    top: 34%;
    left: 83%;
}

.banner5 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 57%;
    font-size: 69px;
}
.banner5 h6{
    width: 43%;
}
.b5-carousel {
    padding-left: 70px;
}
.b5-tab-card img {
    border-radius: 37px;
}
.left-hand img {
    left: 0;
    width: 280px;
}
.right-hand img {
    right: -23px;
    width: 366px;
}
.background-text {
    font-family: 'Cutoff Pro';
    font-size: 205px;
    color: #000758;
  
    letter-spacing: 16px;
 
}

.hand-separation-section p
 {
    font-weight: 400;
    font-family: 'GeneralSans-Regular';
    float: left;
    width: 100%;
    padding-right: 44%;
}
.global-map-image {
    width: 751px;
}
.global-title {

    font-size: 67px;
}
.contact-address {
    font-size: 29px;
}
.contact-email {
    font-size: 29px;

}

#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 45%;
}
.close-btn{
    top: -20px;
}
}



@media(min-width:768px) and (max-width:990px)
{
   .blog-know-more {
    line-height: 120%;
    color: #fff !important;
    cursor: pointer;
    font-size: 20px;
}
.product-detail .item img {
    height: 300px;
    object-fit: cover;
}
.testimonial-content {
  width: 60%;
}

.testimonial-section{
        padding: 80px 30px;
}
.section-title-title-inner {
    font-size: 50px;
}

.feature-box-title-inner {

    padding: 29px 15px;
}



   .section-title3 {
    margin-top: 51px;
}

.about-facility-item {
    width: 100%;
    display: flex;
}
.about-facility-list {
    margin-top: 35px;
}
.abt4-img {
    width: 345px;
    float: right;
    margin-left: 40px;
    height: 412px;
}
.about4 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    width: 100%;
    font-size: 50px;
}
.about4 h6 {
    width: 169px;
   
    letter-spacing: 2px;
}
.progress-bar-scroll {
    position: absolute;
    right: 7%;
    top: 40%;
}
    .menu-header .logo img {
    height: 47px;
}
    .nav-item a {
   
    font-size: 14px;
}
.nav-item {
    position: relative;
    padding: 0px 15.7px;
}
.nav-links li img {
    margin-top: 4px;
    width: 32px;
}
.nav-links {
    list-style: none;
    display: flex;
    border-radius: 30px;
    margin-bottom: 4px;
}
.slider-ban .item .slide-image {
   
    height: 750px;
}
.slide {
      
    height: 750px;}

.slider-ban .item {
     height: 750px;

}
.slide-content h1 {
    font-size: 88px;
}
.kk {
      height: 750px;
margin-top: -20px;
}
.slide-content2 h2 {
    font-size: 26px;
    padding-left: 7%;
}
.explore-btn {
   
    bottom: -18px;
}

.product-ban .owl-item.right-slide img {
    height: 463px !important;
}
.card-content h5 {
 
    font-size: 40px;
}
.card-content h5 br{

display: none;
}
.product-ban .owl-item.right-slide .card-content{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.card-content h4

{
    right: 30px;
}
.right-b2 h2 {
 
font-size: 57px;
 
text-align: center;
 
float: left;
 
width: 100%;
}
.tab-btn {
   
    font-size: 33px;
}
.tab-content {
    display: none;
    padding-left: 59px;
}
.tab-card img {
    width: 81% !important;
    max-height: 269px;
    object-fit: cover;
    border-radius: 61px;
    float: none;
    margin: auto;
}
.banner3 h2 {

    font-size: 66px;
}
.banner3 {
    background-position: center;
}

.icon-wrap {
    position: relative;
    width: 95px;
    margin-bottom: 0;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.feature-box h3 {
    margin-top: 10px;
    font-size: 24px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 36px;
}
.b4-1 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 63px;
}
.ufo {
   
}
.lamp {
    width: 82%;
    float: none;
    margin: auto;
    display: block;
}
.hover-wrap {
   
top: 36%;
   
left: 38%;
}
.hover-wrap2 {
 
top: 69%;
 
left: 24%;
}
.hover-wrap3 {
 
top: 78%;
 
left: 55%;
}

.hover-wrap4 {
  
top: 42%;
  
left: 70%;
}

.banner5 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 69px;
    text-align: center;
}
.banner5 h6{
    padding: 0 13%;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.b5-carousel {
    padding-left: 70px;
}
.b5-tab-card img {
    border-radius: 37px;
}
.left-hand img {
    left: 0;
    width: 280px;
}
.right-hand img {
    right: -23px;
    width: 307px;
}
.background-text {
    font-family: 'Cutoff Pro';
    font-size: 151px;
    color: #000758;
    letter-spacing: 16px;
}

.hand-separation-section p
 {
    font-weight: 400;
    font-family: 'GeneralSans-Regular';
    float: left;
    width: 100%;
    padding-right: 44%;
}
.global-map-image {
    width: 546px;
}
.global-title {

font-size: 55px;
}
.contact-address {
    font-size: 29px;
}
.contact-email {
    font-size: 29px;

}

#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 45%;
}
.close-btn{
    top: -20px;
}


.product-ban {
        margin-left: 0px !important;
        }



.left-b2 {
    float: left;
    width: 100%;
}
.right-b2 {
    float: left;
    width: 100%;
    margin-top: 62px;
    text-align: center;
}
.tab-header {
  display: flex;
  justify-content: flex-start;
  gap: 30px; 
  margin-bottom: 59px;
  
  overflow-x: auto;
  white-space: nowrap;
  
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

.tab-header::-webkit-scrollbar {
  display: none;
}

.tab-btn {
  flex: 0 0 auto; 
  padding: 10px 5px; 
}
    .product-ban .owl-item,
    .product-ban .owl-item.left-slide img, 
    .product-ban .owl-item.right-slide img {
        height: 467px !important;
        transform: scale(1) !important; 
        opacity: 1 !important;        
    }

    .product-ban .owl-item.left-slide .card-content,
    .product-ban .owl-item.right-slide .card-content {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px; 
    }

    .product-ban {
        margin-left: 0 !important;
    }

    .card-content h5 {
        font-size: 50px !important;
    }
    .card-content h6 {
        font-size: 16px !important;
    }
.banner2 {
padding-left: 40px;
padding-right: 40px;
}
.tab-carousel{
    float: left;
    width: 100%;
}
.b3-1 {
    float: left;
    width: 100%;
}
.small-text {
   
    float: left;
    width: 100%;
   
    padding-right: 0;
   
    text-align: center;
}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.banner4 {

    padding-top: 0px;
}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.b4-1 {
    float: left;
    width: 100%;
}
.lamp {
     position: relative;
     right: unset;
     top: -62px;
    }
.b4-2 {
    float: left;
    width: 100%;
}
.b5-1{
    flex-direction: column;
    gap: 30px;
}
.footer-top-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 78px;
    border-top: 1px solid #cccccc21;
    padding-top: 77px;
    justify-content: center;
}
.logo-placeholder {
    width: 281px;
    height: auto;
    float: none;
    margin: auto;
}
.company-description {
    text-align: center;
}
.footer-col-subscribe {
    text-align: center;
    flex-basis: 100%;
    display: block;
    width: 100%;
}
.footer-bottom-row {
    display: block;
}
.footer-bottom-row {
    display: block;
    padding-bottom: 48px;
    gap: 0;
    float: left;
    width: 100%;
    text-align: center;
}
.full-ftr {
    float: left;
    width: 100%;
}
.footer-copyright {
    float: left;
    width: 100%;
}
.footer-col-contact {
    width: 100%;
        margin-bottom: 44px;
}
.mobile-menu {
width: 52%;
right: -52%;
}
.right-b2 p {width: 100%;padding: 0 10%;padding-top: 37px;}

.right-b2 .know-more {
text-align: center;
float: none;
}


.tab-btn span {
 
    top: 11px;
}
}





























@media(min-width:576px) and (max-width:767px)
{
   .right-pd {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
}
.product-detail .item img {
    object-fit: cover;
}
.feature-number {
    position: relative;
    top: 7px;
    left: unset;
    float: left;
    width: 100%;
}

    .center-test {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 36px;
    justify-content: center;
}
.testimonial-section h2 {
    text-align: center;
    font-size: 52px;
}


    .know-moreabt {
    margin: auto;
    display: table;
    float: none;
    }

    .about4 p {
 
padding-right: 0;
 
margin-bottom: 30px;
 
text-align: center;
 
margin-bottom: 20px;
}
.about4 {
    width: 100%;
    float: left;
    padding: 20px 0 39px 0px!important;
}
.about-facility-content {
    width: 100%;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.testimonial-content {
  width: 100%;
}

.testimonial-section{
        padding: 80px 30px;
}
.section-title-title-inner {
    font-size: 50px;
}

.feature-box-title-inner {

padding: 29px 15px;

text-align: center;

float: left;

width: 100%;
}



   .section-title3 {
    margin-top: 51px;
    text-align: center;
}

.about-facility-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about-facility-list {
    margin-top: 35px;
}
.abt4-img {
    width: 47%;
    float: none;
    margin-left: auto;
    height: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
.about4 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    width: 100%;
    font-size: 45px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 20px;
}
.about4 h6 {
    width: 149px;
    letter-spacing: 2px;
    float: none;
    margin: auto;
    height: 30px;
    font-size: 11px;
}
.progress-bar-scroll {
    /* position: absolute; */
    /* right: 50%; */
    top: 19% !important;
    /* height: 3px; */
    /* width: 58%; */
    /* left: 50%; */
    /* transform: translatex(-50%); */
}
.sec-p {
text-align: center;
}










.menu-header .logo img {
    height: 47px;
}
    .b3-box {
    display: block;
}
    .tab-header {
  display: flex;
  justify-content: flex-start;
  gap: 30px; 
  margin-bottom: 59px;
  
  overflow-x: auto;
  white-space: nowrap;
  
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

.tab-header::-webkit-scrollbar {
  display: none;
}

.tab-btn {
  flex: 0 0 auto; 
  padding: 10px 5px; 
}
    .nav-item a {
   
    font-size: 14px;
}
.nav-item {
    position: relative;
    padding: 0px 15.7px;
}
.nav-links li img {
    margin-top: 4px;
    width: 32px;
}
.nav-links {
    list-style: none;
    display: flex;
    border-radius: 30px;
    margin-bottom: 4px;
}
.slider-ban .item .slide-image {
   
height: 700px;
   
/* object-position: center -100px; */
}
.slide {
      
    height: 700px;}

.slider-ban .item {
     height:700px;

}
.slide-content h1 {
    font-size: 72px;
    float: left;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}
.kk {
      height: 700px;
      min-height: auto;
      margin-top: -20px;
      flex-direction: column;
      justify-content: end;
      align-items: center;
}
.slide-content2 h2 {
    font-size: 26px;
    padding-left: 0;
    float: left;
    width: 100%;
    text-align: center;
}

.product-ban .owl-item.right-slide img {
    height: 463px !important;
}
.card-content h5 {
 
    font-size: 40px;
}
.card-content h5 br{

display: none;
}
.product-ban .owl-item.right-slide .card-content{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.card-content h4

{
    right: 30px;
}
.right-b2 h2 {
 
font-size: 57px;
 
text-align: center;
 
float: left;
 
width: 100%;
}
.tab-btn {
   
    font-size: 33px;
}
.tab-content {
    display: none;
    padding-left: 59px;
}
.tab-card img {
    width: 81% !important;
    max-height: 269px;
    object-fit: cover;
    border-radius: 61px;
    float: none;
    margin: auto;
}
.banner3 h2 {

font-size: 66px;

margin-bottom: 46px;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 15px;
}

.banner3 {
    background-position: center;
    /* background-position-y: -86px; */
}

.icon-wrap {
    position: relative;
    width: 95px;
    margin-bottom: 0;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.feature-box h3 {
    margin-top: 10px;
    font-size: 24px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 36px;
}
.b4-1 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 57px;
}
.ufo {
    /* z-index: 99; */
    /* position: relative; */
}
.lamp {
    width: 100%;
    float: none;
    margin: auto;
    display: block;
}
.hover-wrap {
   
top: 45%;
   
left: 43%;
}
.hover-wrap2 {
 
top: 64%;
 
left: 22%;
}
.hover-wrap3 {
 
top: 71%;
 
left: 61%;
}

.hover-wrap4 {
  
top: 51%;
  
left: 82%;
}

.banner5 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 69px;
    text-align: center;
}
.banner5 h6{
    padding: 0 13%;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.b5-carousel {
    padding-left: 70px;
}
.b5-tab-card img {
    border-radius: 37px;
}
.left-hand img {
    left: 0;
    width: 223px;
}
.right-hand img {
    top: 210px;
    right: -23px;
    width: 228px;
}
.background-text {
    font-family: 'Cutoff Pro';
    font-size: 102px;
    color: #000758;
    letter-spacing: 16px;
}

.hand-separation-section p
 {
    font-weight: 400;
    font-family: 'GeneralSans-Regular';
    float: left;
    width: 100%;
    padding-right: 26%;
}
.global-map-image {
    width: 100%;
    object-fit: cover;
    float: none;
    margin: auto;
}
.global-title {

font-size: 49px;

bottom: unset;

top: 99px;

text-align: center;

width: 100%;

left: 0;
}
.contact-address {
    font-size: 29px;
}
.contact-email {
    font-size: 29px;

}

#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 45%;
}
.close-btn{
    top: -20px;
}


.product-ban {
        margin-left: 0px !important;
        }



.left-b2 {
    float: left;
    width: 100%;
}
.right-b2 {
    float: left;
    width: 100%;
    margin-top: 62px;
    text-align: center;
}

    .product-ban .owl-item,
    .product-ban .owl-item.left-slide img, 
    .product-ban .owl-item.right-slide img {
        height: 367px !important;
        transform: scale(1) !important;
        opacity: 1 !important;
    }

    .product-ban .owl-item.left-slide .card-content,
    .product-ban .owl-item.right-slide .card-content {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px; 
    }

    .product-ban {
        margin-left: 0 !important;
    }

    .card-content h5 {
        font-size: 34px !important;
    }
    .card-content h6 {
        font-size: 16px !important;
    }
.banner2 {padding-left: 40px;padding-right: 40px;
        padding-bottom: 83px;
    padding-top: 73px;}
.tab-carousel{
    float: left;
    width: 100%;
}
.b3-1 {
    padding-top: 0px;
    float: left;
    width: 100%;
    text-align: left;
}
.small-text {
   
    float: left;
    width: 100%;
   
    padding-right: 0;
   
    text-align: center;
}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.banner4 {

    padding-top: 0px;
}
.banner3 p {padding-right: 82px;margin-bottom: 41px;}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.b4-1 {
    float: left;
    width: 100%;
}
.lamp {
     position: relative;
     right: unset;
     top: 0;
    }
.b4-2 {
    float: left;
    width: 100%;
    display: block;
}
.b5-1{
    flex-direction: column;
    gap: 30px;
}
.footer-top-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 78px;
    border-top: 1px solid #cccccc21;
    padding-top: 77px;
    justify-content: center;
}
.logo-placeholder {
    width: 281px;
    height: auto;
    float: none;
    margin: auto;
}
.company-description {
    text-align: center;
}
.footer-col-subscribe {
    text-align: center;
    flex-basis: 100%;
    display: block;
    width: 100%;
}
.footer-bottom-row {
    display: block;
}
.footer-bottom-row {
    display: block;
    padding-bottom: 48px;
    gap: 0;
    float: left;
    width: 100%;
    text-align: center;
}
.full-ftr {
    float: left;
    width: 100%;
}
.footer-copyright {
    float: left;
    width: 100%;
}
.footer-col-contact {
    width: 100%;
        margin-bottom: 44px;
}
.mobile-menu {
width: 52%;
right: -52%;
}
.right-b2 p {width: 100%;padding: 0 10%;padding-top: 37px;margin-bottom: 32px;}

.right-b2 .know-more {
text-align: center;
float: none;
}


.tab-btn span {
 
    top: 11px;
}
.slide-content p {

    float: left;
    width: 100%;
text-align: center;
}
.explore-btn {
    
    float: none;           
    display: flex;          
    justify-content: center;
    width: fit-content;     
    margin: 0 auto;
    bottom: 0;
}
.slide-content2 {
    display: none;
}
.b3-2 {
    float: left;
    width: 50%;
    align-items: start;
    justify-content: start;
    display: flex;
    /* height: 100%; */
    margin-top: 50px;
    margin-bottom: 80px;
}
.global-presence-section {
    float: left;
    width: 100%;
    color: white;
    padding: 281px 0 100px 0px;
}
    .global-title br{
        display: none;
    }
    .overlay-top-text {
    font-weight: 400;
    align-items: center;
    display: flex;
    font-size: 16px;
    color: #fff;
    font-family: 'GeneralSans-Regular';
    float: none;
    gap: 20px;
    position: absolute;
    top: 174px;
    justify-content: center;
    width: 100%;
    margin: auto;
    left: 0;
}
.loc-hover-wrap1 {
    top: 54.9%;
    left: 25.3%;
}
.loc-hover-wrap2 {
    top: 53%;
    left: 44%;
}
.loc-hover-wrap3 {
    top: 61%;
    left: 55%;
}

}@media (max-width: 767px) {
  .tab-header {
    display: flex;
    justify-content: flex-start; /* Aligns tabs to the left to allow scrolling */
    gap: 33px;                   /* Consistent spacing between tabs */
    overflow-x: auto;            /* Enables the horizontal scroll */
    white-space: nowrap;         /* Prevents text from wrapping to a second line */
    padding-bottom: 10px;        /* Space for scrollbar if visible */
    
    /* Smooth scrolling on iOS */
    -webkit-overflow-scrolling: touch;
  }

  .tab-btn {
    flex: 0 0 auto;              /* MANDATORY: Prevents buttons from squishing */
    width: auto;                 /* Allows buttons to be as wide as their text */
  }

  /* Optional: Hide scrollbar for a cleaner look */
  .tab-header::-webkit-scrollbar {
    display: none;
  }

}














@media(min-width:450px) and (max-width:575px)
{


 .right-pd {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
}
.product-detail .item img {
    object-fit: cover;
}
    .tab-card-content h4 {
    float: left;
    width: 100%;
    margin: 35px 0 13px;
    font-size: 23px;
}
.feature-number {
    position: relative;
    top: 7px;
    left: unset;
    float: left;
    width: 100%;
}

    .center-test {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 36px;
    justify-content: center;
}
.testimonial-section h2 {
    text-align: center;
    font-size: 45px;
}


    .know-moreabt {
    margin: auto;
    display: table;
    float: none;
    }

    .about4 p {
 
padding-right: 0;
 
margin-bottom: 30px;
 
text-align: center;
 
margin-bottom: 20px;
}
.about4 {
    width: 100%;
    float: left;
    padding: 20px 0 39px 0px!important;
}
.about-facility-content {
    width: 100%;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.testimonial-content {
  width: 100%;
}

.testimonial-section{
        padding: 80px 30px;
}
.section-title-title-inner {
    font-size: 45px;
}

.feature-box-title-inner {

padding: 29px 15px;

text-align: center;

float: left;

width: 100%;
}



   .section-title3 {
    margin-top: 51px;
    text-align: center;
}

.about-facility-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about-facility-list {
    margin-top: 35px;
}
.abt4-img {
    width: 47%;
    float: none;
    margin-left: auto;
    height: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
.about4 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    width: 100%;
    font-size: 45px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 20px;
}
.about4 h6 {
    width: 149px;
    letter-spacing: 2px;
    float: none;
    margin: auto;
    height: 30px;
    font-size: 11px;
}
.progress-bar-scroll {
    /* position: absolute; */
    /* right: 50%; */
    top: 19% !important;
    /* height: 3px; */
    /* width: 58%; */
    /* left: 50%; */
    /* transform: translatex(-50%); */
}
.sec-p {
text-align: center;
}
.left-panel h1 a{
    display: none;
}
.left-panel {
    height: 100%;
    position: unset;
 text-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 112px;
}
.call-fixed {
    position: fixed;
    bottom: 50px;
    right: 6px;
}
.left-panel h1 {
   
    text-align: center;
  
    font-size: 47px;
}
    .b3-box {
    display: block;
}
    .tab-header {
  display: flex;
  justify-content: flex-start;
  gap: 30px; 
  margin-bottom: 59px;
  
  overflow-x: auto;
  white-space: nowrap;
  
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

.tab-header::-webkit-scrollbar {
  display: none;
}

.tab-btn {
  flex: 0 0 auto; 
  padding: 10px 5px; 
}
    .nav-item a {
   
    font-size: 14px;
}
.nav-item {
    position: relative;
    padding: 0px 15.7px;
}
.nav-links li img {
    margin-top: 4px;
    width: 32px;
}
.nav-links {
    list-style: none;
    display: flex;
    border-radius: 30px;
    margin-bottom: 4px;
}
.slider-ban .item .slide-image {
   
height: 700px;
   
/* object-position: center -100px; */
}
.slide {
      
    height: 700px;}

.slider-ban .item {
     height:700px;

}
.slide-content h1 {
    font-size: 60px;
    float: left;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}
.kk {
      height: 700px;
      min-height: auto;
      margin-top: -20px;
      flex-direction: column;
      justify-content: end;
      align-items: center;
}
.slide-content2 h2 {
    font-size: 26px;
    padding-left: 0;
    float: left;
    width: 100%;
    text-align: center;
}

.product-ban .owl-item.right-slide img {
    height: 463px !important;
}
.card-content h5 {
 
    font-size: 40px;
}
.card-content h5 br{

display: none;
}
.product-ban .owl-item.right-slide .card-content{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.card-content h4

{
    right: 30px;
}
.right-b2 h2 {
 
font-size: 45px;
 
text-align: center;
 
float: left;
 
width: 100%;
}
.tab-btn {
   
    font-size: 33px;
}
.tab-content {
    display: none;
    padding-left: 20px;
}
.tab-card img {
    width: 81% !important;
    max-height: 269px;
    object-fit: cover;
    border-radius: 61px;
    float: none;
    margin: auto;
}
.banner3 h2 {

font-size: 42px;

margin-bottom: 46px;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 15px;
}

.banner3 {
    background-position: center;
    background-position-x: 56%;
}

.icon-wrap {
    position: relative;
    width: 95px;
    margin-bottom: 0;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.feature-box h3 {
    margin-top: 10px;
    font-size: 24px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 36px;
}
.b4-1 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 48px;
}
.ufo {
    /* z-index: 99; */
    /* position: relative; */
}
.lamp {
    width: 100%;
    float: none;
    margin: auto;
    display: block;
}
.hover-wrap {
   
top: 42%;
   
left: 43%;
}
.hover-wrap2 {
 
top: 61%;
 
left: 22%;
}
.hover-wrap3 {
 
top: 67%;
 
left: 61%;
}

.hover-wrap4 {
  
top: 47%;
  
left: 70%;
}

.banner5 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 52px;
    text-align: center;
}
.banner5 h6{
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.b5-carousel {
    padding-left: 20px;
}
.b5-tab-card img {
    border-radius: 37px;
}
.left-hand img {
    left: 0;
    width: 120px;
    top: 64px;
}
.right-hand img {
    top: 210px;
    right: 0px;
    width: 122px;
}
.background-text {
    font-family: 'Cutoff Pro';
    font-size: 83px;
    color: #000758;
    letter-spacing: 16px;
}

.hand-separation-section p
 {
    font-weight: 400;
    font-family: 'GeneralSans-Regular';
    float: left;
    width: 100%;
    padding-right: 26%;
}
.global-map-image {
    width: 100%;
    object-fit: cover;
    float: none;
    margin: auto;
}
.global-title {

font-size: 49px;

bottom: unset;

top: 99px;

text-align: center;

width: 100%;

left: 0;
}
.contact-address {
    font-size: 29px;
}
.contact-email {
    font-size: 29px;

}

#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 45%;
}
.close-btn{
    top: -20px;
}


.product-ban {
        margin-left: 0px !important;
        }



.left-b2 {
    float: left;
    width: 100%;
}
.right-b2 {
    float: left;
    width: 100%;
    margin-top: 62px;
    text-align: center;
    padding-right: 20px;
}

    .product-ban .owl-item,
    .product-ban .owl-item.left-slide img, 
    .product-ban .owl-item.right-slide img {
        height: 367px !important;
        transform: scale(1) !important;
        opacity: 1 !important;
    }

    .product-ban .owl-item.left-slide .card-content,
    .product-ban .owl-item.right-slide .card-content {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px; 
    }

    .product-ban {
        margin-left: 0 !important;
    }

    .card-content h5 {
        font-size: 34px !important;
    }
    .card-content h6 {
        font-size: 16px !important;
    }
.banner2 {
        padding-left: 20px;
        /* padding-right: 40px; */
        padding-bottom: 83px;
        padding-top: 73px;
        }
.tab-carousel{
    float: left;
    width: 100%;
}
.b3-1 {
    padding-top: 0px;
    float: left;
    width: 100%;
    text-align: left;
}
.small-text {
   
    float: left;
    width: 100%;
   
    padding-right: 0;
   
    text-align: center;
}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.banner4 {

    padding-top: 0px;
}
.banner3 p {padding-right: 82px;margin-bottom: 41px;}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.b4-1 {
    float: left;
    width: 100%;
}
.lamp {
     position: relative;
     right: unset;
     top: 0;
    }
.b4-2 {
    float: left;
    width: 100%;
    display: block;
}
.b5-1{
    flex-direction: column;
    gap: 30px;
}
.footer-top-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 78px;
    border-top: 1px solid #cccccc21;
    padding-top: 77px;
    justify-content: center;
}
.logo-placeholder {
    width: 281px;
    height: auto;
    float: none;
    margin: auto;
}
.company-description {
    text-align: center;
}
.footer-col-subscribe {
    text-align: center;
    flex-basis: 100%;
    display: block;
    width: 100%;
}
.footer-bottom-row {
    display: block;
}
.footer-bottom-row {
    display: block;
    padding-bottom: 48px;
    gap: 0;
    float: left;
    width: 100%;
    text-align: center;
}
.full-ftr {
    float: left;
    width: 100%;
}
.footer-copyright {
    float: left;
    width: 100%;
            flex-direction: column;
}
.footer-col-contact {
    width: 100%;
        margin-bottom: 44px;
}
.mobile-menu {width: 86%;right: -86%;}
.right-b2 p {width: 100%;padding: 0px 0%;padding-top: 37px;margin-bottom: 32px;}

.right-b2 .know-more {
text-align: center;
float: none;
}


.tab-btn span {
 
    top: 11px;
}
.slide-content p {

    float: left;
    width: 100%;
text-align: center;
}
.explore-btn {
    
    float: none;           
    display: flex;          
    justify-content: center;
    width: fit-content;     
    margin: 0 auto;
    bottom: 0;
}
.slide-content2 {
    display: none;
}
.b3-2 {
    float: left;
    width: 50%;
    align-items: start;
    justify-content: start;
    display: flex;
    /* height: 100%; */
    margin-top: 50px;
    margin-bottom: 80px;
}
.global-presence-section {
    float: left;
    width: 100%;
    color: white;
    padding: 281px 0 100px 0px;
}
    .global-title br{
        display: none;
    }
    .overlay-top-text {
    font-weight: 400;
    align-items: center;
    display: flex;
    font-size: 16px;
    color: #fff;
    font-family: 'GeneralSans-Regular';
    float: none;
    gap: 20px;
    position: absolute;
    top: 174px;
    justify-content: center;
    width: 100%;
    margin: auto;
    left: 0;
}
.loc-hover-wrap1 {
    top: 54.9%;
    left: 25.3%;
}
.loc-hover-wrap2 {
    top: 53%;
    left: 44%;
}
.loc-hover-wrap3 {
    top: 61%;
    left: 55%;
}

.ufo-series {
   float: left;
    margin-bottom: 19px;


}
.menu-header .logo img {
    height: 41px;
}
.nova-contact {
    background: #181919;
    padding: 80px 20px;
}
}























@media (max-width:449px)
{

    .modal-header-form h2 {
    padding-top: 75px;
    font-size: 25px;
}
.close-button {
    position: absolute;
    top: 38px;
}
    .nova-contact {
    background: #181919;
    padding: 80px 20px;
}
.nova-sec1 {
    padding: 40px 20px;
}
.nova-sec2 {
    padding: 40px 20px;
}
    .bauen-blog3 .post-cont h5 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 40px;
}

       .blog-know-more {
    line-height: 120%;
    color: #fff !important;
    cursor: pointer;
    font-size: 20px;
}.bauen-blog .item .con {
    margin: -105px 20px 47px;
    padding: 21px 15px;
}

     .right-pd {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
}
.product-detail .item img {
    height: auto;
    object-fit: cover;
}
.right-pd h1 {
    font-size: 28px;
}
.field {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.hcc-log-sec h2 {
    font-weight: 500;
    float: left;
    font-size: 30px;
}.list-h2 {
    color: #000 !important;
    text-align: center;
    width: 100% !important;
    margin-bottom: 36px;
    font-size: 37px !important;
}

    .product-main .tab-card-content p {
    flex-direction: column;
align-items: flex-start;

}
        .sort-flex {
        display: flex;
        gap: 8px !important;
    }
    .tab-card{
            border-radius: 18px;
    }
        .product-main .tab-card-content h4 {
        float: left;
        width: 100%;
        margin: 29px 0 13px;
        font-size: 19px;
    }
    .sort-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tab-card-content h4 {
    float: left;
    width: 100%;
    margin: 35px 0 13px;
    font-size: 23px;
}


.feature-number {
    position: relative;
    top: 7px;
    left: unset;
    float: left;
    width: 100%;
}

    .center-test {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 36px;
    justify-content: center;
}
.testimonial-section h2 {
    text-align: center;
    font-size: 45px;
}


    .know-moreabt {
    margin: auto;
    display: table;
    float: none;
    }

    .about4 p {
 
padding-right: 0;
 
margin-bottom: 30px;
 
text-align: center;
 
margin-bottom: 20px;
}
.about4 {
    width: 100%;
    float: left;
    padding: 20px 0 39px 0px!important;
}
.about-facility-content {
    width: 100%;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.testimonial-content {
  width: 100%;
  padding: 30px 15px;
}

.testimonial-section{
        padding: 80px 0px;
}
.section-title-title-inner {
    font-size: 42px;
}

.feature-box-title-inner {

padding: 29px 15px;

text-align: center;

float: left;

width: 100%;
}



   .section-title3 {
    margin-top: 51px;
    text-align: center;
}

.about-facility-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about-facility-list {
    margin-top: 35px;
}
.abt4-img {
    width: 88%;
    float: none;
    margin-left: auto;
    height: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
.about4 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    width: 100%;
    font-size: 45px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 20px;
}
.about4 h6 {
    width: 149px;
    letter-spacing: 2px;
    float: none;
    margin: auto;
    height: 30px;
    font-size: 11px;
}
.progress-bar-scroll {
    /* position: absolute; */
    right: 2%;
    top: 24% !important;
    /* height: 3px; */
    /* width: 58%; */
    /* left: 50%; */
    /* transform: translatex(-50%); */
}
.sec-p {
text-align: center;
}
.left-panel h1 a{
    display: none;
}
.left-panel {
    height: 100%;
    position: unset;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 85px;
}
.call-fixed {
    position: fixed;
    bottom: 50px;
    right: 6px;
}
.left-panel h1 {
   
    text-align: center;
  
    font-size: 47px;
}




    
        .menu-toggle {
        display: block;
        font-size: 27px !important;
    }
.logo img {
    width: 171px;
}
.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 42px !important;
}
    .b3-box {
    display: block;
}
    .tab-header {
  display: flex;
  justify-content: flex-start;
  gap: 30px; 
  margin-bottom: 29px;
  
  overflow-x: auto;
  white-space: nowrap;
  
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

.tab-header::-webkit-scrollbar {
  display: none;
}

.tab-btn {
  flex: 0 0 auto; 
  padding: 10px 5px; 
}
    .nav-item a {
   
    font-size: 14px;
}
.nav-item {
    position: relative;
    padding: 0px 15.7px;
}
.nav-links li img {
    margin-top: 4px;
    width: 32px;
}
.nav-links {
    list-style: none;
    display: flex;
    border-radius: 30px;
    margin-bottom: 4px;
}
.slider-ban .item .slide-image {
   
height: 100vh;
   
/* object-position: center -100px; */
}
.slide {
      
    height: 100vh;}

.slider-ban .item {
     height:100vh;

}
.slide-content h1 {
    font-size: 60px;
    float: left;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}
.kk {
      height: 100vh;
      min-height: auto;
      margin-top: -20px;
      flex-direction: column;
      justify-content: end;
      align-items: center;
}
.slide-content2 h2 {
    font-size: 26px;
    padding-left: 0;
    float: left;
    width: 100%;
    text-align: center;
}

.product-ban .owl-item.right-slide img {
    height: 463px !important;
}
.card-content h5 {
 
    font-size: 40px;
}
.card-content h5 br{

display: none;
}
.product-ban .owl-item.right-slide .card-content{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.card-content h4

{
    right: 30px;
}
.right-b2 h2 {
 
font-size: 45px;
 
text-align: center;
 
float: left;
 
width: 100%;
}
.tab-btn {
   
    font-size: 33px;
}
.tab-content {
    display: none;
    padding-left: 20px;
}
.tab-card img {
    width: 81% !important;
    max-height: 269px;
    object-fit: cover;
    border-radius: 61px;
    float: none;
    margin: auto;
}
.banner3 h2 {

font-size: 35px;

margin-bottom: 46px;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 15px;
}

.banner3 {
    background-position: center;
    background-position-x: 59%;
}

.icon-wrap {
    position: relative;
    width: 95px;
    margin-bottom: 0;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.feature-box h3 {
    margin-top: 10px;
    font-size: 21px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 36px;
}
.b4-1 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 38px;
}
.ufo {
    /* z-index: 99; */
    /* position: relative; */
}
.lamp {
    width: 100%;
    float: none;
    margin: auto;
    display: block;
}
.hover-wrap {
   
top: 42%;
   
left: 43%;
}
.hover-wrap2 {
 
top: 61%;
 
left: 12%;
}
.hover-wrap3 {
 
top: 65%;
 
left: 50%;
}

.hover-wrap4 {
  
top: 47%;
  
left: 70%;
}

.banner5 h2 {
    font-weight: 500;
    font-family: 'GeneralSans-Medium';
    float: left;
    width: 100%;
    font-size: 45px;
    text-align: center;
}
.banner5 h6{
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.b5-carousel {
    padding-left: 20px;
}
.b5-tab-card img {
    border-radius: 37px;
}
.left-hand img {
    left: 0;
    width: 99px;
    top: 53px;
}
.right-hand img {
    top: 137px;
    right: -14px;
    width: 105px;
}
.background-text {
    font-family: 'Cutoff Pro';
    font-size: 59px;
    color: #000758;
    letter-spacing: 6px;
}

.hand-separation-section p
 {
    font-weight: 400;
    font-family: 'GeneralSans-Regular';
    float: left;
    width: 100%;
    padding-right: 0%;
    padding-top: 26px;
}
.global-map-image {
    width: 100%;
    object-fit: cover;
    float: none;
    margin: auto;
}
.global-title {

font-size: 49px;

bottom: unset;

top: 99px;

text-align: center;

width: 100%;

left: 0;
}
.contact-address {
    font-size: 21px;
}
.contact-email {
    font-size: 24px;
    margin-bottom: 9px;
}

#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 45%;
}
.close-btn{
    top: -20px;
}


.product-ban {
        margin-left: 0px !important;
        }



.left-b2 {
    padding-right: 20px;
    float: left;
    width: 100%;
}
.right-b2 {
    float: left;
    width: 100%;
    margin-top: 62px;
    text-align: center;
    padding-right: 20px;
}

    .product-ban .owl-item,
    .product-ban .owl-item.left-slide img, 
    .product-ban .owl-item.right-slide img {
        height: 367px !important;
        transform: scale(1) !important;
        opacity: 1 !important;
    }

    .product-ban .owl-item.left-slide .card-content,
    .product-ban .owl-item.right-slide .card-content {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px; 
    }

    .product-ban {
        margin-left: 0 !important;
    }

    .card-content h5 {
        font-size: 34px !important;
    }
    .card-content h6 {
        font-size: 16px !important;
    }
.banner2 {
        padding-left: 20px;
        /* padding-right: 40px; */
        padding-bottom: 83px;
        padding-top: 73px;
        }
.tab-carousel{
    float: left;
    width: 100%;
}
.b3-1 {
    padding-top: 0px;
    float: left;
    width: 100%;
    text-align: left;
}
.small-text {
   
    float: left;
    width: 100%;
   
    padding-right: 0;
   
    text-align: center;
}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.banner4 {

    padding-top: 0px;
}
.banner3 p {padding-right: 0px;margin-bottom: 41px;}
.b4-box {
    display: flex;
    padding-bottom: 69px;
    flex-direction: column-reverse;
}
.b4-1 {
    float: left;
    width: 100%;
}
.lamp {
     position: relative;
     right: unset;
     top: 0;
    }
.b4-2 {
    float: left;
    width: 100%;
    display: block;
}
.b5-1{
    flex-direction: column;
    gap: 30px;
}
.footer-top-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    border-top: 1px solid #cccccc21;
    padding-top: 77px;
    justify-content: center;
}
.logo-placeholder {
    width: 281px;
    height: auto;
    float: none;
    margin: auto;
}
.company-description {
    text-align: center;
}
.footer-col-subscribe {
    text-align: center;
    flex-basis: 100%;
    display: block;
    width: 100%;
}
.footer-bottom-row {
    display: block;
}
.footer-bottom-row {
    display: block;
    padding-bottom: 48px;
    gap: 0;
    float: left;
    width: 100%;
    text-align: center;
}
.full-ftr {
    float: left;
    width: 100%;
    flex-direction: column;
    gap: 28px;
}
.banner5 {
    float: left;
    width: 100%;
    padding: 77px 0px;
}
.hand-separation-section {

    padding: 77px 0px 0 0px;
}
.footer-copyright {
    float: left;
    width: 100%;
            flex-direction: column;
}
.footer-col-contact {
    width: 100%;
        margin-bottom: 44px;
}
.mobile-menu {width: 86%;right: -86%;}
.right-b2 p {width: 100%;padding: 0px 0%;padding-top: 37px;margin-bottom: 32px;}

.right-b2 .know-more {
text-align: center;
float: none;
}


.tab-btn span {
 
    top: 11px;
}
.slide-content p {

    float: left;
    width: 100%;
text-align: center;
}
.explore-btn {
    
    float: none;           
    display: flex;          
    justify-content: center;
    width: fit-content;     
    margin: 0 auto;
    bottom: 0;
}
.slide-content2 {
    display: none;
}
.b3-2 {
    float: left;
    width: 50%;
    align-items: start;
    justify-content: start;
    display: flex;
    /* height: 100%; */
    margin-top: 50px;
    margin-bottom: 80px;
}
.global-presence-section {
    float: left;
    width: 100%;
    color: white;
    padding: 281px 0 100px 0px;
}
    .global-title br{
        display: none;
    }
    .overlay-top-text {
    font-weight: 400;
    align-items: center;
    display: flex;
    font-size: 16px;
    color: #fff;
    font-family: 'GeneralSans-Regular';
    float: none;
    gap: 20px;
    position: absolute;
    top: 208px;
    justify-content: center;
    width: 100%;
    margin: auto;
    left: 0;
}
.loc-hover-wrap1 {
    top: 59.9%;
    left: 18.3%;
}
.loc-hover-wrap2 {
    top: 60%;
    left: 44%;
}
.loc-hover-wrap3 {
    top: 66%;
    left: 57%;
}

.ufo-series {
   float: left;
    margin-bottom: 19px;


}
.menu-header .logo img {
    height: 41px;
}
.loc-dot{
    width: 18px;
    height: 18px;
}
.loc-dot::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
}
.loc-hover-wrap1:hover .loc-hover-box, .loc-hover-wrap2:hover .loc-hover-box, .loc-hover-wrap3:hover .loc-hover-box {
    width: 115px;
    opacity: 1;
    left: 55px;
}
.loc-hover-box {
    white-space: nowrap;
    position: absolute;
    left: 37px;
    opacity: 0;
    width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    padding: 7px 8px;
    margin-left: -28px;
    font-size: 12px;
}







.dot{
    width: 18px;
    height: 18px;
}
.dot::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
}
.hover-wrap1:hover .loc-hover-box, .loc-hover-wrap2:hover .loc-hover-box, .loc-hover-wrap3:hover .loc-hover-box {
    width: 80px;
    opacity: 1;
    left: 55px;
}
.hover-box {
    white-space: nowrap;
    position: absolute;
    left: 37px;
    opacity: 0;
    width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    padding: 7px 8px;
    margin-left: -28px;
    font-size: 12px;
}

.hover-wrap3:hover .hover-box {
    width: 80px;
    opacity: 1;
    left: 55px;
}


.hover-wrap3:hover .hover-box {
    width: 80px;
    opacity: 1;
    left: 55px;
}

.hover-wrap3:hover .hover-box {
    width: 80px;
    opacity: 1;
    left: 55px;
}

.b4-1 p {
padding-right: 0px;
}
.image-reveal-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    height: 175px;
}
.social-icons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 15px;
    align-items: center;
    justify-items: center;
}
.subscribe-form input[type="email"] {
    background: transparent;
    border: 1px solid #52536a;
    color: #fff;
    padding: 17px 24px;
    font-size: 16px;
    border-radius: 100px;
    width: 100%;
    outline: none;
    transition: border-color 0.3s;
    position: relative;
    height: 52px;
    text-align: center;
    font-family: 'GeneralSans-Regular';
    font-weight: 400;
}
.subscribe-form {
    display: flex;
    gap: 23px;
    flex-direction: column;
    }
.subscribe-form button {
    
    padding: 10px 20px;
   
    position: unset;
   height: 48px;
}
.center-test {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 36px;
    justify-content: center;
}
.testimonial-section h2 {
    text-align: center;
    font-size: 40px;
}

.about-img .about-img-2 {
    display: none;
}
.about .about-img .img {
    padding: 0 10px 10px 10px;
}
.test p {
    text-align: center;
}
.author{
    justify-content: center;
}
}