.swiper{
    max-width: 100%;
    width: 100vw;
    height: calc(100vh - 84px);;
    overflow-y:hidden;
}

@media (min-width:1366px) {
    .swiper{
        height: 100vh;
    }
}

@media (height <= 480px) {
    .logo-in-frosted-container{
        height:auto;
        width:150px !important;
    }

    .frosted-container-text{
        padding:0 !important;
    }

    .frosted-privacy-policy{
        display: none;
    }

    .frosted-title{
        font-size: 20px;
        padding: 0;
    }

    .frosted-sub-text{
       display: none;
    }

    .btn-home{
      margin-top:0 !important;
      margin-bottom: 15px;
    }
}

@media (height <= 600px) {
    .logo-in-frosted-container{
        height:auto;
        width:200px !important;
    }

    .frosted-container-text{
        padding:0 !important;
    }

    .frosted-privacy-policy{
        display: none;
    }

    .frosted-title{
        font-size: 20px;
        padding: 0;
    }

    .frosted-sub-text{
       display: none;
    }

    .btn-home{
      margin-top:0 !important;
      margin-bottom: 15px;
    }
}

@media (height <= 480px) {
    .logo-in-frosted-container{
        height:auto;
        width:150px !important;
    }

    .frosted-container-text{
        padding:0 !important;
    }

    .frosted-privacy-policy{
        display: none;
    }

    .frosted-title{
        font-size: 20px;
        padding: 0;
    }

    .frosted-sub-text{
       display: none;
    }

    .btn-home{
      margin-top:0 !important;
      margin-bottom: 15px;
    }
}

@media (height <= 700px) {
    .logo-in-frosted-container{
        height:auto;
        width:200px !important;
    }

    .frosted-container-text{
        padding:0 !important;
    }

    .frosted-privacy-policy{
        display: none;
    }

    .frosted-title{
        font-size: 20px;
        padding: 0;
    }

    .frosted-sub-text{
       display: none;
    }

    .btn-home{
      margin-top:0 !important;
      margin-bottom: 20px;
    }
}




/* Tablet and up: Applies styles for screens 768px wide and greater */
/*@media (min-width: 768px) {*/
/*    .swiper{*/
/*        height: 93vh;*/
/*    }*/
/*  }*/
  
/*    @media (min-width: 1024px) {*/
    /* CSS rules specific to standard desktops go here (e.g., a three-column layout, larger font sizes) */
/*    .swiper{*/
/*        height: 90vh;*/
/*    }*/
/*  }*/

/*  @media (min-width: 1366px) {*/
    /* CSS rules specific to standard desktops go here (e.g., a three-column layout, larger font sizes) */
/*    .swiper{*/
/*        height: 100vh;*/
/*    }*/
/*  }*/

.swiper-button-prev,
.swiper-button-next {
    color: white; /* Change the default color */
}

.swiper-button-prev:hover,
.swiper-button-next:hover{
    color: #ff0000; /* Change the default color */
}

.swiper-pagination-bullet {
    background-color: #cccccc; /* Default dot color */
    opacity: 1; /* Ensure full opacity */
}

.swiper-pagination-bullet-active {
    background-color: #ff0000; /* Active dot color */
}

@media (max-width:767px) {
    .swiper-button-prev,
    .swiper-button-next {
    display: none;
    
}

}