#photo1{
    position: absolute;
    right: 18%;
    top: 30%;
    width:269px;
    height: 369px;
    object-fit: cover;
}

#photo2{
    position: absolute;
  right: 5%;
  top: 40%;
  width:269px;
  height: 369px;
  object-fit: cover;
}

.wsection1_grid{
  display: grid;
 grid-template-columns: repeat(2,1fr);
 gap:2rem;
 margin-top:3rem;
 }

 .wsection1_grid #grid_box{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:0.5rem;

 }

 .wsection1_grid #grid_box div{
  width: 100%;
  height: 100%;
 }
 .wsection1_grid #grid_box div img{
  object-fit: cover;
  width: inherit;
  height: inherit;
 }

 .wsection1_grid   div ul {
  display: block;
  margin-left: 2rem;
  padding-block: 2rem;
  list-style: none;
  margin: 0  ;
  width: 100%;

}

.wsection1_grid  div ul li {
  margin-block: 2rem !important;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.78);
  display: grid  ;
  grid-template-columns: 5% 90% !important;
  gap:3rem !important;
  text-align: left;
  background : transparent !important;
}
 

.wsection1_grid  div ul li span {
 
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.78);
 
}
/** Section 3 **/

#wsection3 {
  display: block;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  width: 100%;
  padding-block: 7rem;
  background: white;
 
  text-align: center;
}
#wsection3_inside {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  box-sizing: border-box;
}

#wsection3 .wsection3_inside  div {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#wsection3 .wsection3_inside div p {
  font-size: 2.5rem;
  color: rgba(0, 0, 0, 0.8);
 
  margin: 0rem 0 0rem 0;
  font-weight: bold;
  padding: 2rem;
  text-align: center;
  box-sizing: border-box;
}


/** Section 4 **/

#wsection4 {
  display: block;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  width: 100%;
  padding-block: 7rem;
  
  background: #004E80;
  background: linear-gradient(180deg, rgba(0, 78, 128, 1) 0%, rgba(0, 99, 161, 1) 100%);
  text-align: center;
}
#wsection4_inside {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  box-sizing: border-box;
}

#wsection4 .wsection4_inside  div {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#wsection4 .wsection4_inside div p {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.8);
 width: 100%;
  margin: 0;
  font-weight: bold;
  padding: 2rem;
  text-align: center !important;
  box-sizing: border-box;
}

/** Section5 ****/

#wsection5{

display: block;
width: 100%;
box-sizing: border-box;
padding-block:7rem;

background: #F5F5F5;
background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(243, 243, 243, 1) 100%);
}

#wsection5 .quote{

  display: block;
  width: 90%;
  box-sizing: border-box;
 font-size:1.7rem;
 font-weight: bold;
  margin:0 auto;
  text-align: center !important;
  margin-top:6rem;
  color:black;
}
#wsection5 > h2{

  display: block;
  width: 90%;
  box-sizing: border-box;
 font-size: 3rem;
 font-weight: bold;
  margin:0 auto;
  text-align: center;
  margin-bottom:2rem;
  }
  #wsection5 > p{
    display: block;
    width: 90%;
    box-sizing: border-box;
  
    text-align: center;
    margin:2rem auto 5rem auto;
      }
#wsection5 .wsection5_inside{
  display:grid;
  width: 90%;
  grid-template-columns: 50% 50%;
  gap:0rem;
  box-sizing: border-box;
  margin:0 auto;
 
}
#wsection5 .wsection5_inside div.text{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 background-color: white;
 box-sizing: border-box;
 padding:1.5rem;
 gap:1rem;
 
}

#wsection5 .wsection5_inside div.text h3{
  font-size: 2rem;
  color:black;
  font-weight: bold;
  text-align: left;
  display: block;
  margin-bottom:1.5rem;
  
 }
 #wsection5 .wsection5_inside div.text p{
 font-size: 1.2rem;
 text-align: left;
  font-weight: normal;
  display: block;
 }
#wsection5 .wsection5_inside div.img{
 width: 100%;
 height: 100%;
 
}

#wsection5 .wsection5_inside div.img img{
  width: inherit;
  height: inherit;
  object-fit: cover;
  
 }


 /*** wsection6***/

 #wsection6{

  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-block:7rem;
  background: #004D80;
  background: linear-gradient(180deg, rgba(0, 77, 128, 1) 0%, rgba(12, 116, 185, 1) 100%);
  }

  #wsection6 #wsection6_inside{

  display: block;
  margin:0 auto;
  width: 90%; 
    }
    #wsection6 #wsection6_inside   h2{
    font-size: 2.5rem;
    color:white;
    font-weight: bold;
    text-align: left;
    display: block;
    margin-bottom:1.5rem;
    margin-top:3rem;

    }
    #wsection6 #wsection6_inside  p{
      display: block;
    font-size: 1.5rem;
      box-sizing: border-box;
    color:white;
      text-align: left;
      margin-bottom:2rem;
     
        }

        #wsection6 #wsection6_inside > img{
 width:100%;
 height: 90vh;
 object-fit: cover;
            }


            /** Section 7 **/

#wsection7 {
  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;
}
#wsection7_inside {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  box-sizing: border-box;
}

#wsection7 .wsection7_inside  div {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#wsection7 .wsection7_inside div p {
  font-size: 2.5rem;
  color: rgba(0, 0, 0, 0.8);
 
  margin: 0rem 0 0rem 0;
  font-weight: bold;
  padding: 2rem;
  text-align: center;
  box-sizing: border-box;
}


/** Section 8 **/

#wsection8 {
  display: block;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  width: 100%;
  padding-block: 7rem;
  background: #FFF;
 
  text-align: center;
}
#wsection8 div#quote   {
 
  display: block;
  width: 90%;
  margin:0 auto;
  box-sizing: border-box;
  ;
  padding-block:4rem;
  background: #004D80;
  background: linear-gradient(180deg, rgba(0, 77, 128, 1) 0%, rgba(12, 116, 185, 1) 100%);
}
#wsection8   div#quote > p {
  display: block;
  font-size: 1.8rem;
  width: 90%;
  box-sizing: border-box;

  text-align: left;
 
  margin:0 auto;
  color:white;
 
}
#wsection8 #wsection8_inside {
  display: block;
  width: 90%;
  margin: 0 auto;
  height: auto;
  box-sizing: border-box;
  border-left: 7px solid #FFAE01;
  padding-left: 1rem;
}
#wsection8 #wsection8_inside h2 {
  font-size: 2.5rem;
 width: 100%;
  font-weight: bold;
  text-align: left;
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}
#wsection8 #wsection8_inside p {
display: block;
    font-size: 1.5rem;
    width: 100%;
    box-sizing: border-box;
 
    text-align: left;
 
}

#wsection8 #wsection8_inside_grid {
  display: grid;
  width: 90%;
  margin: 0  auto;
  padding-block:4rem;
  grid-template-columns: repeat(2,1fr);
  gap:2rem;
 
 
  box-sizing: border-box;
  margin-bottom:3rem;
}

#wsection8 #wsection8_inside_grid .text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap:1rem;
}

#wsection8 #wsection8_inside_grid .text h3 {
font-size: 2rem;
  }

#wsection8 #wsection8_inside_grid .img {
  width: 100%;
  height: 600px;
  }
  #wsection8 #wsection8_inside_grid .img img {
    width: inherit;
    height: inherit;
    object-fit: cover;
    }

/*** Sectio 9 ***/

#wsection9{
  width:100vw;
  min-height: 400px;
  background-size: cover;
  background-color: black;
  position: relative;
  margin-inline: calc(50% - 50vw);          /* center the 100vw box */
}
#wsection9 .shadowbg{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.7);


}
#wsection9 #wsection9_inside_legend{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:2rem;
  width:80%;
  margin:0 auto;
  text-align: center;
  min-height: 50vh;      /* or any height you need */
 position: relative;
 z-index: 2;
 place-items: center; 

}

#wsection9 #wsection9_inside_legend { 
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:2rem;
  width:80%;
  margin:0 auto;
  text-align: center;
  min-height: 50vh;      /* or any height you need */
 
  place-items: center; 

}

#wsection9 #wsection9_inside_legend  div{
  
 display: flex;
 justify-content: center;
 flex-direction: column;
 align-items: center;
 gap:1rem;

}
#wsection9 #wsection9_inside_legend  strong{
  font-size: 4rem;
  font-weight: bolder;
  color:#FFAE01;
  
}
  #wsection9 #wsection9_inside_legend  span{
    font-size: 1.7rem;
    font-weight: normal;
    color:#FFF;
   
   }


   /** Section 10 **/

#wsection10 {
  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;
}
#wsection10_inside {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  box-sizing: border-box;
}

#wsection10 .wsection10_inside  div {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#wsection10 .wsection10_inside div p {
  font-size: 1.7rem;
  color: rgba(0,0,0,0.75);
 width: 100%;
  margin: 0;
  font-weight: bold;
  padding: 2rem;
  text-align: left;
  box-sizing: border-box;
}
#wsection10 .wsection10_inside div h2 {
  font-size: 3rem;
  color: black;
 width: 100%;
  margin: 0;
  font-weight: bold;
  padding: 2rem;
  text-align: center !important;
  box-sizing: border-box;
}


   /** Section 11 **/

   #wsection11 {
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    width: 100%;
    padding-block: 7rem;
    
    background: #FFF;
   
   
    text-align: center;
  }
  #wsection11_inside {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    box-sizing: border-box;
  }
  
  #wsection11 .wsection11_inside  div {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  
  #wsection11 .wsection11_inside div p {
    font-size: 2.2rem;
    color: rgba(0,0,0,0.75);
   width: 100%;
    margin: 0;
    font-weight: bold;
    padding: 2rem;
    text-align: left;
    box-sizing: border-box;
  }
 
  /** secton 11 **/

  /** Section12 ****/

#wsection12{

  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-block:7rem;
  
  background: #F5F5F5;
  background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(243, 243, 243, 1) 100%);
  }
   
 
    #wsection12 > p{
      display: block;
      width: 90%;
      box-sizing: border-box;
    font-size: 1.7rem;
      text-align: center;
      margin:2rem auto 5rem auto;
        }
  #wsection12 .wsection12_inside{
    display:grid;
    width: 90%;
    grid-template-columns: 50% 50%;
    gap:0rem;
    box-sizing: border-box;
    margin:0 auto;
   
  }
  #wsection12 .wsection12_inside div.text{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   background-color: white;
   box-sizing: border-box;
   padding:1.5rem;
   gap:1rem;
   
  }
  
  #wsection12 .wsection12_inside div.text h3{
    font-size: 2rem;
    color:black;
    font-weight: bold;
    text-align: left;
    display: block;
    margin-bottom:1.5rem;
    
   }
   #wsection12 .wsection12_inside div.text p{
   font-size: 1.2rem;
   text-align: left;
    font-weight: normal;
    display: block;
   }
  #wsection12 .wsection12_inside div.img{
   width: 100%;
   height: 100%;
   
  }
  
  #wsection12 .wsection12_inside div.img img{
    width: inherit;
    height: inherit;
    object-fit: cover;
    
   }
  
  

   /** Section 13 **/

   #wsection13{

    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-block:7rem;
    
    background: white;
 
 
     
   }

   #wsection13 #wsection13_inside{
 display: grid;
 grid-template-columns: repeat(2,1fr);
 
 width: 100%;
 gap:2rem;
 box-sizing: border-box;
 height: auto;
 
   }

   #wsection13 #wsection13_inside div.text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  padding:3rem;
  gap:1rem;
      }

      #wsection13 #wsection13_inside div.text h2{
font-size: 3rem;
color:black;
      }
      #wsection13 #wsection13_inside div.text h3{
        font-size: 2.2rem;
        color:black;
              }
      #wsection13 #wsection13_inside div.text p{
        font-size: 1.3rem;
        color:rgba(0,0,0,0.75);
              }
      #wsection13 #wsection13_inside div.img{
        width: 100%;
        height: 100%;
  
      }

      #wsection13 #wsection13_inside div.img img{
        width: inherit;
        height: inherit;
        object-fit: cover;
  
      }


      /*** section 14 **/

#wsection14{
  width: 100vw;
  min-height: 600px;
  background-size: cover;
  background-color: black;
  position: relative;
  margin-inline: calc(50% - 50vw);

}
#wsection14 .shadowbg{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.7);


}
#wsection14 #wsection14_inside{
 width:80%;
 display: block;
 margin:0 auto;
 text-align: center;
 padding:3rem;
 box-sizing: border-box;
 position: relative;
 z-index: 3;

}

#wsection14 #wsection14_inside h2{
color:white;font-size: 3.5rem;
font-weight: bold;
margin-bottom:2rem;

 
 }

 #wsection14 #wsection14_inside p{
  color:rgba(255,255,255,0.76);font-size: 1.5rem;
  font-weight: normal
  
   
   }
   #wsection14 #wsection14_inside p#quote{
    color:white;font-size: 2rem;
    font-weight: bold;
    
     
     }