@media (min-width: 1201px) {
       #section-home {
        width: calc(43vw) !important;
    }
 #section-home a {
      margin-left: calc(6.6vw);
 }

   
 .logo.home {
    width: calc(35vw) !important;
}

 }
   /* Responsive Styles */
        @media (min-width: 1000px) and (max-width: 1200px) {
            
            .section {
    height: 100vh;
    display: flex
;
    justify-content: center;
    flex-direction: column;
    padding: 0 60px;
    width: 58%;
    gap: 20px;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: transform 0.8s ease-in-out;
}

    .section-menu {
        gap:0;
    }.box p b {
                        color: #abc7ff;
                    }

                    .section {
                        width: 56%;
                    }
        }

        #section-home {
    width: calc(80vw);
}

.logo.home {
    width: calc(70vw);
}

         @media (max-width: 870px) {
               
    .section-menu {
        gap:0;
    }

   
            .box p b {
                        color: #abc7ff;
                    }

                    .section {
                        width: 56%;
                    }
         }


         @media (max-width: 820px) {

  p b {
    font-size: calc(1.6vh + 1vw);
}

p {
   font-size: calc(1.2vh + 1vw);
}

    a {
        font-size: calc(3.35vw) !important;
    
    }

    .fa {
    color: #ffffff;
    font-size: calc(4.5vw);
}


#section-home a:hover::before {
    width: calc(5.6vw);
}

p span {
     font-size: calc(1.6vh + 1vw);
}

    #section-home h1 {
        margin: 18px 0;
        font-size: calc(4.5vw);
    
    }

.logo.home {
    width: calc(95vw) !important;
}

.section-menu {
 right: 5%;  
}

.section {
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 4vw 60px;
    width: 58%;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: transform 0.8s ease-in-out;
}


#section-home {
    width: 100% !important;
}
        
      .burger {
        cursor: pointer;
        position: fixed;
        top: 2%;
        right: 50px;
        z-index: 30;
        display: block !important;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 30px;
        z-index: 999;
    }


            .section {
        width: 100%;
        padding: 0 !important;
    }

            .section-menu {
              display: none !important;
            }

          .logo.home {
        width: 100%;
        margin-bottom: 25px;
    }

           .logo.other {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }



  .text {
    margin: 1rem 0 1.5rem 0;
  }

  .social-media {
    padding: 1.5rem 0 0 0;
  }


     .burger {
        display: flex; /* Show burger icon on mobile */
    }

       #menuToggle {
                display: block;
                position: fixed;
                top: 20px;
                right: 20px;
                z-index: 20;
                background-color: #007bff;
                color: white;
                border: none;
                padding: 10px 20px;
                border-radius: 5px;
               /* font-size: 20px;*/
            }

    .section-menu {
        display: none; /* Hide the side menu on mobile */
    }



          #section-home {
                width: 100%;
                padding: calc(4vw) !important;
            }

         

            .logo.home {
                width: 96%;
                margin-bottom: 25px;
            }

            .section {
              width: 100%;
            }

            .section-menu {
              display: none !important;
            }

            .logo.other {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
        padding: 18px 57% 20px 20px;
    }





         }

   @media (max-width: 768px) {


            p b {
    font-size: calc(1.6vh + 1vw);
}

p {
   font-size: calc(1.2vh + 1vw);
}




p span {
     font-size: calc(1.6vh + 1vw);
}



#section-home {
    width: 100% !important;
}
        
      .burger {
        cursor: pointer;
        position: fixed;
        top: 2%;
        right: 50px;
        z-index: 30;
        display: block !important;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 30px;
        z-index: 999;
    }


            .section {
        width: 100%;
        padding: 0 !important;
    }

            .section-menu {
              display: none !important;
            }

          .logo.home {
        width: 100%;
        margin-bottom: 25px;
    }

           .logo.other {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }



  .text {
    margin: 1rem 0 1.5rem 0;
  }

  .social-media {
    padding: 1.5rem 0 0 0;
  }


     .burger {
        display: flex; /* Show burger icon on mobile */
    }

       #menuToggle {
                display: block;
                position: fixed;
                top: 20px;
                right: 20px;
                z-index: 20;
                background-color: #007bff;
                color: white;
                border: none;
                padding: 10px 20px;
                border-radius: 5px;
               /* font-size: 20px;*/
            }

    .section-menu {
        display: none; /* Hide the side menu on mobile */
    }



            #section-home {
        width: 100%;
        padding: calc(4vw) !important;
    }

         

            .logo.home {
                width: 96%;
                margin-bottom: 25px;
            }

            .section {
              width: 100%;
            }

            .section-menu {
              display: none !important;
            }

            .logo.other {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
        padding: 18px 57% 20px 20px;
    }


        }


 @media (max-width: 576px) {
    h1 {
    font-size: calc(2vh + 1vw); /* Adjusts based on both height and width of viewport */
}


            p b {
    font-size: calc(1.6vh + 1vw);
}

p {
   font-size: calc(1.2vh + 1vw);
}




p span {
       font-size: calc(1.2vh + 1vw);
}
    

    #section-home {
        width: 100% !important;
        padding: calc(4vw) !important;
    }
        
    .burger {
        cursor: pointer;
        position: fixed;
        top: 1.5%;
        right: 50px;
        z-index: 30;
        display: block !important;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 30px;
        z-index: 999;
    }


            .section {
        width: 100%;
        padding: 0 !important;
    }

            .section-menu {
              display: none !important;
            }

          .logo.home {
        width: 100%;
        margin-bottom: 25px;
    }

           .logo.other {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }

    .information {
    display: block;
}
        }

        @media (max-width: 380px) {

            p b {
    font-size: calc(1.6vh + 1vw);
}

p {
   font-size: calc(1.2vh + 1vw);
}




p span {
     font-size: calc(1.6vh + 1vw);
}
   
#section-home {
        width: 100% !important;
        padding: 4vw !important;
    }
        
      .burger {
        cursor: pointer;
        position: fixed;
        top: 3%;
        right: 50px;
        z-index: 30;
        display: block !important;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 30px;
        z-index: 999;
    }

.information {
    display: block;
}

            .section {
        width: 100%;
        padding: 0 !important;
    }

            .section-menu {
              display: none !important;
            }

          .logo.home {
        width: 100%;
        margin-bottom: 25px;
    }

           .logo.other {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }
        }