.header-menu {
  display: none;
}

.the-container {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position:relative;
 
}
#navigation{
    position:relative;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}
.logo{
   float:left;
   position: absolute;
}

body{
    width:100%;
    margin:0px;
}
header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.the-btn{
    margin-top: 25px;
    display: flex;
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items:center;
}
.hero{
    position:realtive;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.herobg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-1;
}

.hero-row{
    display:flex;
    align-items:center;
    justify-content:space-between;

}
.hero-left{
    width:51%;
    padding-bottom: 200px;
    padding-top: 200px;

}
.herobox{
    position:relative;
}
.title-after{
    position:absolute;
    right:50px;
    top:2px;
}
.leaf{
    position:absolute;
    right:0px;
    top:-30px;
}
.hero-right{
    width:43%;
}

.hero-right img{
    height: 700px;
    width: auto;
}

.social-box{
    position:absolute;
    bottom:60px;
}

.social-box img{
    margin-right:6px;
}
.about-full{
    position:relative;
    overflow:hidden;
}
.about{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding-top:120px;
   padding-bottom:120px;
   bottom:0;

    
}

.about h1{
    margin:0px;
}
.about p {
    margin:0px;
}
.about-content{
    width:62%;
}
.about-content p {
    font-size:18px;
}

.about-content strong{
    font-size:27px;
    padding-top:10px;
    padding-bottom:10px;
    line-height:29px;
}
.aboutimg{
    position:absolute;
    z-index:-1;
    left:0;
    

}


.why{
    padding-top:100px;
    position:relative;

    padding-bottom:100px;
}

.whytop-desc{
    color:#545454;
    font-size:18px;
}


.whytop-desc p{
    color:#545454;
    font-size:18px;
}
.why-full{
    background:#F5F5F5;
}
#pagin {
    bottom:200px;
}

#pagin  .swiper-pagination-bullet{
width: 25px;
border-radius: 0px;
height: 3px;
background: #5A5B5E;
}
.why-desc{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
}
.why h1{
    font-size:63px;
}

.why-desc p{
    margin:0px;
}
.why-desc h1{
    margin:0px;
}
.why-desc h2{
    font-size:40px;
    margin:0px;
}

.whyslider{
    margin-top:40px;
}

.whyslider h4{
    font-size:24px;
    font-weight:bold;
    font-family: 'Poppins', sans-serif;
    margin:0px;
    padding-top:15px;
    padding-bottom:15px;
}

.whyslider p {
    font-size:20px;
    margin:0px;
}
.swiper-wrapper{
    height:fit-content!important;
    padding-bottom:50px;
}
.card{
    margin-top:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    align-items:center;
    height: 300!important;
    padding:25px 40px;
    width:27%!important;
    -webkit-box-shadow: 4px 4px 30px -12px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 30px -12px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 30px -12px rgba(34, 60, 80, 0.2);
}

.why-bottom p{
    font-size:18px;
    text-align:center;
    color:#545454;
}


.menu{
    position:relative;
    padding-top:100px;
    padding-bottom:100px;

}

.menu h1{
    text-align:center;
    margin:0px;
    font-size:100px;


}

.menu-intro p{
    padding-top:0px;
    margin-top:-20px;
    text-align:center;
    font-weight:bold;
    font-size:40px;
}

.menu-single{
    height:350px!important;
    -webkit-box-shadow: 4px 4px 30px -12px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 30px -12px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 30px -12px rgba(34, 60, 80, 0.2);
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

.menu-single .menu-desc{
    /* padding:15px 20px; */
    display:flex;
    justify-content:center;
    height: calc(100% - 275px);
    color:#5A5B5E;
    font-weight:600;
    text-align:center;
    font-size:22px;
    font-family: 'Poppins', sans-serif;
    align-items:center;
   

}
.menu-img{
    height:275px;
    width:100%;
}

.swiper-button-next:after, .swiper-button-prev:after{
    color:#FEBD00;
}
.swiper-button-next, .swiper-button-prev{
    top:55%!important;
}
.swiper-button-next{
    right:6%!important;
}

.swiper-button-prev{
    left:6%!important;
}
.menu-img img{
    object-fit:cover;
    height:100%;
    width:100%;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}
.menu-single p {
    font-weight:600;
    text-align:center;
    font-size:22px;
    
}


.specification{
    position:relative;
    background-size:cover;
    background-position:bottom;
    background-repeat: no-repeat;
}

.specification h1 {
    margin:0px;
    font-size:63px;
}
.specification h2 {
    font-size:40px!important;
    line-height:45px;

}

.spec-row{
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.spec-left{
    width:47%;
}

.spec-right{
    width:43%;
}


.spec-right img{
    height: 780px;
    width: auto;
}
.spec-content{
    display:flex;
  
}
.spec-content{
    display:none;
}
section > .spec-content:nth-child(-n+5) {
display:flex;
}

section > .collapsed {
    display:flex;   
}
.spec-content-left{
font-weight:bold;
font-family: 'Poppins', sans-serif;
font-size:18px;
width:42%;
border-right:2px solid #FB9335;
}

.spec-content-right{
    font-family: 'Poppins', sans-serif;
    font-size:18px;
    width:42%;
    padding-left:25px;
}


footer{
    padding-top:100px;
    padding-bottom:100px;
}

.foot-left{
    max-width:38%;
}
.foot-one{
    display:flex;
    flex-direction:column;
}
.foot-right{
    width: 60%;
    display: flex;
    justify-content: flex-end;
}

.themenu{
    display: flex;
    flex-direction: column;
    line-height:35px;
}
#footer-row{
    display:flex;
    justify-content:space-between;
}

.foot-two{
    width:34%;
    padding-right:60px;
}

.foot-two .themenu {
    text-align:right;

}

.foot-three .themenu {
   padding-bottom:25px;
}


.foot-two h4 {
    text-align:right;
}
.foot-three{
    width:34%;
}

.foot-one p {
    font-family: 'Poppins', sans-serif;
    font-size:20px;
    color:#5A5B5E;
}
.footlogo{
    transform:scale(0.8);
}

.foot-onerow{
    display:flex;
    align-items:center;
}

.social-box2{
    padding-left:25px;
    margin-top:20px;
}

.social-box2 img{
    margin-right:6px;
}

footer h4 {
    font-weight:bold;
    font-family: 'Poppins', sans-serif;
    font-size:20px;
    color:#5A5B5E;
}
footer a {
    text-decoration:none!important;
    font-family: 'Poppins', sans-serif;
    font-size:20px;
    color:#585858;
}

footer .the-phone{
    padding-top:25px;
    padding-bottom:15px;
    border-top:2px solid #5A5B5E;
    color:#FB9335;
    font-size:20px;
    display:flex;
}



footer .the-phone::before{
    content:" ";
    background-image:url('../img/phone.svg');
    background-size:cover;
    width:25px;
    height:25px;
    display:flex;
    margin-right:4px;

}



footer .the-phone strong{
    text-transform:uppercase;
    margin-right:4px;
    font-family: 'Poppins', sans-serif;
    }