.text_section h4,
.text_section h2 {
    font-size: 1.3rem;
    font-weight: 400;
    padding: 20px 0 10px 0;
}

.text_section h3 {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 20px 0 10px 0;
}

.list-style>ul {
    list-style-type: disc !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
}

.list-style>ul>li {
    padding: 0 !important;
}

.list-style-disc>ul>li:last-child {
    margin-bottom: 0;
}

@media screen and (min-width:2100px) {
    .project-img {
        height: 575px;
    }

}

.project-img {
    max-height: 575px;
}

.blog_section h4,
.blog_section h2 {
    font-size: 1.3rem;
    font-weight: 400;
    padding: 10px 0 10px 0;
}

.blog_section h3 {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 10px 0 10px 0;
}

@media screen and (min-width:1900px) {
    .max-h-custom {
        max-height: 355px;
    }
}

.f6 {
    font-weight: 600;
}


#content-text h2 {
    margin-top: 1rem;
    font-size: 1.7rem;
    padding: 0 !important;
}

#content-text h3 {
    margin-top: 1rem;
    font-size: 1.5rem;
    padding: 0;
}

@media screen and (min-width:1900px) {
    .thumb-img {
        max-height: 410px;
    }
}

/*
styling for popup scroll behavior

 stop sctolling in the backgound*/
html.no-scroll,
body.no-scroll {
    overflow: hidden !important;
    height: 100% !important;
}

body.no-scroll {
    position: fixed !important;
    width: 100% !important;
}

/* make sure the popup is scrollable */
.leader-popup-shell {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.leader-popup-desc-inner {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* stop backdrop scrolling */
.leader-popup-backdrop {
    overflow: hidden !important;
    touch-action: none;
}

/* Optional: Add underline or color change */
.active-nav-link {
    font-weight: 600 !important;
    position: relative;
    font-size: 1rem;
}

@media (max-width: 1024px) {
    .special-padding {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.custom-button-width {
    width: 240px !important;
}

.custom-button-width-home {
    width: 148px !important;
}

@media (max-width: 768px) {
    .custom-map-height-sm {
        height: 75vh !important;
    }
}

@media (min-width: 768px) {
    .custom-map-height-md {
        height: 75vh !important;
    }
}

@media (min-width: 1025px) {
    .custom-map-height {
        height: 100vh !important;
    }
}

/* swipers border height */
.swiper .swiper-wrapper {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: stretch !important;
}

.swiper .swiper-slide a {
    display: flex !important;
    position: relative !important;
    flex-direction: column !important;
    height: 100% !important;
}

.swiper .text-block {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.insights-grid>a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.insights-grid .insight-text-block {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.brand-pillars-grid>a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.brand-pillars-grid .brand-pillars-text-block {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* End of swipers border height */


#our-project-locations-section>div>div {
    pointer-events: none !important;
}

/* End of map section */

.content-style p {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.content-style a {
    text-decoration: underline;
    text-decoration-color: #3279fd;
    font-weight: 500;
    color: #3279fd;

}

.content-style table,
#content-text table {
    width: 100%;
    margin: 1.5rem 0;
    border-collapse: collapse;
    border: 1px solid #d9d9d9;
    table-layout: auto;
}

.content-style table p,
#content-text table p {
    margin: 0;
    padding: 0 !important;
}

.content-style th,
.content-style td,
#content-text th,
#content-text td {
    padding: 0.875rem 1rem;
    border: 1px solid #d9d9d9;
    vertical-align: top;
    text-align: left;
}

.content-style th,
.content-style tr:first-child td,
#content-text th,
#content-text tr:first-child td {
    background-color: #f5f5f5;
    font-weight: 600;
}

@media (max-width: 640px) {

    .content-style table,
    #content-text table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

[dir="ltr"] .dir-border {
    border-left: 2px solid #000000;
}

[dir="rtl"] .dir-border-ar {
    border-right: 2px solid #000000;
}

#content-text p:has(img) {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

#content-text img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
.thank-you-btns {
    display: flex;flex-direction: row;align-items: center;justify-content: flex-start;width: 100%;
}
.ex-more {
    margin-right: 3rem;
}
@media screen and (max-width:550px) {
 .thank-you-btns {
    display: flex;        flex-direction: row;
        align-items: center;
        justify-content: flex-start;width: 100%;
}
}
@media screen and (max-width:400px) {
 .thank-you-btns {
    display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width: 100%;
}
.ex-more {
    margin-bottom: 1.5rem;
    margin-right: 0px;
}

}