#customhomes_bulidng_luxury{
display: block;
width: 100%;
box-sizing: border-box;
background: rgba(0,0,0,0.05);
text-align: center;
margin:0;
padding-bottom:5rem;
}


#customhomes_bulidng_luxury_inside{
display: block;
margin:0 auto;
width:90%;
position: relative;
top:-3rem;
background: white;
padding:3rem 3rem;
    z-index: 99;
    border-top: 20px solid black;
    box-sizing: border-box;
}
#customhomes_bulidng_luxury_inside p{
    color: black;
font-size: 1.5rem;
    
    }
    #customhomes_bulidng_luxury_inside ul{
display: block;
         
            }
            #customhomes_bulidng_luxury_inside li{
                display: grid   ;
                    grid-template-columns: 20% 78%;
                    gap: 1rem;
                    margin-block: 1rem;
                    background: rgba(255, 255, 255, 0.1);
                    
                    }        
                    
                    
 #customhomes_bulidng_luxury_inside li div{
    display: flex    ;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 2rem;
        height: auto;
        box-sizing: border-box;
        padding: 1rem 2rem 1rem 1rem;
                    
  }
  #customhomes_bulidng_luxury_inside li div h2{
 font-size: 2.5rem;
 color: black;
                        
      }
      #customhomes_bulidng_luxury_inside li div p{
        font-size: 1.5rem;
        color: rgba(0, 0, 0, 0.6);
                        
      }

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

      #customhomes_bulidng_luxury h2{
        font-size: 2.5rem;
        color: black;
                   margin-block:4rem;            
             }    
             /*** lUXURY **/

#luxury{
display: block;
width: 100%;
background: rgba(0,0,0,0.04);
 

padding-block:7rem;
}
#luxury #luxury_inside{
    display: block;
    width: 90%;
 
 margin:0 auto;
    }
    #luxury #luxury_inside img{
  width:100%;
  height: 80vh;
  object-fit: cover;
        }
        #luxury #luxury_inside h3{
         margin-block:3rem;
         color: black;
         font-size: 2rem;
                  }
                  #luxury #luxury_inside h2{
                    margin-block:2rem;
                    color: black;
                    font-size: 2.5rem;
                             }
 #luxury #luxury_inside p{
    margin-top:3rem;
    color:rgba(0,0,0,0.8);
    font-size: 1.5rem;
   }

/*** Story **/
   #story{
    display: block;
    width: 100%;
 
    
    padding-block:7rem;
    }
    #story    #story_inside{
        display: block;
        width: 90%;
     
     margin:0 auto;
        }
        #story  #story_inside > img{
      width:100%;
      height: 80vh;
      object-fit: cover;
            }
 #story    #story_inside h3{
    margin-block: 3rem;
    color: white;
    font-size: 2rem;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    background: black;
    padding-inline: 3rem;
    padding-block: 2rem;
    position: relative;
    top: -4rem;
                      }
  #story    #story_inside h2{
                        margin-block:2rem;
                        color:black;
                        font-size: 3rem;
                                 }

  #story    #story_inside ul{
    display: block;
    margin-left: 2rem;
    padding-block: 0rem;
    list-style: none;
    margin: 1rem 0 2rem 0;                            
  }
  #story    #story_inside ul li{
    margin-block: 1rem;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;                    
  }
      #story    #story_inside p{
        margin-top:3rem;
        color:black;
        font-size: 1.5rem;
       }
    

  #section6{
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0,0,0,0.03);
  
    text-align: center;
    margin:0;
 
  }

  #section6 .section6_inside{
 display: grid;
 width: 100%;
 box-sizing: border-box;
 grid-template-columns: 50% 50%;
 gap:0;
 height: 100vh;
 
  }
  #section6 .section6_inside div.text{
 display: flex;
 color:rgba(0,0,0,0.8);
 flex-direction: column;
 gap:1rem;
 justify-content: center;
 align-items: flex-start;
 box-sizing: border-box;
 padding: 3rem 3rem;
     }
     #section6 .section6_inside div.img{
    
            }
     #section6 .section6_inside div  h2{
 text-align: left;
        font-size: 2.5rem;color:black;
            }

            #section6 .section6_inside div  strong{
                text-align: left;
                       font-size: 1.5rem;    color: rgba(0, 0, 0, 0.65);
                       margin-block:1rem;
                           }
     #section6 .section6_inside div ul{
        display: block;
        margin-left: 2rem;
        padding-block: 0rem;
        list-style: none;
        margin: 1rem 0 2rem 0;  
            }
       
            #section6 .section6_inside div ul li{
            margin-block: 1rem;
            font-size: 1.4rem;
            color: rgba(0,0,0,0.7);
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 1rem; 
            text-align: left;

            }
     #section6 .section6_inside div > img{
 width: 100%;
 height: 100vh;
 object-fit: cover;
     }


     /** Section 7**/

     #section7{

  display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #0B70B3;
    background: radial-gradient(circle, rgba(11, 112, 179, 1) 0%, rgba(9, 95, 152, 1) 53%, rgba(8, 80, 128, 1) 100%);
    padding-block: 10rem;
     }

     #section7  #section7_inside {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    #section7 #section7_inside h2 {
        font-size: 2.5rem;
        font-weight: normal;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        margin-bottom: 2rem;
    }
    #section7 #section7_inside p {
        font-size: 1.5rem;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.65);
        text-align: left;
        margin-bottom: 0rem;
    }

    /** section8 **/

    #section8{
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
        background: white;
  
        padding-block: 10rem;
    }
    #section8 > img{
width:100%;
height:80vh;
object-fit: cover;
    }
    #section8 > h2{
        font-size: 2.5rem;
        color:white;
        text-align: center;

        margin :7rem 0 3rem 0;

    }
    
    #section8  #section8_inside {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    #section8  #section8_inside h2 {
color:black;
font-size: 2.5rem;
margin-bottom:2rem;
    }
    #section8  #section8_inside h2 span {
        color:#DF9C1E;
        font-size: 2.5rem;
        margin-bottom:2rem;
            }
    #section8  #section8_inside p {
        color:rgba(0,0,0,0.76);
        font-size: 1.5rem;;
            }

            #section8  #section8_inside strong {
           display: block;
               margin-block:3rem;
                color:rgba(255,255,255,1);
                font-size: 1.5rem;
                font-weight: bold;
                    } 
 #section8  #section8_inside2  {
 display: grid;
grid-template-columns: repeat(2,1fr);
  }

  #section8  #section8_inside2 div.img img  {
    width:100%;
    height: 60vh;
    object-fit:cover ;
 
     }
     #section8  #section8_inside2 div.text  {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap:1rem;
        padding:3rem;
        box-sizing: border-box;
 
     }

     #section8  #section8_inside2 div.text  h3 {
    
        text-align: left;
        font-size: 2rem;
        color: black;
        margin-bottom:2rem;
     }
     #section8  #section8_inside2 div.text  p {
    
        text-align: left;
        font-size: 1.5rem;
        color: rgba(0,0,0,0.8);
     }
/** section 9**/

     #section9{
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
        background: #141313;
        background: #000000;
        background: linear-gradient(200deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
        padding-block: 5rem;
    }
    #section9 > img{
width:100%;
height:80vh;
object-fit: cover;
    }
    #section9 > h2{
        font-size: 2.5rem;
        color:white;
        text-align: center;

        margin :7rem 0 3rem 0;

    }


    /** Section 10 ***/

    #section10{
        display: grid;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
        grid-template-columns: repeat(3,1fr);
       
     
    }
    #section10 div img{
width:100%;
height:50%;
object-fit: cover;
    }
    #section10  div h2{
        font-size: 2.5rem;
        color:rgba(0,0,0,1);
        text-align: left;

        margin :3rem 0 0rem 0;
        padding:2rem;
        box-sizing: border-box;

    }
    #section10 div p{
        font-size: 1.5rem;
        color:rgba(0,0,0,0.65);
      
        margin :0;
        text-align: left;
        padding:2rem;
        box-sizing: border-box;
    }

    /** Section 11 **/
    #section11{
        display:block;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;       
     
    }
    #section11  img{
        width:100%;
        height:85vh;
        object-fit: cover;
    }
    #section11   #section11_inside{
    width:100%;
    display: block;
    margin:0 auto;
 
     
    height: auto;
    box-sizing: border-box;
    background: #0B70B3;
    background: radial-gradient(circle, rgba(11, 112, 179, 1) 0%, rgba(9, 95, 152, 1) 53%, rgba(8, 80, 128, 1) 100%);
    padding-bottom: 10rem;


    }
    #section11   #section11_inside div{
        width:90%;
        display: block;
        margin:0 auto;
      
    
    
        }

        #section11   #section11_inside div h2{
            font-size: 2.5rem;
            color: white;
            text-align: left;
    
            margin :3rem 0 0rem 0;
            padding:2rem;
            box-sizing: border-box;
    
        }
        
        #section11   #section11_inside div p{
            font-size: 1.5rem;
            color: rgba(255,255,255,0.65);
            text-align: left;
    
            margin :0rem 0 0rem 0;
            padding:2rem;
            box-sizing: border-box;
    
        }
    #section11   #section11_inside div h3{
        margin-block: 3rem;
        color: white;
        font-size: 2rem;
        margin: 0 auto;
        width: fit-content;
        text-align: center;
        background: black;
        padding-inline: 3rem;
        padding-block: 2rem;
        position: relative;
        top: -4rem;
    
        }

        /** Sectiyon 12**/

        #section12{
            display:block;
            width: 100%;
            max-width: 100%;
            height: auto;
            padding-block:7rem;
            box-sizing: border-box;   
            background: white;
      
         
        }
        #section12 > h2{
            color:rgba(0,0,0,1);
            font-size: 2rem;
            margin-bottom:2rem;
      text-align: center;
      padding-block:2rem;
         
        }
        #section12  #section12_inside{
width:90%;
display: block;
margin:0 auto;


        }
        #section12  #section12_inside h2{
            color:rgba(0,0,0,1);
            font-size: 2.5rem;
            margin-bottom:2rem;
                
                
                        }
                        #section12  #section12_inside span{
                            color:#DF9C1E;
                                
                                
                                        }
        #section12  #section12_inside p{
        color:rgba(0,0,0,0.75);
        font-size: 1.5rem;
               
                    }

                    #section12  #section12_inside p.focus{
                        color:#DF9C1E;
                        font-size: 1.8rem;
                        font-weight: bold;
                        margin-bottom:3rem;
                    }
        #section12  img{
            width:100%;
            height:85vh;
            object-fit: cover;
        }


        /** Section 13 **/
        #section13{
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            padding: 7rem 0 0 0;
            box-sizing: border-box;
        background-color: rgba(0,0,0,0.03);
      
         
        }
        #section13 #section13_inside {
            display: block;
          margin:0 auto;
          width:70%;
        }
        #section13 #section13_inside  h2{
      font-size: 2.5rem;
      margin-block:2rem;
        }
        #section13 #section13_inside  strong{
            font-size: 1.5rem;
       
            display: block;
          padding-bottom:1rem;
        }
        #section13 #section13_inside  ul {
            display: block;
            margin-left: 2rem;
            padding-block: 0rem;
            list-style: none;
            margin: 1rem 0 7rem 0;
        }
        #section13 #section13_inside  ul li {
            margin-block: 1rem;
            font-size: 1.4rem;
            color: rgba(0,0,0,0.65);
            display: flex        ;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 1rem;
            text-align: left;
        }
        
        #section13  .section13_inside_grid{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap:0.5rem;
            margin-top:0.5rem;

        }
        #section13  .section13_inside_grid div.gridboxes{
 display: flex;
 gap:1rem;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 height:85vh;
 
 box-sizing: border-box;
 padding:3rem;
 position: relative;
 
 width: 100%;
 /* Background image properties */
 
 background-size: cover;           /* Make the image cover the whole container */
      /* Center the image nicely */
 background-repeat:no-repeat;     /* Prevent tiling/repeating */
        }


        #section13  .section13_inside_grid-full {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap:0.5rem;
            
            object-fit: cover;
            width: 100vw;
            margin:0 auto;
            margin-top:0.5rem;
            /* Background image properties */
            position: relative;
            background-size: cover;           /* Make the image cover the whole container */
                 /* Center the image nicely */
            background-repeat:no-repeat;     /* Prevent tiling/repeating */
                   }
                   #section13  .section13_inside_grid-full div.gridboxes{
                    display: flex;
                    gap:1rem;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                    height:85vh;
                    
                    box-sizing: border-box;
                    padding:3rem;
                    position: relative;
                 
                           }

                           #section13  .section13_inside_grid-full   div.details{
                            position: absolute;
                            top: 50%;
                            left: 50%;                       /* Add this line */
                            transform: translate(-50%, -50%); /* Add this line */
                            z-index: 99;
                            color: white;
                            box-sizing: border-box;
                            width: 90%;
                            margin: 0 auto;
                            padding-inline: 2rem;
                         
                           
                                   }
        #section13  .section13_inside_grid div.gridboxes  div.details{
            position: relative;
            z-index: 99;
            color:white;
            box-sizing: border-box;
         
         
           
                   }

                   #section13  .section13_inside_grid-full div.gridboxes  div.details span{
                   
                    display: block;
              
                    font-size: 6rem;
                    font-weight: bold;
                    margin:0 auto;
                    text-align: center;
                 
                   
                           }

                           #section13  .section13_inside_grid-full   div.details span{
                   
                            display: block;
                      
                            font-size: 8rem;
                            font-weight: bold;
                            margin:0 auto;
                            text-align: center;
                         
                           
                                   }
                   #section13  .section13_inside_grid div.gridboxes  div.details span{
                   
                    display: block;
              
                    font-size: 6rem;
                    font-weight: bold;
                    margin:0 auto;
                    text-align: center;
                 
                   
                           }

                           #section13  .section13_inside_grid div.gridboxes  div.details p{
                   
                            font-size: 1.3rem;
                            color: rgba(255, 255, 255, 0.7);
                 
                   
                           }
                           #section13  .section13_inside_grid-full    div.details p{
                   
                            font-size: 1.7rem;
                            color: rgba(255, 255, 255, 0.7);
                                width:80%;
                                margin:0 auto;
                                
                           }
                           #section13  .section13_inside_grid div.gridboxes  div.details p.quote{
                            font-size: 1.6rem;
                            color:white;
                            font-weight: bold;
                 
                 
                   
                           }

                           #section13  .section13_inside_grid-full    div.gridshadows{
                            background: rgba(0,0,0,0.7);
                            position: absolute;
                            top:0;
                            left:0;
                            width:100%;
                            height: 100%;
                            z-index: 1;
                          
                 
                   
                           }
                   #section13  .section13_inside_grid div.gridboxes  div.gridshadows{
                    background: rgba(0,0,0,0.7);
                    position: absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height: 100%;
                    z-index: 1;
                  
         
           
                   }
 

    /** Section 14 **/
    #section14{
        display:block;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;       
     
    }
    #section14  img{
        width:100%;
        height:85vh;
        object-fit: cover;
    }
    #section14   #section14_inside{
    width:100%;
    display: flex;
    margin:0 auto;
 
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
    height: auto;
    box-sizing: border-box;
    background: #0B70B3;
    background: radial-gradient(circle, rgba(11, 112, 179, 1) 0%, rgba(9, 95, 152, 1) 53%, rgba(8, 80, 128, 1) 100%);
    padding-bottom: 10rem;


    }


    #section14   #section14_inside a{
        margin: 0 auto;
        display: inline-block;
    }
    #section14   #section14_inside div{
        width:90%;
        display: block;
        margin:0 auto;
      
    
    
        }

        #section14   #section14_inside div h2{
            font-size:3rem;
            color: white;
            text-align: left;
    
            margin :3rem 0 0rem 0;
            padding:2rem;
            box-sizing: border-box;
    
        }
        
        #section14   #section14_inside div p{
            font-size: 1.5rem;
            color: rgba(255,255,255,0.65);
            text-align: left;
    
            margin :0rem 0 0rem 0;
            padding:2rem;
            box-sizing: border-box;
    
        }
        #section14   #section14_inside div p.subheader{
            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;
    
        }


        #section15{
            display:grid;
            grid-template-columns: repeat(2,1fr);
            width: 100%;
            max-width: 100%;
            height: 100vh;
            box-sizing: border-box;  
            
            background:white;
        

        }
       
        #section15 div.text {
           display: flex;
           flex-direction: column;
           gap:1rem;
           height: 100vh;
           justify-content: center;
           align-items: flex-start;
           box-sizing:border-box;
           padding:3rem;
    
            }
            #section15 div.text h2 {
font-size: 2.7rem;
color:black;

            }

            #section15 div.text  ul {
                display: block;
                margin-left: 2rem;
                padding-block: 2rem;
                list-style: none;
                margin: 1rem 0 2rem 0;

            }

            #section15 div.text ul  li{
 
                margin-block: 1rem;
                font-size: 1.4rem;
                color: rgba(0,0,0, 0.8);
                display: flex            ;
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                gap: 1rem;
            }
        #section15 div.img img{
        width:100%;
        height: 100%;
        object-fit: cover;

        }



        #section16{
            display: block;
            width:100%;
            height: 80vh;
            position: relative;

        }

        #section16 img{
            display: block;
            width:100%;
          height: 100%;
          object-fit: cover;

        }
        #section16 h2{
position: absolute;
bottom: 20px;
  left: 50%;                       /* Add this line */
  transform: translate(-50%, -20px); /* Add this line */

  background-color: black;
  color:black;
  font-size: 1.4rem;
  padding :1.5rem 2rem;

        }



        
        #section17{
            display: block;
            width:100%;
            height: auto;
            position: relative;
            background: white;
           
            padding-block:7rem;
        }
        #section17   #section17_inside{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            width:90%;
      height: auto;
            position: relative;
            margin:0 auto;
         
        }
        #section17   #section17_inside p{
 
  color:rgba(0,0,0,0.7);
  font-size: 1.9rem;
  padding:1.5rem 2rem;

        }

        #section17   #section17_inside a{
 
         margin:0 auto;
        
        }
         /** sECTION 8 **/
         #section18{
         width: 100%;
         display: flex    ;
         margin: 0 auto;
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;
         height: auto;
         box-sizing: border-box;
         background: #0B70B3;
         background: radial-gradient(circle, rgba(11, 112, 179, 1) 0%, rgba(9, 95, 152, 1) 53%, rgba(8, 80, 128, 1) 100%);
         padding-block:  7rem;
         text-align: center;
     }

     #section18 h2 {
        font-size: 3rem;
        color: white;
        text-align: left;
      
        padding-bottom: 2rem;
        box-sizing: border-box;
        width:80%;
        margin:0 auto;
    }

    #section18 p {
        font-size: 1.5rem;
        color: rgba(255, 255, 255, 0.65);
        text-align: left;
    
   
        box-sizing: border-box;
        width:80%;
        margin:0 auto;
    }

    #section18 #section18_inside{
        margin-top:3rem;
        width:100%;
        display: grid;
        gap:2rem;
        grid-template-columns: repeat(2, 1fr);
        box-sizing: border-box;

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

    #section18 #section18_inside div.text  h3{

font-size: 2.3rem;
color:white;
margin:0;
padding:0;
text-align: left;
    }

    #section18 #section18_inside div.text  p{

        font-size: 1.5rem;
        color:white;
        margin:0;
        padding:0;
        text-align: left;
        
            }
    #section18 #section18_inside div.img img{
        width:100%;
        height: 100%;
        object-fit: cover;
       
        
        
    }

    /** section 19 ***/
    #section19{
        width: 100%;
        display: flex    ;
        margin: 0 auto;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: auto;
        box-sizing: border-box;
        
        padding-block:  7rem;
        text-align: center;
    }
    #section19 #section19_inside{
        width: 90%;
        display: block;
        box-sizing: border-box;
        margin:0 auto;
       
    }
    #section19 #section19_inside .box_list{
        display: grid;
        grid-template-columns: 25% 73%;
gap:1rem;
text-align: left;
margin-bottom:3rem;
    }
    #section19 #section19_inside .box_list > div:nth-child(1){
        width:100%;
        height: 300px;
        object-fit: cover;
        overflow: hidden;
 
    }
    #section19 #section19_inside .box_list > div:nth-child(2){
   display: flex;
   flex-direction: column;
   gap:2rem;
   justify-content: center;
   align-items: flex-start;
 
    }
    #section19 #section19_inside .box_list > div:nth-child(2) h3{
   font-size: 2rem;
   font-weight: bold;
      
         }
         #section19 #section19_inside .box_list > div:nth-child(2) p{
         color:rgba(0,0,0,0.65);
         font-size: 1.2rem;
   }

   /** Section 20 **/

   #section20{
    position: relative;
    display: block;
    width:100%;
    
   }
   #section20 img{
     width:100%;
     height:80vh;
     object-fit: cover;
    
   }

   #section20 h3 {
    margin-block: 3rem;
    color: white;
    font-size: 2rem;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    background: black;
    padding-inline: 3rem;
    padding-block: 2rem;
    position: absolute;
    bottom: 20px;
    left: 50%;                       /* Add this line */
    transform: translate(-50%, -20px); /* Add this line */
}



/*** section 21 ***/

#section21{
    display: block;
    width:100%;
    background: rgba(0,0,0,0.075);
 
padding-block:7rem;

}


#section21 #section21_inside{
    display: block;
    width:90%;
 margin:0 auto;

}
#section21 #section21_inside .box_list{
    display: grid;
    grid-template-columns: 25% 73%;
gap:1rem;
text-align: left;
margin-bottom:3rem;
}
#section21 #section21_inside.box_list > div:nth-child(1){
    width:100%;
    height: 300px;
    object-fit: cover;
    overflow: hidden;

}
#section21 #section21_inside .box_list > div:nth-child(2){
display: flex;
flex-direction: column;
gap:2rem;
justify-content: center;
align-items: flex-start;

}
#section21 #section21_inside .box_list > div:nth-child(2) h3{
font-size: 2rem;
font-weight: bold;
color:black;
  
     }
     #section21 #section21_inside .box_list > div:nth-child(2) p{
     color:rgba(0,0,0,0.75);
     font-size: 1.2rem;
}

/** Section22 **/

#section22{
    display: block;
    width:100%;
 
 
padding-block:7rem;
}

#section22_inside{
    display: block;
    width:90%;
    margin: auto;

}
 
 
#section22_inside h2{
    font-size: 2.5rem;
    color:black;
    text-align: left;
     
} 
#section22_inside .steps{
    display: grid;
    grid-template-columns: 5% 93%;
    gap:1rem;
    width: 100%;
    margin-block:3rem;
     
} 
.colorswhite{
    color:black !important;

}
.colorsblue{
    color:#1387E6 !important;

}
.colororange{
    color:#FFC13B !important;

}
#section22_inside .steps span{
 font-size: 7rem;
 font-weight: bold;
     
} 

 
#section22_inside .steps .details{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
object-fit: cover;
} 
#section22_inside .steps .details h3{
font-size: 2rem;
padding-block:1rem;
    } 

    #section22_inside .steps .details p{
        font-size:1.3rem;
      color:rgba(0,0,0,0.65);
            } 

            /** Section 23**/


            
   /** Section 23 **/

   #section23{
    position: relative;
    display: block;
    width:100%;
    
   }
   #section23 img{
     width:100%;
     height:80vh;
     object-fit: cover;
    
   }

   #section23 h3 {
    margin-block: 3rem;
    color: white;
    font-size: 2rem;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    background: black;
    padding-inline: 3rem;
    padding-block: 2rem;
    position: absolute;
    bottom: 20px;
    left: 50%;                       /* Add this line */
    transform: translate(-50%, -20px); /* Add this line */
}

/** section 24 **/

#section24{
    position: relative;
    display: block;
    width:100%;
    background: #FFF;
 

padding-block:7rem;


   }
   #section24_inside{
    
    position: relative;
    display: block;
    width:90%;
    margin:0 auto;
    
   }

   #section24_inside{
    
    position: relative;
    display: block;
    width:90%;
    margin:0 auto;
    
   }
   #section24_inside h2{
    
    color:rgba(0,0,0,1);
    font-weight: bold;
    margin-bottom:2rem;
    font-size: 3rem;
    
   }

   #section24_inside strong{
    display: block;
    font-size: 1.8rem;
    color:BLACK;
  padding-block:2rem;
    
   }
   #section24_inside p{
    font-size: 1.5rem;
    padding-block:2rem;
color:rgba(0,0,0,0.7);
    
   }
   #section24_inside p.footer{

    padding-block:4rem;
color:rgba(0,0,0,0.7);
    
   }
   #section24_inside ul{
    
    position: relative;
    display: block;
    width:100%;
    margin:0 auto;
    
   }

   #section24_inside ul  li{
    
    position: relative;
    display: block;
    width:100%;
    margin:0 auto;
    color:rgba(0,0,0,0.7);
   }

   #section24_inside ul  li span{
    
 font-size: 1.4rem;
   }
  /** Section 25 **/

  #section25{
    position: relative;
    display: block;
    width:100%;
    
   }
   #section25 img{
     width:100%;
     height:80vh;
     object-fit: cover;
    
   }

   #section25 h3 {
    margin-block: 3rem;
    color: black;
    font-size: 2rem;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    background: black;
    padding-inline: 3rem;
    padding-block: 2rem;
    position: absolute;
    bottom: 20px;
    left: 50%;                       /* Add this line */
    transform: translate(-50%, -20px); /* Add this line */
}
/** Section 26 **/
    #section26{
        display:block;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;       
     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%);
    }
 
    #section26   #section26_inside{
    width:100%;
    display: flex;
    margin:0 auto;
 
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
    height: auto;
    box-sizing: border-box;
 
 
   


    }


   
    #section26   #section26_inside div{
        width:90%;
        display: block;
        margin:0 auto;
      
    
    
        }

     
        #section26   #section26_inside div h2{
            font-size: 3rem;
            color: rgba(255,255,255,1);
            text-align: left;
    
            margin :0rem 0 0rem 0;
            padding:2rem;
            box-sizing: border-box;
    
        }
        
        #section26   #section26_inside div p{
            font-size: 2.1rem;
            color: rgba(255,255,255,1);
            text-align: left;
    
            margin :0rem 0 0rem 0;
            padding:2rem;
            box-sizing: border-box;
    
        }
        

        #section27{
            display:block;
            width: 100%;
            max-width: 100%;
            height: auto;
            box-sizing: border-box;       
            padding-block:7rem;
            background-color: white;
            text-align: center;

        }
        #section27 a{
            margin:0 auto;
        }
        #section27   #section27_inside{
            display: block;
            width:90%;
            margin:0 auto;
            position: relative;
        }

        #section27    h2 {

font-size:3rem;
color:black;
text-align: center;
width:70%;
padding-block:2rem;
margin:0 auto;

        }

 
     
        #section27   #section27_inside img {
            width: 100%;
            height: 80vh;
            object-fit: cover;
        }
        #section27   #section27_inside h3{
            margin-block: 3rem;
            color: white;
            font-size: 2rem;
            margin: 0 auto;
            width: fit-content;
            text-align: center;
            background: black;
            padding-inline: 3rem;
            padding-block: 2rem;
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translate(-50%, -20px);
        }

        /*** Accordion **/


        .accordion {
            width: 100%;
            max-width: 1200px;
            margin: 3rem auto;
            font-family: Arial, sans-serif;
          }
          button{
            background: #222;
          }
          .accordion-header {
            width: 100%;
            background: #181818;
            color: #fff;
            border: none;
            outline: none;
            text-align: left;
            padding: 1rem;
            cursor: pointer;
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            transition: background 0.2s;
            position: relative;
          }
          
          .accordion-header.active {
            background: #222;
          }
          
          .chevron {
            display: inline-block;
            margin-right: 1rem;
            transition: transform 0.3s, opacity 0.3s;
            opacity: 0.7;
          }
          
          .accordion-header.active .chevron {
            transform: rotate(90deg);
            opacity: 1;
          }
          
          .accordion-content {
            background: #fff;
            color: #222;
            padding: 1rem;
            display: none;
            margin-bottom: 0.5rem;
            border-radius: 0 0 6px 6px;
            font-size: 1rem;
          }
          
          
   /** Story **/