.first-fold { opacity: 1; height: 500px; display: flex; flex-direction: row; 
    padding: 0; padding-top: 71px; background-color: #F6FBFD; overflow: hidden;
    display: flex; justify-content: center; align-items: center;
    position: relative; border-bottom: 3px solid #BAD4E7;
}
.first-fold .title { display: flex; align-items: center; gap: 12px; z-index: 1; }
.first-fold .title img { width: 40px; }
.first-fold .title h1 { padding-bottom: 0; margin-bottom: 0; color: #fff; font-weight: 500; font-size: 40px; }
.first-fold .bg-img { height: 100vh; position: absolute; top: 0; z-index: 0; left: 0; }

.desc-sec { padding-top: 140px; padding-bottom: 140px; }
.desc-sec p { font-family: 'Parkinsans', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; color: #5B5B5B; max-width: 600px; text-align: center; }

.headin-para-sec { display: flex; flex-direction: column; padding-top: 0; margin-top: -40px; padding-left: calc( ( 100vw - 700px ) /2 ); padding-right: calc( ( 100vw - 700px ) /2 ); }
.headin-para-sec .row { border-bottom: 1px solid rgba(59,59,59,30%); }
.headin-para-sec .hea { display: flex; gap: 18px; }
.headin-para-sec h2 { font-size: 14px; font-weight: 500; color: #5B5B5B; }
.headin-para-sec p { font-size: 18px; max-width: 240px; font-weight: 400; color: #5B5B5B; font-weight: 500; }

nav { border-bottom: 1.5px solid #BAD4E7; }
nav.scrolled { border-bottom: revert; }


@media (max-width: 800px) {

    .headin-para-sec { padding-left: 20px;  padding-right: 20px; }
}

@media (max-width: 680px) {

    .first-fold .title img { width: 26px; }
    .first-fold .title h1 { font-size: 24px; }

 }


@media (max-width: 500px) {
    
    .first-fold { height: 400px; }
    .first-fold .title img { width: 55px; margin-left: 20px; }
    .first-fold .title h1 { font-size: 24px; max-width: 346px; }

    .gallery-wrapper-cnt { background-color: #F6FBFD !important; width: 100vw; margin-top: -40px; border-top: 2px solid #585858; }
    .gallery-wrapper { width: 80vw; overflow-x: scroll !important; background-color: #F6FBFD !important; width: 100vw;   }
    .gallery { width: max-content !important; max-width: unset !important; padding-top: 40px; padding-bottom: 40px; }
    .gallery-item { height: 300px; }

    .desc-sec { padding-top: 40px; padding-bottom: 40px; }
    .desc-sec p { text-align: left; }

    .headin-para-sec { margin-top: 0; padding-left: 20px; padding-right: 20px; }
    .headin-para-sec .hea { width: 100%; gap: 12px; }
    .headin-para-sec h2 { font-size: 12px; margin-bottom: 0; line-height: 100%; }
    .headin-para-sec span { font-size: 12px; line-height: 100%; opacity: 0.7; }
    .headin-para-sec p { font-size: 18px; line-height: 160%; }

    .headin-para-sec .row { gap: 10px; }
}