body {
    scroll-behavior: smooth;
    margin: 0;
    /*font-family: Arial, sans-serif;*/
      font-family: "Montserrat", serif !important;
}

/* Footer Styles */
.straight {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.straight a {
    color: black;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 16px; 
}

.straight a:hover{
    color: #e57388;
}

.footers {
    display: flex;
    justify-content: space-between; 
    background-color: #f2cbdd;
    /*padding: 20px;*/
    text-align: center;
    flex-wrap: wrap; 
}

.footer-section {
    padding: 10px;
    box-sizing: border-box;
    flex: 1 1 18%; 
    min-width: 200px; 
    margin: 0 10px; 
}


.company a{
    color:black;
    font-weight:700;
}
.company {
    padding-left:20%;
    padding-right:20%;
    background-color:#d85d7f;
    border:none;
   height:60px;
   display:flex;
   flex-direction:row;
   justify-content:center;
   align-items:center;
    box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.3), inset 10px 10px 10px -10px rgba(0, 0, 0, 0.5);
    
}
.search{
    border: 2px solid #d85d7f;
    border-radius: 10px;
    margin: 25px;
    /* background-image: linear-gradient(grey, pink); */
    background-image: linear-gradient(#f1e8e8, #f3859a);
/* Smaller screen adjustments */
}
.search a{
    color:black;
    font-weight:500;
}
@media screen and (max-width: 768px) {
    .footer-section {
        flex: 1 1 45%; 
        margin: 10px 0; 
    }

    .footers {
        flex-direction: column;
    }

    .straight a {
        font-size: 14px; 
    }
}


@media screen and (max-width: 480px) {
    .footer-section {
        flex: 1 1 100%; 
        margin: 5px 0; 
    }

    .straight a {
        font-size: 12px; 
    }

    .footers {
        padding: 8px; 
    }
}

@media (max-width: 768px) {
    .responsive-image {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .responsive-image {
        max-width: 100%; 
    }
    
    .company{
        /*padding-right: 15%;*/
        height:100px;
    }
}
@media (max-width:390px){
     .company{
        height:120px;
    }
}


@media (max-width:360px){
    .company{
        height:100px;
    }
}

a{
    color: black;
}
@media(max-width:430px){
  div .clo-lg-3 .cloth img{
    margin-left:25px;
}  
}

@media(max-width:768px){
     .pics {
      margin-left:0 !important;
     }
}
@media(max-width:912px){
     .pics {
      margin-left:0 !important;
     }
}
@media(max-width:820px){
     .pics {
      margin-left:0 !important;
     }
}

@media(max-width:430px){
     .pics {
      margin-left:0 !important;
     }
     .container{
         padding-right:0px !important;
     }
}