.footer-section {
	display: flex;
  position: relative;
    left: 65px;
}

#section1-dropdown {
  position: relative;
  right: 138px;
  margin-top: 40px;
}

#section2-dropdown {
  position: relative;
  right: 136px;
  margin-top: 40px;
}

#section3-dropdown {
  position: relative;
  right: 115px;
  margin-top: 40px;
}

#section4-dropdown {
  position: relative;
  right: 78px;
  margin-top: 40px;
}

#section5-dropdown {
  position: relative;
  right: 55px;
  margin-top: 40px;
}

.icon{ 
    display: none;
}






.footer-grid {
    display: flex !important;
    justify-content: space-evenly !important;
}

.footer-section h4 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;

}

.footer-section ul {
    display: block; 
    list-style-type: none;
    position: relative;
    right: 41px;
    margin-bottom: 10px;
    /* text-align: center; */

}

.line-under {
    margin-bottom: 10px;
}

.line-under:hover {
    text-decoration: underline !important;
    color: #fff;
}

.line-under{
    text-decoration: none;
    color: #fff;

}

body {
    background-color: #27374d;
}

.line-above1 {
  position: relative;
  right: 35px;
}

.line-above2 {
    position: relative;
  	left: 20px;
}

.line-above3 {
      position: relative;
  	  left: 20px;
}

.line-above5 {
        position: relative;
  	 	left: 30px;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 277%; 
    margin-top: -10px; 
    margin-bottom: 10px;
    
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 184%; 
    margin-top: -10px; 
    margin-bottom: 10px;
    
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 198%; 
    margin-top: -10px; 
    margin-bottom: 10px;
    
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 386%; 
    margin-top: -10px; 
    margin-bottom: 10px;
    
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 415%; 
    margin-top: -10px; 
    margin-bottom: 10px;
    
  }

/* شاشات الهاتف */

@media screen and (min-width: 767px) and (max-width: 769px) {
  
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: 41px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 60vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 60vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 60vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 60vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 60vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 88%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 85% !important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 83% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 82% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 80% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}



@media screen and (min-width: 1024px) and (max-width: 1400px) {

    .footer-section {

}

.icon{ 
    display: none;
}






.footer-grid {
    display: flex !important;
    justify-content: space-evenly;
}

.footer-section h4 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
     white-space: nowrap;
  

}

.footer-section ul {
    display: block; 
    list-style-type: none;
    position: relative;
    right: 41px;
    margin-bottom: 10px;
    /* text-align: center; */

}

li {
    margin-bottom: 10px;
}

.line-under:hover {
    text-decoration: underline;
    color: #fff;
}

.line-under{
    text-decoration: none;
    color: #fff;
     white-space: nowrap;
  

}

body {
    background-color: #27374d;
}



  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 210%; 
    margin-top: 10px; 
    
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 155%; 
    margin-top: 10px; 
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 170%; 
    margin-top: 10px; 
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 275%; 
    margin-top: 10px; 
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 295%; 
    margin-top: 10px; 
  }
  
  
  
#section1-dropdown {
  position: relative;
  right: 30px;
  margin-top: 60px;
}

#section2-dropdown {
  position: relative;
  right: 95px;                      
  margin-top: 60px;
}

#section3-dropdown {
  position: relative;
  right: 114px;
  margin-top: 60px;
}

#section4-dropdown {
  position: relative;
  right: 114px;
  margin-top:60px;
}

#section5-dropdown {
  position: relative;
  right: 151px;
  margin-top: 60px;
}
  
  
  .line-above1 {
  position: relative;
  left: 63px;
}

.line-above2 {
    position: relative;
  	left: 50px;
}

.line-above3 {
      position: relative;
  	  left: 13px;
}
  
  .line-above4 {
      position: relative;
        right: 38px;
}

.line-above5 {
        position: relative;
  	 	left: -76px;
}



}

@media screen and (min-width: 770px) and (max-width: 1023px) {
    
    .footer-section {

    }
    
    .icon{ 
        display: none;
    }
    
    
    
    
    
    
    .footer-grid {
        display: flex !important;
        justify-content: space-evenly;
    }
    
    .footer-section h4 {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    	 white-space: nowrap;
      
    
    }
    
    .footer-section ul {
        display: block; 
        list-style-type: none;
        position: relative;
        right: 41px;
        margin-bottom: 10px;
        /* text-align: center; */
    
    }
    
    li {
        margin-bottom: 10px;
    }
    
    .line-under:hover {
        text-decoration: underline;
        color: #fff;
    }
    
     .line-under{
        text-decoration: none;
        color: #fff;
        white-space: nowrap;
       
    
    }
    
    body {
        background-color: #27374d;
    }
    
    
    
      /* خط العمود 1 */
    
      .line-above1::before {
        content: '';
        display: block;
        border-top: 2px solid #fff; 
        width: 175%; 
        margin-top: 10px; 
        
      }
    
      /* خط العمود 2 */
    
      .line-above2::before {
        content: '';
        display: block;
        border-top: 2px solid #fff; 
        width: 130%; 
        margin-top: 10px; 
      }
    
      /* خط العمود 3 */
    
      .line-above3::before {
        content: '';
        display: block;
        border-top: 2px solid #fff; 
        width: 140%; 
        margin-top: 10px; 
      }
    
      /* خط العمود 4 */
    
      .line-above4::before {
        content: '';
        display: block;
        border-top: 2px solid #fff; 
        width: 210%; 
        margin-top: 10px; 
      }
    
      /* خط العمود 5 */
    
      .line-above5::before {
        content: '';
        display: block;
        border-top: 2px solid #fff; 
        width: 250%; 
        margin-top: 10px; 
      }
  
    .line-above1 {
  position: relative;
  left: 95px;
}

.line-above2 {
    position: relative;
  	left: 70px;
}

.line-above3 {
      position: relative;
  	  left: 13px;
}
  
  .line-above4 {
      position: relative;
        right: 58px;
}

.line-above5 {
        position: relative;
  	 	left: -125px;
}
  
  #section1-dropdown {
  position: relative;
  right: -1px;
  margin-top: 60px;
}

#section2-dropdown {
  position: relative;
  right: 77px;                      
  margin-top: 60px;
}

#section3-dropdown {
  position: relative;
  right: 113px;
  margin-top: 60px;
}

#section4-dropdown {
  position: relative;
  right: 135px;
  margin-top:60px;
}

#section5-dropdown {
  position: relative;
  right: 200px;
  margin-top: 60px;
}

}

@media screen and (min-width: 501px) and (max-width: 767px) {
  
  
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: -40px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 58vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 58vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 58vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 58vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 58vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 89%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 87%!important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 85% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 84% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 83% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}

@media screen and (min-width: 401px) and (max-width: 500px) {
   
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: -40px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 82%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 79%!important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 75% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 74% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 72% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}

@media screen and (min-width: 381px) and (max-width: 400px) {
  
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: -40px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 41vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 80%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 77%!important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 73% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 72% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 70% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}

@media screen and (min-width: 330px) and (max-width: 365px) {
  
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: -40px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 42vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 42vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 42vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 42vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 42vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 80%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 77%!important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 73% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 72% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 70% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}

@media screen and (min-width: 366px) and (max-width: 380px) {
  
  
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: -40px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 48vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 48vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 48vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 48vh;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 48vh; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 80%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 77%!important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 73% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 72% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 70% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}




@media screen and (max-width: 325px)  {
  
  
  .footer-section {
    display: flex;
  }
  
  .line-under {
     white-space: nowrap;

  }
  
    .footer-section h4 {
        cursor: pointer;
    }

    .footer-section ul.dropdown-content {

        transition: max-height 0.9s ease-out;
    }


    .dropdown-content {

    }



    .icon-toggle::before {
    content: '+'; 
}

.active-dropdown + .icon-toggle::before {
    content: '_'; 
}

    .icon {
        display: block;
        text-align: end;
        margin-top: -34px;
        font-size: 22px;
        transform: matrix(1, 0, 0, 1, 0, 10);
}

    


    .footer-section ul {
    display: none; 
}

/* إظهار القائمة عند الضغط على العنوان */
.active-dropdown {
    display: block !important;
    transition: max-height 0.9s ease-out;

}

.footer-grid {
    display: flex;
    flex-direction: column;
  	position: absolute !important;
    left: -20px !important;
}


  /* خط العمود 1 */

  .line-above1::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 240px;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 2 */

  .line-above2::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 240px; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 3 */

  .line-above3::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 240px; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 4 */

  .line-above4::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 240px;  
    padding-bottom: 10px;
    margin-top: 10px;
  }

  /* خط العمود 5 */

  .line-above5::before {
    content: '';
    display: block;
    border-top: 2px solid #fff; 
    width: 240px; 
    padding-bottom: 10px;
    margin-top: 10px;
  }

#section1-dropdown {
  position: relative;
  right: 76%;
  margin-top: 55px;
 
}

#section2-dropdown {
  position: relative;
  right: 72% !important;
  margin-top: 55px;
}

#section3-dropdown {
  position: relative;
  right: 68% !important;
  margin-top: 55px;

}

#section4-dropdown {
  position: relative;
  right: 67% !important;
  margin-top: 55px;
}

#section5-dropdown {
  position: relative;
  right: 65% !important;
  margin-top: 55px;
}
  
  
  
.line-above1 {
  position: relative;
  right: 0px;
}

.line-above2 {
    position: relative;
  	left: 0px;
}

.line-above3 {
      position: relative;
  	  left: 0px;
}

.line-above5 {
        position: relative;
  	 	left: 0px;
}

}