/*** Section 2 **/
 p{
    text-align: left !important;
 }
 #rsection2{
    display: block;
    width:100%;
    padding-block:7rem;


 }
  .reverse{
    direction: rtl !important;  /* reverses the row order */
 }
 .reverse > * {
    direction: ltr !important;  /* keeps child content normal */
  }
 #rsection2 .rsection2_inside{
    display: grid;
    width:90%;
grid-template-columns: repeat(2,1fr);
gap:1rem;
margin:0 auto;
 
   

 }

 #rsection2 .rsection2_inside div.text{
 
display: flex;
flex-direction: column;
gap:1rem;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
padding:5rem;

 }

 #rsection2 .rsection2_inside div.text p{
 
font-size: 1.7rem;
    
     }
     #rsection2 .rsection2_inside_img  {
        width:90%;
        margin:0 auto;
        display: block;
        padding-block:2rem;
    
    
     }
 #rsection2 .rsection2_inside div.img > img{
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    object-fit: cover;
 
 


 }

 /** section 3**/


 #rsection3{

display: block;
width:100%;


 }
 #rsection3 h2{
 
margin:0 auto;
text-align: center;
font-size: 3rem;
 }
 #rsection3 .rsection3_inside{

    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:3rem;
    width:90%;
    margin:0 auto;
    
    
     }
    
     #rsection3  .rsection3_inside div{

    display: flex;
flex-direction: column;
gap:1rem;
        justify-content: center;
        align-items: flex-start;
        padding-block:5rem;
        max-height: 600px;
         }
         #rsection3  .rsection3_inside div p{
            color:rgba(0,0,0,0.75);
         }
     #rsection3   img{

     width:100%;
     object-fit: cover;
     height: 80vh;
     
        
        
         }
        

/**8 section 4**/

#rsection4{

display: block;
width:100%;
padding-bottom:7rem;

background:rgba(0,0,0,0.02);
 }


 #rsection4 h4{

text-align: center;
display: block;
width:100%;
padding-block:2rem;
font-size: 2rem;
color:black;
 }
 #rsection4  .headerbox  {
    width:100%;
    background-color: white;
    padding-block:3rem;

  
    
     }
 #rsection4 .headerbox h2{
width:90%;
margin:0 auto;
text-align: left;
 
color:black;

 }
 #rsection4 .rsection4_inside{

    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:3rem;
    width:90%;
    margin:0 auto;
    padding-block:7rem;
 
height:auto;
    
     }

     #rsection4 .rsection4_inside .text{
     display: flex  ;
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;

    }
 #rsection4 .rsection4_inside .text h3{
    color:black;
    font-size: 1.9rem;
    margin-block:1.5rem;

 }

 #rsection4 .rsection4_inside  .text p{
    color:rgba(0,0,0,0.7);
    font-size: 1.3rem;

 }

 #rsection4 .rsection4_inside  .img  img {
width:100%;
height: 100%;
object-fit: cover;

 }

 #rsection4 .rsection4_inside_img img{
    width:100%;
    height: 85vh;
    object-fit: cover;


 }

 /** Section 5 **/

#rsection5{

    display: block;
  
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    width: 100%;

    padding-block:7rem;
    background: #0B70B3;
    background: radial-gradient(circle, rgba(11, 112, 179, 1) 0%, rgba(9, 95, 152, 1) 53%, rgba(8, 80, 128, 1) 100%);
 
}

.section5_inside{
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    box-sizing: border-box;


}

#rsection5 .section5_inside  div {
    width: 90%;
    display: block;
    margin: 0 auto;
}
#rsection5 .section5_inside  div  p  {
    font-size: 1.9rem;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    margin: 0rem 0 0rem 0;
    font-weight: bold;
    padding: 2rem;
    box-sizing: border-box;
}

/** section 6 ***/

 

#rsection6{

    display: block;
  
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    width: 100%;

    padding-block:7rem;
 
    background: rgba(0,0,0,0.04);
    text-align: center;
}
#rsection6 a{
 
display: inline-block;
margin: 0 auto;
margin-top:3rem;
}
.section6_inside{
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    box-sizing: border-box;


}

#rsection6 .section6_inside  div {
    width: 90%;
    display: block;
    margin: 0 auto;
}
#rsection6 .section6_inside  div  p  {
    font-size: 1.9rem;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    margin: 0rem 0 0rem 0;
    font-weight: bold;
    padding: 2rem;
    box-sizing: border-box;
}

/** section 7 **/

#rsection7{
    width:100%;
    display:block;
    padding-block:7rem;
}
#rsection7 h2{
    width:90%;
    display:block;
 font-size: 2.5rem;
    margin:0 auto;
    text-align: left;
    padding-block:3rem;
}

#rsection7 .rsection7_inside{
    width:90%;
    display:grid;
   margin:0 auto;
   grid-template-columns: repeat(2,1fr);
   box-sizing: border-box;
   gap:2rem;
} 

#rsection7 .rsection7_inside .text{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
padding:2rem 0;
gap:1rem;
} 
#rsection7 .rsection7_inside .text p{
font-size: 1.6rem;
color:rgba(0,0,0,0.75);

}
#rsection7 .rsection7_inside .img img{
 width:100%;
 height: 100%;
 object-fit: cover;
    } 

    /*** section 8**/

    #rsection8{
        width:100%;
        display:block;
        padding: 7rem 0 0 0;
    }
 
    #rsection8 h2{
 width:70%;
 display: block;
color:black;
margin:0 auto;
text-align: center;
font-size: 2.5rem;
padding-block:3rem;
}

    #rsection8  img{
        width:100%;
    height:90vh;
    object-fit: cover;
   
    }
 
 /*** section 9**/

 #rsection9{
    width:100%;
    display:block;
    padding-block:7rem;
}
#rsection9 .rsection9_inside{
    width:90%;
    display:block;
    margin:0 auto;
 
}

#rsection9 .rsection9_inside h2{
width:70%;
display: block;
color:black;
margin:0 auto;
text-align: center;
font-size: 2.5rem;
padding-block:3rem;
}
#rsection9 .rsection9_inside p{
color:rgba(0,0,0,0.75);
font-size: 1.3rem;
margin-top:2rem;
    
    }
#rsection9 .rsection9_inside img{
width:100%;
height:90vh;
object-fit: cover;

}

/** section 10 &**/
#rsection10{
    width:100%;
    display:block;
    padding-block:7rem;
    background: #0B70B3;
    background: radial-gradient(circle, rgba(11, 112, 179, 1) 0%, rgba(9, 95, 152, 1) 53%, rgba(8, 80, 128, 1) 100%);
}
#rsection10 .rsection10_inside{
    width:90%;
    display:block;
    margin:0 auto;
    text-align: center;
 
}

#rsection10 .rsection10_inside h2{
    font-size: 2.5rem;
    color:white;
    width:70%;
    margin:0 auto;
   
 
}

#rsection10 .rsection10_inside   ul{
    display: block;
    margin-left: 2rem;
    padding-block: 2rem;
    list-style: none;
    margin:0 auto;
    width:700px;
 
}

#rsection10 .rsection10_inside ul li{
    margin-block: 1rem;
    font-size: 1.9rem;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem; 
    text-align: left;

 
}

/*** section 11*/

#rsection11{
    width:100%;
    display:block;
    padding-block:7rem;
    text-align: center;
}

#rsection11 a{

margin:0 auto;
display: inline-block;
margin-top:2rem;


}
#rsection11 .rsection11_inside{
    width:90%;
    display:block;
    margin:0 auto;
 
}

#rsection11 .rsection11_inside h2{
width:70%;
display: block;
color:black;
margin:0 auto;
text-align: center;
font-size: 2.5rem;
padding-block:3rem;
}
#rsection11 .rsection11_inside p{
color:rgba(0,0,0,0.75);
font-size: 1.3rem;
margin-top:2rem;
    
    }
#rsection11 .rsection11_inside img{
width:100%;
height:90vh;
object-fit: cover;

}


/*** section 12*/

#rsection12{
    width:100%;
    display:block;
    padding-block:7rem;
    text-align: center;
    background: rgba(0,0,0,0.03);
 
}

#rsection12 a{

margin:0 auto;
display: inline-block;
margin-top:2rem;


}
#rsection12 .rsection12_inside{
    width:90%;
    display:block;
    margin:0 auto;
    text-align: left;
 
}
#rsection12 .rsection12_inside h2{
 font-size: 2.7rem;
 font-weight: bold;
 color:black;
 text-align: left;
 margin-block:1rem;
 
}
#rsection12 .rsection12_inside p{
    font-size: 1.5rem;
 
    color:rgba(0,0,0,0.8);
    text-align: left;
    
   }
#rsection12 .rsection12_inside p.bars{
    font-size: 1.5rem;
    margin-top: 2rem;
    color: rgba(0,0, 0, 0.8);
    border-left: 2px solid #FFD037;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
 
}
#rsection12 .rsection12_inside p.bars strong{
    font-size: 2rem;
    display: block;
    margin-block:1rem;
    color:rgba(0,0,0,1);
    font-weight: bold;
 
}

/** Section 13 **/

#rsection13{
    width:100%;
    display:block;
    padding-top:7rem;
    text-align: center;
 
}
#rsection13 a{
    display: inline-block;
margin-block:3rem;
 
}
#rsection13  h2{
     width:70%; 
     margin:0 auto;
     margin-bottom:2rem;
     font-size: 2.5rem;
     color:block;
     font-weight: bold;

}
#rsection13 img{
    width:100%;
  height: 80vh;
  object-fit: cover;
 
}

/***section 14 **/
#rsection14{
    width:100%;
    display:block;
    padding-top:7rem;
    text-align: center;
 
}
 
#rsection14  h2{
     width:70%; 
     margin:0 auto;
     margin-bottom:2rem;
     font-size: 2.5rem;
     color:block;
     font-weight: bold;

}
#rsection14  h3{
 
 
    margin-bottom:2rem;
    font-size: 2.5rem;
    color:block;
    font-weight: bold;
    width:90%;
    margin:0 auto;

}

#rsection14  p{
 
 
    margin-bottom:2rem;
    font-size: 1.2rem;
    color:rgba(0,0,0,0.6);
    font-weight: bold;
    width:90%;
    margin:2rem auto 0 auto;


}
#rsection14  h4{
    width:fit-content;
    margin:0 auto;
    margin-bottom:2rem;
    font-size: 2rem;
 
    font-weight: bold;
    background-color: black;
    color: white;
    position: relative;
    top:-3rem;
   
    padding: 1.5rem 2rem;
}
 
#rsection14 img{
    width:100%;
  height: 80vh;
  object-fit: cover;
 
}