@media(min-width:768px) {
    .hero.hero-common img {
        height: 416px;
    }
    .hero.hero-common .hero-docs {
        padding-top: 135px !important;
    }
}
.space-relax-section {
    background-image: var(--bg-img-pc);
    background-size: cover;
    background-position: center;
    padding: 170px 0 120px;
    height: 100%;
    background-repeat: no-repeat;
}

.space-relax-section .text-wrapper {
    color: var(--white);
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}

.space-relax-section .text-wrapper h2 {
    max-width: 665px;
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 90%;
    text-transform: capitalize;
}

.space-relax-section .text-wrapper p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize;
    font-family: var(--articulatCF);
    max-width: 587px;
}

@media(max-width:1400px) {
    .space-relax-section .text-wrapper {
        gap: 30px;
    }

    .space-relax-section {
        background-size: cover;
    }
}

@media(max-width:992px) {
    .space-relax-section .text-wrapper {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .space-relax-section .text-wrapper h2 {
        font-size: 70px;
    }
}

@media(max-width:550px) {
    .space-relax-section {
        background-image: var(--bg-img-mob);
        background-size: cover;
        background-position: center;
        padding: 110px 0;
        height: 100%;
        background-repeat: no-repeat;

    }

    .space-relax-section .text-wrapper {
        max-width: 350px;
        margin: 0px auto;
    }
}

.common-about h2 {
    font-size: 80px;
}

.common-about p {
    text-transform: capitalize;
}

/* Pool Leaks Section */
.detection-wrap {
    background-image: var(--bg-img-pc);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 650px;

}

.pool-detection-section {
    padding-top: 115px;
    padding-bottom: 95px;
}

.pool-detection-section .pool-leak-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 50px 0px;
}

.pool-detection-section .pool-leak-content h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 90%;
    text-transform: capitalize;
}

.pool-detection-section .pool-leak-content p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

@media(max-width:768px) {
    .detection-wrap {
        background-image: var(--bg-img-mob);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        height: 650px;
    }

    .pool-detection-section .pool-leak-content h2 {
        font-size: 50px;
        font-style: normal;
        font-weight: 800;
        line-height: 90%;
        text-align: center;
    }

    .pool-detection-section .pool-leak-content p {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        text-align: center;
    }

    .pool-detection-section .pool-leak-content {
        align-items: center;
        justify-content: center;
    }
}

/* Pool Leaks Section */
/* Quote Section */
.quote-section .quote-wrapper {
    background-image: var(--bg-img-pc);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 354px;
    cursor: pointer;
    display: flex;
    align-items: end;
    justify-content: end;
    border-bottom: 6px solid #B4A06F;
}
.quote-section .quote-wrapper-2 {
    border-color: var(--bismark);
}
.quote-section .quote-wrapper .quote-text {
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 45px;
}

.quote-section .quote-wrapper .quote-text h3 {
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 90%;
    text-transform: capitalize;
}

.quote-section .quote-wrapper .quote-text p {
    font-style: italic;
}

.svg-icon {
    transition: transform 0.3s ease, fill 0.3s ease;
}

@media(min-width:1400px) {

    .nsw-pools.common-about {
        padding-bottom: 130px;
    }
}

.quote-wrapper:hover .svg-icon {
    transform: translateX(10px);
}

.common-full-process ul {
    max-width: 745px;
}

.process.common-full-process {
    padding-bottom: 200px;
}

@media(max-width:768px) {
    .pool-detection-section {
        padding: 55px 0px;
    }

    .quote-section .quote-wrapper {
        background-image: var(--bg-img-mob);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        height: 354px;
        cursor: pointer;
        display: flex;
        align-items: end;
        justify-content: end;
    }

    .quote-section .quote-wrapper .quote-text h3 {
        font-size: 48.466px;
        font-style: normal;
        font-weight: 800;
        line-height: 90%;
    }

    .nsw-pools.common-about {
        padding-top: 50px;
    }

    .process.common-full-process {
        padding-bottom: 70px;
    }
}

/* Quote Section */
/* Our Service Page */
.nsw-pools h2 span {
    display: block;
}

.pool-list-text p {
    max-width: 380px;
}

.pool-list-text {
    height: 100%;
    align-items: center;
    justify-content: center;
}

.pool-renovation-section {
    padding-bottom: 100px;
}

.pool-renovation-section .pool-img img {
    border: 2px solid #476F84;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
}

.pool-renovation-section .pool-reno-content {
    max-width: 380px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 30px;
    justify-content: center;
    height: 100%;
}

.nsw-pools.pool-builder-gap {
    padding-top: 100px;
    padding-bottom: 150px;
}

/* .text-left-box .pool-list-text, .text-right-box .pool-list-text h2 span{
    display: block;
}
.pool-list .text-left-box p{
    margin-left: auto;
} */
@media(max-width:1400px) {

    .pool-renovation-section,
    .space-relax-section {
        margin-top: 100px;
    }

}

.pb-10 {
    padding-bottom: 6rem;
}

@media(max-width:768px) {
    .pool-renovation-section .pool-img img {
        border: unset;
        box-shadow: unset;
    }

    .pool-renovation-section .pool-img {
        margin: 0px auto;
        text-align: center;
    }

    .pool-renovation-section .pool-reno-content {
        margin: 0px auto;
        text-align: center;
        align-items: center;
    }

    .pool-renovation-section {
        margin-top: 15px;
        padding-bottom: 70px;
    }

    .space-relax-section-builder {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .nsw-pools.pool-builder-gap {
        padding: 50px 0px;
    }

    .pb-10 {
        padding-bottom: 3rem;
    }
}

.border-blue {
    border-bottom: 5px solid #476F84 !important;
}

.border-golden {
    border-bottom: 5px solid #B4A06F !important;
}

/* Our Service Page */
.why-choose.why-choose-area h2{
    margin-bottom: 50px;
    
}
@media (min-width: 993px) {
    .why-choose.why-choose-area h2 span{
        display: block;
    }
}

.why-choose.why-choose-area p strong{
    height: 56px;
    display: block;
}
@media (max-width: 768px) {
    .why-choose.why-choose-area .row {
        row-gap: 30px;
    }
}