.top {

      height: 40px;

      background: #e37878;

      color: #fff;

      font-size: 18px;

      display: flex;

      align-items: center;

      justify-content: center;

    }

#carouselExampleIndicators img {
    height: 300px;
    object-fit: cover;   
    width: 100%;
}

.main-nav {

      background-color: #fff;

      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

      padding: 12px 0;

    }



    /* ===== Logo ===== */

    .logo img {

      width: 90px;

      height: 80px;

      object-fit: contain;

    }



    /* ===== Nav Menu ===== */

    .nav {

      display: flex;

      justify-content: center;

      align-items: center;

      gap: 35px;

      font-size: 18px;

      font-weight: 500;

    }



    .nav div {

      cursor: pointer;

      transition: 0.3s;

    }



    .nav div:hover {

      color: #e37878;

      text-decoration: underline;

    }



    /* ===== Icons Section ===== */

    .icon {

      display: flex;

      justify-content: space-evenly;

      align-items: center;

      gap: 15px;

    }



    .icon i {

      font-size: 22px;

      cursor: pointer;

      transition: 0.3s;

    }



    .icon i:hover {

      color: #e37878;

    }



    /* ===== Sign In Button ===== */

    .login-menu {

      position: relative;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

    }



    #loginBtn {

      border: none;

      background: transparent;

      font-size: 16px;

      color: #000;

      cursor: pointer;

      text-align: center;

      padding: 0;

      font-weight: 500;

      transition: 0.3s;

    }



    #loginBtn:hover {

      color: #e37878;

      text-decoration: underline;

    }



    /* ===== Dropdown Styling ===== */

    .dropdown-content {

      display: none;

      position: absolute;

      top: 35px;

      left: 50%;

      transform: translateX(-50%);

      background-color: #fff;

      min-width: 200px;

      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);

      z-index: 10;

      border-radius: 8px;

      padding: 10px;

    }



    .login-menu:hover .dropdown-content {

      display: block;

    }



    .dropdown-header {

      text-align: center;

      padding-bottom: 10px;

      border-bottom: 1px solid #ddd;

    }



    .dropdown-content p {

      margin: 0;

      font-weight: 600;

    }



    .login-form {

      padding: 10px;

      text-align: center;

    }



    .login-form button {

      background: #e37878;

      color: #fff;

      border: none;

      padding: 8px 15px;

      border-radius: 5px;

      cursor: pointer;

      transition: 0.3s;

    }



    .login-form button:hover {

      background: #c35c5c;

    }



.collection{

    font-size:50px;

    font-weight:500;

    font-family: "Font Awesome 6 Free";

    line-height: 40px;

}

.explore{

    font-size: 30px;

    font-weight:100;

    line-height: 20px;

    color: #55534d;

}

.big-image{

    width: 100%;

    height:720px;

}

.small-image{

    width: 100%;

    height:700px;

}

.big-image img{

    width: 100%;

    height:100%;

    border-radius: 5px;

}

.small-image-img{

    width: 100%;

    height:50%;

}

.small-image-img img{

    width: 100%;

    height:100%;

    border-radius: 5px;

}
.category{
  width:150px;

    height:150px;
}
.category img{

    width:100%;

    height:100%;

    border-radius: 5px;

}

.cat{

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    font-weight:500;

    margin-top: 10px;

}
.category1 img{
  width: 100%;

    height:300px;

    border-radius: 5px;
}
.viewall{

    width: 100%;

    height: 400px;

    border-radius: 5px;

    box-shadow: 1px 1px 1px 2px gray;

    display: flex;

    align-items: center;

    justify-content: center;

}

.view{

    text-align: center;

    

}

.view span{

    color: #812626;

    font-size: 50px;

}

.view p{

   font-size: 20px;



}

.treand img{

    width:100% 0;

    height: 300px;

}

.sec{

   padding-top:30px;

} 

.world img{

    width: 100%;

    height: 350px;

    border-radius: 10px;

}

.world1 img{

    width: 100%;

    height: 450px;

    border-radius: 10px;

}

.carousel-item img{

    height: 600px;

    width: 100%;

}

.gendar img{

    width: 100%;

    height: 500px;

    border-radius: 5px;

}

.name{

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-weight:500;

    margin-top: 10px;

}

.nav{

    

    display: flex;

    align-items: center;

    justify-content:space-evenly;

    

}

.home, .about, .cate, .shop, .contact{

    font-size: 17px;

    font-weight: 500;

}



.fot{

     height: 70px;

    background:#d55858;

    font-size: 20px;

    margin-top: 100px;

    color: #f6eeee;

}

footer {

      background-color: #000;

      color: #fff;

      padding: 4rem 0;

      

    }



    /* Top section (email + icons) */

    .footer-top {

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

      align-items: center;

      margin-bottom: 3rem;

    }



    .email-box {

      display: flex;

      width: 60%;

      background: #fff;

      border-radius: 5px;

      overflow: hidden;

      height: 50px;

    }



    .email-box p {

      margin: auto;

      padding-left: 1rem;

      color: grey;

      font-size:25px;

    }

    .email-box input{

        width: 100%;

        padding: 20px;

        border-style: none;

    }



    .email-arrow {

      background-color: #e37878;

      color: #fff;

      width: 60px;

      display: flex;

      justify-content: center;

      align-items: center;

      font-size:20px;

      

      cursor: pointer;

    }



    



    .social-icons {

      display: flex;

      gap: 15px;

    }



    .social-icons div {

      width: 50px;

      height: 50px;

      border: 1px solid #fff;

      display: flex;

      justify-content: center;

      align-items: center;

      transition: 0.3s;

      cursor: pointer;

    }



    .social-icons div:hover {

      border-color: #e37878;

      color: #e37878;

    }



    /* Footer columns */

    .footer h5 {

      font-weight:700;

      margin-bottom: 1.2rem;

      color: #fff;

      font-size: 25px;

    }



    .footer p {

      color: #fff;

      font-size:18px;

      margin-bottom: 0.6rem;

    }



    .insta-box {

      display: flex;

      align-items: center;

      margin-bottom: 1rem;

    }



    .insta-box img {

      width: 80px;

      height: 60px;

      

      background: #fff;

      border-radius: 5px;

    }



    .insta-box p {

      margin-left: 1rem;

      margin-bottom: 0;

      color: #fff;

    }



    footer i {

      color:white;

      margin-right: 0.5rem;

    }

    .main-nav{

        padding: 0 100px;

    }