*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:'Almarai', sans-serif;
    list-style: none;
    text-decoration: none;
}
header{
    position: relative;
}
.sec-1{
   text-align: right;
}

.navbar{
    padding:0  1.5rem;
    background-color:#FFFFFF;
    position: absolute;
    top:2rem;
    width:100%;
     }
     .after-nav-display{
         display: none;
     }
     .after-nav{
      display: flex;
      justify-content:space-between;
      position: absolute;
      left:5rem;
     }
     .navbar-logo img{
 width:100px;
     }
 .icons-img img:hover{
     transform: scale(1.1);   
 }
     .cal-email{
         display: flex;
         justify-content:space-between;
         position: absolute;
         left:5rem;
     }
     .navbar-light .navbar-nav{
         margin-right: 3rem;
     }
     .navbar-light .navbar-nav .nav-link {
         color:#000000;
         font-size:15px;
      font-weight:700;
      padding-right:2.5rem;
     }
     .navbar-light .navbar-nav .nav-link:hover{
       color:#851337;
     font-weight:700;
     }
     .icons-img{
         margin-right:1.5rem;
     }
     .cal-email img{
         width:100px;
         margin-left:.6rem;
     }
     .your-beauty{
        display: flex;
        justify-content:space-between;
        width:100%;
     }
     .your-beauty-img{
        width:45%;
        text-align: left;
        margin-top:6rem;
     }
     .beuty-img-privacy{
      width:45%;
      text-align: center;
      margin-top:6rem;
   }
     .your-beauty-img img{
        width:660px;
        height:700px;
        text-align: left;
        margin-top: 2rem;
     }

     .your-beauty-details{
        width:65%;
        text-align:right;
        padding:6rem 9rem 6rem 6rem;
        margin-top:9rem;
     }
     .your-beauty-details h1{
        color:#851337;
        font-size:82px;
     font-weight:700;
     }
     .your-beauty-details-p p{
        color:#4D4D4D;
        font-size:23px;
     font-weight:350;
     }
     .your-beauty-details-button{
        margin-top:2rem;
     }
     .your-beauty-details-button p{
        color:#000000;
        font-size:20px;
     font-weight:400;
     }
     .your-beauty-details-button-img  img{
        width:150px;
        margin-right:.2rem;
     }
     .first-big-section{
        background-image: url(../imges/logo_1.pdf\ \(3\)\ 3.svg);
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        width:100%;
        height:auto;
     }
     .first-big-section-2{
      background-image: url(../imges/bg-2.svg);
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      width:100%;
      height:auto;
     }
     .about-litora{
        margin-top:3rem;
        text-align: center;
     }
     .about-litora h1{
        color:#373737;
        font-size:40px;
     font-weight:700;
     }
     .about-litora span{
        color:#851337;
        font-size:40px;
     font-weight:700;
     }
     .about-litora-p{
        width:49%;
        text-align: center;
        margin:auto;
     }
     .about-litora-p p{
        color:#4D4D4D;
        font-size:25px;
     font-weight:400;
     text-align: center;
     margin:auto;
     }
     .about-litora-details{
        margin-top:2rem;
        display: flex;
        justify-content:space-around;
        width:100%;
     }
     .about-litora-details-img{
        width:40%;
        margin-top:3rem;
     }
     .about-litora-details-img img{
        width:600px;
        height:600px;
     }
     .about-litora-details-all{
        width:38%;
        margin-top:5rem;
     }
     .about-litora-details-all-1{
    background-color: #FFFFFF;
    padding:.5rem 2rem;
    width:90%;
    border-radius:15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin-top:1rem;
    text-align: right;
     }
     .all-time-section1-img-details-3{
        display: flex;
        justify-content:right;
    gap: 10px;
    margin-top:2rem;
     }
     .all-time-section1-img-details-3 h2{
        color:#232233;
        font-size:18px;
     font-weight:600;
     }
     .all-time-section1-img-details{
      display: flex;
      justify-content:right;
  gap: 10px;
  margin-top:0rem;
   }
   .all-time-section1-img-details h2{
      color:#232233;
      font-size:18px;
   font-weight:600;
   }
     .about-litora-details-all-1 p{
        color:#6C6C72;
        font-size:15px;
     font-weight:400; 
     }
     .use-litoa{
        margin-top:6rem;
        text-align: center; 
     }
     .use-litoa h1{
        color:#373737;
        font-size:35px;
     font-weight:700;
     }
     .use-litoa span{
        color:#851337;
        font-size:35px;
     font-weight:700;
     }
     .use-litoa-p{
        width:30%;
        margin: auto;
     }
     .use-litoa-p p{
        color:#4D4D4D;
        font-size:20px;
     font-weight:400;
     margin-top:1.5rem;
     }
     .mor-img{
        width:50%;
     }
    .use-details{
        margin-top:8rem;
    }
    .use-details img{
        width:40px;
    }
    .use-details h2{
        color:#383838;
        font-size:22px;
     font-weight:500;
     margin-top:.8rem; 
    }
    .carousl-width{
      width:90%;
      margin:auto;
      margin-top: 3rem;
  }
    .ouR-students-opinin{
      display: flex;
      justify-content:space-around;
      width:90%;
      background-color: #FFFFFF;
      border-radius:15px;
      box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);  
      margin-bottom:1.5rem;
      padding:1rem  2.5rem;
  }
  .ouR-students-opinin-img{
      width:25%;
      margin-top:2rem;
  }
  .ouR-students-opinin-img img{
      width:90px;
      height:90px;
  }
  .ouR-students-opinin-details{
      width: 68%;
      text-align: right;
      margin-top:1.5rem;
  }
  .ouR-students-opinin-details h2{
      color: #000000;
      font-size:15px;
      font-weight:700;
      text-align: right;
      margin-top:.2rem;
  }
  .icons i{
      color: #F1AA2A;
      font-size:10px;
      text-align: right;
  }
  .ouR-students-opinin-details-p{
      width:90%;
    text-align: right;
  }
  .ouR-students-opinin-details-p p{
      color: #000000;
      font-size:12px;
      font-weight:400;
      word-spacing:5px;
  }
  .ouR-students-opinin-details h3{
  color: #000000;
  font-size:13px;
  font-weight:300;
  }
  .opinion-litora{
   margin-top:5rem;
   text-align: center;
  }
  .carousel-indicators li{
   height:10px;
   width:10px;
   border-radius:50%;
   border:2px solid #851337;
   margin-top:.5rem;
   }
   .opinion-litora-p{
      width:25%;
      margin: auto;
   }
   .opinion-litora-p p{
      color:#383838;
      font-size:18px;
      font-weight:300;
   }
   .join-us{
      width:85%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin:auto;
      margin-top:8rem;
    background-color: #8513371A;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      border-radius:15px;
      padding:8px 20px; 
      height:70vh;  
  }
  .join-us-img{
      width:45%;
  }
  .join-us-img img{
      width:490px;
      height:620px;
      margin-top:2rem;
  }
  .join-us-details{
      width:45%;  
      text-align:center;
      margin-top:3rem;
  }
  .join-us-details h1{
      color:#383838; 
      font-size:35px; 
  font-weight:600;
  margin-right:-2rem;
    }
    .join-us-details-p{
      width:65%;
      text-align: center;
      margin:auto;
    }
    .join-us-details p{
      color:#383838; 
      font-size:19px; 
  font-weight:400;
  text-align:right;
    }
    .join-us-button{
      margin-left:4rem;
    }
    #line {
      width:3px;
      height:70px;
      background-color: #6C6C72;
      margin-top:30px;
  }
  .call-message{
   display: flex;
   justify-content: space-between;
   width:70%;
   align-items: center;
   margin:auto;
   background-color: #FFFFFF;
border-radius:15px;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);  
padding:1rem  2.5rem;
margin-top:5rem;
  }
 .call-number{
   display: flex;
   justify-content:space-between;
gap: 10px;
margin-top: 2rem;
 }
 .message-email{
   display: flex;
   justify-content:space-between;
gap: 10px;
margin-top:2rem;
 }
 .call-message img{
   width:70px;
   height:70px;
  margin-top:-1.5rem;
 }
 .form-email{
   display: flex;
   justify-content: right;
  }
.input-form{
    align-items: center;
    text-align: center;
    background-color:#FFFFFF;
  border-radius:5px;
  padding: 0px 2px;
  margin-top: auto;
width:300px;
  display: flex;
  margin-top: 2rem;
}
.input-form input{
    background: transparent;
    border: none;
    outline: none;
      font-size: 17px;
      font-weight: bold;
  color: #2D2525;
      height: 3.5rem;
      width: 100%;
      padding: 1rem;
}
footer{
   margin-top:10rem;
}
.all-footer{
    display:flex;
    justify-content: space-between;
    padding:2rem 10rem 3rem  6rem;
    margin-top:5rem;
}
.logo{
   width:35%;
   text-align: right;
}
.logo img{
   width:120px;
   height:100px;
}
#line2{
   width:2px;
   height:20px;
   background-color:#FFFFFF;
}
.social-media{
   margin-top: 2rem;
   width:70%;
}
.social-media img{
   width:20px;
   height:20px;
}
.logo-p{
   width:70%;
   text-align: right;
}
.logo-p p{
color: #FFFFFF;
font-size:15px;
font-weight:300;
text-align: right;
}
.social-media {
   display: flex;
   justify-content: space-around;
} 
.Connect-us{
   width:25%;
   text-align: right;
   margin-top:2.5rem;
} 
.Connect-us h1{
   color: #FFFFFF;
   font-size:20px;
   font-weight:500;
text-align: right;
} 
.Connect-us h2{
   color: #FFFFFF;
   font-size:15px;
   font-weight:400;
text-align: right;
margin-top:1rem;
}   
.news-email{
   width:35%;
   text-align: right;
   margin-top:2.5rem;
}
.news-email h1{
   color: #FFFFFF;
   font-size:25px;
   font-weight:400;
   text-align: right; 
}
.news-email-p{
   width:70%;
   text-align: right;
}
.news-email-p p{
   color: #FFFFFF;
   font-size:15px;
   font-weight:300;
   text-align: right;  
}
footer{
   background-color:#851337;
   margin-top:3rem;
}
.hr-width{
   width:80%;
   margin:auto;
   margin-top:1rem;
   color: #FFFFFF;
   background-color: #FFFFFF;
}
.after-footer{
   display: flex;
   justify-content: center;
margin:.7rem 0 0 0;
   text-align: center;
}
.after-footer p{
   color: #FFFFFF;
   font-size:14px;
   font-weight:400;
   margin-right:.5rem;
}
/*paragraph font size  */

.parag-1{
   font-family: "Readex Pro", sans-serif;
   font-size: 30px;
   font-weight: 700;
   color: #851337;
}

.parag-2{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 20px;
   padding: 0px 30px 0px 30px ;

}
.ul.policy-list{list-style-type: disc; }

.policy-list li{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 22px;
   padding-right: 45px;
}
.policy-list li span{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 25px;

}
.beuty-img-privacy img {
   width: 594px;
   height: 700px;
   text-align: center;
   margin-top: 2rem;
}
@media (max-width:1030px){
   .your-beauty-img img {
      width: 475px;
  }


  .beuty-img-privacy img {
   width:420px;
   margin-top:-1rem;
}
  .about-litora-details-img img {
   width: 530px;
   height: 600px;
}
.your-beauty-details h1 {
   font-size: 49px;
}
.your-beauty-details-p p {
   font-size: 15px;
}
.cal-email {
   left: 1rem;
}
.navbar-light .navbar-nav {
   margin-right: 1rem;
}
.about-litora-p p {
   font-size: 16px;
}
.about-litora-details-img img {
   width: 430px;
   height: 577px;
}
.use-litoa-p p {
   font-size: 16px;
   margin-top: 0.5rem;
}
.opinion-litora-p p {
   font-size: 14px;
}
.ouR-students-opinin {
   width: 100%;
}
.ouR-students-opinin-details-p p {
   font-size: 10px;
}
.carousl-width {
   width: 99%;
   margin-left: -1rem;
}
.join-us-img img {
   width: 395px;
}
.join-us-details-p {
   width:100%;
}
.join-us-details p {
   font-size: 15px;
}
.all-footer {
   padding: 2rem 7rem 3rem  3rem;
}
.logo-p p {
   font-size: 13px;
}
.logo-p {
   width: 88%;
}
.input-form input {
   height: 2.5rem;
}
.parag-1{
   font-family: "Readex Pro", sans-serif;
   font-size: 25px;
   font-weight: 700;
   color: #851337;
}

.parag-2{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 22px;
   padding: 0px 30px 0px 30px ;

}
.ul.policy-list{list-style-type: disc; }

.policy-list li{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 19px;
   padding-right: 45px;
}
.policy-list li span{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 20px;

}
}
@media (max-width:790px){
   .parag-1{
      font-family: "Readex Pro", sans-serif;
      font-size: 25px;
      font-weight: 700;
      color: #851337;
   }
   
   .parag-2{
      font-family: "Readex Pro", sans-serif;
      font-weight: 400;
      font-size: 20px;
      padding: 0px 30px 0px 30px ;
   
   }
   .ul.policy-list{list-style-type: disc; }
   
   .policy-list li{
      font-family: "Readex Pro", sans-serif;
      font-weight: 400;
      font-size: 18px;
      padding-right: 45px;
   }
   .policy-list li span{
      font-family: "Readex Pro", sans-serif;
      font-weight: 450;
      font-size: 20px;
   
   }
   .disply-header{
      display: none;
  }
  .after-nav-display{
   display: block;
  }
  .after-nav {
   display: flex;
   justify-content: space-between;
   position: absolute;
   left: 1rem;
   top: 2.4rem;
}
  .after-nav img{
   width:100px;
   margin-left:.6rem;
}
.your-beauty-img img {
   width: 353px;
}


.about-litora-details-img img {
   width: 377px;
   height: 577px;
}
.your-beauty-details {
   padding: 8rem 2rem 6rem 0rem;
   margin-top: 9rem;
}
.your-beauty-img {
   width: 55%;
}

.your-beauty-img img {
   width: 410px;
}

.your-beauty-details h1 {
   font-size: 47px;
}
.about-litora-p p {
   font-size: 15px;
}
.about-litora-details-img img {
   width: 349px;
   height: 574px;
}
.about-litora-details-all {
   width:42%;
   margin-top: 5rem;
}
.about-litora-details-all-1 p {
   font-size: 11px;
}
.use-litoa-p {
   width: 45%;
}
.about-litora-details-all {
   margin-top: 12rem;
}
.all-time-section1-img-details {
   margin-top:0rem;
}
.opinion-litora-p {
   width: 32%;
}
.ouR-students-opinin-img img {
   width: 70px;
   height: 90px;
}
.ouR-students-opinin-details-p p {
   font-size:10px;
}
.ouR-students-opinin-details-p {
   width: 100%;
   text-align: right;
}
.carousl-width {
   margin-right: .5rem;
}
.join-us {
   width: 98%;
}
.join-us-img img {
   width: 350px;
}
.join-us-details h1 {
   font-size: 27px;
}
.join-us-details-p {
   width: 94%;
}
/* .call-number{
   margin-top: 1rem;
} */
.your-beauty-details-button-img  img {
   width: 107px;
   margin-right: .2rem;
}
.call-message {
   width: 87%;
}
.all-footer {
   padding: 2rem 1.5rem 3rem  0.5rem;
}
.news-email-p {
   width: 85%;
}
.news-email-p p {
   font-size: 13px;
}
.Connect-us h2 {
   font-size: 14px;
}
.logo-p {
   width: 75%;
}
.beuty-img-privacy img {
   width: 355px;
}
}
@media (max-width:450px){
   .parag-1{
      font-family: "Readex Pro", sans-serif;
      font-size: 25px;
      font-weight: 700;
      color: #851337;
   }
   
   .parag-2{
      font-family: "Readex Pro", sans-serif;
      font-weight: 400;
      font-size: 20px;
      padding: 0px 20px 0px 20px ;
   
   }
   .ul.policy-list{list-style-type: disc; }
   
   .policy-list li{
      font-family: "Readex Pro", sans-serif;
      font-weight: 300;
      font-size: 18px;
      padding-right:20;
   }
   .policy-list li span{
      font-family: "Readex Pro", sans-serif;
      font-weight: 400;
      font-size: 18px;
   
   }
   .your-beauty {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-top: 0rem;
      flex-direction: column-reverse;
  }
  .after-nav img {
   width: 80px;
}
.navbar {
   padding: 0px  0.5rem;
}
  .your-beauty-img img {
   width: 424px;
}
.your-beauty-img {
   width: 55%;
   margin-top:-4.5rem;
}

.your-beauty-details {
   padding:0;
   margin-top: -11rem;
   width: 100%;
   text-align: center;
}
.your-beauty-details-p{
   width:80%;
   margin: auto;
}
.about-litora {
   margin-top: 5rem;
}
.about-litora-p {
   width: 85%;
}
.about-litora-p p {
   font-size: 14px;
   margin-top: .5rem;
}
.about-litora-details-img {
   width: 100%;
   margin-top: -1rem;
   text-align: center;
}
.about-litora-details-all {
   width:92%;
   margin: auto;
 margin-top:-4rem;
}
.about-litora-details-all-1 {
   width: 96%;
   margin: auto;
   margin-top: 1rem;
}
.about-litora-details-all-1 p {
   font-size: 14px;
}
.use-litoa-p {
   width: 77%;
}
.about-litora-details {
   margin-top:8rem;
}
.about-litora-details-all {
   width:68%;
   margin: auto;
}
.opinion-litora {
   margin-top: -4rem;
}
.opinion-litora-p {
   width: 64%;
}
.join-us-details {
   width: 100%;
   text-align: center;
   margin-top: 4rem;
}
.join-us-details h1 {
   font-size:28px;
   text-align: center;
}
.join-us-details-p {
   width: 100%;
   text-align: center;
}
.all-time-section1-img-details-3 h2{
   color:#232233;
   font-size:17px;
font-weight:600;
}
.join-us-img {
   width:100%;
}
.join-us-img img {
   width:305px;
   height:237px;
}
.call-message img {
   width: 30px;
   height: 60px;
   margin-top: -1.5rem;
}
.join-us-details p {
   font-size: 13px;
   text-align: center;
}
.join-us-button {
   margin-left:0;
}
  .about-litora-details {
   margin-top: 2rem;
   display: flex;
   justify-content: space-around;
   width: 100%;
   flex-direction: column;
}
.all-time-section1-img-details h2 {
   font-size:12px;
}
.call-message {
   width: 95%;
}
.join-us {
   width: 85%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: column-reverse;
}
.carousl-width {
   margin-right:0rem;
}
.ouR-students-opinin {
   width: 104%;
}
.all-footer {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
}
.logo {
   width: 100%;
   text-align: center;
}
.logo-p {
   width: 85%;
   text-align: center;
   margin: auto;
}
.logo-p p {
   font-size: 14px;
   text-align: center;
}
.social-media {
   margin-top: 2rem;
   width: 70%;
   margin: auto;
}
.Connect-us {
   width: 100%;
   text-align: center;
   margin-top: 2.5rem;
}
.Connect-us h1 {
   text-align: center;
}
.Connect-us h2 {
  text-align: center;
   font-size: 18px;
   margin-top: 1rem;
}
.news-email {
   width: 100%;
   text-align: center;
}
.news-email h1 {
   text-align: center;
}
.news-email-p {
   width: 100%;
}
.news-email h1 {
   text-align: center;
}
.form-email {
   display: flex;
   justify-content: center;
   margin-top:-2rem;
}
.news-email-p p {
   font-size: 13px;
   text-align: center;
}
.beuty-img-privacy img {
   width: 283px;
}
.beuty-img-privacy{
   width:85%;
   align-items: center;
}

}
@media (max-width:390px){
   .your-beauty-img img {
      width: 375px;
  }

  .about-litora-details-img img {
   width: 330px;
   height: 574px;
}
.about-litora-details-all-1 {
   width: 100%;
}
.about-litora-details-all {
   width: 88%;
}
.about-litora-details-all {
   width: 77%;
}
.join-us {
   width: 95%;
}
.join-us-details h1 {
   margin-right:0rem;
}
.join-us-img img {
   width: 290px;
}
.call-message {
   padding: 1rem  1.5rem;
}
.news-email-p p {
   font-size: 11px;
}
.after-footer p {
   font-size: 11px;
}
.input-form img{
   width:40px;
}
.after-footer img{
   width:20px;
   margin-top:-.5rem;
}
.parag-1{
   font-family: "Readex Pro", sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: #851337;
}

.parag-2{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 18px;
   padding: 0px 20px 0px 20px ;

}
.ul.policy-list{list-style-type: disc; }

.policy-list li{
   font-family: "Readex Pro", sans-serif;
   font-weight: 300;
   font-size: 17px;
   padding-right:20;
}
.policy-list li span{
   font-family: "Readex Pro", sans-serif;
   font-weight: 400;
   font-size: 18px;
}
.beuty-img-privacy img {
   width:260px;
}
}
@media (max-width:350px){
   .navbar-logo img {
      width: 80px;
  }
  .after-nav {
   left: 0rem;
}
   .your-beauty-img img {
      width: 320px;
  }

  .about-litora-details-img img {
   width: 288px;
   height: 574px;
}
.after-nav img {
   width: 60px;
}
.your-beauty-details h1 {
   font-size: 38px;
}
.your-beauty-details-p p {
   font-size: 13px;
}
.about-litora h1 {
   font-size: 33px;
}
.about-litora span {
   font-size: 33px;
}
.about-litora-p p {
   font-size: 11px;
}
.about-litora-details-img img {
   width: 288px;
   height: 488px;
}
.about-litora-details-all {
   width: 93%;
}
.about-litora-details-all-1 p {
   font-size: 13px;
}
.use-litoa h1 {
   font-size: 29px;
}
.use-litoa span {
   font-size: 29px;
}
.use-litoa-p p {
   font-size: 13px;
}
.opinion-litora-p {
   width: 72%;
}
.ouR-students-opinin {
   padding: 1rem  0.5rem;
   margin-right:.5rem;
}
.join-us-img img {
   height: 205px;
}
.join-us-details h1 {
   font-size: 27px;
}
.join-us-details p {
   font-size: 12px;
}
.call-message {
   padding: 1rem  0.5rem;
}
.call-message img {
   width: 25px;
   height: 60px;
   margin-top: -1.5rem;
}
#line {
   width: 3px;
   height: 52px;
   background-color: #6C6C72;
   margin-top: 30px;
}
.logo-p p {
   font-size: 12px;
}
.Connect-us h2 {
   font-size: 16px;
}
.news-email h1 {
   font-size: 22px;
}
.news-email-p p {
   font-size: 10px;
}
.input-form {
   width: 260px;
}
.beuty-img-privacy{
   width:90%;
}
.beuty-img-privacy img {
   width: 260px;
}
}