.saikat-banner{
    margin-top: -55px;
    position: relative;
}

.saikat-ban-area{
    position: relative;
}

.s-ban-text{
    position: absolute;
    top: 20%;
    left: 10%;
    transform: translateY(-20%);
}
.s-ban-text h1 {
    font-weight: 700;
    font-size: 50px;
    color: #222222;
    width: 42%;
    font-family: "Yeseva One", serif;
    font-weight:600;
}
.s-ban-img img{
    width: 100% !important;
}
.s-ban-text p {
    font-weight: 400;
    font-size: 18px;
    color: #222222;
    width: 30%;
    margin-top: 30px;
    margin-bottom: 40px;
}
.br-ri{
    margin-left: 10px;
    color: #fff;
    font-weight: 300;
}
/* .s-ban-text h1 span{
    color: #910303;
} */
.get-bt svg{
    width: auto;
}
.get-bt{
    background-color:#910303 ;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 50px 10px 30px;
    clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);
  
}
.get-bt:hover{
    background-color:#222222e5;
}
.home-mg {
    margin-top: -109px;
    position: relative;
    z-index: 5;
}

a{
    text-decoration: none;
}

.ml10, .ml11, .ml12, .ml13, .ml14 {
    position: relative;
  }
  
  .ml10 .text-wrapper, .ml11 .text-wrapper, .ml12 .text-wrapper, .ml13 .text-wrapper, .ml14 .text-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  
  .ml10 .letter, .ml11 .letter, .ml12 .letter, .ml13 .letter, .ml14 .letter {
    display: inline-block;
    transform-origin: 0 0;
  }


#tab-img{
    display: none;
}
#mob-img{
    display: none;
}

.saikat-ban-area-2 .s-ban-text h1 {
    width: 52%;
}

.saikat-ban-area-4 .s-ban-text h1 {
    width: 38%;
}
.saikat-ban-area-5 .s-ban-text h1 {
    width: 48%;
}


.saikat-ban-area-3 .s-ban-text h1 {
    width: 39%;
}



/* end banner */


.text-pp {
    margin-bottom: 40px;
}
.reels {
    padding: 80px 0;
}
.reels-area video {
    height: 550px;
    width: 100%;
    object-fit: cover;
    background-color: #993636;
    padding: 5px;
}

.reels-con .owl-prev {
    background-color: #ff9898 !important;
    padding: 0 10px !important;
    height: 40px !important;
    width: 40px !important;
    position: relative;
    top: 50%;
    left: -4%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 100%;
    box-shadow: 1px 1px 7px #7b7b7b;
}
.reels-con .owl-next {
    background-color:  #ff9898 !important;
    padding: 0 10px !important;
    height: 40px !important;
    width: 40px !important;
    position: relative;
    top: 50%;
    right: -4%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 100%;
    box-shadow: 1px 1px 7px #7b7b7b;
}
.reels-con .owl-prev span, .reels-con .owl-next span {
    font-size: 49px;
    position: absolute;
    top: -59%;
    left: 29%;
    color: #993636;
}


@media only screen and (max-width:1024px) {
    .pink-image{
        height: 600px;
    }

    .smooth{
        font-size: 30px !important;
    }

    .the-p{
        padding-top: 10px !important;
    }

    .stroke{
        font-size: 50px !important;
    }

    .years{
        font-size: 15px !important;
    }

    .opaci-img{
        height: 500px;
    }

    .box{
        width: 95% !important;
    }

    .box-img{
        height: 600px;
        object-fit: cover;
    }

    .mt-top{
        margin-top: 30px;
    }

    .insta{
        display: none;
    }

    .we{
        font-size: 40px !important;
    }
}

@media only screen and (max-width:912px){

    #tab-img{
        display: block;
    }
    #des-img{
        display: none;
    }
    .waveee2{
        bottom: 6% !important;
    }
    /* .s-ban-text {
        left: 3%;
    } */
    .s-ban-text h1 {
        font-size: 30px;
        width: 43%;
    }
    .s-ban-text p {
        font-size: 14px;
        width: 51%;
        margin-top: 0px;
        margin-bottom: 26px;
    }
    .saikat-banner {
        margin-top: -38px;
    }
    .get-bt {
        font-size: 15px;
        padding: 7px 30px 7px 15px;
    }
    .s-ban-text {
        position: absolute;
        top: 57%;
        left: 4%;
        transform: translateY(-57%);
    }
 

    .s-ban-text h1, .s-ban-text p {
        display: none;
    }

 







/* end banner */
.home-mg {
    margin-top: -50px;
}

.text-pp {
    margin-bottom: 0px;
}

.lip {
    display: none;
}




.banner-van{
    height: 600px;
    object-fit: cover;
}

.absu-ll{
    padding: 0px 50px;
}

.text-web{
    text-align: -webkit-center;
}

.text-web2{
    margin-top: 40px;
}

.text-pp{
    padding: 30px 0px;
}

.mm-img{
    height: 500px;
    object-fit: cover;
}

.cen-cen{
    justify-content: center !important;
    margin-bottom: 30px;
}

.leftt{
    display: none;
}

.rightt{
    display: none;
}

.boxes{
    text-align: -webkit-center;
    margin-bottom: 20px;
}

.boxes img{
    width: 50%;
}

.anam-sc-t{
    padding-top: 0px !important;
}

.dlack{
    padding-top: 40px !important;
}

.text-kit{
    text-align: -webkit-center;
    padding-top: 20px;
    border: none;
}

.anms{
    margin-top: 40px !important;
}

.round{
    width: 11%;

}

.round-m{
    margin-top: 20px;
}

.wap-cen{
    flex-wrap: wrap;
    padding-left: 0px !important;
    gap: 30px;

}

.mll{
    margin-left: 0px !important;
    width: 100% !important;
    text-align: center;
}

.last-mm{
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}

.count-ab{
    top: 57% !important;
}

.nav-black{
    left: 30% !important;
    width: 60% !important;
}

.nav-opacity{
    right: -25% !important;
}
}


@media only screen and (max-width:820px){
.reels-con .owl-next {
    right: -2%;
}
.reels-con .owl-prev {
    left: -2%;
}
.reels-area video {
    height: 450px;
}


}


@media only screen and (max-width:768px){
.get-bt {
    font-size: 13px;
    padding: 5px 20px 5px 8px;
}
.reels-area {
    width: 90%;
    margin: 0 auto;
}

.reels-con .owl-next {
    right: 0%;
}
.reels-con .owl-prev {
    left: 0%;
}


}


@media only screen and (max-width:712px){
.reels-area {
    width: 100%;
}
.reels-con .owl-next {
    right: -3%;
}
.reels-con .owl-prev {
    left: -3%;
}



}


@media only screen and (max-width:600px){
.absu-ll{
    text-align: center;
}
.banner-van{
    display: none;
}

.waveee{
    top: -7% !important;
}

.wee-top{
    margin-top: 50px !important;
}

.footer-content{
    justify-content: center;
}

.welcomessss{
    font-size: 30px !important;
}
.lip {
    width: 120px;
}

/* .inner-f-res{
    padding-top: 50px !important;
} */
.count-res{
    margin-top: 0px !important;
    margin-bottom: 40px !important;
}

.banner-van2{
    display: block !important;
}
.text{
    display: none;
}
.gallery-res-top{
    margin-top: 40px !important;
}

.absu-ll{
    top: 50% !important;
}

.the-p{
    display: none;
}

.home-mg{
    margin-top: 40px;
}
.our-nail{
    font-size: 20px !important;
    text-align: center;
}

.nail-top{
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.nail-last{
    margin-top: 0px !important;
}

.nav-opacity{
    right: -43% !important;
}

.con-ress{
    margin-bottom: 40px !important;
}

.jawsad{
    display: none;
}

.round{
    width: 50% !important;
}
.we-we h3{
    font-size: 25px;
}
.round-m2{
    gap: 20px ;
    justify-content: center !important;
}

.mll{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.boxes img {
    width: 80%;
}
}
@media only screen and (max-width:540px){
.get-bt {
    font-size: 11px;
    padding: 4px 20px 4px 6px;
}
.home-mg {
    margin-top: 0px;
}
.reels-area {
    width:62%;
}
.reels-con .owl-next {
    right: 2%;
}
.reels-con .owl-prev {
    left: 2%;
}


}

@media only screen and (max-width:480px){
.the-p{
    font-size: 11px !important;
}
.reels-area {
    width:70%;
}

}
@media only screen and (max-width:430px){
#tab-img{
    display: none;
}
#mob-img{
    display: block;
}
.s-ban-text {
    top: 54%;
    left: 50%;
    transform: translate(-50%, -54%);
    width: 100%;
    text-align: center;
}
.get-bt {
    font-size: 12px;
    padding: 3px 32px 6px 10px;
}




}


@media only screen and (max-width:384px){
    .smooth {
        font-size: 21px !important;
    }

    .absu-ll {
        padding: 0px 20px;
    }

    .dlack{
        font-size: 27px !important;
    }

    .we-we{
        font-size: 23px !important;
    }

    .round{
        width: 16%;
    }

    .we{
        font-size: 32px !important;
    }

    .we-ppp{
        font-size: 14px;
    }

    .nav-opacity {
        right: -67% !important;
    }
    .reels-area {
        width:80%;
    }
    .reels-con .owl-next {
        right: 0%;
    }
    .reels-con .owl-prev {
        left: 0%;
    }




}


@media only screen and (max-width:360px){
.gett-bb {
    width: 100%;
}



}




@media only screen and (max-width:320px){
.banner-button{
    width: 262px !important;
}

.boxes img {
    width: 80%;
}

.insta-h{
    font-size: 38px !important;
}
}

.updown {
    animation: saikat 0.5s infinite;

}

@keyframes saikat {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(20%);
    }
}

.hair-care-hover{
    transform: perspective(1500px) scaleZ(1);
    transition: transform 1s ease 0s;
}

.hair-care-hover:hover{
    transform: perspective(300px) scaleX(1.3);
    
}


.hair-care-hover2{
    transition: all ease 0.4s;
}

.hair-care-hover2:hover{
    transform: translateY(-10%);
}

.slider-hover{
    transition: all 0.3s;
    box-sizing: border-box;
    max-width: 100%;
    transform: perspective(600px) rotateY(0deg);
    scale: 0.8;
}

.slider-hover:hover{
    transform: perspective(600px) rotateY(30deg);
}