* {
    direction:ltr;
    font-family:'Cairo' , sans-serif;
    
}
h1 , h2, h3, h4, h5, h6 {
    color: #1d7d57;
    font-weight:bold;
}

h1 {
    font-size:3vh;
}
h2 {
    font-size:2.5vh;
}

.heading {
    padding: 0.7%; 
    border-right: 5px solid gold; 
    background: linear-gradient(120deg, rgba(39,133,95,1) 0%, rgba(32,47,62,1) 0%, rgba(33,97,111,1) 25%, rgba(29,125,87,1) 87%);
    text-align:center;
}

.heading h1 , .heading h2 , .heading h3 , .heading h4 , .heading h6 {
    color:white;
}

a {
    color: #2c3e50;
}

a:hover {
    color: #457eb6;
    text-decoration:none;
}
.top_nav {
    background-color: #2c3e50;
    height: auto;
}
.top_nav_icon  {
    color:#f8f9fa;
     padding-left: 40%; padding-top: 25%;
     font-size: 1em
}
.fa {
    color: seashell;
}
.fa:hover {
    color: #1abc9c;
}
.fa-android {
    color:#a5c24e;
}

.fa-google ,.fa-google:hover , .fa-envelope-o , .fa-envelope-o:hover , .fa-graduation-cap  , .fa-graduation-cap:hover {
    color:#1d7d57;
}
.searchbox[type=text] {
   width: 14vh;
   box-sizing: border-box;
   border: 2px solid #ecf0f1;
   border-radius: 4px;
   font-size: 14px;
   height: 1.6em;
   background-color: white;
   padding: 12px 20px 12px 15px;
   -webkit-transition: width 0.4s ease-in-out;
   transition: width 0.4s ease-in-out;
   margin-top: 0.5%;
   border: #1d7d57;
   outline: #1d7d57;
  }
  
  .searchbox[type=text]:focus {
    width: 75%;
  }

  #login {
      font-size: 12px;
      background-color:#1d7d57;
      margin-top: 0.5%;
      margin-bottom: 0.5%;
  }
 .logo {
     height: 9em;
     position:static;
 }
 .modal-content
 {
     text-align:left;
 }
 .modal .modal-header .modal-title{
     width: 50% !important; 
     text-align: left !important;
 }

.modal .modal-header .close{
    width: 50% !important;
}

 #top_menu {
     background-color: #2c3e50;
 }
 .nav-item a , li .nav-link , .navbar-brand , .nav{
color: seashell;
 }
 .nav-item a:hover , .navbar-brand:hover {
    color: #1abc9c;
 }
 .megamenu {
     width:65%;
 }

 .footer_a {
     font-size:2vh;
     color:#ecf0f1;
 }
 .footer  {
background: rgb(20,108,89);
background: linear-gradient(120deg, rgba(20,108,89,1) 0%, rgba(29,112,125,1) 10%, rgba(44,62,80,1) 50%, rgba(30,44,59,1) 100%);
 }

 .megamenu .container .row .col-md-3 .dropdown-header .navbar-item:hover {
     color:seashell;
 }

 .nav-item .dropdown-menu .dropdown-item:hover {
     background-color:transparent;
     color:#ffeab1;
 }

 li .nav-link:hover {
     color:#ffeab1;
 }
.dropdown-menu{
     text-align:left !important;
     font-size: 0.8rem !important;
 }
 .dropdown-header{
     font-size: 0.8rem;
 }
 .dropdown-item {
     word-break: break-all;
 }

 .nav-item{
     font-size: 0.9rem;
 }


  @media only screen and (max-width: 720px) {
  .st_nav1 {
      width: 100%;
  }
  .logo {
     height: 8em;
     position:static;
 }

  .megamenu {
      width:90%;
  }

  .main_menu {
      width:90%;
  }

  }