@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
@import url('https://fonts.cdnfonts.com/css/evermore');
@import url('https://fonts.cdnfonts.com/css/genty-demo');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
:root{
    --background-color: #000000;
    --primary-color:#023020;
    --text-color:#fffbf7;
    --light-green:#90ee90c2;
    --other-green:#8b9f98;
}

body{
    font-family: comfortaa, Helvetica, sans-serif;
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    color: white;  
    background-color: #4c9540;
    position: relative;
    overflow: visible;
    position: relative;
    

}
a{
    text-decoration: none;
}
p{
   line-height: 1.5;
}


.menu-list{
   display: flex;
   position: fixed;
   width: 100%;
   z-index: -100;
   opacity: 0;
   transition: ease-in .4s;
   transform: translateY(-100px);
   height: 100vh;
   background: #4c9540;
   padding: 1rem;



}
.menu-list .menu-list-container{
   display: flex;
   flex-direction: column;
   width: 100%;


}
.menu-list .menu-list-container .top{
   display: flex;
   flex-direction: column;
   width: 100%;
   align-items: flex-end;
   justify-content: center;
   padding-top: 1rem;


}
.menu-list .menu-list-container .top .exit{
   cursor: pointer;
}
.menu-list .menu-list-container .bottom{
   display: flex;
   flex-direction: column;
   width: 100%;
   align-items: center;
   justify-content: center;
}
.menu-list .menu-list-container .bottom a{
   display: flex;
   text-decoration: none;
   padding: 1rem;
}

.menu-list .menu-list-container .bottom a p{
   font-size: 18px;
   font-family: evermore, Helvetica, sans-serif;
   color: white;
   font-weight: 400;
   transition: ease-in .2s;

}
.menu-list .menu-list-container .bottom a p:hover{
   color: rgba(255, 255, 255, 0.367);
}
.menu-list .menu-list-container .bottom a .fir{
   color: #bada55;

}






.navigation{
    width:100%;
    display: flex;
    padding:1.5rem 1rem;
   
    box-shadow: rgba(5, 5, 5, 0.907) 0px 1px 4px 3px;
    z-index: 1;
    font-family: evermore, Helvetica, sans-serif;
}
.navigation .navigation-container{
    width:1200px;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    margin: auto;
}
.navigation .navigation-container .leftside .logo img{
    width: 211px;
    
}
.navigation .navigation-container .middleside{
    display: flex;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.navigation .navigation-container .middleside h3{
    color: white;
    text-transform: none;
    letter-spacing: 0.05em;
    font-size: 12px;
    margin: 4px;
    padding: 10px;
    transition: ease-in .2s;
    
}
.navigation .navigation-container .middleside h3:hover{
    color: rgba(255, 255, 255, 0.367);
    
}
.navigation .navigation-container .rightside {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.navigation .navigation-container .rightside button{
    width: 100%;
    justify-content: center;
    padding: 1rem 3rem;
    border-radius: 50px;
    outline: none;
    border: solid white 1px;
    background: transparent;
    color: white;
    cursor: pointer;
    transition: ease-in .2s;
    display: flex;

    
}
.navigation .navigation-container .rightside button p{
    font-size: 10px;
    font-family: evermore, Helvetica, sans-serif;

    

    
}
.navigation .navigation-container .rightside button:hover{
    background: #7cb17a;


    
}
.navigation .navigation-container .rightside .menu{
    display: none;  
    cursor: pointer;
}

.header{
    display: flex;
    width: 100%;
    background-position: top;
    
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: 50% 50%;
    background-image: ;
    background:linear-gradient(0deg, rgb(76, 149, 64,0.8), rgb(76, 149, 64,0.8)), url(/images/1f3f2b_45e0862f90b549b2b8858d28a44b60cc-mv2\ \(2\).png);
    padding: 5rem 3rem ;
    background-size: 1500px;



}
.header .header-container{
    display: flex;
    width: 1000px;
    margin: auto;

    flex-direction: column;


}
.header .header-container .top{
    display: flex;
    width: 100%;
    padding-bottom: 1rem;


}

.header .header-container .top .leftside{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;


}

.header .header-container .top .leftside h2{
    font-family: 'Genty Demo', sans-serif;
    font-size: 25px;
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;
    
                                                
}

.header .header-container .top .leftside button{
    width: 100%;
    justify-content: center;
    padding: 1rem 3rem;
    border-radius: 50px;
    outline: none;
    border: solid white 1.6px;
    background: transparent;
    color: white;
    cursor: pointer;
    transition: ease-in .2s;
    display: flex;
    display: none;

    
}
.header .header-container .top .leftside button p{
    font-size: 10px;
    font-family: evermore, Helvetica, sans-serif;

    

    
}
.header .header-container .top .leftside button:hover{
    background: #7cb17a;


    
}
.header .header-container .top .leftside p{
   font-size: 28px;
   width: 527px;
}
.header .header-container .top .leftside .media{
   display: flex;
}
.header .header-container .top .leftside .media img{
   width: 80px;
   height: 80px;
   margin: 10px;
}

.header .header-container .top .rightside img{
    width: 476px;
 }
.header .header-container .bottom{
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 2rem;

 }
.header .header-container .bottom a .box{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    border: .5px solid white;
    padding: .5rem;
    border-radius: 50px;
    transition: ease-in .2s;

 }
.header .header-container .bottom a .box:hover{
    background: #7cb17a;

 }
.header .header-container .bottom a .box p{
    font-size: 18px;
    font-family: evermore, Helvetica, sans-serif;
    color: white;

 }
.header .header-container .bottom a .box img{
    position: absolute;
    right: 1rem;
    width: 34px;

 }

 .header .header-container .extra{
   display: none;
   align-items: center;
   justify-content: center;
   padding-top: 4rem;
 }
 .header .header-container .extra img{
   max-width: 300px;
         width: unset;
         height: auto;

 }


 .divider{
    width: 100%;
    height: 20px;
    background: url(/images/divider.svg);
    transform: rotate(180deg);
 }








 .section0{
    width: 100%;
    display: flex;
    padding: 4rem 3rem;
    
 }
 .section0 .section0-container{
    width: 1300px;
    display: flex;
    flex-direction: column;
    margin: auto;

 }
 .section0 .section0-container .top{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 3rem;
    

 }
 .section0 .section0-container .top h1{
    font-size: 30px;
    text-align: center;
    font-family: evermore, Helvetica, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;


 }


 .section0 .section0-container .middle{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    
 }
 .section0 .section0-container .middle .box{
    display: flex;
    border: 1px solid white;
    box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 2.5rem 5rem;
    background: #00000080;
    gap: 3rem;

 }
 .section0 .section0-container .middle .box .left{
    display: flex;
    align-items: center;
 }
 .section0 .section0-container .middle .box .left img{
    width: 138px;
 }
 .section0 .section0-container .middle .box .right{
    display: flex;
    flex-direction: column;
    
    gap: 1rem;
 }
 .section0 .section0-container .middle .box .right h3{
    font-size: 23px;
    font-family: evermore, Helvetica, sans-serif;
 }
 .section0 .section0-container .middle .box .right p{
    font-size: 19px;
    letter-spacing: 0.5;
    font-weight: 300;
    line-height: 1.7;
    display: flex;
    flex-direction: row;
 }























 .section1{
    width: 100%;
    display: flex;
    padding: 4rem 3rem;
    
 }
 .section1 .section1-container{
    width: 1200px;
    display: flex;
    margin: auto;

 }
 .section1 .section1-container .leftside{
    display: flex;
    align-items: center;
    justify-content: center;

 }
 .section1 .section1-container .leftside img{
    width: 563px;

 }
 .section1 .section1-container .rightside{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;

 }
 .section1 .section1-container .rightside h1{
    font-size: 56px;
    font-family: evermore, Helvetica, sans-serif;
    color: white;
    padding-bottom: 2rem;
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;

 }
 .section1 .section1-container .rightside p{
    font-size: 23px;
    width: 478px;
    letter-spacing: .3px;
    text-align: start;
    font-weight: 400;
    line-height: 1.3;
    word-wrap: break-word;

 }

 .section2{
    width: 100%;
    display: flex;
    padding: 4rem 3rem;
    
 }
 .section2 .section2-container{
    width: 1300px;
    display: flex;
    flex-direction: column;
    margin: auto;

 }
 .section2 .section2-container .top{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 3rem;
    

 }
 .section2 .section2-container .top h1{
    font-size: 56px;
    text-align: center;
    font-family: evermore, Helvetica, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;


 }


 .section2 .section2-container .middle{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    
 }
 .section2 .section2-container .middle .box{
    display: flex;
    border: 1px solid white;
    box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 2.5rem 5rem;
    background: #00000080;
    gap: 3rem;

 }
 .section2 .section2-container .middle .box .left{
    display: flex;
    align-items: center;
 }
 .section2 .section2-container .middle .box .left img{
    width: 138px;
 }
 .section2 .section2-container .middle .box .right{
    display: flex;
    flex-direction: column;
    gap: 1rem;
 }
 .section2 .section2-container .middle .box .right h3{
    font-size: 23px;
    font-family: evermore, Helvetica, sans-serif;
 }
 .section2 .section2-container .middle .box .right p{
    font-size: 19px;
    letter-spacing: 0.5;
    font-weight: 300;
    line-height: 1.7;
 }

 .section3{
   width: 100%;
   display: flex;
   padding: 4rem 3rem;
   
}
.section3 .section3-container{
   width: 1200px;
   display: flex;
   flex-direction: column;
   margin: auto;

}
.section3 .section3-container .top{
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
   padding-bottom: 3rem;
   

}
.section3 .section3-container .top h1{
   font-size: 56px;
   text-align: center;
   font-family: evermore, Helvetica, sans-serif;
   text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
   letter-spacing: .4px;
   font-weight: 500;
   font-weight: 400;


}

.section3 .section3-container .bottom{
   display: flex;
   width: 100%;

}
.section3 .section3-container .bottom .left{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 3rem;
   width: 100%;

}
.section3 .section3-container .bottom .left h3{
   font-size: 23px;
    text-align: center;
    font-family: evermore, Helvetica, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;

}
.section3 .section3-container .bottom .left .box{
   display: flex;
   flex-direction: column;
    border: 1px solid white;
    box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 1.5rem;
    background: #00000080;
    gap: 3rem;
    width: 643px;

}
.section3 .section3-container .bottom .left .box p{
   font-size: 22px;
   font-size: 19px;
    letter-spacing: 0.5;
    font-weight: 300;
    line-height: 1.7;

}

.section3 .section3-container .bottom .right {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;

}
.section3 .section3-container .bottom .right img{
   width: 433px;
}


.section4{
   width: 100%;
   display: flex;
   padding: 4rem 3rem;
   padding-bottom: 6rem;
   
}
.section4 .section4-container{
   width: 1200px;
   display: flex;
   margin: auto;

}
.section4 .section4-container .left{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;

}
.section4 .section4-container .left img{
   width: 293px;

}
.section4 .section4-container .middle{
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 1.5rem;

}
.section4 .section4-container .middle h3{
   text-align: center;
    font-family: evermore, Helvetica, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;
    font-size: 56px;

}
.section4 .section4-container .middle .box{
   display: flex;
   flex-direction: column;
    border: 1px solid white;
    box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    padding: 1rem 2rem;
    background: #00000080;
    gap: 1rem;
   

}
.section4 .section4-container .middle .box p{
   font-size: 22px;
   text-align: center;


   

}
.section4 .section4-container .right{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 1rem;

}
.section4 .section4-container .right img{
   width: 293px;

}
.section4 .section4-container .right .img1-hidden{
   display: none;

}



.footer{
   width: 100%;
   display: flex;
   padding: 2.5rem 3rem;

}
.footer .footer-container{
   width: 800px;
   display: flex;
   margin: auto;
   flex-direction: column;
   align-items: center;
   justify-content: center;

}
.footer .footer-container .top{
   display: flex;
   gap: 2rem;
   padding-bottom: 2rem;
 

}
.footer .footer-container .bottom{

   display: flex;
   flex-direction: column;
   gap: 2rem;
   

}
.footer .footer-container .bottom p{
   text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    letter-spacing: .4px;
    font-weight: 500;
    font-weight: 400;
   font-size: 20px;
   text-align: center;
   line-height: 1.5;
   

}
.last{
   width: 100%;
   display: flex;
   height: 57px;
   justify-content: center;
   align-items: center;
   background: #3a963d;

   box-shadow: rgba(15, 15, 16, 0.907) 0px 1px 6px 0px;



}
.last p{
   font-size: 13px;
   text-align: center;
   font-family: 'roboto', Courier, monospace;
   color: black;
   

}

@media (max-width:1200px ){
   .header .header-container{
      width: 100%;
  
  
  }
  .header .header-container .top .rightside img{
   width: 100%;
   height: max-content;
}
  .section1 .section1-container{
   width: 100%;

}
.section1 .section1-container .leftside img{
   width: 100%;
   height: max-content;

}
.section1 .section1-container .rightside p{
   width: 90%;

}
.section2 .section2-container{
   width: 100%;

}
.section0 .section0-container{
   width: 100%;

}
.section3 .section3-container{
   width: 100%;

}
.section3 .section3-container .bottom .left .box{
   width: 90%;

}
.section3 .section3-container .bottom .right img{
   width: 100%;
   height: max-content;
}
.section4 .section4-container{
   width: 100%;

}
.section4 .section4-container .left img{
   width: 100%;
   height: max-content;

}
.section4 .section4-container .right img{
   width: 100%;
   height: max-content;

}




   
}

@media (max-width:900px) {
   
   .header .header-container .top .leftside p{
      font-size: 20px;
   }
   .header .header-container .top .leftside .media img{
      width: 60px;
      height: 60px;
   }
   .header .header-container .bottom a .box{
      padding: 1rem;
  
   }
   .header .header-container .bottom a .box p{
      font-size: 14px;
  
   }
   .header .header-container .bottom a .box img{
      width: 26px;
  
   }
   .section1 .section1-container .rightside h1{
      font-size: 40px;
  
   }
   .section1 .section1-container .rightside p{
      font-size: 18px;
  
   }
   .section2 .section2-container .top h1{
      font-size: 40px;
  
  
   }
   .section2 .section2-container .middle .box{

      padding: 2.5rem 2rem;

  
   }
   .section2 .section2-container .middle .box .right h3{
      font-size: 20px;

   }
   .section2 .section2-container .middle .box .right p{
      font-size: 18px;
   }



   





     .section0 .section0-container .top h1{
      font-size: 40px;
  
  
   }
   .section0 .section0-container .middle .box{

      padding: 2.5rem 2rem;

  
   }
   .section0 .section0-container .middle .box .right h3{
      font-size: 20px;

   }
   .section0 .section0-container .middle .box .right p{
      font-size: 18px;
   }

   .section3 .section3-container .top h1{
      font-size: 40px;
   }
   .section3 .section3-container .bottom .left h3{
      font-size: 18px;
   
   }
   .section3 .section3-container .bottom .left .box p{

      font-size: 18px;
   
   }
   .section4 .section4-container .middle h3{

       font-size: 40px;
   
   }
   .section4 .section4-container .middle .box p{
      font-size: 18px; 
   }
   
}

@media (max-width:750px) {
   .navigation{
      padding: 0;
  }

   .navigation .navigation-container .middleside{
      display: none;
  }
  .navigation .navigation-container .rightside button {
   display: none;
  }
  .navigation .navigation-container .rightside .menu{
   display: flex;  
}
  .header .header-container .top .rightside img{
   display: none;
}
.header .header-container .top .leftside button{

    display: flex;


    
}
.header .header-container .top .leftside{
   width: 100%;
   align-items: center;
   text-align: center;


}
.header .header-container .top .leftside p{
   width: 100%;
}
.header .header-container .top .leftside .media{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}
.header .header-container .bottom{

   grid-template-columns: 1fr 1fr ;
   grid-template-rows: 1fr 1fr ;
 


}
.header .header-container .extra{
   display: flex;
 }
.section1 .section1-container {
   display: flex;
   flex-direction: column-reverse;

}
.section2 .section2-container .middle .box{
   display: flex;
   flex-direction: column;
   align-self: center;
   justify-content: center;
   text-align: center;
   

}
.section2 .section2-container .middle .box .left{
   justify-content: center;
}



.section0 .section0-container .middle .box{
   display: flex;
   flex-direction: column;
   align-self: center;
   justify-content: center;
   text-align: center;
   

}
.section0 .section0-container .middle .box .left{
   justify-content: center;
}















.section3 .section3-container .bottom{
   flex-direction: column;
   gap: 2rem;

}
.section4 .section4-container{
   flex-direction: column;

}
.section4 .section4-container .img1{
   display: none;

}
.section4 .section4-container .right .img1-hidden{
   display: flex;

}
.footer .footer-container .top{
   flex-direction: column-reverse;
   align-items: center;
   justify-content: center;
 

}


.section1 .section1-container .leftside img{
   width: unset;
   max-width: 300px;

}
.section3 .section3-container .bottom .right img{
   width: unset;
   max-width: 300px;
}
.section4 .section4-container .left img{
   width: unset;
   max-width: 300px;

}
.section4 .section4-container .right img{
         max-width: 300px;
         width: unset;

}
   
}

@media (max-width:500px) {
   .header{
            padding: 3rem 1rem ;

  
  
  
  }
   .header .header-container .bottom{
      grid-template-columns: 1fr ;
      grid-template-rows: 1fr ;

  
   }
   .section1{
      padding: 3rem 1.5rem;
      
   }
   
   .section1 .section1-container .rightside h1{
      font-size: 25px;

   }
   .section1 .section1-container .rightside p{
      font-size: 16px;
   
  
   }
   .section2{
      padding: 3rem 1.5rem;
      
   }
   .section2 .section2-container .top h1{
      font-size: 25px;
  
  
   }
   .section2 .section2-container .middle .box .left img{
      width: unset;
      max-width: 100px;
   }
   .section2 .section2-container .middle .box .right h3{
      font-size: 18px;
   }
   .section2 .section2-container .middle .box .right p{
      font-size: 16px;
   }





      .section0{
      padding: 3rem 1.5rem;
      
   }
   .section0 .section0-container .top h1{
      font-size: 25px;
  
  
   }
   .section0 .section0-container .middle .box .left img{
      width: unset;
      max-width: 100px;
   }
   .section0 .section0-container .middle .box .right h3{
      font-size: 18px;
   }
   .section0 .section0-container .middle .box .right p{
      font-size: 16px;
   }

















   .section3{
      padding: 3rem 1.5rem;
      
   }
   .section3 .section3-container .top h1{
      font-size: 25px;
   
   }
   .section3 .section3-container .bottom .left h3{
      font-size: 14px;
      display: flex;
      word-wrap: break-word;
   
   }
   .section3 .section3-container .bottom .left .box{
       gap: 1.5rem;
   
   }
   .section3 .section3-container .bottom .left .box p{
      font-size: 16px;
      
   
   }
   .section4{
      padding: 3rem 1.5rem;
      
   }
   .section4 .section4-container .middle h3{

       font-size: 25px;
   
   }
   .section4 .section4-container .middle .box{
      width: 100%;
   }
   .section4 .section4-container .middle .box p{
      font-size: 16px;
   }
   .footer{
      padding: 3rem 1.5rem;
   
   }
   
   
}

@media (max-width:350px) {
   .section3 .section3-container .bottom .left h3{
      font-size: 12px;
      display: flex;
      word-wrap: break-word;
   
   }
   .header .header-container .extra img{
      width: unset;
      max-width: 250px;
    }
   .section1 .section1-container .leftside img{
      width: unset;
      max-width: 250px;
   
   }
   .section3 .section3-container .bottom .right img{
      width: unset;
      max-width: 250px;
   }
   .section4 .section4-container .left img{
      width: unset;
      max-width: 250px;
   
   }
   .section4 .section4-container .right img{
            max-width: 250px;
            width: unset;
   
   }
   
}