.first-fold { opacity: 1; height: 600px;  display: flex; flex-direction: column; padding: 0; padding-top: 180px; padding-bottom: 120px;
    background-color: #303030; overflow: hidden; gap: 80px;
    display: flex; justify-content: center; align-items: center;
    position: relative; border-bottom: 3px solid #9d9d9d; border-top: 3px solid #9d9d9d;
}
.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 { width: 100%; height: 100%; object-fit: cover; z-index: 0; position: absolute; top: 0; }
.first-fold .gallery-wrapper-cnt { z-index: 2; }

#main-image { height: 500px; margin-top: 100px; margin-bottom: -20px; }

.images-sec { padding-top: 0px; padding-bottom: 0px; }

.desc-sec { padding-top: 70px; padding-bottom: 70px; gap: 0; }
.desc-sec h1 { max-width: 600px; width: 100%; }
.desc-sec p { font-family: 'Parkinsans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; color: #5B5B5B; max-width: 600px; text-align: left; line-height: 200%; }
.desc-sec b { color: #5B5B5B;  }

.desc-sec ul { list-style: none; display: flex; flex-wrap: wrap; max-width: 600px; gap: 20px; padding: 0; }
.desc-sec li { padding: 10px; border: 1px solid #BAD4E7; border-radius: 4px; background-color: #fff; font-size: 12px; }

#basic-desc p { max-width: 870px; font-size: 15px; text-align: left; width: 100%; }

.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%); padding-bottom: 5px; }
.headin-para-sec .hea { display: flex; gap: 18px; }
.headin-para-sec h2 { font-size: 14px; font-weight: 500; color: #5B5B5B; max-width: 300px; }
.headin-para-sec p { font-size: 12px; max-width: 300px; font-weight: 400; color: #5B5B5B; }
.headin-para-sec b { color: #5B5B5B; font-weight: 500; }
.headin-para-sec .hea span { opacity: 0.2; }

.testimonials-sec { padding-top: 40px; padding-bottom: 40px; width: 100%; margin: auto; }
.testimonials-sec .hea { display: flex; gap: 18px; }
.testimonials-sec .hea span { opacity: 0.2; }
.testimonials-sec h2 { font-size: 14px; font-weight: 500; color: #5B5B5B; }
.testimonials-sec .testimonials-intro { font-family: 'Parkinsans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; color: #5B5B5B; max-width: 600px; align-self: flex-start; text-align: left; width: 100%; margin-bottom: 0; }

.testimonials-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; max-width: 900px; }

.testimonials-sec .card { position: relative; margin: 0; padding: 30px; background-color: #fff; border: 2px solid rgba(59,59,59,08%); border-radius: 4px; display: flex; flex-direction: column; gap: 0; }

.testimonials-sec .card blockquote { margin: 0; }
.testimonials-sec .card blockquote i { font-size: 14px; line-height: 200%; color: #5B5B5B; }
.testimonials-sec .card blockquote b { color: #313131; }

.testimonials-sec .card figcaption { margin-top: auto; padding-top: 20px; font-size: 12px; font-weight: 500; color: #313131; }

.testimonials-sec .card::before { content: '\201C'; position: absolute; top: 18px; right: 24px; font-size: 64px; line-height: 1; color: rgba(59,59,59,08%); opacity: 0.55; }

@media (max-width: 800px) {
    .testimonials-grid { grid-template-columns: 1fr; }
}

@media (max-width: 500px) {
    .testimonials-sec { padding-top: 40px; padding-bottom: 40px; }
    .testimonials-sec .hea { gap: 12px; }
    .testimonials-sec h2 { font-size: 18px; }
    .testimonials-sec .hea span { font-size: 18px; opacity: 0.7; }
    .testimonials-sec .testimonials-intro { font-size: 13px; }
    .testimonials-sec .card { padding: 24px; }
}

.faq-sec { margin-top: 80px; }
.faq-sec h2 { font-weight: 400; font-size: 18px; }
.faq-sec .faq-content { width: 100%; max-width: 600px; }
.faq-sec .hea { width: 100%; margin-top: 20px; display: flex; gap: 10px; cursor: pointer; }
.faq-sec p { text-align: left; font-size: 14px; line-height: 200%; margin-left: 35px; }
.faq-sec h3 { text-align:left; width: 100%; font-weight: 500; line-height: 160%; margin-bottom: 0; }
.faq-sec b { font-weight: 500; }
.faq-sec span { opacity: 0.2; font-size: 18.72px; line-height: 160%; }
.faq-sec .faq-content .hea img { width: 30px; }

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

@media (max-width: 1120px) {

    h1 { width: 80vw; }
    .first-fold .title img { display: none; }
}

@media (max-width: 940px) {

    #main-image { height: 380px; }

}


@media (max-width: 800px) {

    .headin-para-sec { padding-left: 20px;  padding-right: 20px; }
    #main-image { height: 340px; }
    .headin-para-sec h2 { max-width: unset; }
}

@media (max-width: 680px) {

    .first-fold .title img { width: 26px; }
    .first-fold .title h1 { font-size: 24px; }
    #main-image { height: 260px; }
 }


@media (max-width: 500px) {
    
    .first-fold { padding-bottom: 40px; padding-top: 140px; gap: 40px; }
    .first-fold .title img { width: 55px; margin-left: 20px; }
    .first-fold .title h1 { font-size: 24px; max-width: 346px; width: 240px; }

    .gallery-wrapper-cnt { width: 100vw; margin-top: -40px; }
    .gallery-wrapper { width: 80vw; overflow-x: scroll !important; width: 100vw;   }
    .gallery { width: max-content !important; max-width: unset !important; padding-top: 40px; padding-bottom: 40px; }
    .gallery-item { height: 270px; }

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

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

    #main-image { height: 160px; }
    
    .hide-on-mob { display: none; }

    /* .headin-para-sec .row { justify-content: flex-end; } */
}