/* Navbar styling */
    .navbar {
        display: flex;
        justify-content: space-between;
        height: 100px;
        width: 100%;
        background-color: #020218;
        direction: rtl;
        /* position: sticky;   */
        top: 0;             
        z-index: 1000;  

    }

    
    
    .logo {
        margin-right: 90px;
        margin-top: 30px;
        Width:135px;
        Height : 36px;

    }
    .menu {
        margin-left: 29rem;
        gap: 30px;
        display: flex; 
        align-items: center;
        margin-top: 25px;
    }

    .title {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        color: white;
        text-decoration: none;
    }
    .contact-button {
        background-color: #3B3AEF; /* Blue background color */
        color: white;
        width: 150px;
        height: 48px;
        border-radius: 15px;
        margin: 25px 75px 9px 24px;
        font-family: 'Cairo-Light', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        border: none;
        margin-left: 100px; 
    }



    /* Footer styling */
    .footer {
        background-color: #020218;
        color: #fff;
        padding: 20px;
        text-align: center;
        font-family: 'Cairo-Regular', sans-serif;
        direction: rtl;
    }

    .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .footer-logo {
        margin-left: 67px;
    }

    .newsletter {
        margin-right: 54px;
    }

    .newsletter h5 {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        text-align: right;
        margin-bottom: 10px;
    }

    .newsletter-form {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .newsletter-form input {
        padding: 8px;
        font-size: 14px;
        border: none;
        border-radius: 6px 0 0 6px;
        outline: none;
        width: 200px;
        height: 50px;
        border: 1px solid #00007C33;
    }

    .newsletter-form button {
        background-color: #3B3AEF;
        color: #fff;
        border: none;
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

    .social-media {
        margin: 15px 0;
        text-align: right;
        padding-top: 20px;
        padding-left: 60px;
    }

    .social-media a {
        color: #fff;
        margin: 0 8px;
        font-size: 20px;
        text-decoration: none;
    }

    .social-media a:hover {
        color: #5766f4;
    }

    hr {
        width: 90%;
        border: none;
        border-top: 1px solid #333;
        margin: 15px auto;
    }

    .footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
        font-size: 12px;
        color: #ccc;
    }

    .footer-bottom p {
        margin: 0;
        padding-right: 60px;
        padding-top: 30px;
    }

    .link-section {
        background-color: #3B3AEF;
        width: 90%;
        height: auto; 
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 40px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 64px 24px;
        display: flex;
        justify-content: space-around; 
        align-items: center;
        gap: 24px;
      }
      
      .item {
        text-align: center; /* محاذاة النص في المنتصف */
      }
      
      .link-section h3 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 96px;
        font-weight: 700;
        line-height: 96px;
        letter-spacing: -0.02em;
        color: #FFFFFF;
        margin: 0; /* إزالة المسافة الافتراضية */
      }
      
      .link-section p {
        font-family: 'Cairo', sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: 16px; /* مسافة صغيرة فوق النص */
      }

      .list-unstyled a {
        text-decoration: none;
      }

      .list-unstyled i {
        padding-left: 15px;
      }
      



    /* Main & AboutUs Section styling */
    .about-us {
        background-color: #020218;
        direction: rtl;
    
    }
    section {
        display: flex;
        align-items: center;
        padding: 50px 0;
        direction: rtl;
    }
    .aboutus-section {
        height: 850px;
        margin-top: -100px; 
        direction: rtl;
    } 
    
    .main-section, .aboutus-section {
        justify-content: space-between;
        background-color: #020218;
        padding-right: 90px;
        padding-left: 90px;
    }
    
    .main-section .content{
        max-width: 45%;
    }
    
    .aboutus-section .content {
        max-width: 75%;
    }
    
    .main-section .content h1, .aboutus-section .content h3 {
        color: #ffffff;
    }
    
    .main-section .content p, .aboutus-section .content p {
        color: #a0a0a0;
        margin: 15px 0;
    }
    .main-section .content p {
        font-family: 'Jakarta-Regular', sans-serif;
        font-size: 26px;
        font-weight: 500;
        line-height: 28.8px;
        text-align: right;
        line-height: 37px;
    }
    
    .main-section .content h1 {
        margin-bottom: 15px;
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 72px;
        font-weight: 700;
        line-height: 79.2px;
        letter-spacing: -0.03em;
        text-align: right;
    }
    .content .contact-button {
      background-color: #3B3AEF;
      color: white;
      padding: 10px 20px;
      font-size: 1em;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      margin-right: -10px;
    }




























































































    
    
    .aboutus-section .content h2 {
        background: linear-gradient(225deg, #00C6FF 0%, #0072FF 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 10px;
        font-family: 'Cairo-Medium', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.4px;
        text-align: right;
    }
    
    
    .aboutus-section .content h3 {
        font-family: 'Cairo-Medium', sans-serif;
        margin-bottom: 10px;
        font-size: 56px;
        font-weight: 700;
        line-height: 67.2px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
    
    }
    
    .contact-button {
        background-color: #3B3AEF;
        color: white;
        padding: 10px 20px;
        font-size: 1em;
        border: none;
        border-radius: 8px;
        cursor: pointer;
    }
    
    .contact-button:hover {
        background-color: #5766f4;
    }
    
    .image-container {
        max-width: 45%;
    }
    
    .image-container img {
        width: 100%;
        border-radius: 30px;
    }
    
    .aboutus-section .content p {   
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        color: #ffffff;
        line-height: 40px;
    }
    
    .aboutus-section {
    
        padding-top: 50px;
    }
    
    .aboutus-section .image-container {
        transform: rotate(-90deg);
        max-width: 20%;
        text-align: center;
        margin-left: 42px;
    }
    
    .aboutus-section .image-container img {
        transform: rotate(90deg);
        border-radius: 8px;
    }
    
    .aboutus-side-text {
        position: absolute;
        left: -80px;
        transform: rotate(-360deg); 
        transform-origin: left;
        color: #7a7a7a;
        letter-spacing: 3px;
        font-family: 'Oswald-Light', sans-serif;
        font-size: 53px;
        font-weight: 700;
        line-height: 76.8px;
        text-align: center;
        top: -14px;
        white-space: nowrap;
        margin-top: 319px;
    }

    .flag-img {
        margin-top: 40px;
        width: 25px;
        height: 25px;
    }



    @media (max-width: 620px) {
      body{
        width: 1700px;
      }
      .navbar{
        display: none;
      }
      .link-section {
        width: 1200px;
        margin-left: 550px;
      }
      .products-page {
        display: flex;
      }
      .image-container {
        margin-right: 100px;
      }
     
      .cta-section {
       display: flex;
       display: none;
       margin-left: 1000px;
      }
         
    }




    /* Services Section */
    .services {
        background-color: #FCFCFC;
        padding-right: 90px;
        padding-left: 90px;
    }
  
      
      .services-header {
        margin-bottom: 40px;
        padding-right: 90px;
        padding-left: 90px;
        margin-top: 120px;
      }
      
      .services-header h3 {
        font-family: 'Cairo-Medium', sans-serif;
        font-size: 56px;
        font-weight: 700;
        line-height: 67.2px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding-bottom: 24px;
      }
      
      .services-header p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        color: #444444;
      }
      
      .services-div img {
        margin-left: 100px;
        border-radius: 30px;
        width: 439px;
        height: 658.5px;
      }
      .services-div ul {
        list-style: none;
        margin-top: 100px;
        margin-right: 90px;
      }

      .services-div {
        display: flex;
        direction: rtl;
      }
      
      .services-item {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 28.64px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #8E8E93;
        margin-bottom: 75px;
        cursor: pointer;
      }
      
      .services-item.active,
      .services-item:hover {
        color: #3B3AEF;
        font-family: 'Cairo-Regular', sans-serif;
        cursor: pointer;
      }

      .services-desc {
        margin-top: 100px;
        padding-left: 20px;
      }
      
      .services-desc span {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #3B3AEF;
      }

      .services-desc h3 {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 57.6px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;  
        padding: 10px 0px 10px 0px;      
      }

      .services-desc p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #8E8E93;
      }
      .services-desc button {
        width:253px;
        height:60px;
        padding: 9px 24px 9px 24px;
        gap: 4px;
        border-radius: 15px;
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        background-color: #3B3AEF;
        color: #FFFFFF;
        margin-top: 40px;
      }


      /* Journey Section */
      .journey {
        margin-top: 100px;
        background-image: url('../images/journey.png');
        width: 100%;
        height: 527px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
      }
      .journey-content {
        text-align: center;
      }

      .journey-content h1 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 56px;
        font-weight: 800;
        line-height: 67.2px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
      } 

      .journey-content p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #D1D1D6;
        margin-top: 25px;
      }
      .journey-content button {
        font-family: 'Cairo-Regular', sans-serif;
        width: 382px;
        height: 60px;
        padding: 9px 24px 9px 24px;
        gap: 4px;
        border-radius: 15px;
        background-color: #3B3AEF;
        color: #FFFFFF;
        margin-top: 16px;
        border: none;
      }


      .products {
        padding-left: 90px;
        padding-right: 90px;
        background-color: #020218; /* خلفية سوداء */
        color: #fff;
      }
      
      .products-header {
        margin-bottom: 30px;
      }
      .products-header span {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #3B3AEF;
      }
      .products-header h2 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 56px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
      }

      .products-header p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #F2F2F7;
        width: 100%;
      }
      /* .products-page {
        margin-right: 300px;
      } */
      .products-page button {
        border: none;
        width: 62px;
        height: 50px;
        padding: 8px 14px 8px 14px;
        gap: 10px;
        border-radius: 24px ;
        color:#E5E5EA;
        font-size: 20px;
        margin-right: 380px;
      }

      .products-container {
        background-color: #020218;
        display: flex; 
        justify-content: center; 
        gap: 60px;
        height: 930px;
      }

      .product-card {
        width: 284px;
        height: 464px;
        background: #FFFFFF; 
        overflow: hidden;
        text-align: center;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        border-radius: 24px;
      }

      .product-image .top {
        width: 100%;
        height: 150%; 
        background-color: #020218; 
        position: absolute;
        margin-top: -122px;
      }
      
      .product-image .bottom {
        width: 100%;
        height: 50%; /* نصف المساحة السفلى */
        background-color: #FFFFFF; /* اللون السفلي */
      }
      
      .product-image {
        width: 282px;
        position: relative;
        margin-top: 120px;
      }
      
      
      .product-image img {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
      }

      
      
      .product-info {
        padding: 20px;
        background-color: #FFFFFF;
        margin-top: 300px;
      }
      
      .product-info h3 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 38.4px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #0C1728;
      }
      
      .product-info p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #8E8E93;
      }


      .cta-section {
        background-color: #3B3AEF;
        width: 90%;
        height: 370px; 
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 40px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 64px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .cta-section h1 {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 64px;
        font-weight: 800;
        line-height: 77.45px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color:#FFFFFF;
        padding-left: 74px;
      }

      .left-side {
        flex: 1;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
      
      }
      
      .right-side {
        flex: 1; 
        background: linear-gradient(225deg, #151543 0%, #3030C4 100%);
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 153%;
        margin-right: 23px;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        clip-path: ellipse(100% 133% at 100% 50%);
        clip-path: ellipse(100% 133% at 0% 50%);
        margin-left: -24px
      }
      
      .right-side p {
        margin-bottom: 20px;
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-left: 80px;
      }
      .right-side button {
        width: 253px;
        height: 60px;
        padding: 9px 24px 9px 24px;
        gap: 4px;
        border-radius: 15px;
        background-color:#FFFFFF;
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #3B3AEF;
        margin-left: 80px;
      }


      .projects-section {
        margin-top: 280px;
        padding-left: 90px;
        padding-right: 90px;
        gap: 8px;
      }

      .projects-header, .clients-header {
        display: flex;
        flex-direction: column; 
        gap: 10px; 
      }

      .projects-header span, .clients-header span {
        font-family: 'Cairo-light', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #3B3AEF;
      }
       
      .projects-header h3, .clients-header h3 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 56px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #171717;
      }

      .projects-header p, .clients-header p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #8E8E93;
      }

      .see-all-projects {
        margin-right: 300px;
      }
      .see-all-projects button {
        width:149px;
        height: 50px;
        padding: 8px 32px 8px 32px;
        gap: 4px;
        border-radius: 24px;
        background-color: #3B3AEF;
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        cursor: pointer;
        margin-right: 575px;
      }

      .projects-container, .clients-container {
        display: flex;
        justify-content: space-between;
        gap: 20px; 
        padding: 20px;
        padding-left: 90px;
        padding-right: 90px;
        direction: rtl;
      }
    
      .project-card {
        width: 282px;
        height: 423px;
        background: linear-gradient(180deg, #E0E0E0 0%, #757575 100%);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 20px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
      }

      .project-card img {
        width: 100%;
        margin-bottom: 20px;
      }
    
      .project-name {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 38.4px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FCFCFC;
        padding-bottom: 30px;
      }

      .clients-section, .testimonials-section {
        display: flex;
        justify-content: space-between;
        gap: 10px; 
        padding: 20px;
        padding-left: 90px;
        padding-right: 90px;
        margin-top: 120px;
      }

      .clients-container img {
        width: 155px;
        height: 155px;
      }

      .testimonials-section {
        padding-bottom: 600px;
      }

      .testimonials-image {
        width: 406px;
        height: 385px;
      }

      .testimonials-image img {
        border-radius: 4px 90px 4px 4px;
        width: 100%;
      }


       .testimonial-card {
        border-radius: 20px;
        padding: 20px;
        max-width: 800px;
        width: 1121px;
        max-width: 1121px;
        display: grid; 
        grid-template-columns: auto 1fr;
        gap: 20px;
        align-items: center; 
      } 

      .testimonial-content {
        margin: 0; 
        width: 100%;
      }

      .testimonial-content h1 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 89.95px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #3B3AEF;
        margin-bottom: 25px;
      }
      .testimonial-content h5 {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 32px;
        font-weight: 400;
        line-height: 38.4px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #171717;
      }
      .testimonial-content span {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #727272;
      }
      .testimonial-content p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: -0.4000000059604645px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #171717;
        margin-top: 20px;
      }


      .testimonial-pagination {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #AEAEB2;
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 38.4px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
      }

      .testimonial-pagination span {
        margin-bottom: 20px;
        margin-top: 30px;
      }
  
      .testimonial-pagination .numbers {
        display: flex;
        align-items: center;
        gap: 40px;
        font-size: 24px;
      }
  
      .testimonial-pagination .numbers span {
        cursor: pointer;
      }
  
      .testimonial-pagination .line {
        width: 2px;
        height: 70px;
        background-color: #ccc;
        margin-top: 10px;
        cursor: pointer;
      }
  
      .testimonial-pagination .current {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        background-color: #00f;
        border-radius: 20px;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
      }


      .waitingfor-section {
        background-color: #3B3AEF;
        width: 90%;
        height: 348px; 
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 40px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 64px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -318px;
      }

      .waitingfor-content {
        gap: 10px;
      }

      .waitingfor-content h1 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 57.6px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        padding-bottom: 40px;
      }

      .waitingfor-content p {
        font-family: 'Cairo-Regular', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
      }

      .message-section {
        background-color: #020218;
        padding-left: 90px;
        padding-right: 90px;
        padding-bottom: 300px;
      }

      .message-section-header {
        margin-top: 35px;
      }

      .message-section h1 {
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 57.6px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
      }

      .message-form {
        width: 1200px;
        height: 317px;
      }

      .message-form .row {
        display: flex;
        gap: 15px; 
        justify-content: center; 
      }
      .message-form input {
        width: 670px;
        height: 60px;
        padding: 20px 32px 20px 32px;
        border-radius: 25px;
        margin-left: 76px;
        margin-right: -70px;
        margin-top: 25px;
      }

      .message-form textarea {
        width: 1365px;
        height: 165px;
        border-radius: 25px;
        margin-top: 15px;
        margin-left: -12px;
        padding-top: 15px;
        padding-left: 30px;
        resize: none;
        padding: 20px 30px 20px 32px;
      }

      .message-form textarea:focus {
        border-color: #3B3AEF;
        outline: none;
      }

      .message-form button {
        width:253px;
        height:60px;
        padding: 9px 24px 9px 24px;
        gap: 4px;
        border-radius: 15px ;
        background-color: #3B3AEF;
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 20px;
        cursor: pointer;
      }

      .message-form-input {
        display: flex;
        width: 1365px;
        margin-right: 80px;
      }



      .waitingfor-content button {
        width: 253px;
        height: 60px;
        padding: 9px 24px 9px 24px;
        gap: 4px;
        border-radius: 15px;
        background-color:#FFFFFF;
        font-family: 'Cairo-Bold', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.4000000059604645px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #3B3AEF;
        margin-right: 350px;
        cursor: pointer;
      }