body {
    overflow-x: hidden; 
}

.navbar {
    background-color: rgb(7, 7, 44); 
}

.navbar-nav {
    display: flex; 
    gap: 45px; 
}
.logo {
    width: 150px; 
    height: auto; 
}

@media (max-width: 768px) {
    .logo {
        width: 100px; 
    }
}

@media (max-width: 576px) {
    .logo {
        width: 80px; 
    }
}

.navbar-nav .nav-link {
    color: white; 
}

.navbar-nav .nav-link:hover {
    color: red; 
}

.navbar-brand {
    margin-left: 30px; 
}
.drop-down-need {
    width: 400px;
}

.roww-1{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 945px;
    background-color:rgb(240, 145, 48);
    position: relative;
}
.img-fluid1{
    width: 100%;
    height: auto;
    
}
#image-aneme{
        width: 23%;
        height: auto; 

}

.rotate-image{
    width: 136px;
    height: 372px;

}
.hover:hover{
    color: red !important;
    transition: 0.4s;
}
.dropdown-item1 {
    text-decoration: none;
    color:#fff;
    line-height: 32px;
    transition-duration:  0.7s;
    margin-left: 15px;
    font-size: 15px;
}
.dropdown-item1:hover {
   color: #c9c9de ;
   
}

.image-rot-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.roww-1{
    overflow: hidden;
}

.roww-1 .rotating-head{
    font-size: 6vw;
    position: absolute;
    /* left: 14vw; */
    color: rgb(234, 217, 217);
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* font-size: 36px; */
    font-weight: 900;
    font-family: "EksellDisplayWeb-Small";
    z-index: 100;
}
.rotate-image{
    animation: rotate 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.Available {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}




.image-container {
    display: flex;
    justify-content: center; 
    align-items: center; 
    
    
}

.responsive-title {
    font-size: 8em; 
   
}


@media (max-width: 768px) {
    .responsive-title {
        font-size: 5em; 
    }
}

@media (max-width: 576px) {
    .responsive-title {
        font-size: 3em;
    }
}

.flying-image {
    width: 10em; 

    height: auto; 
}

@media (max-width: 768px) {
    .responsive-title {
        font-size: 5em; 
    }
}

@media (max-width: 576px) {
    .responsive-title {
        font-size: 2em; 
    }
    .roww-1 .rotating-head{
        font-size: 10vw;
    }
}

.container2{
    font-family: "merivaregular";
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
    padding: 10%;
 
}
.logos{
    display: flex;
    font-size: 30px;
    gap: 10px;
}
.bottles img {
    width: 100%; 
    height: auto; 
}
.lastpart{
    display: flex;
  padding: 20%;
    justify-content: space-between;
    font-size: 40px;
    
}
.logos2{
    display: flex;
    font-size: 30px;
    gap: 10px;
}
.lastu{
    padding: 15px;
}