html {
    scroll-behavior: smooth;
}





@media (max-width:480px) {
    .total-nearbuzz-container {
        width: 100%;
        margin: auto;
    }
    
    .nearbuzz-container {
        width: 100%;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
        text-align: center;
        height: 65vh;
     
    }
    
    .nearbuzz-logo-container {
        width: 100%;
        text-align: center;
    }
    
    
    
    .nearbuzz-img {
        width: 100%;
        height: 35vh;
        object-fit: cover;
    }
    
    .label-topbar-logo:hover {
        cursor: pointer;
        background-color: #444a59;
    }
    .nearbuzz-logo-container-h1 {
        margin-top: 19px;
        text-align: center;
        font: normal normal bold 42px/20px Gilroy ☞;
        letter-spacing: 1.51px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .nearbuzz-logo-container-p {
        text-align: center;
        font: normal normal medium 16px/24px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Medium', sans-serif;
        font-size: 16px;
        margin-top: 20px;
        padding-bottom: 115px;

    }

    .total-nearbuzz-container {
        width: 100%;
        margin: auto;
    }

    .nearbuzz-img-container {
        width: 100%;
        height: 320px;
        object-fit: cover;
    }

    .nearbuzz-logo-image {
        margin-top: 154px;
        width: 100px;
        height: 100px;
        background-color: transparent;
     
    }


    .nearbuzz-logo-container-p {
        text-align: center;
        font: normal normal medium 14px/20px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        width: 70%;
        font-family: 'Gilroy-Medium', sans-serif;
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 58px;
        margin: auto;
    }

    .about-nearbuzz-content-container {
        width: 100%;
        display: flex;
        margin-top: 50px;
        flex-direction: column;

    }

    .about-nearbuzz-content-container-heading {
        text-align: left;
        width: 70%;
        margin: auto;

    }

    .about-nearbuzz-content-container-heading>h2 {
        text-align: left;
        font: normal normal bold 36px/38px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .about-nearbuzz-content-container-para {
        width: 70%;
        margin: auto;
    }

    .about-nearbuzz-content-container-para>p {
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        margin-top: 16px;
        margin-bottom: 50px;
    }

    .advantage-items-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #F9F9F9 0% 0% no-repeat padding-box;

    }

    .items-container {
        width: 70%;
        margin-left: 15%;
        text-align: left;
        border-bottom: 1px solid #D6D6D6;
        opacity: 1;
        margin-top: 25px;
    }

    .items-container>h2 {
        text-align: left;
        font: normal normal bold 24px/56px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .items-container>p {
        text-align: left;
        font: normal normal normal 14px/22px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        width: 95%;
        font-family: 'Gilroy-Regular', sans-serif;
        font-size: 16px;
        margin-bottom: 50px;
    }

    .items-container-h3 {
        text-align: left;
        font: normal normal medium 20px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 0.46;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    .problem-items-container {
        margin-bottom: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        opacity: 1;

    }

    .problem-content-container {
        margin-bottom: 40px;
        width: 70%;
        margin-left: 15%;
    }

    .problem-content-container>h2 {
        padding-top: 60px;
        text-align: left;
        font: normal normal bold 36px/52px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .problem-content-container>p {
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        width: 100%;
        font-family: 'Gilroy-Regular', sans-serif;
        padding-top: 10px;
    }

    .problem-imgage-container {
        /* margin-top: 113px;
border-radius: 20px; */

    }

    .problem-imgage-size {
        width: 100%;
        height: 303px;
        border-radius: 20px;
    }

    .solution-container {
        width: 100%;
        opacity: 1;
    }

    .solution-items-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .solution-content-container {
        margin-bottom: 40px;
        width: 70%;
        margin-left: 15%;
        margin-top: -100px;
    }

    .solution-content-container>h2 {
        text-align: left;
        font: normal normal bold 36px/60px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }


    .solution-content-container>h3 {

        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #A8A8A8;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        margin-top: 10px;
    }

    .solution-content-container>p {
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        font-family: 'Gilroy-Regular', sans-serif;
        opacity: 1;
        padding-top: 10px;
        width: 90%;
    }


    .solution-content-container>h5 {
        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        font-size: 20px;
        font-family: 'Gilroy-Light', sans-serif;

    }

    .solution-imgage-container {
        /* margin-top: 32px;
    border-radius: 20px; */
    }

    .solution-imgage-size {
        width: 100%;
        height: 303px;
        border-radius: 20px;
    }

    .nearbuzz-bottom-container {
        margin-top: -20px;
        width: 100%;
        justify-content: center;
    }

    .nearbuzz-bottom-content-container {
        width: 100%;
        text-align: center;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .nearbuzz-bottom-content-container>h2 {
        text-align: center;
        font: normal normal bold 36px/38px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
        padding-top: 60px;
        width: 80%;
        margin-left: 10%;
    }

    .nearbuzz-bottom-content-container>p {
        text-align: center;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;

        letter-spacing: 0.13px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        font-size: 16px;
        padding-bottom: 72px;
        width: 80%;
        margin-left: 10%;
        margin-top: 10px;
    }

    .bottom-nearbuzz-container {
        width: 100%;
        display: flex;
        align-items: center;
        background: #202A34 0% 0% no-repeat padding-box;
        margin-top: -20px;
    }

    .bottom-nearbuzz-img-container {
        width: 100%;
        object-fit: cover;
        margin: auto;
    }

}
@media (min-width:481px) and (max-width:768px) {
    .total-nearbuzz-container {
        width: 100%;
        margin: auto;
    }
    
    .nearbuzz-container {
        width: 100%;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
        text-align: center;
        height: 65vh;
     
    }
    
    .nearbuzz-logo-container {
        width: 100%;
        text-align: center;
    }
    
    
    
    .nearbuzz-img {
        width: 100%;
        height: 35vh;
        object-fit: cover;
    }
    
    .label-topbar-logo:hover {
        cursor: pointer;
        background-color: #444a59;
    }
    .nearbuzz-logo-container-h1 {
        margin-top: 19px;
        text-align: center;
        font: normal normal bold 42px/20px Gilroy ☞;
        letter-spacing: 1.51px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .nearbuzz-logo-container-p {
        text-align: center;
        font: normal normal medium 16px/24px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Medium', sans-serif;
        font-size: 16px;
        margin-top: 20px;
        padding-bottom: 115px;

    }

    .total-nearbuzz-container {
        width: 100%;
        margin: auto;
    }

    .nearbuzz-img-container {
        width: 100%;
        height: 320px;
        object-fit: cover;
    }

    .nearbuzz-logo-image {
        margin-top: 154px;
        width: 100px;
        height: 100px;
        background-color: transparent;
     
    }


    .nearbuzz-logo-container-p {
        text-align: center;
        font: normal normal medium 14px/20px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        width: 70%;
        font-family: 'Gilroy-Medium', sans-serif;
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 58px;
        margin: auto;
    }

    .about-nearbuzz-content-container {
        width: 100%;
        display: flex;
        margin-top: 50px;
        flex-direction: column;

    }

    .about-nearbuzz-content-container-heading {
        text-align: left;
        width: 70%;
        margin: auto;

    }

    .about-nearbuzz-content-container-heading>h2 {
        text-align: left;
        font: normal normal bold 36px/38px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .about-nearbuzz-content-container-para {
        width: 70%;
        margin: auto;
    }

    .about-nearbuzz-content-container-para>p {
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        margin-top: 16px;
        margin-bottom: 50px;
    }

    .advantage-items-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #F9F9F9 0% 0% no-repeat padding-box;

    }

    .items-container {
        width: 70%;
        margin-left: 15%;
        text-align: left;
        border-bottom: 1px solid #D6D6D6;
        opacity: 1;
        margin-top: 25px;
    }

    .items-container>h2 {
        text-align: left;
        font: normal normal bold 24px/56px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .items-container>p {
        text-align: left;
        font: normal normal normal 14px/22px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        width: 95%;
        font-family: 'Gilroy-Regular', sans-serif;
        font-size: 16px;
        margin-bottom: 50px;
    }

    .items-container-h3 {
        text-align: left;
        font: normal normal medium 20px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 0.46;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    .problem-items-container {
        margin-bottom: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        opacity: 1;

    }

    .problem-content-container {
        margin-bottom: 40px;
        width: 70%;
        margin-left: 15%;
    }

    .problem-content-container>h2 {
        padding-top: 60px;
        text-align: left;
        font: normal normal bold 36px/52px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .problem-content-container>p {
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        width: 100%;
        font-family: 'Gilroy-Regular', sans-serif;
        padding-top: 10px;
    }

    .problem-imgage-container {
        /* margin-top: 113px;
border-radius: 20px; */

    }

    .problem-imgage-size {
        width: 400px;
        margin-left: 13%;
        border-radius: 20px;
    }

    .solution-container {
        width: 100%;
        opacity: 1;
    }

    .solution-items-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .solution-content-container {
        margin-bottom: 40px;
        width: 70%;
        margin-left: 15%;
        margin-top: -100px;
    }

    .solution-content-container>h2 {
        text-align: left;
        font: normal normal bold 36px/60px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }


    .solution-content-container>h3 {

        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #A8A8A8;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        margin-top: 10px;
    }

    .solution-content-container>p {
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        font-family: 'Gilroy-Regular', sans-serif;
        opacity: 1;
        padding-top: 10px;
        width: 90%;
    }


    .solution-content-container>h5 {
        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        font-size: 20px;
        font-family: 'Gilroy-Light', sans-serif;

    }

    .solution-imgage-container {
        /* margin-top: 32px;
    border-radius: 20px; */
    }

    .solution-imgage-size {
        width: 400px;
        margin-left: 13%;
        border-radius: 20px;
    }

    .nearbuzz-bottom-container {
        margin-top: -20px;
        width: 100%;
        justify-content: center;
    }

    .nearbuzz-bottom-content-container {
        width: 100%;
        text-align: center;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .nearbuzz-bottom-content-container>h2 {
        text-align: center;
        font: normal normal bold 36px/38px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
        padding-top: 60px;
        width: 80%;
        margin-left: 10%;
    }

    .nearbuzz-bottom-content-container>p {
        text-align: center;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;

        letter-spacing: 0.13px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        font-size: 16px;
        padding-bottom: 72px;
        width: 80%;
        margin-left: 10%;
        margin-top: 10px;
    }

    .bottom-nearbuzz-container {
        width: 100%;
        display: flex;
        align-items: center;
        background: #202A34 0% 0% no-repeat padding-box;
        margin-top: -20px;
    }

    .bottom-nearbuzz-img-container {
        width: 100%;
        object-fit: cover;
        margin: auto;
    }

}
@media (min-width:769px) and (max-width:1024px)  {
    .total-nearbuzz-container {
        width: 100%;
        margin: auto;
    }
    
    .nearbuzz-container {
        width: 100%;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
        text-align: center;
        height: 65vh;
      
     
    }
    
    .nearbuzz-logo-container {
        width: 100%;
        text-align: center;
    }
    

    
    .nearbuzz-img {
        width: 100%;
        height: 35vh;
        object-fit: cover;
  
    
    }
    
    .label-topbar-logo:hover {
        cursor: pointer;
        background-color: #444a59;
    }
    .nearbuzz-logo-image {
        margin-top:15vh;
        width: 100px;
        height: 100px;
        background-color: transparent;
    }

    .nearbuzz-logo-container-h1 {
        margin-top: 19px;
        text-align: center;
        font: normal normal bold 42px/20px Gilroy ☞;
        letter-spacing: 2.02px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .nearbuzz-logo-container-p {
        text-align: center;
        font: normal normal medium 16px/24px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Medium', sans-serif;
        font-size: 18px;
        margin-top: 20px;
        padding-bottom: 85px;

    }

    .about-nearbuzz-content-container {
        width: 100%;
        display: flex;
        margin-top: 54px;
        justify-content: center;

    }

    .about-nearbuzz-content-container-heading {

        width: 50%;
    }

    .about-nearbuzz-content-container-heading>h2 {
        margin-left: 30px;
        text-align: left;
        font: normal normal bold 36px/38px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .about-nearbuzz-content-container-para {
        text-align: left;
        width: 50%;

    }

    .about-nearbuzz-content-container-para>p {
        width: 90%;
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
    }

    .advantage-items-container {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }

    .items-container {
        margin-left: 30px;
        text-align: left;
        margin-bottom: 72px;
    }

    .items-container>h2 {
        text-align: left;
        font: normal normal bold 24px/56px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .items-container>p {
        text-align: left;
        font: normal normal normal 14px/22px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        width: 85%;
        font-size: 16px;

    }

    .items-container-h3 {
        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 0.46;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    .problem-items-container {

        margin-bottom: 100px;
        display: flex;
        justify-content: center;
        width: 100%;
        background: #F0F1F4 0% 0% no-repeat padding-box;
        opacity: 1;

    }

    .problem-content-container {
        margin-bottom: 50px;
        width: 50%;
    }

    .problem-content-container>h2 {
        margin-left: 30px;
        padding-top: 60px;
        text-align: left;
        font: normal normal bold 36px/52px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .problem-content-container>p {
        margin-left: 30px;
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        width: 90%;
        font-family: 'Gilroy-Regular', sans-serif;
        padding-top: 28px;
    }

    .problem-imgage-container {
        width: 50%;

    }

    .problem-imgage-size {
        width: 400px;
        border-radius: 20px;
        margin-top: 93px;
    }

    .solution-container {
        width: 100%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        opacity: 1;
        margin-top: 100px;
    }

    .solution-items-container {
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .solution-content-container {
        width: 50%;
    }

    .solution-content-container>h2 {
        margin-left: 30px;
        text-align: left;
        font: normal normal bold 36px/60px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }


    .solution-content-container>h3 {
        margin-left: 30px;
        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #A8A8A8;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        margin-top: 1px;
    }

    .solution-content-container>p {
        margin-left: 30px;
        width: 85%;
        text-align: left;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        font-family: 'Gilroy-Regular', sans-serif;
        opacity: 1;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .solution-content-container>h4 {
        text-align: left;
        font: normal normal bold 20px/30px Gilroy ☞;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        width: 85%;
        font-size: 24px;
        height: 90px;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    .solution-content-container>h5 {
        text-align: left;
        font: normal normal medium 18px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        width: 85%;
        height: 80px;
        font-size: 20px;
        font-family: 'Gilroy-Light', sans-serif;

    }

    .solution-imgage-container {
        width: 50%;
    }

    .solution-imgage-size {
        margin-top: 30px;
        width: 400px;
        border-radius: 20px;
    }

    .nearbuzz-bottom-container {
        width: 100%;
    }

    .nearbuzz-bottom-content-container {
        width: 100%;
        text-align: center;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .nearbuzz-bottom-content-container>h2 {
        text-align: center;
        font: normal normal bold 36px/38px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
        padding-top: 73px;
    }

    .nearbuzz-bottom-content-container>p {
        text-align: center;
        font: normal normal normal 14px/24px Gilroy-Regular ☞;
        letter-spacing: 0.13px;
        color: #FFFFFF;
        opacity: 1;
        margin-left: 15%;
        width: 70%;
        font-family: 'Gilroy-Regular', sans-serif;
        font-size: 16px;
        margin-top: 10px;
        padding-bottom: 52px;
    }

    .bottom-nearbuzz-container {
        width: 100%;
        display: flex;
        align-items: center;
        background: #F0F1F4 0% 0% no-repeat padding-box;
        margin-top: -20px;
    }

    .bottom-nearbuzz-img-container {
        width: 70%;
        margin: auto;
    }

}
@media (min-width:1025px) {
    .total-nearbuzz-container {
        width: 100%;
        margin: auto;
    }
    
    .nearbuzz-container {
        width: 100%;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
        text-align: center;
        height: 488px;
    }
    
    .nearbuzz-logo-container {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    
    .nearbuzz-img-container{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    
    .nearbuzz-img {
        max-width: 100%;
        object-fit: cover;
        /* height: 35vh; */
    
    }
    
    .label-topbar-logo:hover {
        cursor: pointer;
        background-color: #444a59;
    }
    .nearbuzz-logo-container-h1 {
        margin-top: 19px;
        text-align: center;
        font: normal normal bold 56px/30px Gilroy ☞;
        letter-spacing: 2.02px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
        margin-top: 9px;
    }

    .nearbuzz-logo-container-p {
        text-align: center;
        font: normal normal medium 20px/26px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Medium', sans-serif;
        font-size: 20px;
        margin-top: 20px;
        width: 521px;


    }

    .nearbuzz-logo-image {
        margin-top: 100px;
        width: 112px;
        height: 112px;
        background-color: transparent;
    }

    .about-nearbuzz-content-container {
        /* width: 1160px;
        margin:auto; */
        display: flex;
        margin-top: 104px;
        justify-content: center;
        gap: 225px;
  


    }

    .about-nearbuzz-content-container-heading {
        text-align: left;
        width: 258px;

    }

    .about-nearbuzz-content-container-heading>h2 {
        text-align: left;
        font: normal normal bold 48px/56px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;

    }

    .about-nearbuzz-content-container-para {
        width: 513px;
        text-align: left;

    }

    .about-nearbuzz-content-container-para>p {
        text-align: left;
        font: normal normal normal 16px/26px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
    }

    .advantage-items-container {
        display: flex;
        justify-content: center;
        margin-top: 63px;
        background: #F8F9FA 0% 0% no-repeat padding-box;
        gap: 30px;
    }

    .items-container {
        margin-top: 73px;
        text-align: left;
        margin-bottom: 72px;
        width: 312px;
 
    }

    .items-container>h2 {
        text-align: left;
        font: normal normal bold 24px/56px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .items-container>p {
        text-align: left;
        font: normal normal normal 16px/22px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        width: 70%;
        font-size: 16px;

    }

    .items-container-h3 {
        text-align: left;
        font: normal normal medium 20px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 0.46;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    .problem-items-container {

        margin-bottom: 150px;
        display: flex;
        justify-content: center;
        gap: 50px;
        width: 100%;
        background: #F0F1F4 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-top: 113px;
        padding-bottom: 120px;

    }

    .problem-content-container {
        width: 431px;
   
    }

    .problem-content-container>h2 {
      
        text-align: left;
        font: normal normal bold 48px/52px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }

    .problem-content-container>p {
        text-align: left;
        font: normal normal normal 18px/30px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        
        font-family: 'Gilroy-Regular', sans-serif;
        padding-top: 28px;
    }

    .problem-imgage-container {
        width: 520px;

    }

    .problem-imgage-size {
        width:520px;
        border-radius: 20px;
   
    }

    .solution-container {
        width: 100%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        opacity: 1;
        margin-top: 100px;
    }

    .solution-items-container {
        margin-top: 118px;
        margin-bottom: 150px;
        display: flex;
        justify-content: center;
        gap: 109px;
 
    }

    .solution-content-container {
        width: 377px;
    }

    .solution-content-container>h2 {
        text-align: left;
        font: normal normal bold 48px/52px Gilroy ☞;
        letter-spacing: 0px;
        color: #202A34;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
    }


    .solution-content-container>h3 {

        text-align: left;
        font: normal normal medium 20px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #A8A8A8;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        margin-top: 31px;
    }

    .solution-content-container>p {
        text-align: left;
        font: normal normal normal 18px/26px Gilroy-Regular ☞;
        letter-spacing: 0px;
        color: #202A34;
        font-family: 'Gilroy-Regular', sans-serif;
        opacity: 1;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .solution-content-container>h4 {
        text-align: left;
        font: normal normal bold 24px/30px Gilroy ☞;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        font-size: 24px;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    .solution-content-container>h5 {
        text-align: left;
        font: normal normal medium 20px/28px Gilroy ☞;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        font-size: 20px;
        font-family: 'Gilroy-Light', sans-serif;

    }

    .solution-imgage-container {
        width: 520px;

    }

    .solution-imgage-size {
        width: 520px;
        border-radius: 20px;

    }

    .nearbuzz-bottom-container {
        width: 100%;
    }

    .nearbuzz-bottom-content-container {
        width: 100%;
        text-align: center;
        background: #202A34 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .nearbuzz-bottom-content-container>h2 {
        text-align: center;
        font: normal normal bold 48px/54px Gilroy ☞;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Bold', sans-serif;
        padding-top: 103px;
    }

    .nearbuzz-bottom-content-container>p {
        text-align: center;
        font: normal normal normal 16px/24px Gilroy-Regular ☞;
        letter-spacing: 0.13px;
        color: #FFFFFF;
        opacity: 1;
        font-family: 'Gilroy-Regular', sans-serif;
        font-size: 16px;
        padding-bottom: 102px;
        margin-top: 17px;
    }

    .bottom-nearbuzz-container {
        width: 100%;
        display: flex;
        align-items: center;
        background: #F0F1F4 0% 0% no-repeat padding-box;

    }

    .bottom-nearbuzz-img-container {
        width: 1156px;
        margin: auto;
    }
}