

.HL_col_gen_sec{
width: 100%;
margin-bottom: 40px;
}

.edt_des_txt{
    font-family: Tsec;
    font-size: 5rem;
}
.general_H_gen_con{
    margin: 20px 20px;
}

.img_des_all23 {
    display: block;
    width: 100%;
    height: 30.875rem;
    object-fit: cover;
}

/*.des_col_all{
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
}

.des_col_all::after {
    content: "";
    width: 100%;
    height: 4px;
    opacity: 1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease-in-out;
    border-bottom: 1px solid black; }*/
  
.des_col_all:hover::after{
        transform: scaleX(1);
        opacity: 1;
}
  
  
  /* [data-animation="to-left"] .des_col_all::after {
        transform-origin: right;
      }
    [data-animation="center"] .des_col_all::after {
        transform-origin: center;
      }*/
  















.img_des_all{
    height: 430px;
}

.img_des_all1{
    height: 384px;
}


.ne_txt{
    margin-top: 30px;
}


.fig_efe_catl{
    width: 100%;
    height: 17rem;
    overflow: hidden;
    transition-duration: .5s;
}

.fig_efe_catl2{
    width: 100%;
    height: max-content;
    overflow: hidden;
}

.fig_efe_catl2, .img_des_all1{
    transition-duration: .5s;
}

.des_col_all:hover .img_des_all1{
    transform: scale(1.08);
}


.fig_efe_catl, .img_des_all24{
    transition-duration: .5s;
}

.des_col_all:hover .img_des_all24{
    transform: scale(1.08);
}







.fig_efe_cat{

    overflow: hidden;
transition-duration: .5s;

}
 .fig_efe_cat, .img_des_all{

    transition-duration: .5s;

}

.des_col_all:hover .img_des_all{

    transform: scale(1.08);

}



.fig_efe_cat{

    overflow: hidden;
transition-duration: .5s;

}
 .fig_efe_cat, .img_des_all23{

    transition-duration: .5s;

}

.des_col_all:hover .img_des_all23{

    transform: scale(1.08);

}

.just_picture_des{
    margin-top: 20px;
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.just_catalogs{
        display: flex;
    gap: 20px;
}
.just_lookbook{
width:100%;
}

.just_picture_des1{
    margin-left: 160px;
    display: grid;
    width: max-content;
    grid-template-columns: repeat(2, 1fr);
     margin-top: 20px;
    gap: 30px;
}
 








.h_des_all{
    font-size: 2rem;
    font-weight: 200;
    font-family: 'robotos';
}

.img_des_fon{
    position: relative;
    object-fit: contain;
    z-index: -1;
    width: 100%;
height: 100vh;
}

.txt_ev_des{
    position: absolute;
}







/*--------------------------------------------------------------PERSONAL DESIGNERS-------------------------------------------------------------*/



.general_int_pic{
    display: block;
    z-index: 5;
    background-color: black;
    opacity: 0.8;
   
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.int_pic{
    display: block;
    z-index: 6;
    opacity: 0.7;
    height: 95vh;
}

.int_h1{
    display: block;
    z-index: 7;
    opacity: 1;
    color: white;
    font-weight: 200;
    font-family: Tsec;
    font-size: 7rem;
    position: absolute;
    top: 40%;
}

.int_p1{
    display: block;
    z-index: 7;
    text-align: center;
    width: 600px;
    opacity: 1;
    color: white;
    
    font-family: robotos;
    font-size: 1.2rem;
    position: absolute;
    top: 40%;
    margin-top: 90px;
}


.gen_disc_des{
    margin-bottom: 20px;
    
}


.con_disc_des {
    margin-left: 40px;
    gap: 40px;
    display: flex;
    padding-bottom: 80px;
    padding-top: 100px;
    flex-direction: column;
  
}

.same_Ans{
    display: flex;
    flex-direction: column;
    
}

.answers_all {
    gap: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.p_desc_deh{
     /*width: 1200px;*/
    font-size: 2rem;
    
    font-family:Tsec; 
}


.p_desc_de {
    top: 61%;
    color: white;
    z-index: 20;
    position: absolute;
    width: 1036px;
    font-size: 1.5rem;
    font-family: robotos;
}

.p_desc_dep{
color:grey;
width: 600px;
    font-size: 1.6rem;
    font-family: robotos;
}




 @media (max-width:1090px){
    
    .edt_des_txt {
 margin-left: 0px; 
    font-family: Tsec;
    font-size: 5rem;
}

.int_pic {
    object-position: top;
    width: 67%;
    display: block;
    z-index: 6;
    opacity: 0.7;
    height: 95vh;
    object-fit: cover;
}

.general_H_gen_con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.b3 {
 height: auto; 
    width: 100%;
}
    
    
}

@media (max-width: 1080px){
    
.just_picture_des1 {
    width:auto;
    margin-top: 20px;
    gap: 30px;
    display: flex;
     margin-left: 0px; 
    flex-wrap: wrap;
    justify-content: center;}

}

@media (max-width:920px){
    
    .p_desc_de {
    top: 61%;
    color: white;
    z-index: 20;
    position: absolute;
    width: 824px;
    font-size: 1.5rem;
    font-family: robotos;
}
    
    
    
    
    
    .edt_des_txt {
 margin-left: 0px; 
    font-family: Tsec;
    font-size: 5rem;
}

.int_pic {
    
        object-fit: cover;
        width: 80%;
        display: block;
        z-index: 6;
        opacity: 0.7;
        height: 100vh; 
    }

.general_H_gen_con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.b3 {
 height: auto; 
    width: 100%;
}

.int_h1 {
    display: block;
    z-index: 7;
    opacity: 1;
    color: white;
    font-weight: 200;
    font-family: Tsec;
    font-size: 3.1rem;
    position: absolute;
    top: 45%;
}

.con_disc_des {
   
    display: flex;
    padding-bottom: 80px;
    padding-top: 100px;
 
   
}

.p_desc_de {
    padding-left: 20px;
    width: auto;
    font-size: 1.2rem;
    font-family: robotos;
    padding-right: 20px;
}
.just_lookbook{
    width:100%;
}
.just_catalogs {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
}
    
}

@media (max-width:780px){
        .p_desc_de {
        padding-left: 20px;
        width: auto;
        font-size: 1rem;
        font-family: robotos;
        padding-right: 20px;
    }
    
    .con_disc_des {
    margin-left: 10px;
    gap: 40px;
    display: flex;
    padding-bottom: 80px;
    padding-top: 100px;
    flex-direction: column;
}

    .just_picture_des{
        margin-top: 20px;
        gap: 30px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
        .int_h1 {
        font-size: 2.9rem;
      
    }
    
    .edt_des_txt {
        margin-left: 0px;
        font-family: Tsec;
        font-size: 4rem;
    }
    
    .img_des_all {
    height: 390px;
}

.p_desc_deh {
    width: auto; 
    font-size: 1.8rem;
    font-family: Tsec;
}
.p_desc_dep {
    color: grey;
    width: auto;
    font-size: 1.3rem;
    font-family: robotos;
}

    
}
@media (max-width:520px){
    .just_picture_des{
        margin-top: 20px;
        gap: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width:395px){
        .p_desc_de {
        padding-left: 20px;
        width: auto;
        font-size: 1rem;
        font-family: robotos;
        padding-right: 20px;
    }
    
    .con_disc_des {
    margin-left: 10px;
    gap: 40px;
    display: flex;
    padding-bottom: 80px;
    padding-top: 100px;
    flex-direction: column;
}

    
    
        .int_h1 {
        font-size: 2.9rem;
      
    }
    
    .edt_des_txt {
        margin-left: 0px;
        font-family: Tsec;
        font-size: 4rem;
    }
    
    .img_des_all {
    height: 390px;
}

.p_desc_deh {
    width: auto; 
    font-size: 2rem;
    font-family: Tsec;
}
.p_desc_dep {
    color: grey;
    width: auto;
    font-size: 1.3rem;
    font-family: robotos;
}

}




























