body {
    font-family: 'Tajawal';font-size: 22px;


   
        color: #000;
        background-color: #fff;
       
        font-size: 25px;
        font-weight: 400;
        line-height: 1.6em;
        overflow-x: hidden;
  
}





.st-hero.st-style1 .st-hero-subtitle {
    font-size: 25px;
    margin-bottom: 32px;
}


.st-btn.st-style1.st-color1 {
    background-color: #00556c;
    color: #fff;
}


.st-hero.st-style1 .st-hero-title, .st-hero.st-style1.st-type3 .st-hero-title {
    font-size: 40px;
}


@media only all and (max-width: 500px) {

    .st-hero.st-style1 .st-hero-title, .st-hero.st-style1.st-type3 .st-hero-title {
        font-size: 30px;
    }

}



.st-section-heading.st-style1 .st-section-heading-subtitle {
    font-size: 25px;
}








.st-form-field.st-style1 label {
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 3px;
}


.brand-name {
    font-size: 20px; /* Adjust the font size as needed */
    margin-left: 10px; /* Adjust the margin as needed */
  }


  .rtl {
    text-align: center;
    direction: rtl;
}



.herotext {
    clear: both;
    color: #3300ff;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 1.2em;
}




@media (max-width: 767px) {
    .hide-on-mobile {
      display: none;
    }
  }








/* form bg */

  .form-container {
    background-color: #257fb5;
    margin-left:5%;
    margin-right:5%;
  }
  


/* faq section clour. */
  .st-accordian.active .st-accordian-title {
    color: #fff;
    background-color: #257fb5;
    border-color: #0cb8b6;
    pointer-events: none;
    border-radius: 7px 7px 0 0;
}




/* fonts clour . */
h1, h2, h3, h4, h3, h6 {
    clear: both;
    color: #0220a9;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 1.2em;
}