*{
    text-decoration: none;
    margin-right: 0px;
}
* button{
    font-weight: 500;
}
.logo h1{
color: #000;
font-family: 'Inter', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.Nav-container{
display: flex;
justify-content: space-between;

padding-bottom: 30px;    
}
.container-5{
display: flex;
margin-top: 0px;
height: 536px;
margin-bottom: 60px;
background-color: var(--primary);
}
.nav-1{
padding-top: 42px; 
}

.dress-1{

padding-left: 90px;
padding-top: 132px;
padding-bottom: 135px;
margin: 0px;
width: 262px;
height: 269px;
}
.dress-2{
width: 189px;
height: 299px;
padding-top: 118px;
padding-bottom: 119px;
padding-left: 0px;
}
.dress-3{
width: 459px;
height: 259px;
padding-top: 138px;
padding-bottom: 139px;
margin-left: 40px;
margin-right:0px       ;
}

.text p{
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 400;
padding-left: 90px;
word-wrap: break-word;
}

.test-cont{
display: flex;
margin-left: 100px;
margin-right: 100px;
}
.test-2 ,.test-3{
margin-left: 60px;
background-color: var(--primary);
width:400px;
height:    631px;

}
.test-cont img{
width:328px;
height:    410px;
}

.test-name{
color: black;
font-size: 14px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
margin-left: 160px;


}

.lines-2{
color: black;
font-size: 20px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
text-align: center ;
justify-self:center ;   
margin-left: 250px;
margin-top: -10px;
}
.signup{
color: black;
font-size: 20px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
margin-left: 222px;

margin-top: -35px;

}
.down{
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 600;
word-wrap: break-word
}
.signups{
color: black;
font-size: 20px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
margin-left: 150px;

margin-top: -35px;

}
.test-rev{
color: black;
font-size: 14px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word
}
.tname{
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
margin-left: 100px;

}

.test-1 , .test-2 ,.test-3{
border-radius: 20px;
padding-bottom: 20px;
}
.test-cont img{
margin-left: 35px;
margin-top: 28px;
}
.test-1{
background-color: #F7F6F0;
width:400px;
height:    631px;
}
.testimonials{}


.text span{
padding-left: 30px;
}
.beg-nav1{

padding-left: 100px;
}
nav{
display: inline-flex;
align-items: flex-start;
gap: 60px;

}
.container-3{
padding-bottom: 60px;
}
.nav-1 a{
color: #505050;
font-size: 14px;
font-family: 'Inter', sans-serif;
text-decoration: none;
font-weight: 400;
word-wrap: break-word
}

.tit-2{
padding-left: 10px;
}
.tit{
padding-left: 49px;
padding-top: 187.5px;
font-size:48px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.end-nav1{
padding-right: 192px;
}
.nav-2{
padding-right: 330px;
padding-top: 30px;
}
.nav-3 nav{
display: inline-flex;
align-items: flex-start;
gap: 26px;

}
.dre-1, .dre-2{
display: flex;
}
.sign-tit{color: black;
font-size: 48px;
font-family: 'Inter';
font-weight: 600;
word-wrap: break-word
}
.innercontain-6{
background-color: var(--primary);
margin-left: 15px;
margin-right: 15px;
border-radius: 20px;
}
.innercontain-6 img{
margin-left: 70px;
margin-top: 45px;
width: 397px;
height: 497px;
border-radius: 20px;
}
.stars{
display: flex;
margin-left: 140px;


}
.container-8{
margin-top: 60px;
height: auto;
width: auto;
background-color: var(--primary);
display: flex;
}


.show {
display: flex; /* Change "block" to "flex" to properly show the container */
transition: transform 0.5s ease-in-out;
transform: translateX(-100%);
}

img{
padding-top: 0px;
margin-top: 0px;
height:570px;
}
.search{
border-radius: 10px;
padding: 5px;
}

.sign-nav{
color: black;
font-size: 24px;
font-family: 'Inter';
display: flex;
font-weight: 600;
word-wrap: break-word;
margin-left: 135px;
}

.sign-nav-1{
margin-top: 40px;
}
.sign-nav-2 ,.sign-nav-3,.sign-nav-4{
margin-top: 10px;
}
.sign-nav-4{
margin-bottom: 100px;
}

.sign-nav p{
margin-top: 6px;
margin-left: 10px;
}

.nav-3{
padding-right: 100px;
padding-top: 42px; 
}
.cart,.prof{
padding-top: 4px;
}
.hidden {
display: none;
}
.svgabout{
margin-top: 102px;
margin-left: 101px

}


.show {
display: block;
transition: transform 0.5s ease-in-out;
transform: translateX(-100%);
}
.testimonials{
margin-top: 60px;
margin-left: 550px;
color: black;
font-size: 48px;
font-family: 'Inter';
font-weight: 600;
word-wrap: break-word
}
.dtext{
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
padding-left: 180px;
padding-top: 16px;
margin-bottom: 0px;
}
.befoot{
display: flex;
}


.rem{
margin-left: 112px;
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word
}


.dprice{
color: black;
font-size: 14px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
margin-top: 0px;
padding-top: 0px;
padding-left: 200px;
}

.navs-prod{

color: #505050;
font-size: 32px;
font-family:' Inter';
font-weight: 500;
word-wrap: break-word
}
.container-1{
width: auto;
height: 574px;
margin-bottom: 0px;
padding-bottom: 0px;
background-color: var(--primary);
}
.img-1{
padding-left: 133px;    
padding-top: 0px;
margin-top: 0cm;
}
.img-2{
padding-left: 40px;    

}
.foot{
margin-top: 100px;
margin-left: 600px;
}

:root{
--primary:#F7F6F0;
}
.img-3{
padding-left: 46px;
}
.img-4{
padding-left: 100px;
margin-right: auto;
}

.smedia{
margin-left: 70px;
}
.btnprod{
background-color: white;
font-size: 20px ;
text-decoration: none;
border-radius: 10px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 120px;
margin-left: 44.5%;
border: white;

}
h3{
color: black;
font-size: 32px;
font-family: 'Inter';
padding-left: 110px;
font-weight: 500;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
word-wrap: break-word
}
.downs{
margin-top: 5px;
margin-left: 15px;
}
.logo-int{
color: black;
font-size: auto;
font-family: 'Inter', sans-serif;
font-weight: 600;
word-wrap: break-word
}
.container-1{
display: flex;
padding-left: 50px;
}

nav a::after{
content: "";
display: block;
height: 2px;
background-color:#505050 ;
width: 100%;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease-in-out;
}

nav a:hover::after{
transform: scaleX(1);
}

.downs-2{
margin-top: 25px
}

.text1{
color: black;
font-size: 16px;
font-family: 'Inter', sans-serif;
font-weight: 400;
word-wrap: break-word;
padding-bottom: 186px;
padding-left: 40px;
}
.tit-3{
color: black;
font-size: 48px;
font-family: 'Inter';
font-weight: 600;
word-wrap: break-word;
margin-left: 550px;
margin-top: 0px;
padding-top: 60px;
padding-bottom: 60px;
}

.checks{
display: flex;
margin-top: 30px;
margin-left: 0px;
}
.checks p{
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word
}

input.checks-1 {
margin-right: -55px;
}

.checks-1{
margin-top: 15px;
margin-right: 0px;
padding-right: 0px;
}
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
.seasonbtn{
border-radius: 20px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 30px;
padding-right: 30px;
margin-top: 26px;
margin-left: 175px;
color: white;
background-image: white;
font-size: 20px;
font-family:'Inter';
font-weight: 400;
word-wrap: break-word;
height: auto;
text-decoration: none;
width: auto;

}
.terms{
display: flex;
margin-left: 150px;
margin-top: 40px;
}
.container-6 nav{
gap: 80px;
}
.sign-tit{
margin-left: 128px;
margin-top: 162px
}

button{
background-color: white;

}
.lines-2{
display:flex;
}
.topus{
margin-left: 112px;
margin-top: 48px;
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 600;
word-wrap: break-word
}
.season-1{
margin-left: 20px;
width:397px; 
height:496px;
}
.tit-4{
margin-top: 4px;
padding-left:180px;
padding-bottom: 0;
margin-bottom: 0px;
color: black;
font-size: 32px;
font-family: 'Inter';
font-weight: 500;
word-wrap: break-word
}
.season-collect{
display: flex;
width: auto;
height: fit-content;
}

.google{
position: relative;
margin-left: 115px;
margin-bottom: -40px;
}
.facebook{

position: relative;
margin-left: 115px;
margin-bottom: -40px;
}

.season-3{
padding-left: 38px;
padding-right: 6px;
margin-right: auto;
}
.season-2{
margin-left: auto;
margin-right: auto;
padding-left: 90px;

}
form{
display:flex;
flex-direction: column-reverse;
}
.prod1{
margin-left: 180px;
padding: 10px 40px;
margin-bottom: 0px; 
border-radius: 20px 20px 0px 0px ;
background-color: var(--primary);
}

.prod2,.prod3,.prod4,.prod5{
margin-left: 20px;
margin: 0px;
margin-right:0px;
padding: 10px 40px;
}
.prod6{
margin-left: 30px;
margin-right: 30px;
}
.prod-nav{
text-align: center; color: black; font-size: 48px; font-family: 'Inter'; font-weight: 600; word-wrap: break-word;padding-bottom: 40px;
margin-bottom:30px;
}
.dress-name{
color: black;
font-size: 16px;
font-family: 'Inter';
font-weight: 400;
word-wrap: break-word;
margin-top: 0px;
padding-left: 160px;
}
.dress-price{
color: black;
font-size: 14px;
font-family:' Inter';
font-weight: 400;
word-wrap: break-word;
padding-left: 40px;
}


.scroll{
height: 53px;
width: auto;
position: relative;
left: -60px;
top: 240px;
padding-right: 0px;
margin-right: 0px;
}

h4{
text-decoration: none;
}
.tit-5{

color: black;
font-size: 48px;
font-family: 'Inter';
font-weight: 600;
word-wrap: break-word;
padding-left: 600px;
margin-top: 0px;
padding-top: 80px;
padding-bottom: 45px;
}

.contains {
    /* Add your initial styles for the container here */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }
  .contains.show {
    /* Add styles for the container when it becomes visible */
    opacity: 1;
    transform: translateY(0);
  }
  
.text{
padding-left: 30px;
padding-right: 0px;
padding-top: 149px;
}

.test-rev{
margin-left: 30px;
margin-right: 30px;
margin-bottom: 36px;
}


.text h1{
color: black;
font-size: 48px;
font-family: 'Inter';
font-weight: 600;
padding-left: 80px;
word-wrap: break-word

}