/* HEADER */

.lf-header{
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 555;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

header.stick{

    position: fixed;
    background: none;
    background-color: #fff;
    padding: 12px 0;
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
 
}

header.stick .nav-logo img{

    width: 80px;
}

header.stick::after{

    display: none;
}
.lf-header::after{

    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: calc(100% + 100px);
    background: linear-gradient(180deg, #FFF -10%, rgba(255, 255, 255, 0.00) 88%);
    z-index: -1;
}
.main-menu ul {

    display: flex;
    align-items: center;
    gap: 48px;
}



.main-menu ul li{

    position: relative;

}
.main-menu ul li .active{

    color: var(--primary-color);
}

.main-menu ul li a::after{

    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    background-image: url(../assets/icon/line.svg);
    width: 0;
    height: 7px;
    background-repeat: no-repeat;
    transition: all 0.6s;
}



.main-menu ul li:hover a::after{

    width: 100%;
}

.main-menu ul li .active::after{
    width: 100%;
    transition-delay: 1s;
}

.nav-menu{

    margin: auto;
}
.nav-btn{

    display: flex;
    align-items: center;
}

.nav-btn a{

    background-color: var(--primary-color);
    color: #fff;
    padding: 20px 20px;
}


.lf-header-in{

    position: relative;
    padding: 10px 0;
}

.lf-header-in::after{

    display: none;
}

.mob-togg{

    display: none;
    position: relative;
padding-left: 24px;
}

.mob-togg span{
    background-color: #000;
    width: 32px;
height: 1.4px;
display: block;
margin: 7px 0;
z-index: 222;
transition: all 0.3s;

}



.mob-togg.open span:nth-child(1){

    transform: rotate(45deg) translate(2px, 5px);
}
.mob-togg.open span:nth-child(2){

    transform: rotate(-45deg) translate(2px, -4px);
}
/* HERO */
.lf-hero{

    padding: 0;

}

/* .lf-hero::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 35, 35, 0.60);
} */

.hero-slide,
.mb-hero-slide{

    position: relative;
    z-index: 22;
}
.hero-slide::after,
.mb-hero-slide::after{
    
    content: "";
    display: block;
    background-color: #00000056;
    width: 100%;
    height: 100%;
    top: 0;left: 0;
    position: absolute;
}
.hero-slide img,
.mb-hero-slide img{
    
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.hero-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 222;
 width: 640px;
 text-align: center;
 max-width: 100%;
 margin: auto;

}

.hero-content h1{

    font-size: 60px;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 500;
}

.hero-content p{

    color: #fff;        
}


.hero-btn a{

    display: block;
    padding: 18px 30px;
    background-color: var(--secondary-color);
    color: #fff;
    width: fit-content;
    margin: 30px auto;
    transition: all 0.3s;
}

.hero-btn a:hover{

    background-color: #FFF;
    color: var(--primary-color);
}

.rsl{
    display: none !important;
}

.dsl{
    display: block;
}

/* ABOUT SECTION */


.lf-about{

    background: #FFFCF9;
    background-image: url(../assets/img/abt-pttrn.png);
}


.abt-img-main{

    width: 60%;
    border: solid 2.5px #D0A464;
    border-radius: 400px;
    padding: 6px;
    border-bottom: none;
    overflow: hidden;
}

.abt-img-main div{
    position: relative;
    border-radius: 400px;
    overflow: hidden;
}

.abt-img-main div img{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;

}

.abt-img-main div::after{

    content: "";
    padding-top: 180%;
    display: block;
}

.lf-abt-img{

    position: relative;
}
.abt-sec-img{

    width: 45%;
    position: absolute;
    right: 50px;
    bottom: 0;
}

.abt-sec-img > div{

    position: relative;
    border-radius: 400px;
    overflow: hidden;
}

.abt-sec-img > div img{

    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.abt-sec-img > div::after {
    content: "";
    display: block;
    padding-top: 185%;
}

.if-abt-cont h2{
    font-size: 45px;
    margin-bottom: 10px;
}

.if-abt-cont p{

    line-height: 1.8;
    margin-bottom: 20px;
}
.if-abt-cont h2 span{

    color: var(--secondary-color);
}

.if-abt-cont a{

    color: var(--link-color);
}

.more-btn span{

    margin-left: 4px;
}

.more-btn a{

    position: relative;
    transition: all 0.3s;
}


/* MENU SECTION */

.lf-menu{

    background-color: var(--primary-color);
}

.lf-menu-sec-hd{

    display: flex;
    align-items: center;
}

.slide-arrow{

    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.lf-menu-sec-hd .title{

    color: #fff;
}

.lf-menu-sec-hd .title h2,
.lf-menu-sec-hd .title p{

    color: #fff;
}

.lf-menu-sec-hd .title h2{

    font-size: 45px;
    margin-bottom:  12px;
}

.menu-slide-contain{

    margin-top: 40px;
}
.menu-img{

    position: relative;
}

.menu-img img{

    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
}

.menu-img::after{

    content: "";
    padding-top: 130%;
    display: block;
}
.menu-blk{

    margin-right: 20px;
    position: relative;
}

.menu-blk::after{

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(208, 164, 100, 0.06) 50%, #004D39 95%);
    width: 100%;
    height: 100%;
}

.menu-title{

    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 10px;
    z-index: 222;
}

.menu-title h3{

    color: #fff;
    font-weight: 500;
    font-size: 22px;
}

/* TESTIMONAIL */

.test-blk{

    border: 1px solid #E6E6E6;
    padding: 40px;
    margin-right: 20px;
}
.test-cont{

    margin-bottom: 20px;
}

.test-prof-blk{
    

    display: flex;
    align-items: center;
    gap: 10px;

}

.test-prof-blk .prof{

    position: relative;
}

.test-prof-blk .prof{

    width: calc(100% - 260px);
}
.prof{
    position: relative;
}

.prof img{

    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.prof::after{

    content: "";
    display: block;
    padding-top: 100%;
}
.prof-det{

    width: 100%;
}
.prof img{

    width: 100%;
}
.prof{

    overflow: hidden;
    border-radius: 50%;
}

.sec-title{

    text-align: center;
}

.sec-title h2{
    
    font-size: 45px;
    margin-bottom: 30px;
}

.lf-testimonial .slide-arrow{

    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.lf-testimonial .slide-arrow svg path{

stroke: var(--secondary-color)
}

/* CONTACT SECTION */

.lf-contact{

    background-color: var(--secondary-color);
    background-image: url(../assets/img/contact-pttrn.png);
}
.contact-ico i{

    color: #D0A464;
    font-size: 25px;
}

.contact-ico{

    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
}

.contact-blk{

    display: flex;
    align-items: center;
    
    justify-content: center;
    gap: 20px;
}

.contact-blk p, .contact-blk a{

    color: #fff;
}

/* FOOTER */

.lf-footer{

    padding-top: 4em;
}

.footer-logo img{

    width: 200px;
}


.ftr-link h4{

    font-size: 18px;
    margin-bottom: 15px;
}

.ftr-link ul li{

    margin-bottom: 18px;
    font-size: 15px;
}

.copyright{

    text-align: center;
    padding-top: 40px;
    position: relative;
    z-index: 22;
}

.copyright p{

    font-size: 12px;
    color: #8E8E8E;
    padding-bottom: 10px;
}

.lf-footer {
    position: relative;
    background-image: url(../assets/img/footer-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.lf-footer::after{

    content: "";
    display: block;
    background-color: #fffffff6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.footer-contain{

    position: relative;
    z-index: 22;
}

/* PAGE */

/* ABOUT PAGE */
.abt-pg{

    background-image: url(../assets/img/about-head.jpg);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    align-items: center;
}

.pageheader{
    position: relative;
    line-height: 0;
    height: 460px;

}

.pageheader::after{

    content: "";
    display: block;
    background: rgba(18, 18, 18, 0.71);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-title h1{

    color: #fff;
    font-size: 50px;
    text-align: center;
    font-weight: 500;
    
}

.page-title{
    position: relative;
    z-index: 22;
}

.lf-ch-cont h3{

    font-size: 20px;
    margin-bottom: 6px;
}

.lf-ch-cont p{

    font-size: 16px;
}

.lf-ch-blk{

    text-align: center;
    padding: 40px;
}
.lf-ch-ico{

    margin-bottom: 12px;
}

.sec-title h2 span{

color: var(--primary-color);
}

.lf-vm{
    

    background-image: url(../assets/img/about-vm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}

.lf-vm-blk{

    margin-bottom: 60px;
}

.lf-vm-blk h2{

    font-size: 30px;
    margin-bottom: 4px;
}

/* MENU PAGE */

.menu-pg{

    background-image: url(../assets/img/menu-hd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    align-items: center;
}

.catg-contain{

    background-color: #FFF9EF;
    padding: 20px;
    position: sticky;
    top: 100px;
}

.catg-blk h2{

    margin-bottom: 20px;
    border-bottom: 1px solid var(--secondary-color);
    padding-bottom: 12px;
}

.catg-blk ul li{

    margin-bottom: 20px;
}

.catg-blk ul li:last-child{

    margin-bottom: 0;
}

.category-btn button{

    display: block;
    background: none;
    font-family: var(--para-text);
    font-size: 17px;
    border: none;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.category-btn button:hover{

    transform: translateX(5px);
    color: var(--secondary-color);
}
.category-btn button.is-checked{
    transform: translateX(5px);
    color: var(--secondary-color);

}
.lf-menu-img{

    position: relative;
    overflow: hidden;
}

.lf-menu-img::after{

    content: "";
    padding-top: 80%;
    display: block;
}

.lf-menu-img img{

    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.lf-menu-blk{

    border: 1px solid #dbdbdb;
    padding: 12px;
    margin-bottom: 24px;
}

.lf-menu-cont h3{

    margin-top: 8px;
    font-size: 18px;
}

/* CONTACT PAGE*/

.contact-pg{

    background-image: url(../assets/img/contact-hd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    align-items: center;
}

.lf-contact-blk{

    background: #FFFBF5;
    padding: 40px;
    text-align: center;
    height: 100%;
}

.lf-cont-ico{

    margin-bottom: 12px;
}

.lf-cont-ico img{

    width: 45px;
}

.lf-cont-des h3{

    font-family: var(--para-text);
    margin-bottom: 6px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

.cnt-inp input,
.cnt-inp textarea{

    width: 100%;
    padding: 14px;
    display: block;
    width: 100%;
    border: 1px solid #E7E7E7;
    font-family: var(--para-text);
    margin-bottom: 12px;
    transition: all 0.3s;
}

.cnt-inp textarea{

    resize: none;
    min-height: 120px;
}
.cnt-inp input:focus,
.cnt-inp textarea:focus{

    outline: none;
    border: 1px solid var(--secondary-color);
}
.cnt-inp button{
    
    display: block;
    padding: 14px 30px;
    font-family: var(--para-text);
    background-color: var(--secondary-color);
    border: none;
    transition: all 0.3s;
    color: #FFF;
    cursor: pointer;
}

.contact-contain{
    padding-top: 2em;
}