/* @font-face {
    font-family: 'ClashDisplay-Light';
    src: url('../fonts/ClashDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashDisplay-Regular';
    src:
        url('../fonts/ClashDisplay-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashDisplay-Medium';
    src:
        url('../fonts/ClashDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashDisplay-Semibold';
    src:
        url('../fonts/ClashDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}
 */


body {
    font-family: 'ClashDisplay-Regular', sans-serif;  
  
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        transition: all 0.5s ease;
    }

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'ClashDisplay-Regular';
    background: #EBE7E4;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}
ul {
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
}

li {
    list-style: none;
}

/* .myClass {
    overflow: hidden ;
} */

html {
    font-size: calc(((100vw/ 1920) * 16));
}

/* =========================== header start ======================== */
.main-header {
    position: absolute;
    transition: 0.3s;
    padding: 1.25rem 2.5rem;
    /* 20px 40px */
    z-index: 11;
    width: 100%;
    left: 0;
    top: 0;
}

.main-header.scrolled {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
    box-shadow: rgba(59, 59, 59, 0.34) 2px 0px 10px 0px;
    transition: 0.3s;
    animation: goDown 0.5s ease-in-out forwards;
    background: #3A2907;
}

@keyframes goDown {
    0% {
        top: -3.75rem;
        /* -60px */
    }

    100% {
        transform: translateY(0);
    }
}

.navbar-brand {
    margin: 0 !important;
    width: 22%;
}

.navbar-brand img {
    object-fit: cover;
    width: 100%;
}

.main-menus {
    margin-left: 3.9375rem;
}

.main-menus ul li {
    margin: 0 1.875rem;
    /* 30px */
}

.main-menus ul li a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.9375rem;
    /* 15px */
    line-height: 100%;
    letter-spacing: 0.1875rem;
    /* 3px */
    text-align: center;
    text-transform: uppercase;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.quote-btn {
    background: #FFFFFF;
    border: 0.0625rem solid #FFFFFF;
    /* 1px */
    border-radius: 3.75rem;
    /* 60px */
    color: #78684F;
    font-family: 'ClashDisplay-Medium';
    font-weight: 600;
    font-size: 0.8125rem;
   letter-spacing: 0.1925rem;
    text-align: center;
    text-transform: uppercase;
    padding: 0.9375rem 2.1875rem;
    /* 15px 35px */
}
.quote-btn:hover{
     background: transparent;
     color: white;
     transition: all 0.3s ease;
}

.call-btn {
    border: 0.0625rem solid #FFFFFF4D;
    border-radius: 3.75rem;
    padding: 1.0625rem 1.875rem;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 100%;
    letter-spacing: 0.1925rem;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.call-btn:hover{
     background: #FFFFFF;
    border: 0.0625rem solid #FFFFFF;
    color: #78684F;
     transition: all 0.3s ease;
}


/* ----------- hero banner start -------------------- */

.hero-banner {
    position: relative;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
}

.hero-banner-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hero-banner-images:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
    top: 0;
    left: 0;
    background: #00000066;

}

.hero-single-img {
    width: 100%;
    height: 100%;
}

.hero-single-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hero-banner-main {
    margin-bottom: 9.375rem;
    /* 150px */
}

.hero-banner-main h1 {
    color: #FFFFFF;
    font-weight: 500;
    font-family: 'ClashDisplay-Medium';
    font-size: 4.625rem;
    /* 74px */
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.square {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 64.3%);
    width: 100%;
    max-width: 53.313%;
    border: .0625rem solid white;
    border-radius: 100%;
    aspect-ratio: 1/1;
}

.square .circle {
    position: absolute;
    top: 12%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: white;
    width: 1rem;
    height: 1rem;
}

.square .circle:first-child {
    left: 17.3%;
}

.square .circle:last-child {
    top: 22.5%;
    left: 92%;
}

.square .circle .text {
    position: absolute;
    color: white;
    font-family: 'ClashDisplay-Light';
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0.0925rem;
    /* 1px */
    text-align: right;
    text-transform: uppercase;
    width: max-content;
}

.square .circle:first-child .text {
    top: -1.5625rem;
    left: -.875rem;
    transform: translate(-100%);
}

.square .circle:last-child .text {
    top: -1.5rem;
    right: -.875rem;
    transform: translate(100%);
}

.bottom-text {
    position: absolute;
    bottom: 1.4375rem;
    /* 23px */
    left: 50%;
    transform: translateX(-50%);
}

.bottom-text p {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.0625rem;
    /* 17px */
    line-height: 100%;
    letter-spacing: 0.0925rem;
    /* 1px */
    text-align: center;
    text-transform: uppercase;
    word-spacing: 1.25rem;
    /* 20px */
}


/* ---------------- about section start ------------------ */

.about-section {
    position: relative;
    padding: 15.625rem 2.5rem 1.5625rem;
    /* 250px 40px 25px */
}

.all-same-heading {
    color: #78684F;
    font-family: 'ClashDisplay-Medium';
    font-weight: 500;
    font-size: 3.4375rem;
    /* 55px */
    line-height: 3.4375rem;
    /* 55px */
    letter-spacing: 0%;
    text-transform: uppercase;
}

.all-same-heading span {
    color: #3A2907;
}

.sub-heading {
    color: #78684F;
    font-weight: 500;
    font-size: 0.9375rem;
    /* 15px */
    font-family: 'ClashDisplay-Medium';
    line-height: 100%;
    letter-spacing: 0.0925rem;
    /* 1px */
    text-transform: uppercase;
}

.sub-heading svg {
    width: 1rem !important;
    /* 20px */
    height: 1rem !important;
    /* 20px */
}


.about-section-meta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    /* 20px */
    border: 0.125rem solid #78684F99;
    /* 2px */
    border-left: 0;
    border-right: 0;
    padding: 0.9375rem 0;
    /* 15px */
    align-items: center;
    margin-top: 5.125rem;
    /* 82px */
}

.about-meta-img {
    width: 100%;
    height: 32.4375rem;
    /* 519px */
    position: relative;
}

.about-meta-img:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
    top: 0;
    left: 0;
    background: #78684F33;
}

.about-meta-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.about-meta-single {
    height: 100%;
}
.about-meta-single-content {
    padding: 1.25rem;
    width: 50%;
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.about-meta-single-content h4 {
    color: #78684F;
    font-weight: 500;
    font-size: 1.1875rem;
    /* 19px */
    line-height: 100%;
    letter-spacing: 0.0625rem;
    /* 1px */
    text-align: center;
    text-transform: uppercase;
}

.about-meta-single-content h4 span {
    font-family: 'ClashDisplay-Medium';
}


/* ---------------- our therapist section start ------------------ */

.our-therapist {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.our-therapist-main {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    width: 100%;
    padding: 2.5rem; /* 40px */
    position: relative;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-therapist-main:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: #78684F1A;
}

.our-therapist-img-content {
    text-align: center;
    width: 50%;
    margin-bottom: 5.625rem; /* 90px */
    z-index: 11;
    position: relative;
}

.our-therapist-img-content .sub-heading {
    color: white;
    margin-bottom: 3.125rem; /* 50px */
}

.our-therapist-img-content h3 {
    color: #FFFFFF;
    font-family: 'ClashDisplay-Medium';
    font-weight: 500;
    font-size: 2.8125rem; /* 45px */
    line-height: 2.75rem; /* 44px */
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
}

.our-therapist-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem; /* 20px */
    width: 90%;
    margin: auto;
    align-items: center;
    text-align: center;
}

.our-therapist-meta-img {
    margin-top: -12.5rem; /* -200px */
    height: 37.5rem; /* 600px */
    z-index: 1;
}

.our-therapist-meta-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.our-therapist-meta-content {
    padding: 1.25rem 4.125rem; /* 20px 66px */
}

.our-therapist-meta-content h5 {
    color: #78684F;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 0.9375rem; /* 15px */
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin-bottom: 2.625rem; /* 42px */
}

.our-therapist-meta-content p {
    color: #78684F;
    font-family: 'ClashDisplay-Medium';
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    letter-spacing: 0.1425rem;
    text-align: center;
    text-transform: uppercase;
}


/* ---------------- services-section start ------------------ */
.services-section {
    position: relative;
    padding: 15.625rem 2.5rem 1.5625rem; /* already rem */
}

.services-section .all-same-heading {
    padding-right: 5.625rem; /* 90px */
}

.services-section-meta {
    margin-top: 6.6875rem; /* 107px */
    padding: 0.9375rem 0; /* 15px */
    border: 0.125rem solid #78684F99; /* 2px */
    border-right: 0;
    border-left: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625rem 0.9375rem; /* 25px 15px */
    position: relative;
}

.services-section-meta::before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 0.125rem; /* 2px */
    top: 50%;
    left: 0;
    background: #78684F99;
    transform: translateY(-50%);
}

.services-single-img {
    width: 100%;
    height: 28.75rem; /* 460px */
    position: relative;
}

.services-single-img:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
    top: 0;
    left: 0;
    background: #78684F33;
}

.services-single-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.services-single-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    padding: 0.9375rem; /* 15px */
    border-left: 0.125rem solid #78684F99; /* 2px */
    border-right: 0.125rem solid #78684F99; /* 2px */
}

.services-meta-single:first-child .services-single-content {
    border-left: 0;
}

.services-meta-single:nth-child(3) .services-single-content {
    border-right: 0;
}

.services-single-content h4 {
    color: #78684F;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 1.6875rem; /* 27px */
    line-height: 2.0625rem; /* 33px */
    letter-spacing: 0.1625rem;
    text-align: center;
    text-transform: uppercase;
}

.services-single-content a {
    color: #78684F;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 100%;
    letter-spacing: 0.1125rem;
    text-align: center;
    text-transform: uppercase;
}

/* ---------------- review-section start ------------------ */

.review-section {
    padding: 10.1875rem 0; /* 163px */
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.review-section:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: #78684F33;
}

.review-section-meta {
    padding: 0.625rem 11.875rem; /* 10px 190px */
    border-radius: 100%;
    text-align: center;
    position: relative;
    width: 43.75rem; /* 700px */
    height: 43.75rem; /* 700px */
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.review-section-meta::before {
    content: "+";
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    right: -6.5625rem; /* -105px */
    top: 50%;
    transform: translate(50%, -50%);
    color: white;
    font-size: 2.5rem; /* 40px */
}

.review-section-meta .sub-heading {
    color: white;
    margin-bottom: 4.5rem; /* 72px */
}

.review-section-meta h2 {
    color: #FFFFFF;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 7.8125rem; /* 125px */
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.review-section-meta h3 {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.0625rem; /* 17px */
    line-height: 100%;
    letter-spacing: 0.05625rem; /* 0.9px */
    text-align: center;
    text-transform: uppercase;
}

.review-section-meta p {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
    letter-spacing: 0.0625rem; /* 1px */
    text-align: center;
    text-transform: uppercase;
    margin-top: 5.6875rem; /* 91px */
}

.review-circle {
    border: 0.0625rem solid white; /* 1px */
    border-radius: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.circle-dot {
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: white;
    width: 1rem;
    height: 1rem;
}

.circle-dot:first-child {
    top: 65.6%;
    left: 2.4%;
}

.circle-dot:last-child {
    top: 16.5%;
    left: 87%;
}


/* ---------------- testimonial-section  start ------------------ */

.testimonial-section {
    position: relative;
    padding: 21.25rem 0 10.625rem 0;
    overflow: hidden;
}
.testimonial-section::before{
    content: ' ';
    position: absolute;
    width: 90%;
    height: 1px;
    background: #78684F;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
}
.testimonial-overly-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.testimonial-left-img {
    width: 100%;
    height: 32.1875rem; /* 515px */
}

.testimonial-left-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.testimonial-right-img {
    width: 100%;
    height: 24.25rem; /* 388px */
    margin-top: -13.75rem; /* -220px */
}

.testimonial-right-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.testimonial-content {
    text-align: center;
}

.testimonial-content h4 {
    color: #78684F;
    font-weight: 600;
    font-size: 2.1875rem; /* 35px */
    line-height: 2.75rem; /* 44px */
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
}

.testimonial-content h4 span {
    font-family: 'ClashDisplay-Semibold';
}

.testimonial-content .sub-heading {
    margin-bottom: 7.6875rem; /* 123px */
}

.testimonial-content h6 {
    color: #78684F;
    font-family: 'ClashDisplay-Semibold';
    font-weight: 600;
    font-size: 1.0625rem; /* 17px */
    line-height: 100%;
    letter-spacing: 0.0625rem; /* 1px */
    text-align: center;
    text-transform: uppercase;
    margin-top: 4.375rem; /* 70px */
}

.testimonial-section .owl-nav {
    position: absolute;
    top: 15%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 0;
}

.testimonial-section .owl-nav button {
    background: #FFFFFF !important;
    width: 12.0625rem;   /* 193px */
    height: 12.0625rem;  /* 193px */
    border-radius: 6.25rem !important; /* 100px */
    position: absolute;
    top: 0;
}

.testimonial-section .owl-next {
    right: -20%;
}

.testimonial-section .owl-prev {
    left: -20%;
    transform: rotate(180deg);
}

.testimonial-section .owl-next.disabled,
.testimonial-section .owl-prev.disabled {
    visibility: hidden;
    transition: all 0.3s ease;
}

/* ---------------- book-section start ------------------ */

.book-section {
    position: relative;
    height: 100vh;
    z-index: 1;
    padding: 3.125rem; /* 50px */
    overflow: hidden;
}
.book-overly {
    position: absolute;
    top: 10px;
    left: 10px;
}

.book-section .square {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-78.9%, -45.5%);
    width: 100%;
    max-width: 50.52%;
    border: 0.0625rem solid white;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
}

.book-section .square .circle {
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: white;
    width: 1rem;
    height: 1rem;
}

.book-section .square .circle:nth-child(1) {
    left: 4.2%;
    top: 69.8%;
}

.book-section .square .circle .text {
    position: absolute;
    color: white;
    font-size: 1rem; /* 16px */
    font-weight: 400;
    letter-spacing: 0.09rem;
    white-space: nowrap;
    width: max-content;
}

.book-section .square .circle:nth-child(1) .text {
    top: 2.3125rem;
    left: -0.8125rem;
    transform: translate(-100%);
}

.book-section .square .circle:nth-child(2) {
    top: 100%;
    left: 49.5%;
}

.book-section .square .circle:nth-child(2) .text {
    top: 3.0625rem;
    right: 0;
    transform: translate(100%);
}

.book-section .square .circle:nth-child(3) {
    top: 51%;
    left: 100%;
}

.book-section .square .circle:nth-child(3) .text {
    top: 1.75rem;
    right: -1.25rem;
    transform: translate(100%);
}

.book-section-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.book-section-img:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: #78684F33;
}

.book-section-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.book-section-main {
    background: #FFFFFF;
    padding: 3.75rem 3.125rem; /* 60px 50px */
    position: relative;
    width: 90%;
    margin-left: auto;
}

.book-section-main h3 {
    color: #78684F;
    font-family: 'ClashDisplay-Medium';
    font-weight: 500;
    font-size: 1.875rem; /* 30px */
    line-height: 93%;
    letter-spacing: 0.0625rem; /* 1px */
    text-transform: uppercase;
    margin-bottom: 1.5625rem; /* 25px */
}

.book-section-main h3 span {
    color: #3A2907;
}

.book-section-main p {
    color: #78684F;
    font-weight: 500;
    font-family: 'ClashDisplay-Medium';
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
    letter-spacing: 0.0625rem; /* 1px */
    text-transform: uppercase;
}

.book-main-bottm {
    display: flex;
    align-items: center;
    gap: 2.3125rem; /* 37px */
    margin-top: 3.4375rem; /* 55px */
}

.book-main-bottm .quote-btn {
    background: #78684F;
    border-color: #78684F;
    font-family: 'ClashDisplay-Regular';
    color: white;
    padding: 1.625rem 3.125rem; /* 26px 50px */
}

.book-main-bottm .call-btn {
    border-color: #78684F;
    color: #78684F;
    padding: 1.625rem 3.125rem; /* 26px 50px */
}

/* ---------------- footer-section start ------------------ */

.main-footer {
    padding: 2.5rem 3.125rem 0; /* 40px 50px */
}

.footer-logo {
    width: 65%;
}

.footer-logo img {
    object-fit: cover;
    width: 100%;
}

.contact-information {
    display: flex;
    align-items: center;
    gap: 1.875rem; /* 30px */
    justify-content: end;
}

.contact-information li a {
    color: #3A2907;
    font-family: 'ClashDisplay-Medium';
    font-weight: 500;
    font-size: 1.25rem; /* 20px */
    line-height: 100%;
    letter-spacing: 0.0625rem; /* 1px */
    text-transform: uppercase;
}

.contact-information li:last-child a {
    text-decoration: underline;
}

.copy-right-section {
    margin-top: 2.5rem; /* 40px */
    padding: 1.5625rem 0; /* 25px */
    border-top: 0.0625rem solid #78684F; /* 1px */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copy-right-section-left {
    display: flex;
    align-items: center;
    gap: 1.25rem; /* 20px */
}

.copy-right-section a,
.copy-right-section p {
    color: #78684F;
    font-weight: 400;
    font-size: 0.75rem; /* 12px */
    line-height: 100%;
    letter-spacing: 0.0625rem; /* 1px */
    text-transform: uppercase;
}



.mobiles-btn .close-btn {
    background: #3A2907;
    border: 0.0625rem solid #3A2907;
    color: white;
    border-radius: 6.25rem;
    padding: 13px 30px;
    font-size: 11px;
    letter-spacing: 0.4625rem;
    text-transform: uppercase;
}
.mobiles-btn .call-btn {
    background: transparent;
    border-color: #3A29074D;
    color: #3A2907;
    font-size: 11px;
}
.mobiles-btn {
    display: flex ;
    justify-content: space-between;
    border-bottom: 1px solid #78684F99;
    padding: 10px 0 20px;
}
.mobile-view-bottom {
    padding: 35px 6px;
}
.mobile-view-bottom p {
    color: #78684F;
    font-weight: 500;
    font-size: 15px;    
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
}
.mobile-view-bottom a {
    color: #3A2907;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin-top: 20px;
}
.mobile-view-bottom a:last-child{
    text-decoration: underline;;
}

/************Extra css **************/

/* 
a.quote-btn:visited {
    color: #78684F;
} */


.our-quote-popup .modal-content {
    padding: 10px;
}
.our-quote-popup .modal-header {
    padding: 30px 15px 15px;
    border-bottom: 0;
}
.our-quote-popup .modal-title {
    color: #78684F;
    font-family: 'ClashDisplay-Medium';
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 93%;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    margin-bottom: 0;
}
.our-popup-content form .form-control {
    margin-bottom: 10px;
    padding: 12px;
    font-size: 14px;
    letter-spacing: 1px;
}
.our-popup-content .call-btn {
    background: #78684F;
    margin-top: 15px;
}
.our-popup-content .call-btn:hover {
    background: transparent;
    border-color: #78684F;
    color: #78684F;
}

.our-popup-content .call-btn {
    border: 0.0625rem solid #FFFFFF4D;
    border-radius: 3.75rem;
    padding: 1.0625rem 1.875rem;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 100%;
    letter-spacing: 0.1925rem;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease;
}


/*  */

.theme-whatsapp-wrapper {
    position: fixed;
    right: 0;
    top: 75%;
    width: 90px;
    padding: 25px 15px;
    text-align: center;
    z-index: 9999;
    border-radius: 12px 0 0 12px;
}

/* Text */
.theme-whatsapp-wrapper p {
    font-size: 13px;
    font-weight: 600;
    color: #3b2d12;
    line-height: 1.4;
    margin-bottom: 7px;
}

/* Button */
.theme-whatsapp-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    margin: 0 auto;
    transition: 0.3s ease;
}

/* Image inside button */
.theme-whatsapp-wrapper a img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

/* Hover Effect */
.theme-whatsapp-wrapper a:hover {
    transform: translateY(-3px);
}