*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {
    width: 100svw;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d4cbcb;
}

.container {
    height: auto;
    width: 500px;


}


.img-layer-contain {
    height:485px;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-layer {
   position: absolute;
    height: 485px;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 492px !important;
}

#second-img {
       height: 492px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 730px !important;
        /* border: 1px solid red; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 730px !important;
}


#third-btn {
    display: inline-block;
    position: absolute;
    bottom: 78px;
    height: 68px;
    width: 75%;
 
}


#fourth-layer {
    height: 450px !important;
    width: 500px;
  
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 450px !important;
}



#fifth-layer {
    height: 165px !important;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 165px !important;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 86px;
    height: 65px;
    width: 72%;
    /* border: 1px solid #000; */
}

.costumer-service-link {
    height: 110px;
    width: 90px;
    /* border: 1px solid red; */

    object-fit: cover;
    position: fixed;
}

.last-btn {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.floating-btn-contain {
    height: 115px;
    width: 100%;
    position: absolute;
    top: 115px;
    z-index: 555;
    /* border: 1px solid #000; */
    display: flex;
    justify-content: end;
}


#service-link-modify {
               display: inline-block;
        position: absolute;
        bottom: 0;
        height: 90px;
        width: 100%;
 
}



@media only screen and (max-width: 800px) {
   
.img-layer-contain {
    height:485px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-layer {
   position: absolute;
    height: 485px;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 492px !important;
}

#second-img {
       height: 492px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 730px !important;
    position: relative;
        width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 730px !important;
}


#third-btn {
    display: inline-block;
    
    position: absolute;
    bottom: 78px;
    height: 68px;
    width: 75%;
 
}


#fourth-layer {
    height: 450px !important;
     width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 450px !important;
}



#fifth-layer {
    height: 165px !important;
       width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 165px !important;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 86px;
    height: 65px;
    width: 72%;

}

.costumer-service-link {
    height: 110px;
    width: 90px;
    /* border: 1px solid red; */

    object-fit: cover;
    position: fixed;
}
}




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


 body {
    background:#000 !important;
 }

    .floating-btn-contain {
    height: 115px;
    width: 100%;
    position: absolute;
    top: 99px;
    z-index: 555;
    /* border: 1px solid #000; */
    display: flex;
    justify-content: end;
}
   
.container {
    height: auto;
    width: 100% !important;


}

.img-layer-contain {
    height:418px !important;
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-layer {
   position: absolute;
    height: 418px !important;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 425px !important;
}

#second-img {
       height: 425px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 628px !important;
    /* width: 100% !important; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 628px !important;
       object-fit: contain;
}



#fourth-layer {
    height: 388px !important;
    width: 500px;
  
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 388px !important;
}



#fifth-layer {
    height: 145px !important;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 145px !important;
    object-fit: cover;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 65px;
    width: 72%;
    /* border: 1px solid #000; */
}

.costumer-service-link {
    height: 95px;
    width: 80px;
    /* border: 1px solid red; */

    object-fit: cover;
    position: fixed;
}

}


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


        .floating-btn-contain {
        height: 115px;
        width: 100%;
        position: absolute;
        top: 86px;
        z-index: 555;
        /* border: 1px solid #000; */
        display: flex;
        justify-content: end;
    }
   
.container {
    height: auto;
    width: 100% !important;


}

.img-layer-contain {
    height:400px !important;
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-layer {
   position: absolute;
    height: 403px !important;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 410px !important;
}

#second-img {
       height: 410px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 601px !important;
    /* width: 100% !important; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 601px !important;
       object-fit: contain;
}



#fourth-layer {
    height: 362px !important;
    width: 500px;
  
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 362px !important;
}



#fifth-layer {
    height: 134px !important;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 134px !important;
            object-fit: contain;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 65px;
    width: 72%;
    /* border: 1px solid #000; */
}

.costumer-service-link {
            height: 99px;
        width: 75px;


    object-fit: cover;
    position: fixed;
}

}




@media only screen and (max-width: 390px) {
   
.container {
    height: auto;
    width: 100% !important;


}

.img-layer-contain {
    height:380px !important;
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.img-layer {
   position: absolute;
    height: 380px !important;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 385px !important;
}

#second-img {
       height: 385px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 567px !important;
    /* width: 100% !important; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 567px !important;
       object-fit: contain;
}



#fourth-layer {
    height: 348px !important;
    width: 500px;
  
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 348px !important;
}



#fifth-layer {
    height: 130px !important;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 130px !important;
            object-fit: contain;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 65px;
    width: 72%;
    /* border: 1px solid #000; */
}

.costumer-service-link {
    height: 110px;
    width: 90px;
    /* border: 1px solid red; */

    object-fit: cover;
    position: fixed;
}


}




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

  .container {
    height: auto;
    width: 100% !important;


}

.img-layer-contain {
    height:364px !important;
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.img-layer {
   position: absolute;
    height: 364px !important;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 372px !important;
}

#second-img {
       height: 372px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 546px !important;
    /* width: 100% !important; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 546px !important;
       object-fit: contain;
}



#fourth-layer {
    height: 340px !important;
    width: 500px;
  
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 340px !important;
}



#fifth-layer {
    height: 122px !important;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 122px !important;
            object-fit: contain;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 86px;
    height: 65px;
    width: 72%;
    /* border: 1px solid #000; */
}

.costumer-service-link {
    height: 110px;
    width: 90px;
    /* border: 1px solid red; */

    object-fit: cover;
    position: fixed;
}

}



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

        .floating-btn-contain {
        height: 90px;
        width: 100%;
        position: absolute;
        top: 74px;
        z-index: 555;

        display: flex;
        justify-content: end;
    }

    .costumer-service-link {
        margin-right: -5px;
    height: 85px !important;
    width: 85px;
    object-fit: cover;
    position: fixed;
}

   
 .container {
    height: auto;
    width: 100% !important;


}

.img-layer-contain {
    height:350px !important;
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.img-layer {
   position: absolute;
    height: 350px !important;
    width: 100%;
    object-fit: contain;

}

#second-layer {
    height: 345px !important;
}

#second-img {
       height: 345px !important;
}


#second-btn {
    display: inline-block;
    position: absolute;
    bottom: 66px;
    height: 61px;
    width: 75%;
 
}



#third-layer {
    height: 523px !important;
    /* width: 100% !important; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

#third-img {
       height: 523px !important;
       object-fit: contain;
}



#fourth-layer {
    height: 321px !important;
    width: 500px;
  
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fourth-img {
    height: 321px !important;
}



#fifth-layer {
    height: 121px !important;
    width: 500px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fifth-img {
    height: 121px !important;
            object-fit: contain;
}

.service-link {
    display: inline-block;
    position: absolute;
    bottom: 86px;
    height: 65px;
    width: 72%;
    /* border: 1px solid #000; */
}

.costumer-service-link {
    height: 110px;
    width: 90px;
    /* border: 1px solid red; */

    object-fit: cover;
    position: fixed;
}

}