@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');



*{
    font-family: "Cairo", serif;
     
}
html,body{
    scroll-behavior: smooth;
   
}
.header-button {

border-radius: 44px;

padding-right: 24px;

padding-left: 24px;
gap: 10px;

color: white;
}



.main-title{
    font-family: Cairo;
font-weight: 900;
font-size: 44px;
line-height: 75.6px;
letter-spacing: 0;
text-align: center;

}

.main-paragraph{
    font-family: Cairo;
font-weight: 400;
font-size: 24px;
line-height: 33.6px;
letter-spacing: 0%;
text-align: center;
max-width: 1000px;
height: 119;
top: 123px;
left: 460px;
 margin: auto;
 padding-top: 1rem;
}
html, body {
  overflow: auto;
}
@media (max-width:1600px){
    .main-paragraph{
        font-size: clamp(16px, 2vw , 20px);
        max-width: 800px;
    }
    
    .main-title{
font-weight: 900;
font-size: clamp(16px, 3vw , 34px);
line-height: 19.6px;
letter-spacing: 0%;
text-align: center;

    }
 }



 .shape{

  

 }


 
 .box-sh{
    box-shadow: 1px 1px 16px 0 black;
 }
 .distinguish-button{
    
font-weight: 900;
font-size: clamp(16px, 3vw ,36px);
line-height: 57.2px;
letter-spacing: 0;
text-align: center;
margin-bottom: 1rem;
 
 }
 .design{
    transform: translateX(0);
   
    
      }
     
 @media (min-width:1350px){
    .design:nth-child(odd){
    
        transform: translateX(-10%);
        
          }
          .design:nth-child(even){
            transform: translateX(20%);
          }
 }
 input::placeholder, textarea::placeholder {
    font-weight: bold;
    color: black;
    font-size: 22px;
  }
 @media (min-width:1550px){
    .design:nth-child(odd){
    
        transform: translateX(-20%);
        
          }
          .design:nth-child(even){
            transform: translateX(30%);
          }
 }
 @media (max-width:800px){
    .distinguish-button{
        margin-bottom: 129px;
        font-weight: 900;
        font-size: clamp(16px, 3vw ,32px);
        line-height: 27.2px;
        letter-spacing: 0%;
        text-align: center;
        /* padding-inline: 0; */
         
         }
         .button-two{
            margin-bottom: 1rem;
          
             margin-top: 0rem;
             }
 }

 swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  footer{
    background: linear-gradient(45deg, #10113e, #491b1b);
    color: white;
    padding: 19px;
  }