@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */

@font-face {
    font-family: 'Miama';
    src: url('../fonts/Miama.otf') format('opentype'),
        url('../fonts/Miama.ttf') format('truetype');
}

:root {
    --font-poppins: "Poppins", sans-serif;
    --font-miama: 'Miama', cursive;
    --font-grape: 'Grape Nuts', cursive;
    --font-inter: "Inter", sans-serif;
    --primary: #00ADED;
    --white: #ffffff;
    --bg-dark: #EFEFEF;
    --text-dark: #4A4C55;
    --pink: #FFB1E8
}

* {
    font-family: var(--font-poppins) !important
}

body {
    margin: auto;
    /* user-select: auto; */
    scrollbar-width: thin;
    /* scrollbar-color: #00adee #eaeaea */
    color: var(--text-dark);
}

::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.max-width-1920 {
    max-width: 1920px;
    margin: auto;
    position: relative;
    width: 100%;
}

.text-primary {
    color: var(--primary)
}

.text-white {
    color: var(--white)
}

.text-dark {
    color: var(--text-dark)
}

.bg-primary {
    background-color: var(--primary)
}

.bg-white {
    background-color: var(--white)
}

.bg-dark {
    background-color: var(--bg-dark)
}

.border {
    border: 1px solid
}

.border-primary {
    border-color: var(--primary)
}

.border-white {
    border-color: var(--white)
}

.mt-5 {
    margin-top: 15px
}

.mt-10 {
    margin-top: 30px !important
}

button,
.button {
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: fit-content;
    border: 1px solid;
    transition: all .5s ease-in-out;
    text-decoration: none;
    line-height: 120%;
}

.new-button-sm {
    font-size: 15px;
}

.button-full {
    width: 100%;
    max-width: unset;
}

button,
.button {
    height: 55px;
}

a.button:hover {
    text-decoration: none;
}

a.button::after {
    display: none;
}

.button-radius {
    border-radius: 7px;
}

.button:hover {
    text-decoration: none
}

.bg-color-primary,
.section-new a.button-primary,
.button-primary {
    border: 1px solid;
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);

}

.bg-color-primary:hover,
.section-new a.button-primary:hover,
.button-primary:hover {
    border: 1px solid;
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary);
    text-decoration: none;

}

.section-new a.button-white,
.button-white {
    border: 1px solid;
    background-color: var(--white);
    border-color: var(--white);
    color: var(--primary);

}

.section-new a.button-white:hover,
.button-white:hover {
    border: 1px solid;
    background-color: var(--primary);
    color: var(--white);
    border-color: var(--white);
    text-decoration: none;
}

.button-auto {
    max-width: unset;
    height: auto;
}

@media (max-width:768px) {
    .button-auto {
        max-width: unset;
        height: auto;
    }

    button,
    .button {
        font-size: 18px
    }

    .new-button-sm {
        font-size: 15px;
    }
}

.d-md-show {
    display: flex !important;
    flex-direction: column;
}

.d-md-hide {
    display: none !important
}

@media (max-width:993px) {
    .add-gap {
        margin-top: 40px;
    }

    .d-md-show video {
        margin-top: 30px;
    }

}

@media (min-width:993px) {
    .d-md-show {
        display: none !important
    }


    .d-md-hide {
        display: flex !important;
        flex-direction: column;
    }
}

@media (max-width:1300px) {
    .d-md-hide>div {
        display: flex !important;
        flex-direction: column;
    }
}

.header-new {
    position: sticky;
    top: 0;
    z-index: 10
}

.header-new .hearer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    box-shadow: 0 3.88px 3.88px 0 #00000026;
    position: relative;
    z-index: 4
}

.header-new .hearer-top p {
    font-size: 20px !important
}

.header-new .hearer-buttons {
    display: flex
}

.header-new .hearer-button {
    height: 62PX;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    font-weight: 700;
    font-size: 25.08px;
    line-height: 150%;
    flex-direction: column;
    gap: 0;
}

.header-new .hearer-button span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.header-new .hearer-button em {
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    /* font-family: var(--font-inter) !important; */
}

.header-new .hearer-status {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase
}

.status-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #28B053;
    border-radius: 50%;
    position: relative;
    flex: 0 0 auto
}

.status-dot::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #28B053;
    border-radius: 50%;
}

.status-dot::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #BDFFB7;
    border-radius: 50%;
    animation: statusPulse 1.5s ease-out infinite
}

@keyframes statusPulse {
    0% {
        transform: scale(1);
        opacity: .8
    }

    70% {
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media (max-width:567px) {
    .status-dot {
        width: 14px;
        height: 14px
    }
}

.header-new .phone-btn {
    position: relative;
    padding-left: 37px;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--primary);
    color: var(--white)
}

.header-new .hearer-button img,
.header-new .phone-btn img {
    width: 28px;
}

.header-new .header-search {
    display: none
}

.header-new .search-btn {
    position: relative;
    padding: 0 25px 0 30px;
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--primary);
    color: var(--white)
}

.header-new .hearer-mine {
    background: var(--primary);
    height: 94px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3
}

.header-new .hearer-mine-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-new .header-logo img {
    max-height: 62px;
    display: block
}

.header-new .header-nav .menu {
    display: flex;
    align-items: center;
    gap: 26px
}

.header-new .header-nav .menu-item {
    position: relative;
}

.header-new .header-nav .menu-item>span {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    justify-content: space-between;
    font-size: 21.76px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.header-new .header-nav .menu-item>span b {
    cursor: pointer;
    font-weight: 600;
}

.header-new .header-nav .menu-item>a {
    color: #fff;
    font-size: 21.76px !important;
    font-weight: 600;
    text-decoration: none;
}

.header-new .menu-item>span>span {
    display: none;
    width: 17px;
    height: 9px;
}

.header-new .menu-item.has-dropdown>span>span {
    display: block;
    width: 17px;
    height: 9px;
}

.header-new .menu-item.has-dropdown>span>span::after {
    content: "";
    background: url("../../assets/images/new/downArrow.png") no-repeat center;
    background-size: contain;
    width: 17px;
    height: 9px;
    transition: transform .3s ease;
    display: block;
}

.header-new .menu-item.active>span>span::after {
    transform: rotate(180deg)
}

@media (max-width:1100px) {
    .header-new .menu-item.has-dropdown>span>span {
        flex: 1;
        display: flex;
        justify-content: end;

    }

    .header-new .header-nav .menu-item>span>a {
        flex: 0 0 auto;
    }
}

@media (min-width:1101px) {
    .header-new .menu-item>span>span::after {
        transform: rotate(0deg) !important
    }

    .header-new .menu-item:hover>span>span::after {
        transform: rotate(180deg) !important
    }

    .header-new .submenu {
        display: block !important;
    }
}

.header-new .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    /* transform: translateX(-50%); */
    background: var(--primary);
    min-width: 220px;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
    overflow: auto;
    max-height: 200px;
    scrollbar-width: thin;
    padding: 10px 15px;
    scrollbar-color: #fff #17BDFA
}

.header-new .submenu li a {
    display: block;
    padding: 7px 0px;
    color: var(--white);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;
    border-bottom: 1px solid var(--white)
}

.header-new .submenu li a:hover {
    background: var(--primary);
    color: var(--white)
}

.header-new .menu-item:hover .submenu {
    /* display: block; */
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.hearer-mob {

    display: flex;
    align-items: center;
    overflow: hidden
}

.marquee {
    width: 100%;
    height: 70px;
    background: var(--primary);
    overflow: hidden;
    position: relative;
}

/* moving track */
.marquee-track {
    display: flex;
    width: max-content;
    animation: marqueeScroll 50s linear infinite;
    min-width: 100%;
    gap: 60px;
}

@media (max-width:1440px) {
    .header-new .submenu {
        transform: translateX(-50%);
    }
}

@media (max-width:768px) {
    .marquee-track {
        animation: marqueeScroll 70s linear infinite;
        width: max-content;
    }
}

/* animation */
@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-51%);
    }
}


.marquee ul,
.hearer-mob ul {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: var(--primary);
    height: 70px;
}

.marquee li,
.hearer-mob li {
    color: #fff;
    font-size: 20px !important;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .5px
}

.marquee a,
.hearer-mob a {
    color: #fff
}

.hero-new {
    position: relative;

    overflow: hidden;
    color: #fff
}

.hero-new .heroBg {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.hero-inner {
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 620px;
    margin: 0 auto;
    padding: 80px 70px;
    display: flex;
    justify-content: space-between
}

.hero-content {
    max-width: 620px;
    display: flex;
    flex-direction: column;
}

.hero-content h3 {
    font-size: 20px !important;
    font-weight: 600;
    line-height: 150%;
    /* 30px */
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hero-content h1 {
    font-weight: 700;
    font-size: 50px !important;
    line-height: 120%
}

.hero-content h2 {
    font-weight: 700;
    font-size: 16px !important;
    font-size: 21px !important;
    line-height: 120%;
    margin-bottom: 40px;
}

.hero-content p {
    font-weight: 400;
    font-size: 21px !important;
    line-height: 150%;
    margin-top: 25px;
    margin-bottom: 40px
}

@media (max-width:768px) {
    .hero-content p {
        line-height: 150% !important;
    }
}

.hero-rating {
    display: flex;
    gap: 10px;
    align-items: center
}

.hero-rating p {
    /* font-family: "DM Sans", sans-serif; */
    font-weight: 500;
    font-size: 19.5px !important;
    margin: 0 !important;
    line-height: 21.45px;
    flex: 1;
    align-items: center
}

.hero-rating p img {
    width: auto !important
}

.hero-rating p span {
    font-size: 13px !important
}

.hero-awards {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0;
    list-style: none
}

.hero-awards li {
    width: 68px;
    height: 68px;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    box-shadow: 0 4.47px 11.17px 0 #00000026;
    border-radius: 50%
}

.hero-awards li:not(:first-child) {
    margin-left: -20px
}

.hero-awards img {
    width: 100%;
    max-width: 350px;
    object-fit: contain;
    display: block
}

.hero-availability {
    background: #0bb5ff;
    height: auto;
    border-radius: 14px;
    padding: 18px 28px;
    display: inline-flex;
    align-items: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto 20px;
    margin: 0 auto;
    z-index: 1;
    width: fit-content;
    cursor: pointer;
}

.hero-availability .availability-text {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.hero-availability .small-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-align: center
}

.hero-availability .big-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%
}

.hero-availability .availability-text span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.append_load_more_faq_category .accordion {
    border-radius: 0px;
}

.hero-badge {
    width: 188px;
    height: 188px;
    background-color: var(--primary);
    font-weight: 600;
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative
}

.hero-badge::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: var(--primary);
    z-index: -1;
    opacity: .31;
    animation: badgePulse 1.5s ease-out infinite
}

@keyframes badgePulse {
    0% {
        transform: scale(1);
        opacity: 0.3
    }

    60% {
        transform: scale(1.15);
        opacity: 0.7
    }

    100% {
        transform: scale(1);
        opacity: 0.3
    }
}

.hearer-mob-menu {
    display: none
}

@media (max-width:1440px) {
    .header-new .header-nav .menu {
        gap: 15px
    }

    .hero-awards img {
        width: 280px;
    }

    .hero-availability {
        bottom: 40px;
    }

    .header-logo {
        width: 100%;
        max-width: 350px
    }
}

@media (min-width:1100px) {

    .hero-new .heroBg {
        height: 760px !important;
    }

    .heroBg iframe,
    .heroBg img,
    .heroBg video {
        position: relative;
        max-height: 760px;
        min-height: unset;
    }

    .hero-new .heroBg {
        position: relative;
        display: flex;
    }

    .heroBg::after {
        display: none;
    }

    .hero-inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

}

@media (max-width:1100px) {
    .header-new {
        position: relative;
        padding-top: 62px;
    }

    .header-new .hearer-top {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .header-new .hearer-button,
    .hero-availability,
    .footer_fixed_menu {
        display: none
    }

    .header-nav {
        transform: translateY(100%);
        transition: .3s ease
    }

    .header-nav.active {
        transform: translateX(0)
    }

    .header-new .header-nav {
        position: fixed;
        background-color: var(--primary);
        top: 62px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px - 62px);
        overflow: auto
    }

    .header-new .header-nav .menu {
        flex-direction: column
    }

    .hearer-mob {
        position: fixed;
        bottom: 0;
        left: 0;
        color: var(--white);
        z-index: 10;
        width: 100%;
        background: var(--primary);
        height: 70px;
    }

    .hearer-mob-menu {
        display: flex;
        width: 100%
    }

    .hearer-mob-menu>* {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        gap: 5px;
        width: 100%;
        text-transform: uppercase;
        font-weight: 600;
    }

    .header-new .header-search {
        position: relative;
        display: flex;
        align-items: center
    }

    .search-input {
        position: absolute;
        right: 0;
        top: 100%;
        width: 0;
        opacity: 0;
        padding: 8px 12px;
        border: none;
        border-radius: 6px;
        outline: none;
        transition: all .3s ease;
        border: 1px solid var(--primary)
    }

    .hero-badge {
        width: 100px;
        height: 100px;
        font-size: 13px;
        padding: 5px;
        margin-top: auto;
        flex: 0 0 auto
    }

    .header-search.active .search-input {
        width: 320px;
        opacity: 1;
        background: var(--white);
        color: #000
    }

    .header-new .search-btn {
        display: flex
    }

    .header-new .search-btn img {
        flex: 0 0 auto;
        width: 20px
    }

    .header-new .submenu {
        position: unset;
        transform: none;
        box-shadow: none;
        min-width: 100%;
        background: transparent;
        padding-left: 15px;
        opacity: 1;
        visibility: visible;
        display: none;
        max-height: unset
    }

    .header-new .submenu li a {
        color: var(--white)
    }

    .header-new .menu-item.active>span>span::after {
        transform: rotate(180deg)
    }

    .hearer-mob-menu a {
        border-right: 1px solid var(--white)
    }

    .hearer-mob-menu img,
    .hearer-mob-menu a img {
        width: 28px;
    }

    .header-new .header-nav {
        padding-top: 30px
    }

    .header-new .header-nav .menu-item,
    .header-new .header-nav .menu-item>span {
        width: 100%
    }

    .header-new .header-nav .menu-item>span {
        justify-content: space-between;
        padding: 5px 15px
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        margin: auto
    }



    .header-logo {
        margin: auto
    }
}

@media (max-width:992px) {
    .hero-content h1 {
        font-size: 30px !important
    }

    .hero-content h3 {
        font-size: 15px !important;
        margin-bottom: 14px;
    }

    .hero-content h2 {
        text-align: left;
    }

    .hero-content h2,
    .hero-content p {
        font-size: 18px !important
    }

    .hero-rating p,
    .header-new .hearer-top p {
        font-size: 14px !important
    }

    .hero-rating img {
        width: 40px
    }

    .hero-awards {
        margin-top: 15px;
        margin-left: -7px;
    }

    .hero-awards img {
        width: 250px;
    }

    .hero-awards li {
        width: 64px;
        height: 64px
    }

    .hero-inner {
        padding: 100px 25px
    }

    .hero-content {
        margin: 0 auto
    }

    .hero-inner {
        min-height: unset
    }
}

@media (max-width:420px) {

    .hero-rating p,
    .header-new .hearer-top p {
        font-size: 11px !important;
    }

    .hero-awards img {
        width: 210px;
    }
}

@media (max-width:768px) {
    .header-search.active .search-input {
        width: 260px
    }

    .header-new .hearer-top {
        padding-left: 15px
    }

    .hero-content h2 {
        font-size: 15px !important;
    }

    .hero-content h2,
    .hero-content p {
        margin-bottom: 30px
    }

    .hero-inner {
        padding: 35px 25px;
        min-height: 600px;
    }

    .hero-badge {
        position: absolute;
        bottom: 35px;
        right: 20px
    }

}

.container,
.container-new {
    max-width: 1340px;
    margin: auto;
    padding: 0 15px;
}

@media (min-width: 1100px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:1430px) {

    .container,
    .container-new {
        max-width: 1040px
    }
}

@media (max-width:1200px) {

    .container,
    .container-new {
        max-width: 930px
    }
}

@media (max-width:993px) {

    .container,
    .container-new {
        max-width: 730px;
        padding: 0 20px;
    }


}

@media (max-width:567px) {

    .container,
    .container-new:not(:has(.slick-slider-new)) {
        padding: 0 30px;
    }
}

@media (max-width:367px) {

    .container,
    .container-new:not(:has(.slick-slider-new)) {
        padding: 0 20px;
    }
}

section {
    position: relative
}

.section .container>.py-5,
.section-new {
    padding: 60px 0;
    /* padding: 50px 0; */
    padding: 80px 0;
    overflow: hidden;
}

@media (max-width:992px) {

    .section .container>.py-5,
    .section-new {
        padding: 40px 0
    }
}

/* @media (max-width:567px) {
    .section-new {
        padding: 30px 0
    }
} */

.text-center {
    text-align: center
}

.site-map h2,
.card h3,
.card-header h3,
.card-text:first-child h3,
h2,
.main-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 45px !important;
    line-height: 120% !important;
    font-family: var(--font-poppins) !important
}

.max-w-80 {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

.main-subtitle,
.main-subtitle p,
.grid-new p.main-subtitle,
p.main-subtitle {
    color: var(--text-dark);
    font-size: 20px !important;
    margin-top: 8px;
    font-family: var(--font-poppins) !important;
    line-height: 150%;
}

.search-box {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 50px
}

.search-field {
    position: relative;
    flex: 1 1 auto;
    max-width: 480px;
    width: 100%
}

.search-field select,
.search-field input {
    width: 100%;
    height: 65px;
    padding: 0 14px;
    border-radius: 7px;
    border: none;
    background: var(--bg-dark);
    font-size: 20px;
    color: var(--text-dark);
    outline: none
}

.search-field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
    background-size: 17px;
}

.search-icon input {
    padding-left: 50px
}

.search-icon::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-image: url("../../assets/images/new/search-2.png");
    background-position: center;
    background-size: cover
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 25px
}

.service-card {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column
}

.service-card img {
    width: 100%;
    height: 445px;
    object-fit: cover;
    display: block;
    transition: all .3s ease-in-out;
    flex: 0 0 auto
}

.service-card:hover img {
    scale: 1.2
}

.service-card a {
    display: flex;
    flex: 1
}

.section-new.services-section a:hover {
    text-decoration: none;
}

.service-label {
    position: relative;
    bottom: 0;
    width: 100%;
    background: var(--primary);
    color: var(--white);
    text-align: center;
    font-weight: 600 !important;
    padding: 12px;
    font-size: 25px !important;
    text-transform: uppercase;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 125%;
}

.my-32 {
    margin: 0 40px;
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

@media (max-width:1192px) {

    .search-field,
    .search-field {
        max-width: 300px
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:992px) {
    .services-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px
    }

    .site-map h2,
    .card h3,
    .card-header h3,
    .card-text:first-child h3,
    h2,
    .main-title {
        font-size: 25px !important;
        text-align: center;
        padding: 0 4px;
    }

    .service-label {
        font-size: 18px !important
    }

    .main-subtitle p,
    p.main-subtitle,
    .grid-new p.main-subtitle,
    .main-subtitle {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .search-field select,
    .search-field input {
        font-size: 14px
    }
}

@media (max-width:768px) {
    .my-32 {
        margin: 0;
    }

    .service-card img {
        height: 337px;
    }

    .search-field select,
    .search-field input {
        width: 100%;
        height: 48px
    }


    .search-box {
        margin-bottom: 40px;
        flex-direction: column;
    }

    .search-field,
    .search-field {
        max-width: unset;
    }
}

/* @media (max-width:576px) {

    .main-subtitle p,
    p.main-subtitle,
    .main-subtitle {
        font-size: 15px !important;
        
    }
} */

.giving-grid {
    margin-top: 60px
}

.giving-grid .giving-card {
    height: 590px;
    margin: 0 12px;
    position: relative;
    transition: all .5s ease-in-out
}

/* .giving-grid .giving-card:hover {
    scale: 1.1
} */

.giving-card>div {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    background: var(--primary);
    color: var(--white);
    padding: 70px 31px 20px;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    height: 100%
}

.giving-card:nth-of-type(3) .main-title {
    max-width: 315px;
    margin: auto;
}

.giving-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 64px;
    background-image: url("../../assets/images/new/53.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    z-index: 2;
    pointer-events: none
}

.giving-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    width: 64px;
    height: 60px;
    background: var(--bg-dark);
    clip-path: polygon(100% 0px, 0 0, 100% 59%);
    z-index: 1
}

.giving-card p {
    font-size: 17px !important;
    line-height: 1.6
}

.giving-card .giving-foot {
    margin-top: auto
}

.giving-btn {
    padding: 12px 28px;
    width: 100%;
    border-radius: 4px;
    text-decoration: none;
    margin: auto auto 46px
}

.expiry-btn {
    margin-bottom: 0
}

.expiry {
    display: block;
    margin-top: 18px;
    font-size: 20px;
    margin-bottom: 3px;
}

@media (max-width:992px) {
    .giving-grid {
        margin-top: 30px
    }

    .giving-card::before {
        top: -1px
    }
}

@media (max-width:768px) {
    .giving-grid .giving-card {
        margin: 0 30px
    }

    .giving-grid.slick-slider-new .slick-prev {
        left: -12px
    }

    .giving-grid.slick-slider-new .slick-next {
        right: -12px
    }

    .giving-card p {
        font-size: 15px !important;
    }

    .giving-card>div {
        gap: 25px
    }
}

@media (max-width:420px) {
    .giving-card>div {
        padding: 70px 20px 20px
    }
}

.deserve-slider {
    margin-top: 40px
}

.deserve-slider.mt-0 {
    margin-top: 0;
}

.deserve-section .mb-5 {
    margin-bottom: 25px;
}

.deserve-card {
    background: var(--white);
    border-radius: 8px;
    margin: 0 12px;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.deserve-card img {
    width: 100%;
    height: 333px;
    object-fit: cover;
}

.deserve-info {
    padding: 45px 30px 30px;
    /* padding: 45px 30px; */
    display: flex;
    flex: 1;
    flex-direction: column
}

.deserve-card h3 {
    font-size: 25px !important;
    font-weight: 700;
    padding: 0px 15px;
    color: var(--primary);
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 140%;
}

.deserve-card p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 150%;
    margin-bottom: 16px
}

.deserve-card p:last-of-type {
    margin-top: auto;
    margin-bottom: 0
}

.deserve-btn {
    text-decoration: none
}

.deserve-info .deserve-btn {
    width: 100%;
    max-width: 250px;
    margin-top: 10px;
    font-size: 20px;
    line-height: 150%;
}

.slick-slider-new {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.slick-slider-new .slick-track {
    display: flex
}

.slick-slider-new .slick-slide img {
    flex: 0 0 auto
}

.slick-slider-new .slick-slide {
    height: auto;
    display: flex;
    flex-direction: column
}

.slick-slider-new p img {
    margin-left: 0;
    height: 85px;
    margin-right: auto;
    display: block;
    object-fit: contain;
    object-position: left
}

.slick-slider-new .slick-prev,
.slick-slider-new .slick-next {
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    background: var(--primary);
    border-radius: 50%;
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    color: transparent;
    border: none;
    z-index: 0
}

.slick-slider-new .slick-prev svg,
.slick-slider-new .slick-next svg {
    display: none
}

.slick-slider-new .slick-prev:before,
.slick-slider-new .slick-next:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--primary);
    opacity: .4;
    border-radius: 50%;
    animation: arrowPulse 1.5s ease-out infinite;
    z-index: -1
}

@keyframes arrowPulse {
    0% {
        transform: scale(1);
        opacity: .8
    }

    70% {
        transform: scale(1.2);
        opacity: .4
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

.timeline-slider-2 .timeline-slider {
    opacity: 0;
    transform: translateX(-25%);
    /* start from left */
    transition: all 0.8s ease;
}

.timeline-slider-2 .timeline-slider.active {
    opacity: 1;
    transform: translateX(0);
    /* move to original position */
}

.slick-slider-new .slick-prev::after {
    content: "";
    width: 12px;
    height: 12px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    margin-left: 4px
}

.slick-slider-new .slick-next::after {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg);
    margin-right: 4px
}

.timeline-slider-2 .slick-slider-new .slick-prev {
    left: unset !important;
    rotate: 180deg;
    z-index: 2 !important;
}

.timeline-slider-2 .slick-slider-new .slick-next {
    right: unset !important;
    rotate: 180deg;
    z-index: 2 !important;
}

.timeline-slider-2 .slick-slider-new .slick-next,
.slick-slider-new .slick-prev {
    left: -45px
}

.timeline-slider-2 .slick-slider-new .slick-prev,
.slick-slider-new .slick-next {
    right: -45px
}

.slick-slider-new .slick-prev:hover,
.slick-slider-new .slick-next:hover {
    background: #0097cf
}

@media (min-width:1430px) {
    .slick-slider-new {
        padding: 0 10px;
    }
}

@media (max-width:1024px) {

    .timeline-slider-2 .slick-slider-new .slick-next,
    .slick-slider-new .slick-prev {
        left: -10px;
        z-index: 1
    }

    .timeline-slider-2 .slick-slider-new .slick-prev,
    .slick-slider-new .slick-next {
        right: -10px;
        z-index: 1
    }
}

@media (max-width:768px) {
    .slick-slider-new .slick-dots {
        display: none !important
    }

    .slick-slider-new .slick-prev,
    .slick-slider-new .slick-next {
        width: 36px;
        height: 36px
    }

    .deserve-section .mb-5 {
        margin-bottom: 15px;
    }

    .deserve-info .deserve-btn {
        font-size: 18px;
        width: 200px;
    }

    .timeline-slider-2 .slick-slider-new .slick-next,
    .slick-slider-new .slick-prev {
        left: -5px;
        z-index: 1
    }

    .deserve-card h3 {
        padding: 0;
        font-size: 18px !important;
    }

    .deserve-slider {
        margin-top: 20px
    }

    .timeline-slider-2 .slick-slider-new .slick-prev,
    .slick-slider-new .slick-next {
        right: -5px;
        z-index: 1
    }

    .deserve-slider.slick-slider-new .slick-next,
    .deserve-slider.slick-slider-new .slick-prev {
        transform: translateY(0%);
        top: 350px;
    }

    .deserve-card img {
        margin-bottom: 0
    }

    .deserve-info {
        padding: 25px
    }
}

@media (max-width:768px) {

    .experts-section .slick-slider-new .slick-prev,
    .team-section .slick-slider-new .slick-prev {
        left: 5px
    }

    .experts-section .slick-slider-new .slick-next,
    .team-section .slick-slider-new .slick-next {
        right: 5px
    }
}

.top-alert {
    background: var(--primary);
    color: var(--white);
    text-align: center;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.top-alert marquee {
    width: 100%;
}

.top-alert ul {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 20px 10px;
}

.top-alert p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 20px 10px;
    gap: 15px;
    font-size: 25px !important;
    font-weight: 600;
    line-height: 150%;
}

@media (max-width:768px) {
    .top-alert p {
        font-size: 18px !important;
        display: block
    }

    .top-alert p .status-dot {
        margin-right: 10px
    }
}

.note-grid {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 48px;
    align-items: flex-start
}

.note-content {
    max-width: 700px
}

.note-image {
    position: relative
}

.note-image img {
    width: 100%;
    border-radius: 6px;
    display: block
}

.note-date {
    display: block;
    text-align: center;
    font-size: 12px;
    color: var(--text-dark);
    margin-top: 10px
}

.note-content h2 {
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 18px
}

.note-content ul li {
    margin-bottom: 8px;
    list-style: disc;
    margin-left: 15px
}

.note-content ul,
.note-content p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 1.5 !important;
    margin-bottom: 14px
}

.note-signature {
    font-family: cursive;
    font-size: 18px;
    color: var(--primary);
    margin-top: 20px
}

@media (max-width:1400px) {
    .note-grid {
        grid-template-columns: 1fr 1.3fr;
        gap: 20px
    }
}

@media (max-width:992px) {
    .note-grid {
        grid-template-columns: 1fr
    }

    .note-content {
        max-width: auto
    }

    .note-content .d-md-show {
        margin: 30px auto
    }

    .note-image {
        max-width: 420px;
        margin: 0 auto
    }

    .note-content {
        text-align: left
    }
}

.trust-slider {
    margin-top: 30px;

}

@media (max-width:992px) {
    .trust-slider {
        max-width: unset;
        /* max-width: 90% */
    }
}

.trust-card {
    position: relative;
    margin: 0 12px;
    border-radius: 8px;
    overflow: hidden
}

.play-btn {
    cursor: pointer
}

.trust-card img {
    width: 100%;
    /* height: 655px; */
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

.play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: var(--primary);
    border-radius: 50%
}

.play-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    border-left: 14px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent
}

.video-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .8);
    display: none;
    z-index: 10
}

.video-modal-docs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-wrapper {
    position: relative;
    width: 90%;
    max-width: 900px;
    aspect-ratio: 16 / 9
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}

iframe {
    border: none;
}

.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    padding: 0;
}

.reviews-section {
    background-image: url("../../assets/images/new/42.png");
    padding-top: 60px;
    padding-bottom: 1px;
    background-size: cover
}

.reviews-section.c-transparent-bg {
    background-image: none;
    background-color: var(--bg-dark);
}

.reviews-section p {
    color: #fff
}

.c-transparent-bg p {
    color: var(--text-dark);
}

.c-transparent-bg h2 {
    color: var(--primary);
}

.reviews-section .reviews-wrap {
    position: relative
}

.reviews-wrap {
    margin: 50px 0 30px 300px
}

.reviews-wrap .button {
    width: 250px;
}

.reviews-image {
    width: 365px;
    height: 434px;
    position: absolute;
    bottom: -30px;
    right: 90%;
    z-index: 1
}

.reviews-wrap .button-primary {
    border-color: var(--primary);
}

.reviews-slider {
    margin-right: -16px;
    width: 100%
}

.reviews-slider.slick-slider-new .slick-prev:before,
.reviews-slider.slick-slider-new .slick-next:before {
    background-color: var(--white);
}

.reviews-slider.slick-slider-new .slick-prev,
.reviews-slider.slick-slider-new .slick-next {
    background-color: var(--white);
    color: var(--primary)
}

.reviews-slider.slick-slider-new .slick-prev::after,
.reviews-slider.slick-slider-new .slick-next::after {
    border-color: var(--primary)
}

.review-card {
    background: #fff;
    color: #333;
    padding: 40px;
    border-radius: 8px;
    margin: 0 12px;
    position: relative
}

.google-mo {
    width: 28px;
    margin-left: auto
}

.review-user {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px
}

.review-user img {
    border-radius: 50%
}

.review-user span {
    display: block;
    font-size: 12px;
    color: #777
}

.stars {
    color: var(--primary);
    font-size: 14px;
    margin-bottom: 10px
}

.review-card p {
    font-size: 14px !important;
    line-height: 1.6;
    margin-bottom: 12px;
    color: var(--text-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 125px;
}

.review-card a {
    font-size: 13px;
    color: var(--primary);
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
}

.google-badge {
    position: absolute;
    bottom: 32px;
    right: 40px;
    background: #fff;
    color: #4285f4;
    font-weight: 700;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;

}

.reviews-cta {
    text-align: center;
    display: block;
    margin: 27px 0 0;
    position: relative;
    z-index: 1
}

.btn-primary {
    background: var(--primary);
    color: #fff;
    padding: 12px 32px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600
}

@media (min-width:768px) {
    .reviews-slider .slick-prev {
        display: none !important;
    }
}

@media (max-width:1199px) {
    .reviews-wrap {
        margin: 40px 0
    }

    .reviews-slider {
        margin-right: 0;
        width: 100%
    }

    .reviews-image {
        display: none
    }
}

@media (max-width:992px) {
    .reviews-section {
        padding: 30px 0;
    }

    .reviews-wrap {
        margin-bottom: 0;
    }

    .reviews-wrap {
        grid-template-columns: 1fr
    }

    .reviews-image {
        max-width: 300px;
        margin: 0 auto
    }

    .reviews-slider.slick-slider-new .slick-prev,
    .reviews-slider.slick-slider-new .slick-next {
        background-color: var(--primary);
        color: var(--white)
    }

    .reviews-slider.slick-slider-new .slick-prev:before,
    .reviews-slider.slick-slider-new .slick-next:before {
        background-color: var(--primary);
    }

    .reviews-slider.slick-slider-new .slick-prev::after,
    .reviews-slider.slick-slider-new .slick-next::after {
        border-color: var(--white)
    }

    .review-card {
        padding: 20px 30px;
    }
}

.customer-reviews {
    padding: 60px 0
}

.customer-reviews .main-title {
    text-align: center;
    color: var(--primary);
    margin-bottom: 40px
}

.reviews-summary {
    display: grid;
    grid-template-columns: 340px 1fr 280px;
    gap: 40px;
    align-items: center;
    margin-bottom: 35px
}

/* .rating-overall {
    text-align: left
} */

.rating-overall .stars {
    color: var(--primary);
    display: flex;
    font-size: 20px;
    margin-bottom: 0
}

.rating-overall .stars-info {
    display: flex;
    gap: 10px;
    align-items: center;
    /* justify-content: center */
}

.rating-overall .stars-info span {
    display: block;
    font-size: 20px
}

.rating-overall span {
    font-size: 20px;
    color: var(--text-dark)
}

.rating-bars {
    padding: 0 15px;
    border-left: 1px solid var(--bg-dark);
    border-right: 1px solid var(--bg-dark)
}

.rating-bars .bar-row {
    display: grid;
    grid-template-columns: 140px 1fr 80px;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px
}

.rating-bars span,
.rating-bars em {
    font-size: 33px;
    color: var(--primary);
    font-style: normal;
    display: flex
}

.rating-bars em {
    color: var(--text-dark);
    font-size: 20px
}

.bar {
    height: 33px;
    background: #e9e9e9;
    border-radius: 6px;
    overflow: hidden
}

.bar div {
    height: 100%;
    background: var(--primary)
}

.review-action {
    text-align: center
}

.review-search {
    margin: 30px 0;
    border-top: 1px solid var(--bg-dark);
    padding-top: 30px
}

.review-search-input {
    position: relative;
    max-width: 1010px;
    margin: auto
}

.review-search input {
    width: 100%;
    height: 57px;
    padding: 0 44px 0 16px;
    background: var(--bg-dark);
    color: var(--text-dark);
    border: none;
    border-radius: 6px;
    font-size: 20px
}

.search-icon-2 {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .6;
    font-size: 14px;
    display: flex;
}

.most-recent {
    padding: 15px 0;
    cursor: pointer
}

.most-recent img {
    rotate: 0deg;
    transition: all .3s ease-in-out
}

.most-recent.active img {
    rotate: 180deg
}

.most-recent button {
    font-size: 20px;
    color: var(--primary);
    display: flex;
    gap: 12px;
    background-color: transparent;
    border: none;
    padding: 0;
    height: auto;
}

.sort-dropdown {
    position: absolute;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    padding: 8px 0;
    width: 200px;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: var(--white);
}

.sort-dropdown li {
    padding: 10px;
    font-size: 16px;
    color: var(--text-dark);
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.sort-dropdown li:hover {
    color: var(--primary);
    background-color: var(--bg-dark);
}

.most-recent,
.review-list {
    border-top: 1px solid #eee;
}

.review-item {
    padding: 24px 0;
    border-bottom: 1px solid #eee;
}

.review-item:last-of-type {
    border-bottom: none;
}

.review-item .stars img {
    width: 150px;
}

.review-stars {
    display: flex
}

.review-stars img {
    margin-left: -10px;
    max-width: 127px;
}

.review-name {
    display: block;
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 6px;
    font-size: 25px;
}

.review-item p {
    font-size: 20px !important;
    color: var(--text-dark);
    line-height: 1.6;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-item a {
    font-size: 20px;
    color: var(--primary);
    text-decoration: none;
    text-decoration: underline
}

.reviews-footer {
    text-align: center;
    margin-top: 30px
}

.reviews-footer .button {
    width: 100%;
    max-width: 250px;
}

@media (max-width:1430px) {
    .reviews-summary {
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center
    }

    .rating-bars {
        margin: 0 auto;
        width: 100%;
        border: none
    }
}

@media (max-width:993px) {
    .customer-reviews {
        padding: 30px 0
    }

    .rating-overall .stars-info {
        justify-content: center;
    }

    .review-item p {
        -webkit-line-clamp: 5;
    }

    .customer-reviews .main-title {
        margin-bottom: 22px
    }

    .review-item a {
        font-size: 15px;
    }
}

@media (max-width:567px) {
    .rating-bars .bar-row {
        grid-template-columns: 120px 1fr 40px
    }

    .rating-bars .bar-row:last-of-type {
        margin-bottom: 0
    }


    .review-name,
    .rating-overall .stars-info span,
    .rating-overall span {
        font-size: 18px !important;
    }

    .rating-bars {
        padding: 0
    }

    .review-item p,
    .rating-bars em {
        font-size: 15px !important;
    }

    .review-item .stars img {
        width: 120px;
    }

    .bar {
        height: 22px
    }
}

.support-locals {
    position: relative;
    padding-top: 100px
}

.support-grid {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 48px
}

.support-content ul li {
    margin-bottom: 8px;
    margin-left: 15px;
    list-style: disc
}

.support-content ul,
.support-content p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 1.5 !important;
    margin-bottom: 14px
}

.support-content .support-image {
    margin: 30px auto
}

.support-image img {
    width: 100%;
    border-radius: 6px;
    display: block
}

@media (max-width:1400px) {
    .support-grid {
        grid-template-columns: 1.3fr 1fr;
        gap: 20px
    }
}

@media (max-width:992px) {
    .support-grid {
        grid-template-columns: 1fr
    }

    .support-image {
        max-width: 420px;
        margin: 0 auto
    }
}

.team-section {
    background: var(--white);
    text-align: center
}

.team-section.bg-white {
    background: var(--white);
}

.team-section.bg-dark {
    background-color: var(--bg-dark);
}

.team-title {
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 40px
}

.team-slider {
    margin: 0 -12px;
    /* margin-top: 40px */
}

.team-section:has(.container-new>p) .team-slider {
    margin-top: 40px
}

.team-card {
    padding: 0 12px
}

.team-img img {
    width: 100%;
    height: 320px;
    object-position: bottom;
    display: block
}

.team-role {
    font-size: 20px !important;
    font-weight: 600;
    color: var(--primary);
    margin-top: 12px;
    line-height: 1.4 !important
}

.team-section .team-cta {
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.team-section .team-cta .button {
    min-width: 300px;
}

.btn-primary {
    background: var(--primary);
    color: var(--white);
    padding: 12px 32px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none
}

.team-slider .slick-prev:before,
.team-slider .slick-next:before {
    color: var(--primary);
    font-size: 28px
}

@media (max-width:1024px) {
    .team-title {
        font-size: 20px
    }
}

@media (max-width:768px) {
    .team-section .team-cta {
        margin-top: 30px;
    }

    .team-role {
        font-size: 18px !important
    }
}

.team-growth-grid {
    display: grid;
    grid-template-columns: 460px 1fr;
    gap: 48px
}

.team-growth-image img {
    width: 100%;
    display: block;
    border-radius: 6px
}

.team-growth-content h2 {
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 16px
}

.team-growth-content .team-growth-image {
    margin: 30px auto
}

.team-growth-content ul li {
    margin-bottom: 8px;
    margin-left: 15px;
    list-style: disc
}

.team-growth-content ul,
.team-growth-content p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 1.5 !important;
    margin-bottom: 14px
}

@media (max-width:1400px) {
    .team-growth-grid {
        grid-template-columns: 1fr 1.3fr;
        gap: 20px
    }
}

@media (max-width:992px) {
    .team-growth-grid {
        grid-template-columns: 1fr
    }

    .team-growth-image {
        max-width: 460px;
        margin: 0 auto
    }
}

.experts-section {
    padding-bottom: 0;
    margin-bottom: -25px
}

.experts-slider {
    margin: 0 -12px
}

.expert-card {
    padding: 0 12px
}

.expert-img {
    height: 360px;
    display: flex;
    align-items: end;
}

.expert-img img {
    width: 100%;
    object-position: bottom;
    object-fit: cover;
    display: block
}

.expert-rating {
    margin-top: 10px;
    color: #fbbc04;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

/* .expert-rating img {
    width: 160px
} */

.expert-rating span {
    color: var(--text-dark);
    font-weight: 500;
    /* margin-left: 4px */
}

.experts-cta {
    margin-top: 38px;
    text-align: center;
    position: relative;
    z-index: 1
}

@media (max-width:1440px) {
    .expert-img {
        height: auto;
        flex: 1;
        max-width: 320px;
        margin: auto;
    }

    .expert-img img {
        object-fit: contain;
    }
}

@media (max-width:440px) {

    .team-img img,
    .expert-img {
        max-width: 280px;
        margin: auto;
        height: auto;
    }
}

@media (max-width:1024px) {
    .experts-title {
        font-size: 20px
    }
}

.timeline-section {
    overflow: hidden
}

.timeline {
    position: relative;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.timeline-line {
    position: absolute;
    top: 85%;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary);
    transform: scaleX(3)
}

.timeline-item {
    position: relative;
    text-align: center;
    width: 45%
}

.timeline-item p {
    font-size: 13px;
    color: var(--primary);
    font-weight: 600
}

.timeline-item .timeline-dot {
    position: absolute;
    bottom: 3px;
    left: 50px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.timeline-item .timeline-dot .dot {
    width: 12px;
    height: 12px;
    background: var(--primary);
    border-radius: 50%;
    display: block
}

.timeline-item.right img {
    margin-bottom: 20px
}

/* .timeline-slider {
    margin: 0 -12px
} */

.timeline-card {
    background: #fff;
    border-radius: 6px;
    padding: 40px;
    margin: 0 12px;
    min-height: 355px;
    border-left: 20px solid var(--primary);
    flex: 1
}

.timeline-card h3 {
    color: var(--primary);
    font-size: 25px !important;
    font-weight: 600;
    margin-bottom: 40px
}

.timeline-card p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 1.5 !important;
    margin-bottom: 12px;
    /* padding-left: 15px; */
}

.timeline-slider .slick-prev:before,
.timeline-slider .slick-next:before {
    color: var(--primary);
    font-size: 28px
}

@media (min-width:1500px) {
    .timeline-card p {
        max-width: 90%;
    }
}

@media (max-width:576px) {
    .timeline-card h3 {
        font-size: 25px !important;
    }
}

/* ===============================
   CAR DRIVE ANIMATION
=============================== */

/* Default hidden position */

/* .timeline-slider .timeline-item img {
    transform: translateX(-120px) scale(0.95);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
} */

/* Active slide car enters */
/* .timeline-slider .slick-active .timeline-item img {
    transform: translateX(0) scale(1);
    opacity: 1;
} */


/* .timeline-slider .slick-active + .slick-slide .timeline-item img {
    transform: translateX(120px) scale(0.95);
    opacity: 0;
} */

/* Smooth floating effect */
/* .timeline-slider .slick-active .timeline-item img {
    animation: carFloat 3s ease-in-out forwards;
} */
.timeline-slider-3 .slick-active .timeline-item img {
    animation: none;
}

@keyframes carFloat {
    0% {
        transform: translateX(-300px);
    }

    70% {
        transform: translateX(20px);
    }

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

@media (max-width:992px) {
    .timeline {
        flex-direction: column;
        gap: 30px
    }

    .timeline-item.right {
        display: none
    }

    .timeline-item .timeline-dot {
        bottom: -15px
    }

    .timeline-item {
        width: 100%
    }

    .timeline-item img {
        max-width: 220px
    }

    .timeline-card h3 {
        margin-bottom: 20px
    }

    .timeline-card {
        margin: 0 20px;
        padding: 25px 30px
    }

    .timeline-slider.slick-slider-new .slick-prev {
        left: 5px
    }

    .timeline-card p {
        padding-left: 0
    }

    .timeline-slider.slick-slider-new .slick-next {
        right: 5px
    }
}


@media (max-width:567px) {
    .timeline-item .timeline-dot {
        bottom: -15px
    }

    .timeline-slider.slick-slider-new .slick-next {
        right: -12px;
    }

    .timeline-slider.slick-slider-new .slick-prev {
        left: -12px;
    }

    .timeline-card {
        margin: 0 10px;
    }
}

.community-section h2 {
    margin-bottom: 40px;
}

.timeline-slider-2.community-section h2 {
    margin-bottom: 0
}

.community-grid {
    display: grid;
    grid-template-columns: 1fr 510px;
    padding-bottom: 25px;
    height: 100%;
    overflow: auto;
    position: relative
}

.community-grid.layout-rl-div {
    grid-template-columns: 510px 1fr;
}

.community-content {
    padding: 55px;
    border-radius: 7px 0 0 7px;
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 500px
}

.community-grid.layout-rl-div .community-content {
    border-radius: 0 7px 7px 0;
}

.community-content ul li {
    margin-bottom: 8px;
    margin-left: 15px;
    list-style: disc
}

.community-content ul,
.community-content p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 150% !important;
    margin-bottom: 14px
}

.community-actions {
    display: flex;
    gap: 12px;
    margin-top: auto;
    flex-wrap: wrap;
    bottom: 0;
    height: auto;
    /* margin-bottom: 20px; */
    left: 0;
    justify-content: center;
    position: absolute;
    width: calc(100% - 510px);
}

.community-actions .button {
    padding: 12px 13px;
    max-width: unset;
    min-width: 320px;
}

.btn-outline {
    padding: 10px 20px;
    border: 2px solid var(--primary);
    color: var(--primary);
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none
}

.btn-primary {
    padding: 10px 20px;
    background: var(--primary);
    color: var(--white);
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none
}

.community-image {
    height: 500px
}

.community-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0 7px 7px 0;
}

.community-grid.layout-rl-div .community-image img {
    border-radius: 7px 0 0 7px;
}

.community-slider .slick-prev:before,
.community-slider .slick-next:before {
    color: var(--primary);
    font-size: 28px
}

.community-slider .trust-card {
    margin: 0;
    height: 100%;
    border-radius: 0
}

@media (max-width:1400px) {
    .community-grid.layout-rl-div {
        grid-template-columns: 1fr 1.3fr;
    }

    .community-grid {
        grid-template-columns: 1.3fr 1fr;
        padding: 0 10px 30px;
    }

    .community-actions {
        width: calc(100% - 410px);
    }

    .community-actions {
        margin-bottom: 0;
    }
}

@media (max-width:1300px) {
    .community-actions {
        width: calc(100% - 350px);
        flex-direction: row !important;
    }
}

@media (max-width:992px) {
    .community-section h2 {
        margin-bottom: 30px;
    }




    .timeline-slider.slick-slider-new::before,
    .timeline-slider.slick-slider-new::after {
        content: '';
        width: 20px;
        height: calc(100% - 250px);
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    .timeline-slider.slick-slider-new::before {
        left: 0;
    }

    .timeline-slider.slick-slider-new::after {
        right: 0;
    }

    .bg-dark:has(.slick-slider-new) .slick-slider-new::before,
    .bg-dark:has(.slick-slider-new) .slick-slider-new::after {
        background-color: var(--bg-dark);
    }

    .bg-white:has(.slick-slider-new) .slick-slider-new::before,
    .bg-white:has(.slick-slider-new) .slick-slider-new::after {
        background-color: var(--white);
    }

    .timeline-slider-2 .slick-arrow {
        z-index: 2;
    }

    .timeline-slider-2.community-section h2 {
        margin-bottom: 0;
    }

    .community-grid.layout-rl-div,
    .community-grid {
        grid-template-columns: 1fr;
        margin: 0 5px;
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }

    .community-actions {
        height: auto;
        position: unset;
        width: 100%;
        flex-direction: column !important;
    }

    .community-image {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        height: 350px;
    }

    .community-grid.layout-rl-div .community-image img,
    .community-image img {
        border-radius: 7px 7px 0 0
    }

    .community-actions {
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    .community-actions .button {
        width: 100%;
    }


    .community-grid.layout-rl-div .community-content,
    .community-content {
        padding: 20px 30px;
        border-radius: 0 0 7px 7px;
    }

    .community-grid {
        padding-bottom: 0;
    }
}

@media (max-width: 567px) {

    .timeline-slider.slick-slider-new::before,
    .timeline-slider.slick-slider-new::after {
        content: '';
        width: 10px;
    }
}

.community-actions .button:last-of-type {
    display: none
}

@media (max-width:768px) {
    .community-slider .slick-prev {
        left: -10px
    }

    .community-slider .slick-next {
        right: -10px
    }

    .community-image {
        height: 300px;
    }
}

.believe-section {
    position: relative;
    background: url("../../assets/images/new/42.png") center/cover no-repeat;
    padding: 0 20px
}

.believe-section .container-new {
    padding: 80px 0;
    position: relative
}

.believe-wrap {
    background: var(--white);
    border-radius: 8px;
    padding: 60px 40px 60px 60px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: center
}

.believe-content h2 {
    font-weight: 700;
    margin-bottom: 25px
}

.believe-content ol {
    padding-left: 20px;
    list-style: decimal;
    color: var(--white)
}

.believe-content ol li {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 150%;
}

.believe-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px
}

.believe-list li {
    font-size: 15px;
    color: var(--text-dark);
    line-height: 1.5 !important;
    margin-bottom: 10px
}

.believe-list strong {
    color: var(--primary)
}

.believe-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 20px
}

.believe-actions .button {
    max-width: none;
    font-size: 20px;
    text-transform: capitalize;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    height: auto;
}

.believe-section .layout-rl-div {
    display: none
}

.believe-section.layout-rl .layout-rl-div {
    display: block
}

.believe-section.layout-rl .believe-wrap {
    grid-template-columns: 300px 1fr
}

.believe-section.layout-rl .believe-image img {
    left: 0
}

.believe-section-2.layout-rl .believe-actions h3 {
    text-align: right
}

.believe-section.layout-rl .believe-actions {
    justify-content: flex-end
}

.believe-section.believe-section-2 .believe-actions .button {
    font-size: 15px;
    color: var(--white)
}

.believe-section.believe-section-2 .believe-actions .button:hover {
    background-color: var(--white);
    color: var(--text-dark)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-poppins) !important
}

.glass-panel h3,
.believe-section-2 .believe-actions h3 {
    width: 100%;
    font-size: 25px !important;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 0;
    text-transform: uppercase
}

.glass-panel h3 {
    margin-bottom: 20px;
}

.believe-section-3 h2.main-title {
    grid-column: span 2;
    margin-bottom: 30px
}

.believe-section-2 .believe-wrap {
    gap: 0
}

.believe-section-2 p {
    color: var(--white);
    margin-bottom: 10px;
    line-height: 150%;
}

.believe-image img {
    display: block;
    border-radius: 6px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 400px;
    width: 380px;
}

.glass-light {
    background: rgba(255, 255, 255, .30);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .8);
    /* border-radius: 14px; */
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5);
    will-change: backdrop-filter;

}

.glass-light-2 {
    background: rgba(255, 255, 255, 0.19);
}

.section-new .glass-panel a.glass-light {
    color: var(--white);
    max-width: unset;
    height: auto;
    margin-top: 20px;
}

.section-new .glass-panel a.glass-light:hover {
    text-decoration: none;
}

.believe-section-3 .believe-content div:last-of-type {
    display: none
}

@media (min-width:1500px) {
    .believe-section-3 .believe-image img {
        width: 380px
    }

    /* .believe-section-3 .believe-image img {
        width: 330px
    } */
}

@media (max-width:1430px) {
    .believe-wrap {
        grid-template-columns: 1fr 200px
    }

    .believe-section.layout-rl .believe-wrap {
        grid-template-columns: 200px 1fr
    }

    .believe-image img {
        width: 300px
    }

    .believe-actions .button {
        font-size: 18px;
    }

}

@media (max-width:1200px) {
    .believe-actions {
        flex-direction: column
    }
}

@media (max-width:992px) {
    .believe-wrap {
        grid-template-columns: 1fr;
        text-align: left;
        padding: 40px 30px;
        padding-bottom: 0
    }

    .glass-light {
        backdrop-filter: unset;
    }

    .believe-section.layout-rl .believe-wrap {
        grid-template-columns: 1fr
    }

    .believe-section.layout-rl .layout-rl-div {
        display: none
    }

    .believe-section.layout-rl .believe-image img {
        left: unset
    }

    .believe-section-2 .believe-wrap {
        padding: 40px 30px;
    }


    .believe-section-3 h2.main-title {
        margin-bottom: 15px
    }

    .believe-section-3 .believe-content div:last-of-type {
        display: block;
        height: 250px
    }

    .believe-image {
        max-width: 260px;
        margin: 0 auto
    }

    .believe-actions .button {
        max-width: calc(100% - 100px);
        height: fit-content;
        text-align: center;
        padding: 10px;
        font-size: 15px
    }

    .believe-section-3 .believe-image img {
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .believe-image img {
        max-width: 250px;
    }
}

@media (max-width:768px) {

    .believe-actions .button {
        max-width: 300px;
        width: 100%;
    }

    .believe-section-3 .believe-content div:last-of-type {
        display: block;
        height: 200px
    }

    .believe-section-2 p {
        line-height: 140% !important;
        margin-bottom: 17px;
    }

    .believe-image img {
        max-width: 200px;
        /* right: -20px */
    }
}

@media (max-width:568px) {

    /* .believe-section-2 .believe-wrap {
        padding: 20px
    } */
    .believe-section.believe-section-2 .believe-actions .button {
        padding-left: 27px;
        padding-right: 27px;
    }

    .believe-image img {
        max-width: 200px;
        right: -20px
    }

    .believe-section .container-new {
        padding-bottom: 50px;
    }

    .glass-panel h3,
    .believe-section-2 .believe-actions h3 {
        font-size: 18px !important;
    }

    .believe-section-2 .believe-actions h3 {
        margin: 10px 0;
    }

    .believe-actions .button {
        max-width: 210px
    }

    .believe-section-3 .believe-content div:last-of-type {
        height: 180px
    }

    .believe-wrap {
        padding: 20px;
        padding-bottom: 0
    }
}

@media (max-width:410px) {
    .believe-image img {
        max-width: 190px;
    }
}

.faq-title {
    text-align: center;
    color: var(--primary);
    font-weight: 700;
    padding-top: 40px;
    margin-bottom: 40px
}

.faq-grid {
    background: #ffffff;
    border-radius: 6px;
    padding: 30px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.faq-section {
    padding-top: 80px;
    padding-bottom: 80px
}

.faq-item {
    border-bottom: 2px solid var(--primary)
}

.faq-section .container-new {
    border-radius: 7px;
}

.faq-section .main-title {
    padding-top: 50px
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 14px 0;
    font-size: 15px;
    line-height: 1.5 !important;
    color: var(--primary);
    cursor: pointer;
    font-weight: 400;
    position: relative;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: start;
}

.faq-question::before {
    content: url("../../assets/images/new/ar.png");
    font-size: 10px;
    margin-right: 8px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.faq-item.active .faq-question::before {
    transform: rotate(90deg)
}

.faq-answer {
    display: none;
    overflow: hidden;
    transition: max-height .3s ease
}

.faq-answer ol,
.faq-answer ul,
.faq-answer p {
    font-size: 13px !important;
    color: var(--text-dark);
    line-height: 1.6;
    padding-bottom: 14px;
    padding-left: 15px;
}

.faq-answer ol,
.faq-answer ul {
    padding-left: 30px;
    list-style: disc;
}

.faq-answer ol li,
.faq-answer ul li {
    padding-bottom: 3px;
}

.faq-answer ol {
    list-style: decimal;
}

.faq-answer a {
    position: relative;
    display: inline-block;
}

.faq-answer a::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 50px;
    background-color: var(--primary);
    left: 0;
    bottom: -2px;

}

.faq-answer a:hover:after {
    width: 100%;
}

.faq-cta {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1
}

@media (max-width:993px) {
    .faq-section {
        padding: 40px 30px;
    }

    .faq-section .container-new {
        padding-left: 15px;
        padding-right: 15px;
    }


    .faq-cta {
        margin-top: 0px;
    }

    .faq-grid {
        grid-template-columns: 1fr;
        padding: 18px 0 24px;
        gap: 0
    }
}

.daily-slider {
    margin: 40px auto 20px
}

.daily-card {
    position: relative;
    padding: 0 15px
}

.daily-card video,
.daily-card img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 4px;
    display: block;

}

.daily-card video {
    object-position: top;
    /* object-fit: contain; */
}

.daily-count {
    position: absolute;
    bottom: 8px;
    left: 12px;
    color: #fff;
    font-size: 12px;
    display: flex;
    gap: 10px;
    padding-left: 15px;
    align-items: center;
}

.daily-count button {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: none;
    pointer-events: none;
    padding: 0;
}

.daily-count button img {
    width: 15px;
    height: 15px;
}

.instagram-play,
.daily-count button.instagram-play {
    pointer-events: all;
    cursor: pointer;
}

.instagram-play .daily-count img {
    width: 20px;
    height: 20px;
}

.daily-cta {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

.daily-cta .button {
    display: flex;
    gap: 10px;
    max-width: unset;
    text-transform: capitalize;
    font-size: 20px;
}

.section-new .daily-cta a.button:hover,
.daily-cta .button:hover {
    background-color: var(--primary);
    color: var(--white)
}

.daily-cta .button img {
    width: 25px;
}

@media (max-width:993px) {
    .faq-section+.daily-section {
        padding-top: 20px;
    }

    .daily-cta {
        margin-top: 25px;
    }
}

@media (max-width:640px) {
    /* .daily-section {
        padding-top: 80px
    } */

    .daily-card {
        padding: 0 8px;
        margin: 0 20px
    }

    .daily-slider {
        margin-top: 20px
    }

    .daily-slider.slick-slider-new .slick-prev {
        left: -12px
    }

    .daily-slider.slick-slider-new .slick-next {
        right: -12px
    }

    .faq-section+.daily-section {
        padding-top: 20px;
    }

    .daily-cta .button {
        padding: 12px;
        width: 334px;
        font-size: 18px !important;
    }
}

@media (max-width:410px) {
    .daily-cta .button {
        width: 288px;
        font-size: 16px !important;
    }
}

.request_a_call_back-section {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100%)
}

.request_a_call_back_container {
    display: grid;
    grid-template-columns: 545px 1fr
}

.request_a_call_back_container .request_a_call_back_image {
    position: relative;
    display: flex;
}

.request_a_call_back_container img {
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    max-height: 575px;
    object-position: top;
}

.request_a_call_back_form {
    padding: 60px 70px
}

.request_a_call_back_form .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 60px
}

.request_a_call_back_form .form-group {
    display: flex;
    flex-direction: column
}

.request_a_call_back_form .form-group input,
.request_a_call_back_form .form-group select {
    height: 65px;
    padding: 0 30px;
    font-size: 20px;
    border: 1px solid var(--bg-dark);
    border-radius: 7px;
    background: var(--bg-dark);
    color: var(--text-dark);
    outline: none
}

.request_a_call_back_form .form-group select {
    background-image: url("../../assets/images/new/ab.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    appearance: none
}

.request_a_call_back_form .err {
    font-size: 11px;
    color: red;
    padding-top: 4px
}

.request_a_call_back_form .button {
    max-width: unset;
    width: 100%;
    height: 100%
}

@media (max-width:1400px) {
    .request_a_call_back_container {
        grid-template-columns: 1fr 1.3fr
    }

    .request_a_call_back_form {
        padding: 30px
    }
}

@media (max-width:1100px) {
    .request_a_call_back_form .form-grid {
        margin-top: 40px
    }

    .request_a_call_back_form .form-grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:992px) {
    .request_a_call_back_container {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column-reverse;
        gap: 20px
    }

    .request_a_call_back-section p {
        text-align: center;
    }

    .request_a_call_back_container img {
        position: unset
    }

    .request_a_call_back_form {
        max-width: 100%;
        padding: 40px 30px;
    }

    .request_a_call_back_form .form-group input,
    .request_a_call_back_form .form-group select {
        height: 50px;
        font-size: 15px
    }
}

.insta-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10
}

.insta-modal-docs {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0
}

.insta-modal-inner {
    position: relative;
    width: 90%;
    max-width: 420px;
    background: #000;
    max-height: 650px
}

.insta-modal video,
.insta-modal iframe {
    width: 100%;
    aspect-ratio: 9 / 16;
    height: auto;
    border: 0
}

.insta-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background: rgba(0, 0, 0, .8);
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
    width: 30px;
    height: 30px;
    padding: 0;
}

.footer_new {
    position: relative;
    background-color: var(--primary);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #C7EDFB 16%, #5BCAF3 43%, #02B5F7 58%, #00ADED 81%);
    margin-top: -20px;
}

.request-gradient {
    position: absolute;
    top: -125px;
    left: 0;
    width: 100%;
    height: 850px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #C7EDFB 16%, #5BCAF3 43%, #02B5F7 58%, #00ADED 81%);
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #C7EDFB 16%, #5BCAF3 43%, #02B5F7 58%, #0000 81%); */
    /* background-image: url(../../assets/images/new/gradient.png) */
}

.footer_new-container {
    position: relative;
    z-index: 2;
    max-width: 1240px;
    margin: 0 auto;
    padding: 200px 20px 40px;
    padding: 150px 30px 40px;
}

.footer_new-grid {
    display: grid;
    grid-template-columns: 300px 1fr 1fr 370px;
    gap: 20px
}

.who-we-support {
    grid-column: 1 / span 3;
    grid-row: 2
}

.footer-info {
    grid-column: 4;
    grid-row: 1 / span 2
}

.footer_new-col h3 {
    font-size: 25px !important;
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: var(--white)
}

.footer_new-col ul {
    list-style: none;
    padding: 0
}

.footer_new-col ul li {
    margin-bottom: 8px
}

.footer_new-col ul li a {
    color: var(--white);
    text-decoration: none;
    display: flex;
    font-size: 15px;
    line-height: normal;
    gap: 10px
}

.footer_new-col ul li a::after {
    content: url("../../assets/images/new/downArrow.png");
    rotate: -90deg
}

.footer_new-col.who-we-support ul li a::after,
.footer_new-col.footer-info ul li a::after {
    content: '';
    display: none
}

.who-we-support ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.who-we-support ul li {
    margin: 0;
    display: flex;
    align-items: end
}

.footer_new-social {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: nowrap
}

.footer_new-social img {
    width: 40px;
    height: 40px;
    transition: all .2s ease-in-out;
    transform: translateY(0);
}

.footer_new-social a {

    display: flex;
}

.footer_new-social a:hover img {
    transform: translateY(-10px)
}

.footer_new-bottom {
    margin: 30px auto;
    text-align: center;
    color: var(--white);
    max-width: 180px
}


@media (max-width:1100px) {
    .footer_new-bottom {
        margin: 30px auto 60px
    }
}

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

@media (max-width:992px) {
    .footer_new-grid {
        grid-template-columns: 1fr 1fr
    }

    .request-gradient {
        top: -155px;
    }

    .footer_new {
        background: var(--primary);
    }

    .footer-info,
    .who-we-support {
        grid-column: unset;
        grid-row: unset
    }
}

/* @media (max-width:768px) {
    .footer_new-col h3 {
        font-size: 22px !important;
    }
} */

@media (max-width:600px) {
    .footer_new-grid {
        grid-template-columns: 1fr
    }

    .footer_new-container {
        padding-top: 100px
    }
}

.footer_new-col .footer-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    font-size: 15px;
    margin-bottom: 20px;
    color: var(--white)
}

.info-icon {
    min-width: 40px;
    height: 40px;
    background: var(--white);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1
}

.info-icon img {
    width: 27px;
    height: 27px;
    object-fit: contain;
    object-position: center;
}

.footer-info-list strong {
    font-weight: 600;
    display: block;
    margin-bottom: 2px
}

.footer-info-list p {
    margin: 0;
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}

.footer_new-col ul.footer-info-list li a .footer-info-list p a {
    display: inline-flex
}

.grid-new {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    color: var(--text-dark)
}

.grid-new-col-1 {
    grid-column: span 1
}

.grid-new-col-2 {
    grid-column: span 2
}

.grid-new-col-3 {
    grid-column: span 3
}

.grid-new-col-4 {
    grid-column: span 4
}

.grid-new-col-5 {
    grid-column: span 5
}

.grid-new-col-6 {
    grid-column: span 6
}

.grid-new-col-7 {
    grid-column: span 7
}

.grid-new-col-8 {
    grid-column: span 8
}

.grid-new-col-9 {
    grid-column: span 9
}

.grid-new-col-10 {
    grid-column: span 10
}

.grid-new-col-11 {
    grid-column: span 11
}

.grid-new-col-12 {
    grid-column: span 12
}

.grid-new img {
    max-width: 100%
}

.grid-new .docs {
    margin: 40px auto 0
}

.grid-new .docs.mt-0 {
    margin-top: 0;
}

.grid-new .add-gap table td:last-of-type,
.grid-new .docs table td:last-of-type {
    text-align: right
}

.grid-new .add-gap table,
.grid-new .docs table {
    margin-top: 15px;
    margin-bottom: 15px
}

.grid-new .docs table p.c-william-sign,
.grid-new .docs table p img.c-william-sign,
.grid-new .add-gap table .button,
.grid-new .docs table .button {
    margin-top: 35px;
}

.grid-new .docs table .button {
    min-width: 240px;
}

.grid-new .docs table p.c-william-sign {
    font-size: 18px;
    line-height: 150%;
    /* font-family: Miama; */
}

.grid-new .add-gap table td p,
.grid-new .docs table td p {
    margin-bottom: 0 !important
}

.content-highlight p,
.card p,
.card-body p,
.card-text:last-child p,
.grid-new ul,
.grid-new p {
    font-size: 15px !important;
    margin-bottom: 20px;
    line-height: 150%;
}

.grid-new strong {
    /* font-size: 18px; */
    font-size: 16px;
    /* margin-bottom: 15px; */
    /* display: block; */
    font-weight: 600;
    /* color: var(--primary) */
}

.grid-new p:last-of-type {
    margin-bottom: 0
}

.grid-video {
    position: relative;
    width: fit-content;
    margin: 0 auto
}

.grid-new ul {
    list-style: disc;
    padding-left: 20px
}

.grid-button {
    position: absolute;
    margin: 0 auto -30px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.box {
    overflow: hidden;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.box-content {
    padding: 40px 40px 20px;
    flex: 1;
}

.box-text {
    margin-top: 40px
}

.box-badge-img {
    float: right;
    margin-top: 20px;
    margin-left: 16px;
    shape-margin: 20px
}

.bg-img {
    background-repeat: no-repeat;
    background-size: cover
}

.bg-blur-70 {
    /* backdrop-filter: blur(70px);
    -webkit-backdrop-filter: blur(70px);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(35px); */

    background: rgba(255, 255, 255, .28);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, .4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .12);
}

.tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.grid-new ul.tab-list {
    padding: 0;
    margin: 0
}

.tabs h5 {
    font-size: 30px !important;
    font-weight: 600
}

.tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.tab {
    cursor: pointer;
    opacity: .6;
    margin-bottom: 20px
}

.tab:last-of-type {
    margin-bottom: 0;
}

.tab.active {
    opacity: 1
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.glass-panel {
    border-radius: 7px;
    padding: 60px;
    color: #fff
}

.glass-panel h2.mb-5 {
    margin-bottom: 40px
}

.glass-panel strong {
    font-size: 18px;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--white);
}

.tab-pane strong {
    font-size: 18px;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--white)
}

.tabs-mobile {
    display: none
}

.about-wrap-img-mob {
    border-radius: 7px;
    overflow: hidden
}

.about-wrap {
    border-radius: 7px;
    overflow: hidden
}

.about-wrap img {
    float: right;
    margin-left: 16px;
    shape-margin: 20px
}

.c-out-box-img p {
    width: 76%;
}

.about-wrap-docs {
    padding: 40px 30px;
}

.section.pt-80:has(.c-out-box-img p:nth-child(4)) {
    padding-bottom: 80px;
}

@media (max-width:1430px) {
    .c-out-box-img p {
        width: 100%;
    }

    .section.pt-80:has(.c-out-box-img) {
        padding-bottom: 80px;
    }
}

@media (min-width:993px) {
    .grid-new>div {
        display: flex !important;
        flex-direction: column
    }

    .about-wrap-docs {
        padding: 40px;
    }

    .grid-new .docs {
        margin-top: 40px;
    }

    .grid-new>div.about-wrap-img-mob {
        display: none !important
    }
}

@media (max-width:1300px) {
    .grid-new {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 20px
    }

    .box-text {
        margin-top: 20px
    }

    .box-content {
        padding: 20px
    }

    .grid-new img {
        margin: 20px auto 0
    }

    .grid-new>div {
        grid-column: span 1 !important
    }

    .box-badge-img {
        width: 160px;
        margin-top: 20px;
        margin-left: 10px;
        shape-margin: 5px
    }
}

@media (max-width:993px) {
    .grid-new {
        padding: 0
    }

    .section.pt-80:has(.c-out-box-img p:nth-child(4)),
    .section.pt-80:has(.c-out-box-img) {
        padding-bottom: 40px;
    }

    .tabs-mobile h5.tab {
        font-size: 18px !important;
        margin-bottom: 0 !important;
        font-weight: 600
    }

    .tabs {
        display: none;
        margin-bottom: 0
    }

    .tabs-mobile {
        display: grid;
        gap: 15px
    }

    .glass-panel {
        padding: 40px 30px
    }

    .tabs-mobile .tab-pane {
        margin-top: 25px
    }

    .tab-pane strong {
        font-size: 15px;
        margin-bottom: 10px
    }

    .grid-new .glass-panel p:last-of-type {
        margin-bottom: 0;
    }

    .glass-panel strong {
        font-size: 15px;
        margin-bottom: 15px
    }

    .glass-pane {
        padding: 30px
    }

    .grid-new .about-wrap-img-mob img {
        margin-top: 0
    }

    .grid-new strong {
        font-size: 15px
    }

    /* .grid-new .docs table td:last-of-type a {
        display: none
    } */

    .grid-new .docs table p.c-william-sign,
    .grid-new .docs table p img.c-william-sign,
    .grid-new .add-gap table .button,
    .grid-new .docs table .button {
        margin-top: 10px;
    }

    .grid-new .docs a:has(.button) {
        display: flex;
    }

    .grid-new .docs .button {
        margin-left: auto;
        margin-right: auto;
    }
}

.grid-new .docs .button {
    min-width: 240px;
}

.grid-new .add-gap table td,
.grid-new .docs table td {
    font-size: 15px;
    line-height: 150%;
}

@media (max-width:576px) {
    .glass-panel h2.mb-5 {
        margin-bottom: 25px;
    }

    .grid-new .add-gap table tr,
    .grid-new .add-gap table td,
    .grid-new .docs table td,
    .grid-new .docs table tr {
        display: block;
        width: 100% !important;
        text-align: left !important
    }

    .content-highlight p,
    .card p,
    .card-body p,
    .card-text:last-child p,
    .grid-new ul,
    .grid-new p {
        line-height: 150% !important;
    }

    .grid-new .add-gap table td:last-of-type,
    .grid-new .docs table td:last-of-type {
        margin-top: 15px;
    }

    .grid-new .add-gap table a,
    .grid-new .docs table a {
        display: flex;
    }

    .grid-new .add-gap table .button,
    .grid-new .docs table .button {
        margin-left: auto;
        margin-right: auto;
    }

    .grid-new:has(.about-wrap .about-wrap-docs) {
        gap: 10px;
    }
}

.search-wrap {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 20px;
    align-items: center
}

.search-wrap.no-btn {
    grid-template-columns: 1fr;
}

.search-wrap-input {
    width: 100%;
    padding: 14px 16px;
    height: 65px;
    border-radius: 6px;
    border: none;
    background: #f2f2f2;
    background-color: var(--white);
    font-size: 20px
}

.search-wrap-input.bg-dark {
    background-color: var(--bg-dark);
}

.search-wrap .btn {
    width: 230px;
    height: 65px;
    border: none;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.search-wrap .btn:hover {
    text-decoration: none;
}

.search-wrap .btn-primary {
    background: #00a8e8;
    color: #fff
}

@media (max-width:1430px) {
    .search-wrap-input {
        height: 50px
    }

    .header-new .header-nav .menu-item>span {
        font-size: 17px !important;
    }

    .btn {
        width: 250px;
        height: 50px
    }
}

@media (max-width:1200px) {
    .header-new .header-nav .menu-item>span {
        font-size: 15px !important;
    }
}

@media (max-width:993px) {
    .search-wrap {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .search-wrap .btn {
        width: 100%;
        /* width: 120px */
    }

    /* .clear-btn {
        display: none
    } */
}

.services-section .main-title {
    margin-bottom: 40px;
}

.services-grid-col {
    display: flex
}

.services-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%
}

.services-section.bg-dark .search-field select,
.services-section.bg-dark .search-field input {
    background-color: var(--white);
}

.services-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block
}

.services-info {
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.services-info h3,
.services-info h4 {
    margin-bottom: 10px;
    font-size: 30px !important;
    margin-bottom: 20px;
    color: var(--primary);
    font-weight: 600 !important
}

.services-info p {
    font-size: 14px;
    line-height: 1.6
}

.services-info p:last-child {
    margin-top: auto
}

.services-info p:last-child a {
    margin-top: 20px;
    color: var(--primary);
    text-decoration: underline;
    display: inline-block
}

.hourly-problems {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    /* margin: 30px 0 */
}

.problem-card {
    background: var(--white);
    border-left: 20px solid var(--primary);
    padding: 32px 40px;
    border-radius: 5px
}

.problem-card h4 {
    font-size: 18px !important;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 20px
}

.problem-card p {
    font-size: 18px !important
}

@media (max-width:993px) {
    .hourly-problems {
        grid-template-columns: 1fr
    }

    .services-info {
        padding: 20px;
    }

    .problem-card {
        border-left: 10px solid var(--primary);
        padding: 25px
    }

    .services-section .main-title {
        margin-bottom: 20px;
    }

    .problem-card h4,
    .problem-card h3 {
        margin-bottom: 10px;
    }

    .problem-card h4,
    .problem-card p {
        font-size: 15px !important
    }
}

.why-grid-new {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 20px;
    margin-top: 40px
}

.why-grid-new-2 {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.why-main-card {
    background: var(--primary);
    color: var(--white);
    padding: 40px;
    border-radius: 12px
}

.why-grid-new-2 .why-main-card:nth-child(2) {
    background-color: var(--white);
    color: var(--text-dark);
}

.why-main-card h3 {
    margin-bottom: 30px;
    font-size: 45px !important;
    font-weight: 700 !important
}

.why-grid-new-2 .why-main-card h3 {
    font-size: 35px !important;
    text-transform: uppercase;
}

.why-grid-new-2 .why-main-card:last-of-type h3 {
    color: var(--primary);
}

.why-check-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.why-check-list li {
    position: relative;
    padding-left: 64px;
    margin-bottom: 26px
}

.why-check-list li:last-of-type {
    margin-bottom: 0;
}

.why-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 38px;
    height: 38px;
    background: #00c853;
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    animation: pulse 1.5s infinite;
    /* SVG as background */
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6667 7L9.20833 18.4583L4 13.25' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.why-check-list strong {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px
}

.why-grid-new-2 .why-check-list strong,
.why-check-list span {
    font-size: 18px;
    line-height: 1.6
}

.why-grid-new-2 .why-check-list span {
    font-size: 15px;
}

.why-side-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px
}

.why-bad-card {
    background: var(--white);
    border-radius: 8px;
    padding: 35px 30px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08)
}

.why-bad-card h4 {
    color: var(--primary);
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 14px
}

.why-cross-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.why-cross-list li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.5
}

.why-grid-new-2 .why-main-card:nth-child(2) .why-check-list li::before,
.why-cross-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background: #e5391c;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    /* SVG Cross Icon */
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L4 12' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L12 12' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    animation: pulse 1.5s infinite;
}

.why-grid-new-2 .why-main-card:nth-child(2) .why-check-list li::before {
    width: 38px;
    height: 38px;
    background-size: 28px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width:992px) {

    .why-grid-new-2,
    .why-grid-new {
        grid-template-columns: 1fr
    }

    .why-grid-new-2 .why-main-card h3,
    .why-main-card h3 {
        font-size: 30px !important
    }

    .why-bad-card {
        padding: 26px 24px;
    }

    .why-bad-card h4 {
        margin-bottom: 14px;
        font-size: 18px !important;
        font-weight: 700
    }

    .why-check-list li {
        padding-left: 43px;
        margin-bottom: 15px
    }

    .why-grid-new-2 .why-main-card:nth-child(2) .why-check-list li::before,
    .why-check-list li::before {
        width: 28px;
        height: 28px;
        background-size: 20px;
    }

    .why-check-list strong {
        font-size: 18px
    }

    .why-main-card {
        padding: 24px
    }
}

.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: flex-start
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 24px
}

.contact-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto
}

.contact-icon img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    animation: pulse 1.5s infinite;
}

.contact-text strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 4px
}

.contact-text span {
    display: block;
    font-size: 20px;
    line-height: 1.6
}

.contact-text span a {
    color: var(--text-dark);
    font-weight: 500;
}

@media (max-width:768px) {
    .contact-icon {
        width: 46px;
        height: 46px;
        flex: 0 0 auto
    }

    .contact-text strong {
        font-size: 16px
    }

    .contact-text span {
        font-size: 14px
    }
}

.contact-form-card {
    background: #00a8e8;
    max-width: 420px;
    padding: 36px 32px;
    border-radius: 16px;
    color: #fff;
    text-align: center
}

.contact-form-card h3 {
    font-size: 30px !important;
    font-weight: 700;
    margin-bottom: 6px
}

.contact-form-card input,
.contact-form-card select {
    width: 100%;
    padding: 10px 18px;
    border-radius: 8px;
    border: none;
    margin-bottom: 14px;
    font-size: 15px;
    color: #00a8e8;
    background: #fff;
    line-height: 1.6;
}

.contact-form-card input::placeholder {
    color: #00a8e8
}

.contact-form-card select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='%2300a8e8' d='M7 8 0 0h14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 14px
}

.contact-form-card button {
    width: 100%;
    padding: 16px;
    margin-top: 16px;
    background: #f2f2f2;
    color: #00a8e8;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    animation: contactPulse 1s ease-out infinite;
}

@keyframes contactPulse {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(1);
    }
}

.contact-form-card button:hover {
    background: #ffffff
}

.form-subtitle {
    font-size: 17px !important;
    font-weight: 500;
    opacity: .9;
    margin-bottom: 28px
}

.form-footer {
    margin-top: 22px;
    font-size: 17px !important;
    font-weight: 500;
    opacity: .95
}

@media (max-width:992px) {
    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .contact-form-card {
        padding: 24px
    }

    .contact-form-card {
        max-width: 100%;
        padding: 28px 20px
    }

    .contact-form-card h3 {
        font-size: 25px !important
    }
}

.hero-blog {
    padding: 40px 0
}

.hero-overall-rating {
    margin-top: auto
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 40px;
}

.hero-new-content h1 {
    color: var(--primary);
    font-size: 50px !important;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase
}

.hero-new-content p {
    font-size: 15px !important;
    margin-bottom: 14px
}

.hero-new-content a {
    color: var(--primary);
    font-weight: 600;
    text-decoration: none
}

.hero-new-content a:hover {
    text-decoration: underline
}

.hero-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px
}

.hero-new-image img {
    /* max-height: 355px; */
    border-radius: 6px
}

@media (max-width:1440px) {
    .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px
    }

    .hero-new-content h1 {
        font-size: 30px !important;
    }
}

@media (max-width:992px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .hero-new-content img {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-new-content h1 {
        font-size: 30px !important;
        text-align: center;
    }

    .hero-new-content .docs {
        margin-top: 40px;
    }

    .hero-new-content .docs p:last-of-type {
        margin-bottom: 0;
    }
}

.content-highlight {
    position: relative;
    padding: 36px 36px 36px 46px;
    padding: 36px;
    border-radius: 6px;
    border-left: 20px solid var(--primary);
    color: var(--text-dark);
}

.content-grid-min {
    display: grid;
    gap: 40px
}

.content-highlight h2,
.content-highlight h3:not([style*="font-size"]) {
    font-size: 45px !important;
    font-weight: 800;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 18px;
    line-height: 1.2
}

.content-highlight.c-content-wrapper h3[style*="font-size"] {
    font-size: unset !important;
    font-size: revert !important;
}

.content-highlight.c-content-wrapper table {
    color: var(--text-dark);
    color: gray;
}

.c-blog-detail-hero div[style*="display: flex"]>div>a:not(:has(img)),
.content-highlight.c-content-wrapper div[style*="display: flex"]>div>a:not(:has(img)) {
    height: 70px;
    padding: 10px 15px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.content-highlight h4,
.content-highlight h5,
.content-highlight h6 {
    color: var(--primary);
}

.content-highlight p {
    font-size: 15px !important;
    line-height: 1.7;
    color: inherit;
    margin-bottom: 14px
}

.card-info a,
.card-info small,
.card-info span {
    font-size: 15px !important;
    line-height: 150%;
}

.content-highlight p:last-child {
    margin-bottom: 0
}

@media (max-width:992px) {
    .content-highlight {
        padding: 20px
    }
}

.content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    /* margin-bottom: 40px */
}

.content-card {
    padding: 34px 32px;
    border-radius: 6px
}

.content-card .p-2 {
    padding: 0 !important;
}

.content-card h2,
.content-card h3 {
    font-size: 26px !important;
    font-weight: 800;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 26px;
    line-height: 1.25
}

.content-highlight ul,
.content-card ul {
    list-style: none
}

.content-highlight ul li,
.content-card ul li {
    position: relative;
    padding-left: 38px;
    margin-bottom: 16px;
    font-size: 15px !important;
    line-height: 1.6;
    color: inherit
}

.card-media-badge span {
    z-index: 1;
}

.content-highlight ul li::before,
.content-card ul li::before {
    content: "";
    width: 22px;
    height: 22px;
    background: var(--primary);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4346 0.728027L3.76098 7.4016L0.727539 4.36816' stroke='white' stroke-width='1.45605' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.content-highlight ol {
    list-style: auto;
}

.content-highlight.c-content-wrapper ul li[style]::before {
    display: none;
}

.content-card strong {
    font-weight: 700;
    color: #2f2f2f
}

.content-card p {
    margin-top: 24px;
    /* font-size: 14px !important; */
    line-height: 1.6;
    color: var(--text-dark);
    margin-bottom: 14px
}

.section-new a {
    color: var(--primary);
    font-weight: 600;
    text-decoration: none
}

.section-new .c-content-wrapper a {
    color: inherit;
    font-weight: inherit;
}

.section-new a.text-white {
    color: var(--white);
}

.section-new a:hover {
    text-decoration: underline
}

.section-new a.button:hover {
    text-decoration: none;
}

@media (max-width:993px) {
    .content-grid {
        grid-template-columns: 1fr
    }

    .mo-text-center {
        text-align: center;
    }

    .mo-text-center li {
        text-align: left;
    }

    .content-grid-min {
        margin-bottom: 20px
    }

    .content-highlight {
        padding: 20px;
        border-left: 10px solid var(--primary);
        border-radius: 6px;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .content-card {
        padding: 20px
    }

    .content-highlight h2,
    .content-highlight h3:not(.pp-h3),
    .content-card h2,
    .content-card h3 {
        font-size: 22px !important
    }

    .content-highlight ul li,
    .content-card ul li {
        padding-left: 30px
    }
}

.breadcrumb-new {
    font-size: 15px !important;
    color: var(--primary)
}

.breadcrumb-new a {
    color: var(--primary);
    font-weight: 600
}

.breadcrumb-new span {
    margin: 0 6px
}

.local-grid {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 40px;
    align-items: center;
    margin-top: 40px
}

.local-content p {
    font-size: 15px !important;
    line-height: 1.7;
    color: var(--text-dark);
    margin-bottom: 16px
}

.local-image img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover
}

@media (max-width:1430px) {
    .local-grid {
        grid-template-columns: 1fr 1fr;
        margin-top: 20px
    }
}

@media (max-width:993px) {
    .local-grid {
        grid-template-columns: 1fr;
        margin-top: 20px
    }

    .local-content {
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .local-content .button {
        margin: auto
    }

    .local-content h2 {
        font-size: 32px !important
    }
}

.section-subtitle {
    font-size: 20px !important;
    color: var(--text-dark);
    margin-bottom: 40px;
    text-align: center
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.feature-card {
    background: linear-gradient(90deg, #00ADED 0%, #1FC3FF 100%);
    color: var(--white);
    padding: 12px;
    padding-right: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    min-height: 80px
}

.feature-icon {
    display: flex
}

.feature-card p {
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase
}

@media (max-width:993px) {
    .feature-grid {
        grid-template-columns: 1fr
    }

    .section-subtitle,
    .feature-card p {
        font-size: 15px !important
    }

    .feature-icon {
        width: 44px;
        height: 44px
    }
}

.how-work-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 20px;
    align-items: start
}

.how-work-title {
    background: var(--white);
    border-left: 20px solid var(--primary);
    padding: 40px 50px;
    margin-bottom: 20px
}

.how-work-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.work-card {
    background: var(--white);
    border-left: 20px solid var(--primary);
    padding: 30px 30px 36px 30px;
    display: flex;
    gap: 18px
}

.work-number {
    font-size: 112px;
    font-weight: 800;
    color: var(--primary);
    line-height: 1
}

.work-text h4 {
    font-size: 18px !important;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 6px;
    text-transform: uppercase
}

.work-text p {
    font-size: 15px !important;
    color: var(--text-dark);
    line-height: 1.6;
    max-width: 220px;
}

.how-work-grid {
    max-width: 1360px;
    max-width: 1440px;
    margin: auto;
}

.how-work-right {
    background: var(--white);
    padding: 25px;
    padding-top: 17px;
    text-align: center;

}

.how-work-right img {
    max-width: 261px;
    /* margin-bottom: 19.5px */
}

.how-work-right p {
    color: var(--primary);
    font-size: 18px !important;
    text-decoration: none;
    line-height: 1.5;
    max-width: 390px;
    margin: auto;
}

.how-work-right p a {
    font-weight: 600;
    text-decoration: underline;
    margin-right: 5px;
}

@media (max-width:1430px) {
    .how-work-steps {
        grid-template-columns: 1fr
    }

    .how-work-title,
    .work-card {
        border-left: 10px solid var(--primary);
        padding: 20px 30px
    }
}

@media (min-width:993px) {

    .work-card:nth-of-type(2),
    .work-card:nth-of-type(4) {
        border-left: none
    }
}

@media (max-width:993px) {
    .how-work-grid {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }

    .work-number {
        font-size: 48px
    }

    .how-work-steps {
        grid-template-columns: 1fr
    }
}

.areas-title {
    text-align: center;
    margin-bottom: 48px
}

/* 
.section-subtitle {
    font-size: 15px !important
} */

.areas-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.area-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    display: flex
}

.area-card img {
    width: 100%;
    object-fit: cover
}

.area-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    opacity: .44
}

.area-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    color: #ffffff
}

.area-overlay h3 {
    font-size: 30px !important;
    font-weight: 600;
    margin-bottom: 4px;
    text-transform: lowercase;
}

.area-overlay span {
    font-size: 20px !important;
    font-weight: 500
}

.area-card:hover img {
    transform: scale(1.05);
    transition: .4s ease
}

@media (max-width:993px) {
    .areas-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .area-overlay h3 {
        font-size: 20px !important
    }
}

@media (max-width:789px) {
    .area-overlay h3 {
        font-size: 20px !important
    }

    .area-overlay span,
    .section-subtitle {
        font-size: 15px !important
    }

    .areas-grid {
        grid-template-columns: 1fr
    }
}

.text-center {
    text-align: center
}

.jobs-table-wrap {
    background: var(--white);
    border-radius: 6px;
    overflow: hidden
}

.jobs-table {
    width: 100%;
    border-collapse: collapse
}

.jobs-table thead th {
    background: var(--primary);
    color: var(--white);
    text-align: left;
    padding: 14px 18px;
    font-size: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
    border-left: 3px solid var(--white);
    border-bottom: 2px solid var(--bg-dark)
}

.jobs-table thead th:first-of-type {
    border-left: none
}

.jobs-table tbody tr {
    border-bottom: 2px solid var(--bg-dark)
}

.jobs-table tbody tr:last-child {
    border-bottom: none
}

.jobs-table tbody td {
    padding: 14px 18px;
    font-size: 20px !important;
    font-weight: 600;
    color: var(--text-dark)
}

.job-date {
    display: block;
    font-weight: 600;
    font-size: 15px !important
}

.job-time {
    display: block;
    font-size: 15px !important;
    font-weight: 400;
}

.jobs-table p,
.jobs-table a {
    color: var(--primary);
    font-size: 15px !important;
    text-decoration: none
}

@media (max-width:768px) {
    .jobs-table thead {
        display: none
    }

    .jobs-table,
    .jobs-table tbody,
    .jobs-table tr,
    .jobs-table td {
        display: block;
        width: 100%
    }

    .jobs-table tbody tr {
        padding: 12px 0
    }

    .jobs-table tbody td {
        padding: 6px 18px
    }
}

.suburbs-header {
    text-align: center;
    max-width: 1120px;
    margin: 0 auto 40px
}

.suburbs-header .main-title {
    margin-bottom: 10px
}

/* .section-subtitle {
    font-size: 15px !important;
    line-height: 1.6;
    max-width: 820px;
    margin: auto
} */

.suburbs-label {
    font-size: 25px !important;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 16px;
    text-transform: uppercase
}

.suburbs-grid {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: 30px
}

.suburbs-columns {
    columns: 4;
    column-gap: 48px;
    list-style: disc;
    padding-left: 25px
}

.suburbs-columns li {
    break-inside: avoid;
    margin-bottom: 8px
}

.suburbs-columns a {
    font-size: 13px !important;
    color: var(--text-dark);
    text-decoration: underline
}

.suburbs-columns a:hover {
    color: var(--primary);
    text-decoration: underline
}

.suburb-search {
    background: var(--primary);
    padding: 24px;
    border-radius: 6px;
    color: var(--white)
}

.suburb-search h4 {
    font-size: 13px !important;
    font-weight: 800;
    margin-bottom: 12px
}

.suburb-search-box {
    position: relative;
    margin-bottom: 10px
}

.suburb-search-box input {
    width: 100%;
    padding: 15px 12px 15px 44px;
    border-radius: 4px;
    border: none;
    font-size: 13px !important;
    outline: none;
    color: var(--text-dark)
}

.suburb-search-btn {
    width: 100%;
    padding: 10px;
    background: var(--white);
    color: var(--primary);
    font-size: 20px !important;
    font-weight: 700;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 40px
}

.region-links {
    list-style: none;
    padding: 0
}

.region-links li {
    margin-bottom: 6px
}

.region-links a {
    font-size: 15px !important;
    font-weight: 600;
    color: var(--white);
    text-decoration: none
}

.region-links a:hover {
    text-decoration: underline
}

@media (max-width:1430px) {
    .suburbs-columns {
        columns: 3
    }

    .suburbs-grid {
        grid-template-columns: 1fr;
        column-gap: 20px
    }
}

@media (max-width:993px) {
    .suburbs-columns {
        columns: 2
    }
}

@media (max-width:768px) {
    .suburbs-columns {
        columns: 1
    }
}

.project-item .services-img {
    position: relative
}

.project-item .img-label {
    position: absolute;
    inset: 0;
    color: var(--white);
    font-size: 25px !important;
    font-weight: 700;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .5);
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.project-item .img-label span {
    max-width: 70%
}

.project-item .services-info h3,
.project-item .services-info h4 {
    font-size: 20px !important
}

@media (max-width:993px) {
    .project-item .img-label {
        font-size: 20px !important
    }

    .project-item .img-label span {
        max-width: 100%
    }
}

/* .section-subtitle {
    max-width: 780px;
    margin: 0 auto 40px;
    font-size: 14px !important;
    color: var(--text-dark);
    line-height: 1.6
} */

.form-title {
    font-size: 25px !important;
    font-weight: 700;
    color: var(--primary);
    margin: 55px 0 17px;
    text-transform: uppercase
}

.career-form input,
.career-form textarea {
    width: 100%;
    padding: 15px;
    background: var(--bg-dark);
    border: none;
    font-size: 15px !important;
    color: var(--text-dark);
    resize: none;
    height: 65px;
}

.career-form textarea {
    line-height: 35px;
}

.career-form textarea::placeholder {
    color: var(--text-dark);
}

.form-grid {
    display: grid;
    gap: 12px
}

.form-grid.two-col {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 12px
}

.form-grid.two-col input {
    margin-bottom: 0
}

.file-upload input {
    background: none;
    padding: 0;
    font-size: 13px !important
}

.form-submit {
    width: 100%;
    margin-top: 20px;
    padding: 14px;
    background: var(--primary);
    color: var(--white);
    font-size: 25px !important;
    font-weight: 800;
    border: none;
    cursor: pointer;
    letter-spacing: .5px;
    border-radius: 0;
    height: 65px;
}

.form-submit:hover {
    background: var(--primary)
}

.mb-5 {
    margin-bottom: 12px
}

.form-helper {
    font-size: 11px !important;
    margin-bottom: 10px
}

.file-upload-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px
}

.file-upload-row input[type="file"] {
    display: none
}

.file-btn {
    background: var(--bg-dark);
    color: var(--text-dark);
    font-size: 15px !important;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 400
}

.file-name {
    font-size: 13px !important;
    color: var(--text-dark)
}

@media (max-width:993px) {
    .form-grid.two-col {
        grid-template-columns: 1fr
    }

    .form-title {
        margin: 26px 0 10px;
    }

    /* .career-form {
        padding: 20px 0
    } */

    .form-submit,
    .career-form input,
    .career-form textarea {
        height: 55px;
        padding: 0px 20px;
    }
}

.team-page-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
    margin-top: 15px
}

@media (max-width:993px) {
    .team-page-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:789px) {
    .team-page-grid {
        grid-template-columns: 1fr
    }
}

.team-page-list {
    display: grid;
    gap: 20px
}

@media (min-width:993px) {
    .team-page-list {
        gap: 80px;
    }
}

.team-box {
    background: radial-gradient(circle, rgba(125, 220, 255, 1) 0%, rgba(0, 173, 237, 1) 100%);
    color: var(--white);
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    max-height: 400px;
    padding-left: 10px;
    padding-right: 10px;
}

.team-info {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 35px;
    background-color: transparent;
    transition: all .5s ease-in-out;
    transform: translateY(100%);
    overflow: auto;
}

.team-head {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: fit-content;
    padding: 25px 35px
}

.team-box:hover .team-info {
    background-color: var(--primary);
    transform: translateY(0%)
}

.team-head h4,
.team-info h4 {
    font-size: 35px !important;
    font-weight: 700 !important;
    transition: all .5s ease-in-out;
    line-height: 1.2;
    text-transform: uppercase
}

.team-head h6,
.team-info h6 {
    font-size: 20px !important;
    font-weight: 500 !important;
    transition: all .5s ease-in-out;
    line-height: 1;
    text-transform: uppercase
}

.team-info p {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    margin-top: 20px;
    transition: all .5s ease-in-out
}

.logo-sliders {
    position: relative;
    overflow: hidden
}

.logo-sliders:not(:has(.pt-5)) {
    padding-top: 20px;
}

@media (min-width: 1500px) {
    .logo-sliders:not(:has(.pt-5)) {
        padding-top: 40px;
    }
}

.logo-sliders::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(239, 239, 239, .66) 100%);
    /* background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .66) 100%); */
}

.logo-sliders.bg-white::before {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .66) 100%);
}

.logo-sliders::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(239, 239, 239, .66) 100%);
    /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .66) 100%); */
}

.logo-sliders.bg-white::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .66) 100%);
}

.logo-slider {
    width: 100%;
    overflow: hidden;
    padding: 25px 0
}

.logo-track {
    display: flex;
    width: max-content
}

.logo-slider.ltr .logo-track {
    animation: scrollLTR 25s linear infinite
}

.logo-slider.rtl .logo-track {
    animation: scrollRTL 25s linear infinite
}

.logo-slider:hover .logo-track {
    animation-play-state: paused
}

.logo-item {
    flex: 0 0 auto;
    padding: 0 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-item img {
    max-height: 60px;
    transition: all .3s ease
}

.logo-item:hover img {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.1)
}

@keyframes scrollLTR {
    from {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes scrollRTL {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@media (max-width:768px) {
    .logo-item {
        padding: 0 20px
    }

    .logo-item img {
        max-height: 45px
    }

    .logo-slider {
        padding: 15px 0
    }

    .logo-sliders::before,
    .logo-sliders::after {
        width: 60px
    }
}

.daily-grid {
    display: grid;
    gap: 14px;
    /* margin-top: 30px */
}

.daily-grid.layout-right.one-img {
    grid-template-columns: 1fr auto
}

.daily-grid.layout-right.two-img {
    grid-template-columns: 1fr auto auto
}

.daily-grid.layout-left.one-img {
    grid-template-columns: auto 1fr
}

.daily-grid.layout-left.two-img {
    grid-template-columns: auto auto 1fr
}

.daily-img {
    display: flex;
    flex: 0 0 auto;
    width: 340px
}

.daily-img img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: cover
}

.daily-text {
    padding: 40px;
    border-radius: 7px
}

.daily-text p {
    margin-top: 15px
}

@media (max-width:1430px) {
    .daily-grid {
        grid-template-columns: 1fr 1fr !important
    }

    .daily-img {
        width: 100%
    }
}

@media (max-width:993px) {
    .daily-grid {
        grid-template-columns: 1fr !important
    }

    .daily-img img {
        width: 100%;
        height: auto
    }

    .daily-text {
        padding: 20px
    }
}

.projects-page-cards {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.project-card {
    border-radius: 18px;
    padding: 40px
}

.project-grid {
    display: grid;
    grid-template-columns: 375px 1fr;
    gap: 40px;
    align-items: flex-start
}

.project-img {
    position: relative;
    border-radius: 7px;
    width: 100%;
    overflow: hidden;
    height: 100%;
    max-height: 410px;
}

.project-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.project-location {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 15px 30px;
    border-radius: 7px;
    font-size: 20px;
    font-weight: 600
}

.project-location img {
    width: 24px;
    height: 24px
}

.project-content {
    border-radius: 7px
}

.project-content h1,
.project-content h2,
.project-content h4,
.project-content h5,
.project-content strong {
    display: block;
    margin: 18px 0 6px;
    font-size: 15px !important;
    text-transform: uppercase
}

.project-content h1,
.project-content h2,
.project-content h4,
.project-content h5 {
    color: var(--primary);
}

.project-content.bg-primary h1,
.project-content.bg-primary h2,
.project-content.bg-primary h4,
.project-content.bg-primary h5 {
    color: var(--white);
}

.project-content p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px
}

.project-card .project-content.bg-primary {
    margin-top: 40px;
    padding: 22px 25px;
    border-radius: 7px
}

.project-card .project-content.bg-white strong {
    color: var(--primary)
}

.project-card .project-content.bg-primary h1,
.project-card .project-content.bg-primary h2,
.project-card .project-content.bg-primary h4,
.project-card .project-content.bg-primary h5,
.project-card .project-content.bg-primary strong {
    margin-top: 0
}

.project-content.bg-primary a {
    color: var(--white);
}

.project-card .project-grid .project-content.bg-primary {
    margin-top: 0;
}

@media (min-width:993px) {
    .project-card .project-grid .project-content.bg-primary {
        grid-column: span 2;
    }
}

@media (max-width:1430px) {
    .project-grid {
        grid-template-columns: 1fr 1.4fr
    }
}

@media (max-width:993px) {

    /* .project-card .main-title {
        text-align: left
    } */
    .project-card .project-content.bg-primary {
        margin-top: 25px;
    }

    .project-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .project-card {
        padding: 20px;
    }

    .project-card {
        padding: 20px
    }

    .project-location {
        padding: 5px 12px
    }
}

@media (max-width:993px) {
    .project-card {
        padding: 10px
    }
}

.timeline-slider-2 {
    overflow: hidden
}

.timeline-slider-2 .timeline-line {
    top: 165px
}

.timeline-slider-2 .timeline-item {
    margin-bottom: 90px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 165px;
    flex: 0 0 auto
}

.timeline-slider-2 .timeline-item img {
    height: 100%;
    object-position: bottom;
    max-width: 100%
}

.timeline-slider-2 .timeline-item .timeline-dot .dot {
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
}

.timeline-slider-2 .timeline-item .timeline-dot {
    left: 10px;
    transform: unset;
    bottom: -60px;
    align-items: start;
}

.timeline-slider-2 .timeline-item .timeline-dot p {
    font-size: 25px !important;
    font-weight: 400;
}

.timeline-slider-2 .slick-slider-new .slick-prev,
.timeline-slider-2 .slick-slider-new .slick-next {
    top: 65%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width:768px) {
    .timeline-slider-2 .timeline-line {
        top: 160px
    }

    .timeline-slider-2 .timeline-item img {
        max-width: 80%
    }

    .timeline-slider-2 .timeline-item .timeline-dot p {
        font-size: 22px !important;
    }

    .timeline-slider-2 .timeline-item .timeline-dot {
        bottom: -47px
    }
}

@media (max-width:475px) {
    .timeline-slider-2 .timeline-line {
        top: 167px
    }

    .timeline-slider-2 .timeline-item .timeline-dot {
        bottom: -52px;
    }
}

.coffee-breakdown {
    background: #f2f2f2;
    border-radius: 6px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    position: relative
}

.coffee-breakdown .coffee-left {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
    padding-left: 30px
}

.coffee-breakdown .accent-bar {
    width: 16px;
    height: calc(100% - 24px - 24px);
    background: var(--primary);
    border-radius: 4px;
    position: absolute;
    top: 24px;
    left: 20px
}

.coffee-breakdown h4.label {
    font-size: 30px;
    letter-spacing: .08em;
    color: var(--text-dark);
    margin: 0
}

.coffee-breakdown .coffee-left h5 {
    font-size: 30px !important;
    font-weight: 400 !important;
}

.coffee-breakdown .coffee-left h3 {
    margin: 0;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: var(--text-dark)
}

.coffee-breakdown .coffee-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1
}

.coffee-breakdown .only {
    font-size: 18px;
    color: var(--text-dark);
    font-weight: 400
}

.coffee-breakdown .percent {
    font-size: 45px;
    font-weight: 600;
    color: var(--primary);
    line-height: 1;
    align-items: center;
    display: flex;
    gap: 8px;
    flex: 0 0 auto
}

.coffee-breakdown .text {
    font-size: 18px;
    color: var(--text-dark)
}

.coffee-list strong {
    font-size: 15px;
    display: inline;
    margin: 0;
    color: var(--text-dark)
}

@media (max-width:1430px) {

    .coffee-breakdown .coffee-left h5,
    .coffee-breakdown h4.label,
    .coffee-breakdown .coffee-left h3 {
        font-size: 30px !important
    }
}

@media (max-width:993px) {
    .coffee-breakdown {
        flex-direction: column;
        align-items: start;
    }

    .coffee-breakdown .coffee-breakdown {
        align-items: flex-start;
        gap: 16px
    }

    .coffee-breakdown .coffee-left h5,
    .coffee-breakdown h4.label,
    .coffee-breakdown .coffee-left h3 {
        font-size: 20px !important
    }

    .coffee-breakdown .coffee-right {
        align-items: flex-start;
        text-align: left;
        gap: 10px;
        padding-left: 30px
    }

    .coffee-breakdown {
        padding: 24px 20px
    }

    .coffee-breakdown .accent-bar {
        width: 11px;
        left: 20px
    }

    .coffee-breakdown .percent {
        font-size: 34px
    }

    .coffee-breakdown .text,
    .coffee-breakdown .only {
        font-size: 15px
    }

    .coffee-breakdown .coffee-left,
    .coffee-breakdown h4.label {
        padding-left: 30px
    }
}

@media (max-width:768px) {
    .coffee-breakdown .percent {
        flex-direction: column;
        align-items: start;
        gap: 0
    }
}

.coffee-grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 40px;
    align-items: center
}

.coffee-text strong {
    color: var(--primary);
}

.coffee-list li {
    margin-bottom: 10px;
    color: var(--text-dark);
}

.coffee-list li strong {
    color: var(--text-dark);
}

.coffee-list {
    list-style: none;
    padding-left: 5px;
    margin-top: 15px;
    font-size: 15px;
}

.coffee-list ul {
    list-style: none;
    padding-left: 5px;
    margin-top: 15px;
}

.coffee-visual {
    display: flex;
    align-items: center;
    gap: 32px
}

.coffee-visual .coffee-image {
    flex: 1 1 auto
}

.coffee-breakdown-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 260px;
    flex: 1 1 auto
}

.coffee-breakdown-list .item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px
}

.coffee-breakdown-list .icon {
    width: 34px;
    height: 34px;
    background: var(--bg-dark);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    order: 2
}

.coffee-breakdown-list .icon svg {
    width: 70%;
}

.coffee-breakdown-list .percent {
    font-weight: 700;
    color: var(--primary);
    order: 1;
    font-size: 30px;
    width: 90px;
    text-align: right
}

.coffee-breakdown-list .label {
    color: var(--text-dark);
    font-size: 15px;
    order: 3;
    width: 120px
}

@media (max-width:993px) {
    .coffee-grid {
        grid-template-columns: 1fr;
        gap: 0
    }

    .coffee-visual {
        justify-content: center;
        flex-direction: column;
        gap: 0
    }

    .coffee-breakdown-list {
        max-width: 100%;
        width: 100%;
        gap: 7px
    }

    .coffee-breakdown-list .icon {
        order: 1;
        position: absolute;
        left: -40px
    }

    .coffee-breakdown-list .percent {
        order: 2;
        text-align: left;
        font-size: 20px;
        width: 50px
    }

    .coffee-breakdown-list .label {
        width: auto;
        font-size: 15px
    }

    .coffee-breakdown-list .item {
        background: var(--bg-dark);
        position: relative;
        margin-left: 40px;
        width: calc(100% - 40px);
        padding: 4px 10px;
        border-radius: 4px;
        gap: 4px
    }
}

@media (max-width:640px) {
    .coffee-visual {
        flex-direction: column;
        text-align: center
    }

    .coffee-breakdown-list {
        width: 100%
    }

    .coffee-breakdown-list .item {
        justify-content: flex-start
    }
}

.blocked-table {
    display: grid;
    width: 100%;
    grid-template-columns: 175px 210px 1fr;
    gap: 7px;
    border-radius: 7px;
    overflow: hidden;
    align-items: start
}

.blocked-table-col {
    display: grid;
    gap: 7px;
    font-size: 15px
}

.coffee-grid-blocked {
    grid-template-columns: 1fr 2fr;
    align-items: start
}

.blocked-table-header {
    background-color: var(--primary);
    color: var(--white);
    padding: 12px 15px;
    height: 48px
}

.blocked-table-cell {
    background-color: var(--bg-dark);
    color: var(--text-dark);
    padding: 12px 15px
}

.blocked-table-cell strong {
    margin: 0;
    color: var(--text-dark);
    font-size: 15px
}

@media (max-width:1430px) {
    .blocked-table {
        grid-template-columns: 1fr;
        column-gap: 0
    }

    .blocked-table-col.factor {
        display: none;
    }

    .blocked-table-header,
    .blocked-table-cell {
        display: flex;
    }

    .blocked-table-header span,
    .blocked-table-cell span {
        flex: 1 1 50%;
    }

    .blocked-table-header::before,
    .blocked-table-cell::before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        flex: 1 1 50%;
        /* color: var(--text-dark); */
        font-size: 15px;
        padding-right: 10px;
    }

    .coffee-grid-blocked {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:993px) {
    .coffee-grid-blocked {
        grid-template-columns: 1fr
    }

    .blocked-table-col {
        border-radius: 7px;
        overflow: hidden
    }

    .blocked-table-col.factor {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .blocked-table-col.coffee {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (max-width:450px) {

    .blocked-table-header span,
    .blocked-table-cell span {
        flex: 1 1 60%;
    }

    .blocked-table-header::before,
    .blocked-table-cell::before {
        flex: 1 1 40%;
    }

    .blocked-table-col.factor {
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px
    }

    .blocked-table-col.coffee {
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px
    }
}

.call-out-0 {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    margin: auto
}

.call-out-0 img {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #fff;
    border-radius: 100%;
    margin: 0 !important
}

.call-out-0::before {
    content: '';
    background-color: rgba(0, 173, 237, .3);
    position: absolute;
    inset: 0;
    border-radius: 100%;
    animation: callOut 1s ease-out infinite
}

@keyframes callOut {
    0% {
        transform: scale(1);
        opacity: .8
    }

    70% {
        transform: scale(1.1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.offer-box {
    background-color: var(--text-dark);
    color: var(--white);
    padding: 40px;
    border-radius: 7px;
    border: 2px dashed var(--primary);
    outline: 3px solid var(--text-dark);
    text-align: center;
    margin: 5px;
}

.offer-box .main-title {
    margin-bottom: 30px;
}

.offer-btn,
.offer-expiry {
    max-width: unset;
    gap: 5px;
    margin: auto
}

.offer-expiry {
    margin-bottom: 40px
}

.offer-btn {
    margin-top: 40px
}

@media (max-width:993px) {

    .offer-box .main-title,
    .offer-expiry {
        margin-bottom: 20px
    }

    .offer-box {
        padding: 30px;
    }

    .offer-btn {
        margin-top: 20px
    }
}

.grid-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px
}

.blog-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden
}

.blog-card-image {
    position: relative;
    display: flex;
}

.blog-card-badge {
    position: absolute;
    display: flex;
    gap: 5px;
    inset: 0;
    padding: 25px;
    flex-direction: column;
}

.blog-card-badge .button {
    font-size: 18px;
    pointer-events: none;
}

.blog-card-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    flex: 0 0 auto;
    margin: 0 !important
}

.blog-card {
    display: flex;
    flex-direction: column
}

.blog-card-content {
    padding: 26px 16px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.blog-card-content h3 {
    font-size: 24px !important;
    font-weight: 700;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 30px
}

.blog-card-content p {
    margin-top: auto
}

.blog-card-content .read-more {
    font-size: 18px;
    color: var(--primary);
    margin-top: 20px;
    display: block;
    text-decoration: underline;
    font-weight: 400
}

.blog-card-footer {
    margin-top: 12px
}

.blog-card-footer .button {
    width: 100%;
    max-width: 100%
}

.blog-load-more-mo {
    display: none
}

@media (max-width:1430px) {
    .grid-cards {
        grid-template-columns: 1fr
    }

    .blog-page-section-new .grid-new-col-8,
    .blog-page-section-new .grid-new-col-4 {
        grid-column: span 6
    }
}

@media (max-width:1300px) {
    .grid-cards {
        grid-template-columns: 1fr 1fr
    }

    .blog-load-more-mo {
        display: block;
        margin-top: 25px
    }

    .grid-new>div.blog-load-more-pc {
        display: none !important
    }
}

@media (max-width:993px) {
    .grid-cards {
        grid-template-columns: 1fr
    }

    .blog-card-content {
        text-align: center;
    }
}

.blog-card-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.blog-card-sidebar .sidebar-box {
    padding: 20px;
    border-radius: 7px
}

.blog-card-sidebar .sidebar-box h4 {
    font-size: 25px !important;
    font-weight: 700;
    margin-bottom: 10px
}

.blog-card-sidebar .sidebar-box p {
    font-size: 18px !important
}

.blog-card-sidebar .sidebar-box img {
    width: 100%;
    margin: 15px 0
}

.sidebar-list,
.sidebar-cta-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 30px 0 !important
}

.sidebar-list li,
.sidebar-cta-list li {
    font-size: 18px;
    margin-bottom: 10px
}

.sidebar-list a {
    text-decoration: underline
}

.btn-primary.full {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.social-icons {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    justify-content: space-between
}

.newsletter-form {
    margin-top: 30px
}

.newsletter-form input {
    width: 100%;
    padding: 15px 25px;
    margin-bottom: 12px;
    background-color: var(--bg-dark);
    border: none;
    border-radius: 7px
}

.blog-card-sidebar .button {
    width: 100%;
    max-width: 100%
}

.blog-page-section-new .grid-new {
    gap: 24px
}

.sidebar-cta-list.text-white a {
    color: var(--white);
    text-decoration: underline
}

.section-title {
    text-align: center;
    color: var(--primary);
    font-weight: 800;
    margin-bottom: 50px
}

.sub-title {
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 20px
}

.pie-chart-wrapper {
    text-align: center;
    padding: 20px;
    border-radius: 7px
}

.pie-legend {
    list-style: none;
    padding: 0;
    font-size: 14px
}

.pie-legend li {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.pie-chart-wrapper {
    width: 100%
}

.pie-chart-wrapper canvas {
    width: 100%;
    min-height: 420px
}

.pricing-content li strong {
    margin: 0;
    color: var(--text-dark);
    display: inline;
    font-size: 18px
}

.pricing-content ul {
    list-style: none;
    padding-left: 0
}

.pricing-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 3px;
}

.pricing-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;

    width: 16px;
    height: 16px;
    background: url("../../assets/images/new/rightarrow.png") no-repeat center;
    background-size: contain
}

.c-price-value-gif img {
    height: 300px;
}

.c-price-value-gif .pricing-content {
    display: flex;
    flex-direction: column;
}

@media (max-width:992px) {
    .grid-new-col-6 {
        grid-column: span 12
    }

    .c-price-value-gif img {
        height: auto;
    }
}

.photo-stack.trust-card img {
    object-fit: unset !important;
    height: auto
}

.card-body h2 {
    font-size: 3.5rem;
    margin: 0 auto;
    max-width: 112rem
}

.card-text:last-child iframe,
.card-body iframe,
.card iframe {
    height: 100%
}

.docs p img {
    margin-top: 0
}

.slider_content_spacing {
    height: 600px;
    overflow-y: scroll;
    scrollbar-width: none
}



.image-box {
    display: flex;
    position: relative;
    height: 250px
}

.img-box {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .3s ease
}

.img-box-show {
    opacity: 1
}

.image-box img {
    width: 100% !important;
    object-fit: contain;
    object-position: center
}

/* .peel-card-img {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    perspective: 1200px
}

.peel-card img {
    width: 100%;
    display: block
}

.front-img {
    position: relative;
}

.front-img.p1 {
    clip-path: polygon(94% 0px, 100% 9%, 100% 100%, 0px 100%, 0px 0px);
    clip-path: polygon(83% 0px, 100% 23%, 100% 100%, 0px 100%, 0px 0px);
    transition: clip-path 0.2s ease-in-out;
} */

/* .front-img.p1:hover {
    clip-path: polygon(100% 0px, 100% 0%, 100% 100%, 0px 100%, 0px 0px);
} */

/* .front-img .peel,
.front-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: var(--bg-img);
    width: 6%;
    height: 8%;
    width: 17%;
    height: 25%;
    background-repeat: no-repeat;
    animation: subtleHint 1s ease-in-out infinite alternate;
    transition: all 0.2 ease-in-out;
} */

.flipbook .page {
    background-color: #fff;
}

/* .flipbook:hover >div:has(.p-temporal:first-of-type) {
animation: pTemporal 0.5s ease-in-out 1 alternate
}*/

.flip-wrapper {
    position: relative;
}

.peel-card h3 {
    font-size: 30px !important;
    font-family: "Grape Nuts", cursive !important;
    color: var(--primary);
    text-align: right;
    font-weight: 400 !important;
    margin-top: 8px;
}


@keyframes pTemporal {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes subtleHint {
    from {
        transform: perspective(800px) translate(0)
    }

    to {
        transform: perspective(800px) translate(2px)
    }
}

/* @media (max-width:1300px) and (min-width:993px) {
    .front-img.p1 {
        clip-path: polygon(95% 0px, 100% 7%, 100% 100%, 0px 100%, 0px 0px);
    }
} */

@media (max-width:768px) {
    .peel-card h3 {
        font-size: 18px !important;
        margin-top: 5px;
    }
}

.media-group {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    flex-direction: row;
    align-items: start
}


.media-group-item {
    background: #fff;
    padding: 20px 12px;
    box-shadow: 0 0 8.46px 0 rgba(0, 0, 0, .25);
    --rotate: 0deg;
    --translateX: 0;
    --translateY: 0;
    --translateZ: 0;
    opacity: 0;
    transition: transform .4s ease
}

.media-group .trust-card {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.media-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0
}

.media-item-info {
    text-align: center;
    margin-top: 10px
}

.media-item-info h5 {
    color: var(--primary);
    font-size: 20px !important;
    font-family: "Grape Nuts", cursive !important;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    min-height: 25px;
}

/* group 6 */
.media-group.group-6 .media-group-item:nth-child(1) {
    --rotate: 0deg;
    --translateX: 25px;
    --translateY: 0;
    z-index: 2
}

.media-group.group-6 .media-group-item:nth-child(1) .media-item-info {
    width: 239px
}

.media-group.group-6 .media-group-item:nth-child(1) .media-item-img {
    width: 239px;
    height: 248px
}

.media-group.group-6 .media-group-item:nth-child(2) {
    --rotate: 12deg;
    --translateX: 40px;
    --translateY: 30px;
    z-index: 1
}

.media-group.group-6 .media-group-item:nth-child(2) .media-item-info {
    width: 229px
}

.media-group.group-6 .media-group-item:nth-child(2) .media-item-img {
    width: 229px;
    height: 237px
}

.media-group.group-6 .media-group-item:nth-child(3) {
    --rotate: 2deg;
    --translateX: 55px;
    --translateY: -100px;
    z-index: 2
}

.media-group.group-6 .media-group-item:nth-child(3) .media-item-info {
    width: 316px
}

.media-group.group-6 .media-group-item:nth-child(3) .media-item-img {
    width: 316px;
    height: 203px
}

.media-group.group-6 .media-group-item:nth-child(4) {
    --rotate: 0deg;
    --translateX: -20px;
    --translateY: 35px;
    z-index: 2
}

.media-group.group-6 .media-group-item:nth-child(4) .media-item-info {
    width: 240px
}

.media-group.group-6 .media-group-item:nth-child(4) .media-item-img {
    width: 240px;
    height: 245px
}

.media-group.group-6 .media-group-item:nth-child(5) {
    --rotate: -10deg;
    --translateX: 51px;
    --translateY: -151px;
}

.media-group.group-6 .media-group-item:nth-child(5) .media-item-info {
    width: 222px
}

.media-group.group-6 .media-group-item:nth-child(5) .media-item-img {
    width: 222px;
    height: 233px
}

.media-group.group-6 .media-group-item:nth-child(6) {
    --rotate: 8deg;
    --translateX: -15px;
    --translateY: -20px;
    z-index: 2;
}

.media-group.group-6 .media-group-item:nth-child(6) .media-item-info {
    width: 290px
}

.media-group.group-6 .media-group-item:nth-child(6) .media-item-img {
    width: 290px;
    height: 180px
}

/* group 3 */

.media-group.group-3 .media-group-item:nth-child(1) {
    --rotate: -9deg;
    --translateX: 19px;
    --translateY: 0px
}

.media-group.group-3 .media-group-item:nth-child(1) .media-item-info {
    width: 295px
}

.media-group.group-3 .media-group-item:nth-child(1) .media-item-img {
    width: 295px;
    height: 300px
}

.media-group.group-3 .media-group-item:nth-child(2) {
    --rotate: 4deg;
    --translateX: -60px;
    --translateY: 38px
}

.media-group.group-3 .media-group-item:nth-child(2) .media-item-info {
    width: 280px
}

.media-group.group-3 .media-group-item:nth-child(2) .media-item-img {
    width: 280px;
    height: 285px
}

.media-group.group-3 .media-group-item:nth-child(3) {
    --rotate: 0deg;
    --translateX: 80px;
    --translateY: 5px
}

.media-group.group-3 .media-group-item:nth-child(3) .media-item-info {
    width: 395px
}

.media-group.group-3 .media-group-item:nth-child(3) .media-item-img {
    width: 395px;
    height: 240px
}

/* group row 6 */
.media-group.group-row-6 {
    height: 450px;
}

.media-group.group-row-6 .media-item-info h5 {
    white-space: wrap;
}

.media-group.group-row-6 .media-group-item:nth-child(1) {
    order: 1;
    --rotate: -10deg;
    --translateX: 23px;
    --translateY: 16px
}

.media-group.group-row-6 .media-group-item:nth-child(1) .media-item-img {
    width: 178px;
    height: 182px;
}

.media-group.group-row-6 .media-group-item:nth-child(1) .media-item-info {
    width: 178px;
}

.media-group.group-row-6 .media-group-item:nth-child(2) {
    order: 2;
    --rotate: 0deg;
    --translateX: 50px;
    --translateY: 10px;
    z-index: 3;
}

.media-group.group-row-6 .media-group-item:nth-child(2) .media-item-img {
    width: 168px;
    height: 170px;
}

.media-group.group-row-6 .media-group-item:nth-child(2) .media-item-info {
    width: 168px;
}

.media-group.group-row-6 .media-group-item:nth-child(3) {
    order: 4;
    --rotate: 0deg;
    --translateX: 80px;
    --translateY: -60px
}

.media-group.group-row-6 .media-group-item:nth-child(3) .media-item-img {
    width: 234px;
    height: 143px;
}

.media-group.group-row-6 .media-group-item:nth-child(3) .media-item-info {
    width: 234px;
}

.media-group.group-row-6 .media-group-item:nth-child(4) {
    order: 3;
    --rotate: 2deg;
    --translateX: -30px;
    --translateY: 30px;
    margin-left: auto;
}

.media-group.group-row-6 .media-group-item:nth-child(4) .media-item-img {
    width: 250px;
    height: 150px;
}

.media-group.group-row-6 .media-group-item:nth-child(4) .media-item-info {
    width: 250px;
}

.media-group.group-row-6 .media-group-item:nth-child(5) {
    order: 5;
    --rotate: -5deg;
    --translateX: -25px;
    --translateY: -125px;
    margin-left: auto;
    z-index: 2;
}

.media-group.group-row-6 .media-group-item:nth-child(5) .media-item-img {
    width: 193px;
    height: 195px;
}

.media-group.group-row-6 .media-group-item:nth-child(5) .media-item-info {
    width: 193px;
}

.media-group.group-row-6 .media-group-item:nth-child(6) {
    order: 6;
    --rotate: 5deg;
    --translateX: -15px;
    --translateY: -85px;
    z-index: 1;
}

.media-group.group-row-6 .media-group-item:nth-child(6) .media-item-img {
    width: 197px;
    height: 182px;
}

.media-group.group-row-6 .media-group-item:nth-child(6) .media-item-info {
    width: 197px;
}

@media (max-width:1430px) {
    .media-group.group-6 {
        height: 860px
    }

    .media-group.group-6 .media-group-item:nth-child(1) {
        --translateX: 0
    }

    .media-group.group-6 .media-group-item:nth-child(1) .media-item-info {
        width: 210px
    }

    .media-group.group-6 .media-group-item:nth-child(1) .media-item-img {
        width: 210px;
        height: 220px
    }

    .media-group.group-6 .media-group-item:nth-child(2) {
        --translateX: -25px;
        --translateY: 20px
    }

    .media-group.group-6 .media-group-item:nth-child(2) .media-item-info {
        width: 190px
    }

    .media-group.group-6 .media-group-item:nth-child(2) .media-item-img {
        width: 190px;
        height: 210px
    }

    .media-group.group-6 .media-group-item:nth-child(3) .media-item-info {
        width: 225px
    }

    .media-group.group-6 .media-group-item:nth-child(3) .media-item-img {
        width: 225px;
        height: 160px
    }

    .media-group.group-6 .media-group-item:nth-child(4) {
        --translateX: -35px
    }

    .media-group.group-6 .media-group-item:nth-child(4) .media-item-info {
        width: 180px
    }

    .media-group.group-6 .media-group-item:nth-child(4) .media-item-img {
        width: 180px;
        height: 195px
    }

    .media-group.group-6 .media-group-item:nth-child(5) .media-item-info {
        width: 200px
    }

    .media-group.group-6 .media-group-item:nth-child(5) .media-item-img {
        width: 200px;
        height: 230px
    }

    .media-group.group-6 .media-group-item:nth-child(6) .media-item-info {
        width: 200px
    }

    .media-group.group-6 .media-group-item:nth-child(6) .media-item-img {
        width: 200px;
        height: 210px
    }

    .media-group.group-3 .media-group-item:nth-child(1) .media-item-info {
        width: 215px
    }

    .media-group.group-3 .media-group-item:nth-child(1) .media-item-img {
        width: 215px;
        height: 205px
    }

    .media-group.group-3 .media-group-item:nth-child(2) .media-item-info {
        width: 215px
    }

    .media-group.group-3 .media-group-item:nth-child(2) .media-item-img {
        width: 215px;
        height: 195px
    }

    .media-group.group-3 .media-group-item:nth-child(3) .media-item-info {
        width: 275px
    }

    .media-group.group-3 .media-group-item:nth-child(3) .media-item-img {
        width: 275px;
        height: 160px
    }

    .media-group.group-row-6 .media-group-item:nth-child(1) .media-item-img {
        width: 137px;
        height: 90px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(1) .media-item-info {
        width: 137px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(2) .media-item-img {
        width: 137px;
        height: 90px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(2) .media-item-info {
        width: 137px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(3) .media-item-img {
        width: 180px;
        height: 122px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(3) .media-item-info {
        width: 180px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(4) .media-item-img {
        width: 180px;
        height: 82px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(4) .media-item-info {
        width: 180px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(5) .media-item-img {
        width: 150px;
        height: 90px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(5) {
        --rotate: -5deg;
        --translateX: -25px;
        --translateY: -30px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(5) .media-item-info {
        width: 150px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(6) {
        --rotate: 5deg;
        --translateX: -15px;
        --translateY: -40px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(6) .media-item-img {
        width: 137px;
        height: 100px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(6) .media-item-info {
        width: 137px;
    }

    .media-group.group-row-6 {
        height: unset;
        flex-direction: row;
    }
}

@media (max-width:1300px) and (min-width:993px) {

    .media-group.group-row-6 .media-group-item,
    .media-group.group-3 .media-group-item,
    .media-group.group-6 .media-group-item {
        --rotate: 0deg !important;
        --translateX: 0 !important;
        --translateY: 0 !important;
        --translateZ: 0 !important
    }

    .media-group.group-row-6 .media-group-item,
    .media-group.group-3,
    .media-group.group-6 {
        height: auto;
        gap: 15px;
        justify-content: center;
        margin: auto;
    }

    .media-group.group-row-6 .media-group-item .media-item-img,
    .media-group.group-row-6 .media-group-item .media-item-info {
        width: unset !important;
        height: unset !important;
    }

    .d-md-hide>div.media-group {
        flex-direction: row;
    }
}

@media (max-width:993px) {
    .media-item-info {
        margin-top: 5px
    }

    .media-item-info h5 {
        font-size: 18px !important;
        min-height: 24px;
    }

    .media-group-item {
        padding: 12px
    }

    .media-group.group-row-6,
    .media-group.group-3 {
        width: 370px;
        height: 327px;
        margin: 25px auto;
        gap: 0;
        justify-content: center
    }



    .media-group.group-3 .media-group-item:nth-child(1) {
        --rotate: -4deg;
        --translateX: 10px;
        --translateY: 10px
    }

    .media-group.group-3 .media-group-item:nth-child(1) .media-item-info {
        width: 160px
    }

    .media-group.group-3 .media-group-item:nth-child(1) .media-item-img {
        width: 160px;
        height: 170px
    }

    .media-group.group-3 .media-group-item:nth-child(2) {
        --rotate: 5deg;
        --translateX: 5px;
        --translateY: 15px
    }

    .media-group.group-3 .media-group-item:nth-child(2) .media-item-info {
        width: 154px
    }

    .media-group.group-3 .media-group-item:nth-child(2) .media-item-img {
        width: 154px;
        height: 165px
    }

    .media-group.group-3 .media-group-item:nth-child(3) {
        --rotate: 0deg;
        --translateX: 0;
        --translateY: -70px
    }

    .media-group.group-3 .media-group-item:nth-child(3) .media-item-info {
        width: 190px
    }

    .media-group.group-3 .media-group-item:nth-child(3) .media-item-img {
        width: 190px;
        height: 121px
    }


    /*  */
    .media-group.group-row-6 {
        height: 700px;
        position: relative;
    }

    .media-group.group-row-6 .media-group-item:nth-child(1) {
        --rotate: 0deg;
        --translateX: 20px;
        --translateY: 0px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .media-group.group-row-6 .media-group-item:nth-child(1) .media-item-img {
        width: 160px;
        height: 171px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(1) .media-item-info {
        width: 160px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(2) {
        --rotate: 0deg;
        --translateX: -20px;
        --translateY: 50px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .media-group.group-row-6 .media-group-item:nth-child(2) .media-item-img {
        width: 150px;
        height: 159px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(2) .media-item-info {
        width: 150px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(3) {
        order: 3;
        --rotate: -5deg;
        --translateX: 20px;
        --translateY: 15px;
        z-index: 3;
        position: absolute;
        left: 0;
        top: 170px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(3) .media-item-img {
        width: 210px;
        height: 152px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(3) .media-item-info {
        width: 210px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(4) {
        order: 4;
        --rotate: 4deg;
        --translateX: -30px;
        --translateY: 16px;
        margin: 0;
        position: absolute;
        right: 0;
        top: 302px;
        z-index: 4;
    }

    .media-group.group-row-6 .media-group-item:nth-child(4) .media-item-img {
        width: 230px;
        height: 140px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(4) .media-item-info {
        width: 230px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(5) {
        --rotate: 0deg;
        --translateX: 23px;
        --translateY: 16px;
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 90px;
        z-index: 4;
    }

    .media-group.group-row-6 .media-group-item:nth-child(5) .media-item-img {
        width: 152px;
        height: 154px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(5) .media-item-info {
        width: 152px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(6) {
        --rotate: 0deg;
        --translateX: -50px;
        --translateY: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 4;
    }

    .media-group.group-row-6 .media-group-item:nth-child(6) .media-item-img {
        width: 158px;
        height: 161px;
    }

    .media-group.group-row-6 .media-group-item:nth-child(6) .media-item-info {
        width: 158px;
    }
}

@media (max-width:430px) {

    .media-group.group-3 {
        width: 310px;
        height: 285px
    }

    .media-group.group-row-6 {
        width: 310px;
    }

    .media-item-info h5 {
        font-size: 14px !important;
        min-height: 18px !important;
    }

    .media-group.group-3 .media-group-item:nth-child(1) {
        --rotate: -4deg;
        --translateX: 0;
        --translateY: 10px
    }

    .media-group.group-3 .media-group-item:nth-child(1) .media-item-info {
        width: 130px
    }

    .media-group.group-3 .media-group-item:nth-child(1) .media-item-img {
        width: 130px;
        height: 160px
    }

    .media-group.group-3 .media-group-item:nth-child(2) .media-item-info {
        width: 130px
    }

    .media-group.group-3 .media-group-item:nth-child(2) .media-item-img {
        width: 130px;
        height: 155px
    }

    .media-group.group-3 .media-group-item:nth-child(3) .media-item-info {
        width: 170px
    }

    .media-group.group-3 .media-group-item:nth-child(3) .media-item-img {
        width: 170px;
        height: 111px
    }

    .media-group-item {
        padding: 8px
    }
}

@media (max-width:360px) {
    .media-group.group-3,

    .media-group.group-row-6 {
        width: 290px;
    }

    .media-group.group-3 {
        height: 200px;
    }

    .media-group.group-3 .media-group-item .media-item-info,
    .media-group.group-3 .media-group-item .media-item-img {
        width: 100px !important;
        height: auto !important;
        max-height: 110px;
    }


}

.community-logos-slider.show-dots-flex .slick-dots {
    display: flex !important
}

.community-logos-slider .slick-dots {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 15px
}

.community-logos-slider .slick-dots.show-dots {
    display: flex !important;
}

.community-logos-slider .logo-card {
    background: var(--white);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    transition: all .3s ease;
    margin: 0 5px
}

.community-logos-section.bg-white .community-logos-slider .logo-card {
    background-color: var(--bg-dark);
}

.community-logos-slider .logo-card img {
    max-height: 80%;
    max-width: 70%;
}

@media (max-width:1300px) {
    .community-logos-section .grid-new {
        grid-template-columns: repeat(12, 1fr)
    }

    .community-logos-section .grid-new-col-12 {
        grid-column: span 12 !important
    }
}

@media (max-width:1524px) {
    /* .community-logos-slider .slick-dots {
        display: flex !important
    } */

    .community-logos-slider .logo-card img {
        margin: 0
    }
}

/* @media (min-width:993px) {
    .community-logos-slider .slick-dots {
        display: none !important;
    }
} */

@media (max-width:993px) {
    .community-logos-slider .logo-card {
        height: 100px
    }

    .community-logos-slider .logo-card img {
        height: 50px;
        max-width: 80%;
    }
}

.bg-blur-30 {
    background: rgba(255, 255, 255, .28);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, .4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .12)
}

.girls-docs {
    border-radius: 7px;
    overflow: hidden
}

.girls-content {
    border-left: 20px solid var(--pink);
    background-color: var(--white);
    padding: 30px 60px;
}

.girls-content h2.main-title {
    color: var(--pink);
    text-transform: uppercase
}

.girls-content h2.main-title:last-of-type {
    margin-bottom: 40px
}

.girls-img-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.girls-docs .girls-img {
    display: flex
}

.girls-img img {
    width: 100%;
    object-fit: cover;
    margin: 0
}

@media (max-width:993px) {

    .girls-content {
        border-left: 20px solid var(--pink);
        background-color: var(--white);
        padding: 25px 30px;
    }

    .girls-content h2.main-title:last-of-type {
        margin-bottom: 20px;
    }

    .girls-content h2.main-title {
        text-align: left
    }

    .girls-img-group {
        grid-template-columns: 1fr
    }

    .girls-img-group .girls-img:last-of-type {
        display: none;
    }
}

.plumber-section {
    position: relative;
    overflow: hidden
}

.plumber-section .grid-new {
    position: relative
}

.plumber-section .grid-new::before {
    content: '';
    background-color: var(--primary);
    width: 100%;
    height: 140%;
    position: absolute;
    top: -90px;
    right: 90%;
    z-index: 0
}

.plumber-section.layout-rl .grid-new::before {
    right: -92%;
    left: unset
}

.plumber-section .plumber-img-wrapper {
    position: absolute;
    /* top: -60px;
    margin-left: -60px;
    min-height: 130% */
    margin-left: -75px;
    min-height: 120%;
    bottom: -80px;
}

@media (min-width:1300px) {
    .plumber-section .grid-new {
        gap: 100px;
    }

    .plumber-section .grid-new-col-8 {
        grid-column: span 9;
    }

    .plumber-section .grid-new-col-4 {
        grid-column: span 3;
    }

}

.plumber-section.layout-rl .plumber-img-wrapper {
    margin-right: -60px;
    margin-left: unset
}

@media (max-width:1300px) {

    .plumber-section .grid-new::before,
    .plumber-section .d-md-hide {
        display: none !important
    }
}

.deserve-slider-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.deserve-slider-2 .deserve-card {
    margin: 0
}

@media (max-width:1300px) {
    .deserve-slider-2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:786px) {
    .deserve-slider-2 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.plumber-cta-section {
    padding: 80px 0;
    background: linear-gradient(180deg, #0BBDFF 0%, #00ADED 100%);
    /*background: linear-gradient(209deg, #50D0FF 10.48%, #00ADED 66.58%);*/
}

.plumber-cta-section p {
    text-align: center;
    margin: 40px auto 45px;
    font-size: 18px !important;
    line-height: 120%;
}

.plumber-cta-section p strong {
    display: block;
    margin-bottom: 5px;
}

.plumber-cta-section .cta-button {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap
}

.plumber-cta-section .cta-button+.cta-booking-info p,
.plumber-cta-section .cta-button+.cta-booking-info {
    margin-top: 0;
}

.plumber-cta-section .cta-button:has(+ .cta-booking-info) {
    margin-bottom: 25px;
}

.plumber-cta-section .button {
    flex-direction: column;
    min-width: 380px;
    font-size: 30px !important;
    text-align: center;
    height: unset;
    padding: 20px;
    line-height: 150%;
}

.plumber-cta-section .button span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-top: 5px;
}

.plumber-cta-section .cta-features {
    display: inline-flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    text-align: left;
    padding-left: 40px
}

.plumber-cta-section .cta-features li {
    color: var(--white);
    font-weight: 600;
    position: relative;
    padding-left: 35px;
    font-size: 25px;
    line-height: 150%;
}

.plumber-cta-section .cta-features li:not(:last-child) {
    margin-right: 30px;
    padding-right: 30px;
}

.plumber-cta-section .cta-features li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background-image: url('../../assets/images/new/check_circle.png');
    color: var(--primary);
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    background-size: contain
}

.plumber-cta-section .cta-features li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: var(--white)
}

@media (max-width:1430px) {
    .plumber-cta-section .cta-features {
        display: grid;
        gap: 10px 20px;
        grid-template-columns: repeat(2, 1fr);
        max-width: 700px;
        margin: auto;
        padding-left: 0
    }

    .plumber-cta-section .cta-features li:not(:last-child) {
        margin-right: 0;
        padding-right: 0;
    }

    .plumber-cta-section .cta-features li::before {
        top: 3px;
    }

    .cta-features li:nth-child(2)::after {
        display: none
    }
}

@media (max-width:993px) {
    .plumber-cta-section .cta-button {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:786px) {
    .plumber-cta-section .button {
        font-size: 22px !important
    }

    .plumber-cta-section .button span {
        font-size: 15px
    }

    .plumber-cta-section .cta-features li {
        font-size: 15px
    }

    .plumber-cta-section .cta-button,
    .plumber-cta-section .cta-features {
        gap: 10px 20px;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }

    .plumber-cta-section {
        padding: 40px 0 50px;
    }

    .plumber-cta-section .cta-features li {
        padding-left: 25px
    }

    .plumber-cta-section .cta-features li:not(:last-child)::after {
        right: 0
    }

    .plumber-cta-section .cta-features li::before {
        width: 15px;
        height: 15px;
        top: 2px;
    }

    .plumber-cta-section .button {
        min-width: 100%
    }

    .plumber-cta-section p strong {
        margin-bottom: 10px;
    }

    .plumber-cta-section p {
        font-size: 15px !important;
        margin-top: 20px;
    }
}

@media (max-width:786px) {
    .plumber-cta-section .cta-features li {
        font-size: 13px
    }
}

.youtube-tips-section {
    background-size: cover;
    background-position: center;
    height: 860px;
    display: flex;
}

.youtube-tips-section .container-new {
    position: relative;
    z-index: 2
}

.youtube-tips-section .tips-card {
    max-width: 650px;
    margin-left: auto;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    padding: 40px
}

.youtube-tips-section .tips-card p {
    font-size: 15px;
    margin: 15px 0;
    line-height: 24px;
}

.youtube-tips-section .tips-head {
    display: flex;
    justify-content: space-between;
    align-items: start
}

.youtube-tips-section .tips-head img {
    flex: 0 0 auto
}

.youtube-tips-section .tips-videos {
    margin-top: 20px
}

.youtube-tips-section .tips-item {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

.youtube-tips-section .tips-item:hover {
    text-decoration: none
}

.youtube-tips-section .tips-item span.video-btn,
.youtube-tips-section .video-btn {
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .4);
    color: var(--white);
    border: none;
    font-size: 15px;
    padding: 14px 20px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 190px;
    gap: 15px;
    flex: 0 0 auto;
    font-weight: 600;
    line-height: 24px;
    height: 55px;
}

.youtube-tips-section .video-btn::before {
    content: '';
    display: flex;
    background-image: url("../../assets/images/new/polygon-btn.png");
    width: 22px;
    height: 22px
}

.youtube-tips-section .tips-item span {
    color: var(--white);
    font-size: 17px;
    line-height: 24px;
}

@media (max-width:993px) {
    .youtube-tips-section {
        height: auto;
    }

    .youtube-tips-section .tips-head {
        flex-direction: column;
        align-items: center;
    }

    .youtube-tips-section .tips-head img {
        height: 50px;
        margin-top: 15px
    }

    .youtube-tips-section .tips-card {
        padding: 20px
    }

    .youtube-tips-section .tips-card p {
        text-align: center;
        line-height: 21px;
    }

    .youtube-tips-section .tips-item {
        gap: 20px;
    }

    .youtube-tips-section .tips-item span {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (max-width:445px) {

    .youtube-tips-section .tips-item span.video-btn,
    .youtube-tips-section .video-btn {
        width: auto;
        gap: 15px;
    }
}

.latestPlumbingBlog.c-blogs-new .card-header {
    padding: 0;
    margin-bottom: 30px
}

.latestPlumbingBlog.c-blogs-new .card-body h3,
.latestPlumbingBlog.c-blogs-new .card-body h4 {
    font-size: 17px !important;
    font-weight: 600 !important;
    /* text-align: left !important; */
    line-height: normal;
    text-transform: unset;
}

.latestPlumbingBlog.c-blogs-new .card-body h3 {
    color: #00ADED;
}

.latestPlumbingBlog.c-blogs-new .card-body p {
    font-size: 15px !important;
    /* text-align: left !important; */
    line-height: normal;
    line-height: normal;

}

.section-new.c-blogs-new .card a {
    /* text-align: left; */
    font-weight: 400;
    text-decoration: underline;
}

.section-new.c-blogs-new a .fa {
    display: none
}

.latestPlumbingBlog.c-blogs-new .card-body img {
    height: 250px !important
}

@media (min-width:786px) {
    .mobile-form-contact {
        display: none
    }
}

.mobile-form-contact .mobile-cta {
    padding: 30px;
    background-color: var(--white)
}

.mobile-form-contact .mobile-btn {
    display: block;
    background: var(--primary);
    color: var(--white);
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    margin-bottom: 12px
}

.mobile-form-contact .mobile-btn:last-of-type {
    margin-bottom: 0;
}

.mobile-form-contact .mobile-btn strong {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 22px
}

.mobile-form-contact .mobile-btn strong img {
    width: 30px
}

.mobile-form-contact .mobile-btn span {
    font-size: 15px;
    line-height: normal;
    /* font-family: var(--font-inter) !important; */
}

.mobile-form-contact .mobile-form {
    padding: 30px;
    background-color: var(--primary)
}

.mobile-form-contact .mobile-form input,
.mobile-form-contact .mobile-form textarea {
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 15px 25px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 150%;
}

.mobile-form-contact .mobile-form input::placeholder,
.mobile-form-contact .mobile-form textarea::placeholder {
    color: var(--text-dark)
}

.mobile-form-contact .mobile-form button {
    width: 100%;
    background: var(--white);
    color: var(--primary);
    border: none;
    padding: 16px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.mobile-form-contact .mobile-btn,
.mobile-form-contact .mobile-form button {
    min-height: 50px
}

/* @media (min-width:1500px) {
    .citySectionUl ul {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
} */
/* Overlay */
.enquirePopup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    display: none;
    z-index: 10;
}

.enquirePopup-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(3px);
}

.enquirePopup-overlay .popup-box-docs {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 15px;
    overflow: auto;
    display: flex;
    pointer-events: none;
}

/* Box */
.enquirePopup-overlay .popup-box {
    background: var(--white);
    max-width: 420px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    animation: popupFade 0.4s ease;
    margin: auto;
    pointer-events: all;
}

/* Animation */
@keyframes popupFade {
    from {
        transform: translateY(40px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Close */
.enquirePopup-overlay .popup-close {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 26px;
    cursor: pointer;
    color: var(--white);
    z-index: 2;
    line-height: 1;
    padding: 0;
}

/* Top Image */
.enquirePopup-overlay .popup-top {
    position: relative;
}

.enquirePopup-overlay .popup-top img {
    width: 100%;
    display: block;
}

.enquirePopup-overlay .popup-top .it_is_sadie_arrow {
    position: absolute;
    top: 40%;
    left: 0;
    width: auto;
}

/* Form */
.enquirePopup-overlay .popup-form {
    padding: 20px;
    background: var(--primary);
    text-align: center;
}

.enquirePopup-overlay .popup-form form {
    margin-top: 15px;
}

.enquirePopup-overlay .popup-form h2 {
    color: var(--white);
    margin-bottom: 10px;
    font-size: 20px !important;
    font-weight: 600;
}

.enquirePopup-overlay .popup-form p {
    color: var(--white);
}

.enquirePopup-overlay .popup-form input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: none;
    border-radius: 6px;
    background-color: #2BC6FF;
    color: var(--white);
}

.enquirePopup-overlay .popup-form button {
    width: 100%;
    padding: 14px;
    background: var(--white);
    color: var(--primary);
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
}


/* hidden state */
.reveal-item {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.5s ease;
}

/* visible */
.reveal-item.active {
    opacity: 1;
    transform: translateY(0);
}

.section-new .slick-dots li {
    background-color: rgba(0, 173, 237, 0.3);
}

.section-new .slick-dots li.slick-active {
    background-color: var(--primary);
}

.community-content h2,
.slider-content-title h2 {
    margin-bottom: 15px;
    color: var(--primary);
}

.flip-wrapper {
    width: 100%;
}

@media (min-width:1300px) {

    .grid-new:has(.flipbook) .grid-new-col-12,
    .grid-new:has(.flipbook-2) .grid-new-col-12 {
        grid-column: span 10;
    }

    .grid-new:has(.flipbook),
    .grid-new:has(.flipbook-2) {
        grid-template-columns: repeat(10, 1fr);
    }

    .grid-new-col-8:has(.flipbook),
    .grid-new-col-8:has(.flipbook-2) {
        grid-column: span 6;
    }
}

.grid-new:has(.flipbook) .main-title {
    text-align: center;
}

.flipbook {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.flipbook .page {
    overflow: hidden;
}

.flipbook .page img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 !important;
}

.turn-page::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: -1;
}



@media (max-width: 1430px) {
    .flipbook {
        height: 405px;
    }
}

@media (max-width: 1300px) {
    .flipbook {
        height: 505px;
    }
}

@media (max-width: 768px) {
    .flipbook {
        height: 350px;
    }
}

.flipbook .page:hover {
    cursor: grab;
}

.flipbook .page:active {
    cursor: grabbing;
}

.team-carousel img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: bottom;
    border-radius: 7px;
}

.team-carousel .slick-slide {
    margin: 0 10px;
    /* 10px left + 10px right = 20px total gap */
}

/* .team-carousel .slick-list {
    margin: 0 -10px;
    } */
p img.c-william-sign {
    width: 350px !important;
}

@media (max-width:992px) {
    p img.c-william-sign {
        width: 250px !important;
    }
}

/*  */

/* .card-body img {
        width:auto !important;
    } 
     p img {
        width:50% !important;
    } 
    .slider_content_spacing {
        height:600px;
        overflow-y: scroll;
        scrollbar-color:#00adee #eaeaea; 
        scrollbar-width:none;
    }
    ::-webkit-scrollbar {
        width: 0;  
        background: transparent; 
    }



.image-box {
    display: flex;
    position: relative;
    height: 250px;
     border: 1px solid; 
}*/
.card-body p img {
    width: 50% !important;
}

.img-box {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.img-box-show {
    opacity: 1;
}

.image-box img {
    width: 100% !important;
    object-fit: contain;
    object-position: center;
}

/* .card {
    height: auto !important;
    overflow-y: auto !important;
} */

/* .card,
.card-body,
.card-text:last-child {
    height: auto !important;
} */

/* .card {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
} */

.contentBoxTeam {
    height: 575px !important;
    overflow-y: auto !important;
    scrollbar-width: none;
    scrollbar-color: #00adee #eaeaea;
}

.contentBoxTeam::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.card h2,
.card h3,
/* .card-header, */
.card-text:first-child {
    padding: 12px;
}

@media (min-width: 1200px) {
    .p-2 {
        padding: 3rem !important;
    }
}

.ui-menu {
    border-color: #000 !important;
    max-height: 300px;
    overflow: auto;
}

.ui-menu .ui-menu-item {
    font-size: 20px;
    line-height: 2;
    background: var(--bg-dark);
}

@media (max-width:992px) {
    .ui-menu .ui-menu-item {
        font-size: 14px;
        line-height: 1.5;
    }

    .content-card p {
        margin-bottom: 0;
    }
}

.three_page_block .card .card-header {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

/* 
@media (max-width: 1200px) {

    .believeDeserve,
    .footer-row {
        flex-wrap: wrap-reverse;
    }

    .believeDeserveLeft,
    .believeDeserveRight {
        width: 100%;
    }
} */


.card-body h2 {
    font-size: 3.5rem;
    margin: 0 auto;
    max-width: 112rem;
}

.card-text:last-child iframe,
.card-body iframe,
.card iframe {
    height: 100%;
}


.append_load_more_blogs .card h2,
.append_load_more_blogs .card h3,
.append_load_more_blogs .card h4,
.append_load_more_blogs .card h5 {
    font-size: 30px !important;
    color: var(--primary);
}

.append_load_more_blogs p span {
    color: var(--text-dark);
}

@media (max-width:992px) {

    .append_load_more_blogs .card h2,
    .append_load_more_blogs .card h3,
    .append_load_more_blogs .card h4,
    .append_load_more_blogs .card h5 {
        font-size: 25px !important;
        color: var(--primary);
    }
}

.pulsate-shadow {
    animation: pulsateShadow 2s infinite;
}

@keyframes pulsateShadow {
    0% {
        filter: drop-shadow(0 0 0 rgba(0, 150, 255, 0.6));
    }

    50% {
        filter: drop-shadow(0 0 25px rgba(0, 150, 255, 0.5));
    }

    100% {
        filter: drop-shadow(0 0 0 rgba(0, 150, 255, 0));
    }
}

.comment-title {
    line-height: 120%;
    font-weight: 700;
}

@media (min-width:1430px) {
    .latestPlumbingBlog .card-body img {
        height: 250px !important;
    }

    .latestPlumbingBlog .p-3 {
        padding: 20px;
    }

    .latestPlumbingBlog .card-body h3 {
        font-size: 18px !important;
    }
}

.filterSearchShowButton button {
    padding: 0;
    border-radius: 0;
}

.citySectionSpan span {
    background-color: var(--primary);
}

/* .citySectionUl ul li a {
    color: var(--primary);
} */

.citySectionUl ul li a:hover {
    text-decoration: underline;
    color: var(--primary);
}

.site-map ul {
    font-size: 13px !important;
    color: var(--text-dark);
    text-decoration: underline;
    list-style: disc;
    padding-left: 25px;
    gap: 1rem;
}

.site-map ul li a {
    font-size: 13px !important;
}

.contact_us_form p.form-footer,
.contact_us_form p.form-subtitle,
.thank_you_message h1,
.thank_you_message h3 {
    color: #ffffff !important;
}

.filterSearchShowSelect select {
    padding: 0 1rem;
    /* remove default arrow */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* custom arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px;
}

@media (max-width: 993px) {
    .pulsate-shadow {
        width: 250px;
    }
}

@media (max-width: 577px) {
    .citySectionSpan span {
        width: 50px;
        aspect-ratio: 1 / 1;
    }

    .citySection {
        padding: 2rem 0;
    }

    .citySectionUl ul li a {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
}

.google-maps-iframe,
.google-maps-iframe iframe {
    max-height: 465px !important;
    height: 465px !important;
}

@media (max-width: 577px) {

    .google-maps-iframe,
    .google-maps-iframe iframe {
        max-height: 355px !important;
        height: 355px !important;
    }
}

.card p,
.card-body p,
.card-text:last-child p {
    line-height: 150%;
}

@media (min-width: 1000px) {

    .card p,
    .card-body p,
    .card-text:last-child p {
        line-height: 150%;
    }
}

.docs ol li,
p {
    font-size: 15px;
    line-height: 150%;
}

h1,
h2,
h3,
h4 {
    line-height: 120% !important;
    font-weight: 700 !important;
}

@media (min-width: 1500px) {
    .pt-5 {
        padding-top: 40px;
    }

    .pb-5 {
        padding-bottom: 40px;
    }
}


/* 26 - 03 - 26 start */
.hero-rating p span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.yellow_rating_icon {
    display: inline-flex;
    width: 65px;
    height: 15px;
    background-image: url(../../assets/images/new/icon/yellow_rating_icon.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.grid-new img.c-awards-img {
    max-width: 610px;
    width: 100%;
}

/* 26 - 03 - 26 end */

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-image: none;
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto !important;
    inset: 0 !important;
    background-size: 25px;
}

/* Left Arrow */
.ui-datepicker .ui-datepicker-prev span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}

/* Right Arrow */
.ui-datepicker .ui-datepicker-next span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* new css */

.mb-40 {
    margin-bottom: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.video-card {
    position: relative;
    overflow: hidden;
    margin: 0 12px;
    border-radius: 8px;
}

.video-card video {
    width: 100%;
    height: 655px;
    object-fit: cover;
    /* pointer-events: none; */
}

/* Play Button */
.play-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--primary);

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    z-index: 2;
}

/* Triangle */
.play-video-btn::before {
    content: '';
    border-left: 18px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: 5px;
}

@media (max-width:768px) {
    .video-card video {
        height: 550px;
    }
}

.video-slider {
    margin-top: 30px;

}

@media (max-width:992px) {
    .video-slider {
        max-width: unset;
        /* max-width: 90% */
    }

    .mb-40 {
        margin-bottom: 20px;
    }

    .mt-40 {
        margin-top: 20px;
    }
}

.hero-new-image img {
    max-height: unset;
}

.services-img img {
    position: relative;
}

@media (max-width:576px) {
    .expert-card {
        padding: 0 50px;

    }
}

@media (max-width:576px) {
    .team-section .team-cta .button {
        min-width: unset;
    }
}

.c-main-blog-details h1,
.c-main-blog-details h2,
.c-main-blog-details h3,
.c-main-blog-details h4,
.c-main-blog-details h5,
.c-main-blog-details h6 {
    color: var(--primary);
}

.c-main-blog-details .service-label {
    color: var(--white);
}

.team-box {
    padding-left: 0;
    padding-right: 0;
    height: 420px;
    max-height: 420px;
}

.team-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:1440px) {
    .team-box {
        height: 320px;
        max-height: 320px;
    }
}

@media (max-width:789px) {
    .team-box {
        height: auto;
        max-height: unset;
    }
}


/* .box-badge-img-2 img */
.grid-new:has(.box-badge-img-2) {
    gap: 20px;
}

.box-badge-img-2 img {
    float: right;
    margin-top: 36px;
    margin-left: 16px;
    shape-margin: 20px;
}

.box-badge-img-2 p:has(img) {
    margin: 0 !important;
}

.box-badge-img-2 p:nth-last-of-type(2) img,
.box-badge-img-2 p:nth-child(4) img {
    display: none;
}

@media (max-width:993px) {
    .box-badge-img-2 p:first-child img {
        display: none;
    }

    .box-badge-img-2 p:nth-child(4) img,
    .box-badge-img-2 p:nth-last-of-type(2) img {
        display: block;
    }
}

@media (max-width:768px) {
    .box:has(.box-badge-img) {
        overflow: visible;
    }

    .box-badge-img-2 img,
    .box-badge-img {
        margin-top: 80px !important;
        margin-bottom: -50px !important;
        width: 160px;
    }
}

@media (max-width:420px) {

    .box-badge-img-2 img,
    .box-badge-img {
        margin-top: 100px !important;
    }
}

@media (max-width:380px) {

    .box-badge-img-2 img,
    .box-badge-img {
        margin-top: 120px !important;
    }
}

@media (max-width:340px) {
    .about-wrap-docs {
        padding: 30px 20px;
    }

    .request_a_call_back_form .form-group input,
    .request_a_call_back_form .form-group select {
        width: 100%;
    }

    .box-badge-img-2 img,
    .box-badge-img {
        margin-top: 140px !important;
    }

    .footer_new-col ul li a {
        overflow-wrap: anywhere;
    }

    .grid-new {
        display: block;
    }

    .content-highlight p,
    .card p,
    .card-body p,
    .card-text:last-child p,
    .grid-new ul,
    .grid-new p,
    .hearer-mob-menu {
        font-size: 12px;
    }

    .hero-rating {
        width: 170px;
    }

    .hero-rating p span {
        flex-wrap: wrap;
    }

    .hero-awards img {
        width: 175px;
    }

    .hero-inner {
        padding: 35px 15px;
    }
}

.pt-80 {
    padding-top: 80px;
    padding-bottom: 0px;
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pb-80 {
    padding-bottom: 80px;
    padding-top: 0px;
}

.pt-40 {
    padding-top: 40px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

@media (max-width:992px) {
    .pt-80 {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .py-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pb-80 {
        padding-bottom: 40px;
        padding-top: 0px;
    }
}

.team-carousel .team-box img {
    object-position: center;
    object-fit: cover;
}

@media (max-width:789px) {
    .team-carousel .team-box {
        height: 320px !important;
    }
}

.blog-card-content p {
    margin-top: unset;
}

.blog-card-content h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-card-content h2,
.blog-card-content h5,
.blog-card-content h4 {
    font-size: 24px !important;
    font-weight: 700;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 30px
}



.blog-card-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}


.extra-category {
    display: none;
}

.newsletter-form .button {
    margin-top: 10px;
}

@media (min-width:993px) {

    .blog-card-sidebar .sidebar-box,
    .blog-card-content {
        padding: 30px;
    }

    .c-all-category {
        margin-top: 35px;
    }

    .sidebar-cta p {
        margin-top: 20px;
    }

    .blog-card-sidebar {
        flex: 1;
    }

    .sidebar-cta-list,
    .sidebar-list {
        margin: 40px 0 40px !important;
    }

    .sidebar-cta-list {
        margin-bottom: 30px !important;
        margin-top: 20px !important;
    }

    .sidebar-cta-list li,
    .sidebar-list li {
        margin-bottom: 15px;
    }

    .newsletter-form {
        margin-top: 0;
    }

    .blog-card-sidebar .social-icons {
        padding: 5px 0;
    }

    .blog-card-sidebar .sidebar-box:last-of-type {
        position: sticky;
        top: 175px;
    }

}

@media (max-width:1300px) and (min-width:993px) {
    .blog-card-sidebar {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.social-icons {
    padding: 24px 0;
}

.blog-card-sidebar .sidebar-box img {
    margin-top: 0;
    margin-bottom: -10px;
}

.grid-new .blog-card-sidebar p:last-of-type {
    margin-bottom: 20px;
}

.blog-card-content .read-more {
    margin-top: auto;
}













/* expert */
.expert-img {
    position: relative;
    height: auto;
    overflow: hidden;
}

.expert-img-name {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
    margin-left: 25px;
    color: var(--white);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.expert-img-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1/0.88;
    background: linear-gradient(90deg, #3BCAFF 0%, #09A5DF 100%);
    color: var(--white);
    padding: 25px;
    border-radius: 7px;
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
    overflow: auto;
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: #fff #17BDFA;
}

.expert-img-info h3 {
    font-weight: 600;
    font-size: 20px !important;
    margin-bottom: 5px;
}

.expert-img-info p {
    margin-bottom: 15px;
}

.expert-img-info p strong {
    font-weight: 600;
}

.expert-img:hover .expert-img-info {
    transform: translateY(0%);
}

.expert-img img {
    transition: all 0.5s ease-in-out;
}

.expert-img:hover img {
    opacity: 0;
}





/*  */


@media (min-width:1430px) {
    .slick-slider-new {
        padding: 0 10px;
    }

    .slick-slider-new .slick-list {
        margin: 0 -10px;
        z-index: 0;
        position: relative;
    }

    .timeline-slider.slick-slider-new .slick-list,
    .community-slider.slick-slider-new .slick-list,
    .reviews-slider.slick-slider-new .slick-list {
        margin: 0;
    }

    .slick-slider-new::before,
    .slick-slider-new::after {
        content: '';
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .timeline-slider.slick-slider-new::before,
    .timeline-slider.slick-slider-new::after {
        display: none;
    }

    .bg-dark:has(.slick-slider-new) .slick-slider-new::before,
    .bg-dark:has(.slick-slider-new) .slick-slider-new::after {
        background-color: var(--bg-dark);
    }

    .bg-white:has(.slick-slider-new) .slick-slider-new::before,
    .bg-white:has(.slick-slider-new) .slick-slider-new::after {
        background-color: var(--white);
    }

    .slick-slider-new::before {
        left: 0px;
    }

    .slick-slider-new::after {
        right: 0px;
    }

    .slick-slider-new .slick-prev,
    .slick-slider-new .slick-next {
        z-index: 2;
    }
}













/* process-section */

.process-section-slider .slick-list {
    margin: 0 -30px;
    z-index: 0;
    position: relative;
    /* must match slide padding */
}

.process-section-slider::before,
.process-section-slider::after {
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.process-section-slider.bg-dark::before,
.process-section-slider.bg-dark::after {
    background-color: var(--bg-dark);
}

.process-section-slider.bg-white::before,
.process-section-slider.bg-white::after {
    background-color: var(--white);
}

.process-section-slider::before {
    left: -20px;
}

.process-section-slider::after {
    right: -20px;
}

.slick-slider-new.process-section-slider .slick-prev,
.slick-slider-new.process-section-slider .slick-next {
    z-index: 2;
}

.process-slider-card {
    overflow: hidden;
    border-radius: 7px;
    margin: 0 25px;
}

.process-slider-img img {
    width: 100%;
    height: 445px;
    object-fit: cover;
    object-position: center;
}

.process-slider-info {
    background-color: var(--white);
    height: 100%;
    padding: 50px 60px 70px;
}

.process-slider-info.bg-primary {
    /* background-color: var(--primary); */
    background: linear-gradient(180deg, #0BBDFF 0%, #00ADED 100%);
    color: var(--white);
    text-align: center;
    padding: 50px;
}

.process-slider-info p {
    margin-top: 20px;
    font-weight: 400;
}

.process-slider-info p:last-of-type a:has(.button) {
    display: block;
    padding-top: 20px;
    text-decoration: underline;
    font-weight: 400;
}

.process-slider-info.bg-primary p:last-of-type a:has(.button-white) {
    color: var(--white);
}

.process-slider-info.bg-primary .button {
    width: 260px;
    margin-top: 10px;
}

.process-slider-info p:first-of-type {
    margin-top: 0;

}

.process-slider-info p:first-of-type strong {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--primary);
}

.process-slider-info.bg-primary p:first-of-type strong {
    color: var(--white);
}

@media (min-width:992px) {
    .process-section-slider.slick-slider-new {
        padding: 0 10px;
    }

    .process-slider-info.bg-primary p:first-of-type strong {
        font-size: 25px;
    }
}

@media (max-width:992px) {
    .process-section-slider .slick-list {
        margin: 0;
    }

    .process-section-slider::before,
    .process-section-slider::after {
        display: none;
    }

    .process-slider-img img {
        height: 265px;
    }

    .process-slider-card {
        margin: 0 15px;
    }

    .process-slider-info.bg-primary,
    .process-slider-info {
        padding: 35px 35px 40px;
    }

    .process-slider-info p {
        text-align: center;
    }

    .process-slider-info p:last-of-type a:has(.button) {
        padding-top: 0;
    }

    .process-slider-info.bg-primary .button {
        width: auto;
        margin-top: 10px;
    }
}

@media (min-width:1300px) {
    .section-cost-docs {
        grid-template-columns: repeat(10, 1fr);
    }

    .section-cost-docs .grid-new-col-8 {
        grid-column: span 6;
    }

}





/* section-cost */
.section-cost-docs {
    border-radius: 7px;
}

.section-cost-docs .section-cost-text {
    padding: 60px;
    padding-left: 30px;
}

.section-cost-text h3 {
    font-size: 25px !important;
    color: var(--primary);
    margin-bottom: 40px;
}

.section-cost-text ul {
    margin-bottom: 40px;
    color: var(--text-dark);
}

.section-cost-text p {
    margin-bottom: 20px !important;
    color: var(--text-dark);
}

.section-cost-docs .section-cost-text p:last-of-type,
.section-cost-text p:last-of-type {
    margin-bottom: 0 !important;
}

.section-cost-docs .section-cost-text p,
.section-cost-text li {
    margin-bottom: 30px !important;
}

.section-cost-text strong {
    font-weight: 600;
    color: var(--text-dark);
}

.section-cost-docs:has(.section-cost-text) .grid-new-col-4 img {
    height: 100%;
    object-fit: cover;
}

.section-cost-text .button {
    max-width: unset;
    /* font-size: 15px; */
    /* height: auto; */
    height: 70px;
}

@media (max-width:1440px) {

    .section-cost-docs .section-cost-text {
        padding: 40px;
        padding-left: 0;
    }

    .grid-new.section-cost-docs img {
        margin: 0;
    }
}

@media (max-width: 1300px) {
    .grid-new.section-cost-docs {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0;
    }

    .section-cost-docs .section-cost-text {
        padding: 40px;
    }
}

@media (max-width:992px) {
    .section-cost-docs .section-cost-text {
        padding: 30px;
        padding-top: 0;
    }

    .section-cost-text {
        text-align: center;
        padding-top: 1px;
    }

    .section-cost-docs ul,
    .section-cost-docs p {
        text-align: left;
    }

    .section-cost-text h3 {
        margin-top: 15px;
    }

    .section-cost-text .button {
        padding: 10px 25px;
        height: auto;
        text-align: center;
    }
}

.section-cost-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.section-cost-card {
    background: linear-gradient(178deg, #35C9FF 1.51%, #00ADED 98.68%);
    color: var(--white);
    padding: 0px 45px 50px;
    border-radius: 7px;
    border-top: 15px solid var(--primary);

}

.section-cost-card-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    background-color: var(--primary);
    padding: 25px;
    text-align: center;
    border-radius: 7px;
    max-width: 435px;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 40px;
}

.section-cost-card-title-2 {
    max-width: unset;
}

.section-cost-docs .section-cost-text .button {
    margin-top: 0;
}

.section-cost-text .button {
    margin-top: 30px;
}

.section-cost-card-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-cost-info {
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
}

.section-cost-price {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 10px;
    margin-bottom: 35px;
}

.section-cost-list-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.section-cost-list-item svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.section-cost-badge {

    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    position: relative;
}

.section-cost-badge::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: rgba(0, 137, 188, 0.30);
    z-index: 1;
    animation: section-cost-pulse 1s infinite ease-in-out;
}

.section-cost-badge span {
    width: 147.024px;
    height: 147.024px;
    background: linear-gradient(180deg, #88DFFF 0.13%, #24C4FF 54.61%);
    display: grid;
    place-items: center;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    padding: 8px;
}

@keyframes section-cost-pulse {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    70% {
        transform: scale(1.15);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@media (max-width:993px) {

    .section-cost-cards {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .section-cost-cards:has(.section-cost-card-title-2) {
        gap: 60px;
    }

    .section-cost-card {
        border-top-width: 9px;
        padding: 0px 25px 25px;
    }

    .section-cost-card:has(.section-cost-card-title-2) {
        border-top-width: 15px;
    }

    .section-cost-card-title {
        margin-top: -18px;
        padding: 10px;
        font-size: 18px;
        margin-bottom: 16px;
        max-width: 255px;
    }

    .section-cost-card-title-2 {
        margin-top: -35px;
        margin-bottom: 30px;
        max-width: unset;
    }

    .section-cost-price {
        font-size: 15px;
        margin-top: 6px;
        margin-bottom: 15px;
    }

    .section-cost-list-item {
        gap: 10px;
        margin-bottom: 5px;
    }

    .section-cost-list-item svg {
        width: 12px;
        height: 12px;
    }

    .section-cost-text .button {
        margin-top: 20px;
    }

    .section-cost-badge {
        margin-right: 16px;
    }

    .section-cost-badge span {
        width: 85.706px;
        height: 85.706px;
        font-size: 14px;
    }
}

/* section-cost-table */
/* .pipe-compare-table {
    display: grid;
    gap: 5px;
}

.pipe-compare-row {
    display: grid;
    grid-template-columns: 282px 1fr 1fr;
    gap: 5px;
}

.pipe-compare-row div {
    padding: 20px;
    background-color: var(--white);
    color: var(--text-dark);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
}

.pipe-compare-header div {
    background-color: var(--primary);
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}

.pipe-compare-row div .pipe-compare-icon {
    flex: 0 0 auto;
    width: 15px;
    display: flex;
}

.pipe-compare-row div.pipe-compare-factor {
    font-weight: 600;
}

@media (max-width:993px) {
    .pipe-compare-row {
        grid-template-columns: 1fr;
        gap: 1px;
        border-radius: 3px;
        overflow: hidden;
    }

    .pipe-compare-row div {
        padding: 15px;
        border-radius: 0px;
        font-size: 14px;
        padding-right: 10px;
    }

    .pipe-compare-yes span:last-of-type::before {
        content: "Relining: ";
        font-weight: bold;
    }

    .pipe-compare-no span:last-of-type::before {
        content: "Replacement: ";
        font-weight: bold;
    }

    .pipe-compare-row div.pipe-compare-factor {
        background-color: var(--primary);
        color: var(--white);
        font-size: 15px;
    }

    .pipe-compare-header {
        display: none;
    }
} */





/*  */




.pipe-compare-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

/* CELLS */
.pipe-compare-table th,
.pipe-compare-table td {
    padding: 20px;
    background-color: var(--white);
    color: var(--text-dark);
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    border-radius: 3px;
}

/* HEADER */
.pipe-compare-table th {
    background-color: var(--primary);
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

/* FIRST COLUMN */
.pipe-compare-table td.pipe-compare-factor {
    font-weight: 600;
}

.pipe-compare-yes,
.pipe-compare-no {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ICON */
.pipe-compare-icon {
    display: inline-flex;
    width: 15px;
    flex: 0 0 auto;
    margin-right: 8px;
}

/* ================= MOBILE ================= */
@media (max-width: 993px) {

    .pipe-compare-table thead {
        display: none;
    }

    .pipe-compare-table tr {
        display: block;
        margin-bottom: 6px;
        border-radius: 5px;
        overflow: hidden;
    }

    .pipe-compare-table td {
        display: block;
        width: 100%;
        padding: 15px;
        font-size: 14px;
        margin-top: 1px;
        border-radius: 0;
    }

    .pipe-compare-table td.pipe-compare-factor {
        background-color: var(--primary);
        color: var(--white);
        font-size: 15px;
    }

    .pipe-compare-yes span:last-child::before {
        content: "Relining: ";
        font-weight: bold;
    }

    .pipe-compare-no span:last-child::before {
        content: "Replacement: ";
        font-weight: bold;
    }
}





/* believe-section-4 */




.believe-section-4 .believe-wrap {
    grid-template-columns: 1fr;
}

/* .believe-section-4 .believe-content h2 {
    margin-bottom: 0px;
} */

.believe-grid {
    display: grid;
    text-align: left;
    gap: 25px 30px;
    margin-top: 25px;
    margin-bottom: 35px;
    margin-top: 40px;

}

.believe-grid.believe-grid-col-2 {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
}

.believe-grid.believe-grid-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    margin-bottom: 0;
}

.believe-grid.believe-grid-col-3 span {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.believe-card {
    padding: 25px 30px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.19);
    border: 1px solid var(--white);

}

.believe-grid-col-3 a.believe-card span {
    font-weight: 400;
}

.believe-card-title {
    font-size: 25px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.believe-wrap .docs {
    margin-top: 40px;
    padding: 0 10px;
}

.believe-wrap .docs p:not(:last-of-type) {
    margin-bottom: 20px;
}

@media (max-width:1200px) {
    .believe-grid.believe-grid-col-3 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:993px) {
    .believe-section-4 .believe-content h2 {
        margin-bottom: 10px;
    }

    .believe-wrap .docs {
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 0;
    }

    .believe-grid {
        text-align: center;
        margin-top: 20px;

        gap: 8px;
    }

    .believe-card {
        padding: 20px;
    }

    .believe-grid.believe-grid-col-2 {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }



    .believe-grid.believe-grid-col-3 span {
        font-size: 18px;
    }

    .believe-card-title {
        margin-bottom: 20px;
        font-size: 18px !important;
    }

    .believe-section-4 .believe-wrap {
        padding-bottom: 60px;
        padding-top: 40px;
    }
}

@media (max-width:768px) {
    .believe-grid.believe-grid-col-3 {
        grid-template-columns: 1fr;
        margin-bottom: 0;

    }
}



/* not-sure-which */




.not-sure-which-box {
    position: relative;
    display: flex;
    justify-content: end;
    height: 293px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.not-sure-which-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 45px 50px;
    display: flex;
    flex-direction: column;
    color: var(--white);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 18.31%, rgba(255, 255, 255, 0.00) 32.89%, rgba(128, 221, 255, 0.56) 40.71%, #5BCAF3 49.39%, #02B5F7 81.47%, #00ADED 99.99%);
}

.not-sure-which-content h2 {
    font-size: 25px !important;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.not-sure-which-content .button {
    margin-top: auto;
    max-width: 370px;
    gap: 20px;
    width: 100%;
}

@media (max-width:993px) {
    .not-sure-which-content {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 6.93%, rgba(255, 255, 255, 0.00) 23.51%, rgba(128, 221, 255, 0.56) 32.4%, #5BCAF3 42.27%, #02B5F7 78.75%, #00ADED 99.81%);
        padding: 40px 25px;
        justify-content: end;
        align-items: center;
        text-align: center;
    }

    .not-sure-which-box {
        flex-direction: column;
        height: 470px;
        justify-content: start;
    }

    .not-sure-which-content h2 {
        margin-bottom: 7px;
        font-size: 22px;
    }

    .not-sure-which-box img {
        width: 100%;
        object-fit: cover;
    }

    .not-sure-which-content .button {
        margin: 40px auto 0;
        gap: 5px;
        padding: 10px;
    }
}



/* areas-grid-2 */



.area-card {
    min-height: 383px;
}

.areas-grid-2 {
    gap: 18px 22px;
}

.areas-grid-2 .area-card:hover img {
    transform: scale(1);
}

.areas-grid-2 .area-card:after {
    background: rgba(0, 0, 0, 0.44);
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.areas-grid-2 .area-card:hover:after {
    background: rgba(0, 173, 237, 0.81);

}

.areas-grid-2 .area-overlay {
    inset: 0;
    padding: 50px 40px 40px;
    display: flex;
    flex-direction: column;
}

.areas-grid-2 h2 {
    flex: 0 0 auto;
}

.areas-grid-2 a {
    color: var(--white);
    text-decoration: underline;
    display: block;
}

.areas-grid-2 .area-links a {
    font-size: 20px;
    font-weight: 400;
    text-decoration: underline;
}

.area-links {
    margin-top: 15px;
    gap: 8px;
    display: grid;
    grid-template-columns: 1fr;
}

.area-links:has(a:nth-child(8)) {
    grid-template-columns: 1fr 1fr;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #00adee #eaeaea;
    flex: 1;
    flex: unset;
    padding-bottom: 1px;
}

.areas-grid-2 .call-us {
    width: 90%;
    margin-top: 50px;
    text-transform: uppercase;
}

@media (max-width:1440px) {
    .areas-grid.areas-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:993px) {
    .areas-grid-2 .area-overlay {
        padding: 40px;
    }

    .areas-grid-2 .call-us {
        margin-top: 40px;
        width: 100%;
    }

    .areas-grid-2 .area-links a {
        font-size: 18px;
    }

    .area-card {
        min-height: 340px;
    }
}

@media (max-width:768px) {
    .areas-grid.areas-grid-2 {
        grid-template-columns: 1fr;
    }

    .area-links:has(a:nth-child(8)) {
        flex: unset;
    }

    .area-overlay h3 {
        font-size: 20px !important;
    }

    .areas-grid-2 .call-us a {
        margin-top: 40px;
    }
}




/* relining-offer */



.relining-offer-item {
    height: 333px;
    display: flex;
    border-radius: 7px;
    overflow: hidden;
}

.relining-offer-image {
    width: 580px;
    height: 100%;
    flex: 0 0 auto;
}

.relining-offer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relining-offer-list {
    display: grid;
    gap: 36px;
}

.relining-offer-info {
    flex: 1;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #00adee #eaeaea;
    padding: 30px 50px;
    display: flex;
    flex-direction: column;
}

.relining-offer-info .button {
    font-size: 15px;
    margin-top: 15px;
    padding: 10px;
    width: 370px;
    max-width: 370px;
}

.relining-offer-info h2,
.relining-offer-info h3,
.relining-offer-info h4 {
    color: var(--primary);
    font-size: 20px !important;
    text-transform: uppercase;
}

.relining-offer-info p,
.relining-offer-info ul {
    margin-top: 20px;
}

@media (max-width:1440px) {
    .relining-offer-image {
        width: unset;
        flex: 1;
    }
}

@media (max-width:993px) {
    .relining-offer-item {
        height: auto;
        flex-direction: column;
        text-align: center;
    }

    .relining-offer-info {
        padding: 35px 30px;
    }

    .relining-offer-image {
        flex: 0 0 auto;
        height: auto;
        aspect-ratio: 16/9;
    }

    .relining-offer-info .button {
        width: 100%;
    }

    .relining-offer-info p:has(.button) {
        margin-top: auto;
    }

    .relining-offer-list {
        padding: 0 15px;
    }
}



/* request_a_call_back-section */



.request_a_call_back-btn {
    display: flex;
    gap: 13px;
}

.request_a_call_back-btn .button {
    flex-direction: column;
    text-align: center;
    padding: 15px 10px;
}

.request_a_call_back-btn .button small {
    font-size: 15px;
    font-weight: 400;
}

@media (min-width:993px) and (max-width:1370px) {
    .request_a_call_back-btn {
        flex-direction: column;
    }
}

@media (max-width:768px) {
    .request_a_call_back-btn {
        flex-direction: column;
    }
}



/* emergency-list-section */




.p-gap-5 p:not(:first-of-type) {
    margin-top: 15px;
}

.w-98 {
    width: 98%;
    margin: auto;
}

.emergency-list-section .sub-title {
    font-size: 25px !important;
    margin-bottom: 40px;
    text-transform: uppercase;
}

@media (min-width:993px) {
    .emergency-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px 10px;
    }
}

.emergency-card {
    border-radius: 7px;
    background: linear-gradient(180deg, #0BBDFF 0%, #00ADED 100%);
    color: var(--white);
    padding: 24px 35px;
}

.emergency-card h4 {
    font-size: 20px !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.areas-service-grid-slider {
    margin-bottom: 45px;
}

.emergency-grid-slider {
    margin-bottom: 35px;
}

.areas-service-grid-slider .slick-dots,
.emergency-grid-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}

.areas-service-grid-slider .slick-dots {
    top: calc(100% + 10px);
}

.emergency-list-section .button {
    max-width: unset;
}

@media (max-width:993px) {
    .emergency-card h4 {
        font-size: 18px !important;
    }

    .emergency-card {
        margin: 0 10px;
    }
}

@media (max-width: 768px) {
    .emergency-grid.slick-slider-new .slick-dots {
        display: flex !important;
    }

    .emergency-list-section .pt-5 {
        padding-top: 40px;
    }

    .emergency-list-section .slick-dots li {
        width: 10px;
        height: 10px;
    }

    .emergency-list-section .button {
        height: auto;
    }
}



/* emg */



.emg-top {
    display: flex;
    gap: 40px;
    margin-bottom: 20px;
}

.emg-top img {
    border-radius: 7px;
}

.emg-right {
    width: 570px;
    flex: 0 0 auto;
}

.emg-subtitle h4,
h4.emg-subtitle {
    font-size: 25px !important;
    color: var(--primary);
    margin-bottom: 20px;
    text-transform: uppercase;
}

.emg-subtitle h4,
.emg-section .docs {
    margin-top: 50px;
}

.emg-section .docs p:not(:last-of-type) {
    margin-bottom: 20px;
}

.emg-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;

}

.emg-card {
    border-radius: 7px;
    background: linear-gradient(180deg, #00BAFF 0%, #00ADED 100%);
    color: var(--white);
    padding: 35px;
    text-align: center;
}

.emg-card strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    padding: 0 4px;
}

.emg-bottom .button {
    max-width: 650px;
    width: 100%;
    height: auto;
}

@media (max-width:1440px) {
    .emg-right {
        width: 470px;
    }

    .emg-card {
        padding: 25px 15px;
    }
}

@media (max-width:1200px) {
    .emg-right {
        width: 370px;
    }

    .emg-card {
        padding: 35px 25px;
    }

    .emg-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:993px) {
    .emg-top {
        margin-bottom: 40px;
    }

    .emg-subtitle h4,
    h4.emg-subtitle {
        margin-bottom: 40px;
    }

    .emg-subtitle h4,
    .emg-section .docs {
        margin-top: 40px;
    }

    .emg-card strong,
    .emg-subtitle h4,
    h4.emg-subtitle,
    .emg-section .docs {
        text-align: center;
        font-size: 18px !important;
    }
}

@media (max-width:768px) {
    .emg-cards {
        grid-template-columns: repeat(1, 1fr);
    }
}



/* emergency-layout */



.emergency-layout {
    display: grid;
    grid-template-columns: 1fr 560px;
    margin-top: 40px;
    gap: 25px;
}

.emergency-layout .checklist-box {
    background-color: var(--white);
    border-radius: 7px;
    padding: 50px 60px;
}

.emergency-layout h3 {
    font-size: 35px !important;
    text-transform: uppercase;
    color: var(--primary);
}

.emergency-layout .emergency-right {
    display: flex;
    gap: 17px;
    flex-direction: column;
}

.emergency-layout .image-item {
    display: flex;
}

.emergency-layout .image-item img {
    border-radius: 7px;
    /* aspect-ratio: 1/1; */
    object-fit: cover;
    max-height: 525px;
}

.emergency-layout .icon {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: linear-gradient(180deg, #0BBDFF 0%, #00ADED 100%);
    flex: 0 0 auto;
    display: grid;
    place-items: center;
}

.emergency-layout .icon img {
    max-width: 70px;
    max-height: 70px;
    object-fit: contain;
    object-position: center;
}

.emergency-layout .checklist {
    border-top: 1px solid var(--primary);
    margin: 25px 0 35px;
}

.emergency-layout .checklist li {
    display: flex;
    gap: 28px;
    border-bottom: 1px solid var(--primary);
    padding: 28px 0;
    color: var(--text-dark);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.emergency-layout .checklist li .content>strong {
    display: block;
    margin-bottom: 20px;
    color: var(--primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.emergency-layout .button {
    max-width: unset;
    margin-top: 40px;
    height: auto;
    text-align: center;
}

@media (max-width:1430px) {
    .emergency-layout h3 {
        text-align: center;
    }

    .emergency-layout {
        grid-template-columns: 1fr 1fr;
    }

    .emergency-layout .icon {
        width: 80px;
        height: 80px;
    }

    .emergency-layout .checklist-box {
        padding: 40px;
    }

    .emergency-layout .icon img {
        width: 60%;
    }
}

@media (max-width:1200px) {
    .emergency-layout {
        grid-template-columns: 1.5fr 1fr;
    }
}

@media (max-width:993px) {
    .emergency-layout {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 40px;
    }

    .emergency-layout .icon {
        display: none;
    }

    .emergency-layout h3 {
        font-size: 25px !important;
    }

    .emergency-layout .image-item:not(:first-of-type) {
        display: none;
    }

    .emergency-layout .checklist {
        margin: 20px 0 0;
    }

    .emergency-layout .checklist li {
        padding: 14px 0;
    }

    .emergency-layout .checklist li:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }

    .emergency-layout .checklist li .content>strong {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .emergency-layout .checklist-box {
        padding: 40px;
        padding: 30px;
    }
}





/* emergency section */





.emergency-steps-wrapper .steps-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 17px;
}

.emergency-steps-wrapper .step-card {
    background-color: var(--white);
    padding: 40px;
    border-radius: 7px;
    border-left: 20px solid var(--primary);
}

.emergency-steps-wrapper .step-card .step-content>strong {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    flex-direction: row;
}

.emergency-steps-wrapper .step-card .step-content>strong span {
    display: inline;
    margin-right: 4px;
}

.emergency-steps-wrapper .sub-title {
    font-size: 25px !important;
    text-transform: uppercase;
    margin: 15px 0 30px;
}

.emergency-steps-wrapper .step-card {
    display: flex;
    gap: 25px;
}

.emergency-steps-wrapper .step-number {
    width: 100px;
    flex: 0 0 auto;
    align-items: center;
    flex-direction: column;
    display: flex;
}

.emergency-steps-wrapper .step-number:has(.d-md-show) {
    justify-content: center;
}

.emergency-steps-wrapper .step-number .d-md-hide {
    width: 70px;
}

.emergency-steps-wrapper .step-number svg {
    width: 100%;
    height: auto;
}

.emergency-steps-wrapper .step-label {
    color: var(--primary);
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.emergency-steps-wrapper .step-word {
    display: none;
}

.emergency-steps-wrapper .step-digit {
    color: var(--primary);
    font-size: 107px;
    font-weight: 600;
    line-height: 1;
}

.emergency-steps-wrapper .step-content p:not(:first-of-type) {
    margin-top: 15px;
}

.emergency-steps-wrapper .step-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.emergency-steps-wrapper .step-content p:has(a .d-md-show) {

    margin-top: auto;
}

.emergency-steps-wrapper .step-content p a:has(.d-md-show) {
    display: flex;
    align-items: end;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    margin-top: 15px;
}

.emergency-steps-wrapper .step-content p a {
    text-decoration: underline;
}


@media (max-width:1430px) {
    .emergency-steps-wrapper .step-number {
        width: 75px;
    }

    .emergency-steps-wrapper .step-card {
        gap: 15px;
    }

    .emergency-steps-wrapper .step-digit {
        font-size: 80px;
    }
}

@media (max-width:993px) {
    .emergency-steps-wrapper .steps-grid {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }

    .emergency-steps-wrapper .step-card {
        padding: 20px 30px;
        border-left: 0;
        flex-direction: column;
        border-bottom: 20px solid var(--primary);
    }

    .emergency-steps-wrapper .sub-title {
        margin-top: 0;
        font-size: 18px !important;
    }

    .emergency-steps-wrapper .step-digit {
        display: none;
    }

    .emergency-steps-wrapper .step-word {
        display: block;
        color: var(--primary);
        font-size: 25px;
        font-weight: 700;
        line-height: 150%;
        text-transform: uppercase;
    }

    .emergency-steps-wrapper .step-word:has(span) {
        display: block !important;
    }

    .emergency-steps-wrapper .step-word span {
        font-weight: 400;
    }

    .emergency-steps-wrapper .step-number {
        width: auto;
        flex-direction: row;
        gap: 7px;
    }
}




/* areas service grid */




.areas-service-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 20px;
}

.areas-service-card.no-link,
.areas-service-card a {
    border-radius: 7px;
    background: linear-gradient(180deg, #0BBDFF 0%, #00ADED 100%);
    color: var(--white);
    display: block;
    padding: 35px 35px 35px 50px;
    font-weight: 400;
    font-size: 15px;
    height: 100%;
}

.areas-service-card.no-link a {
    display: inline;
    background: unset;
    padding: 0;
    font-weight: 500;
}

.areas-service-card.no-link {
    padding: 40px;
}

.areas-service-card h3 {

    font-size: 20px !important;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.areas-service-card h3::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 15px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' viewBox='0 0 9 15' fill='none'%3E%3Cpath d='M6.19056 7.15787L0.329279 1.79393C0.100388 1.58446 -0.00902451 1.33885 0.00104112 1.0571C0.0111068 0.775344 0.129754 0.528996 0.356983 0.318053C0.584212 0.10711 0.856238 0.00112569 1.17306 0.000101506C1.48989 -0.000922681 1.76274 0.1033 1.99163 0.312769L8.64831 6.40461C8.77129 6.51715 8.86074 6.63474 8.91668 6.75739C8.97261 6.87983 9.00085 7.01029 9.0014 7.14878C9.00195 7.28727 8.97474 7.41792 8.91977 7.54071C8.86481 7.66372 8.77629 7.78189 8.65421 7.89522L2.01245 14.061C1.78522 14.2719 1.51876 14.3727 1.21308 14.3634C0.907392 14.3541 0.640104 14.2447 0.411213 14.0352C0.182323 13.8258 0.0672997 13.575 0.0661452 13.283C0.0649907 12.991 0.178028 12.7395 0.405257 12.5285L6.19056 7.15787Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.areas-service-card.no-link h3 {
    font-size: 25px !important;
}

.areas-service-card.no-link h3::after {
    display: none;
}

.areas-service-card a:hover {
    text-decoration: none;
}

.areas-service-card .badge {
    color: var(--primary);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    border-radius: 7px;
    background: var(--white);
    width: 179.258px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

@media (max-width:1430px) {
    .areas-service-card a {
        padding: 35px;
    }
}

@media (max-width:993px) {
    .areas-service-grid {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }

    .areas-service-card {
        height: auto;
    }

    .areas-service-card a {
        padding: 40px 45px 40px 40px;
        height: 100%;
    }

    .areas-service-card.no-link {
        padding: 35px;
        height: auto;
    }

    .areas-service-card.no-link h3,
    .areas-service-card h3 {
        font-size: 18px !important;
        padding-right: 15px;
        position: relative;
    }

    /* .areas-service-card.no-link h3 {
        min-height: 60px;
    } */

    .areas-service-card h3::after {
        height: 14px;
    }
}

@media (max-width:768px) {
    .areas-service-grid.slick-slider-new .slick-dots {
        display: flex !important;
    }

    .emergency-list-section:has(.areas-service-grid.slick-slider-new .slick-dots)+.text-center.pt-40:not(:has(p + p)) {
        padding-top: 0;
    }
}

/* @media (max-width:576px) {
    .areas-service-card h3::after {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
} */

/* deserve-slider-3 */




.deserve-slider-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
}

.deserve-slider-3 .deserve-card p:last-of-type,
.deserve-slider-3 .deserve-card {
    margin: 0;
}

.deserve-slider-3 .deserve-card p:not(:last-of-type) {
    margin-bottom: 15px;
}

.deserve-slider-3 .deserve-info {
    padding: 35px 50px 50px;
}

.deserve-slider-3 .deserve-card img {
    height: 290px;
}

.types-blocked .main-subtitle {
    margin-bottom: 30px;
    text-align: center;
    color: var(--primary);
    font-size: 25px !important;
}

.block-drain-serivces h3 {
    color: var(--primary);
    text-align: center;
    font-size: 25px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    margin-top: 60px;
}

@media (min-width:1430px) {
    .deserve-slider-4 {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px 17px;
    }

    .deserve-slider-4 .deserve-info {
        padding: 30px;
    }

    .deserve-slider-4 .deserve-card h3 {
        font-size: 20px !important;
        padding: 0;
        min-height: 45px;
    }

    .deserve-slider-4 .deserve-card img {
        height: 240px;
    }
}

@media (max-width:1430px) {
    .deserve-slider-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:993px) {
    .deserve-slider-3 {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 15px;
    }

    .block-drain-serivces h3,
    .types-blocked .main-subtitle {
        font-size: 18px !important;
        margin-top: 40px;
    }
}

@media (max-width:768px) {
    .deserve-slider-3 .deserve-info {
        padding: 25px 30px 40px;
    }

    .deserve-slider-3 .deserve-card img {
        height: 250px;
    }
}




/* believe-grid-col-slider */





@media (max-width:993px) {
    .believe-grid-col-slider {
        padding: 0 10px;
    }

    .believe-grid-col-slider.slick-slider-new .slick-prev,
    .believe-grid-col-slider.slick-slider-new .slick-next {
        background: #92d3d7eb;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.4);
    }

    .believe-grid-col-slider.slick-slider-new .slick-prev:before,
    .believe-grid-col-slider.slick-slider-new .slick-next:before {
        backdrop-filter: blur(12px);
        display: none;
    }
}



/* google maps wrapper */



.google-maps-wrapper-box.d-grid-bt {
    gap: 25px;
}

.google-maps-wrapper-box .google-maps-iframe {
    position: relative;
}

.google-maps-wrapper-box .google-maps-iframe,
.google-maps-wrapper-box .google-maps-iframe iframe {
    max-height: 730px !important;
    height: 730px !important;
}

.google-maps-wrapper-box .map-card {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 95px;
    margin: auto;
    background-color: var(--white);
    padding: 40px;
    border-radius: 7px;
    height: max-content;
    width: 410px;
    text-align: left;
}

.google-maps-wrapper-box .map-card h3,
.google-maps-wrapper-box .map-card h4 {
    color: var(--primary);
    font-size: 25px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
    text-transform: uppercase;
    text-align: left;
    padding: 0;
}

.google-maps-wrapper-box .map-card h3 strong,
.google-maps-wrapper-box .map-card h4 strong {
    font-size: 25px !important;
    margin-bottom: 0;
}

.google-maps-wrapper-box .map-card .rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.google-maps-wrapper-box .map-card .address,
.google-maps-wrapper-box .map-card .reviews {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
}

.google-maps-wrapper-box .map-card .rating svg,
.google-maps-wrapper-box .map-card .address svg,
.google-maps-wrapper-box .map-card .reviews svg {
    flex: 0 0 auto;
    min-width: 30px;
}

.google-maps-wrapper-box .map-card hr {
    border-top: 1px solid var(--primary);
    margin: 25px 0;
}

.google-maps-wrapper-box .view-map {
    margin: 30px 0;
}

.google-maps-wrapper-box .view-map a {
    font-weight: 400;
    text-decoration: underline;
}

.google-maps-wrapper-box .view-map a::after {
    display: none;
}

.google-maps-wrapper-box .button {
    width: 100%;
}

@media (max-width:993px) {

    .google-maps-wrapper-box .google-maps-iframe,
    .google-maps-wrapper-box .google-maps-iframe iframe {
        max-height: 547px !important;
        height: 547px !important;
    }

    .google-maps-wrapper-box .map-card {
        left: 0;
        right: 0;
        top: 60px;
        bottom: unset;
        padding: 30px;
        width: 310px;
    }

    .google-maps-wrapper-box .map-card h3,
    .google-maps-wrapper-box .map-card h3 strong,
    .google-maps-wrapper-box .map-card h4,
    .google-maps-wrapper-box .map-card h4 strong {
        font-size: 18px !important;
        text-align: left;
    }

    .google-maps-wrapper-box .map-card p {
        text-align: left !important;
    }

    .google-maps-wrapper-box .map-card .rating svg {
        width: 90px;
    }

    .google-maps-wrapper-box .map-card .address svg,
    .google-maps-wrapper-box .map-card .reviews svg {
        width: 25px;
    }

    .google-maps-wrapper-box .view-map,
    .google-maps-wrapper-box .map-card hr {
        margin: 18px 0;
    }

    .google-maps-wrapper-box .map-card .address,
    .google-maps-wrapper-box .map-card .reviews {
        margin-bottom: 7px;
    }


    /* new */
    .google-maps-wrapper-box .map-card {
        /* left: unset;
        right: 5px; */
        top: unset;
        bottom: unset;
        padding: 10px;
        width: 250px;
        bottom: 20px;
    }

    .google-maps-wrapper-box .button {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }

    .google-maps-wrapper-box .map-card .rating {
        font-size: 12px !important;
    }

    .google-maps-wrapper-box .map-card .address,
    .google-maps-wrapper-box .map-card .reviews {
        margin-bottom: 7px;
        font-size: 12px !important;
        text-align: left !important;
    }


    .google-maps-wrapper-box .map-card h3,
    .google-maps-wrapper-box .map-card h3 strong,
    .google-maps-wrapper-box .map-card h4,
    .google-maps-wrapper-box .map-card h4 strong {
        font-size: 15px !important;
        text-align: left;


    }

    .google-maps-wrapper-box .map-card h4 {
        margin-bottom: 10px;
    }

    .google-maps-wrapper-box .view-map,
    .google-maps-wrapper-box .map-card hr {
        margin: 8px 0;
    }

}




/* service-card-2 */




.service-card-2-btn-group-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 10px;
}

.service-card-2-btn-group-wrap .button {
    flex: 0 0 calc(25% - 10px);
    width: 100%;
    max-width: unset;
    height: auto;
}

.service-card-2 img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    margin: 0;
}

.service-card-2 {
    background-color: var(--white);
    overflow: hidden;
    border-radius: 7px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-card-2 .service-card-box {
    text-align: center;
    padding: 50px;
}

.service-card-2 h3 {
    color: var(--primary);
    font-size: 25px !important;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}

@media (max-width: 1430px) {
    .service-card-2-btn-group-wrap .button {
        flex: 0 0 calc(33% - 10px);
        /* 2 per row */
    }
}

@media (max-width: 1300px) {
    .service-card-2-btn-group-wrap .button {
        flex: 0 0 calc(50% - 10px);
        /* 2 per row */
    }

    .service-card-2 .service-card-box {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .service-card-2 h3 {
        font-size: 18px !important;
    }

    .service-card-2-btn-group-wrap {
        gap: 5px;
    }

    .service-card-2 img {
        height: 225px;
    }

    .service-card-2 h3 {
        margin-bottom: 18px;
    }

    .service-card-2-btn-group-wrap .button {
        flex: 0 0 100%;
        /* 1 per row */
    }
}

@media (max-width:576px) {
    .grid-new .add-gap table .button {
        width: 100%;
    }
}




/* blocked-drain-section */



.blocked-drain-box {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 10px;
    border-radius: 10px;
    align-items: center;
    overflow: hidden;
    border-radius: 7px;
}


/* BLOCK ITEM */
.blocked-item {
    background-color: var(--white);
    padding: 50px;
    height: 100%;
}

.blocked-item.blocked-item-full {
    grid-column: span 2;
}

.blocked-item h4 {
    color: var(--primary);
    font-size: 25px !important;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.blocked-item p,
.blocked-item ul {
    margin-top: 30px;
    font-size: 15px !important;
    color: var(--text-dark);
}

.blocked-item ul {
    padding-left: 15px;
    list-style: disc;
}

.blocked-drain-image {
    display: flex;
    height: 100%;
}

.blocked-drain-image img {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    object-fit: cover;
}

@media (max-width:1200px) {
    .blocked-drain-box {
        grid-template-columns: 1fr 1fr;
    }

    .blocked-item {
        padding: 40px;
    }
}

@media (max-width:993px) {
    .blocked-item.blocked-item-full {
        grid-column: span 1;
    }

    .blocked-drain-image,
    .blocked-item {
        overflow: hidden;
        border-radius: 7px;
    }

    .blocked-item h4 {
        font-size: 18px !important;
    }

    .blocked-item h4,
    .blocked-item p {
        text-align: center;
    }

    .blocked-drain-box {
        grid-template-columns: 1fr;
    }
}

@media (max-width:768px) {
    .blocked-item {
        padding: 30px;
    }
}

@media (max-width:1300px) {
    .grid-new .docs.c-img-wrapper {
        margin-top: 10px;
    }

    .grid-new .docs.c-img-wrapper .button {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width:993px) {
    [class^="grid-new-col-"]:has(> div.d-md-hide img) {
        display: none;
    }
}

.c-video-tag video {
    max-height: 655px;
    object-fit: cover;
    border-radius: 7px;
}

.thank_you_message h3,
.thank_you_message h2 {
    color: var(--primary);
    font-size: 25px !important;
}

.cta-booking-info p,
.cta-booking-info p a {
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.cta-booking-info p a {
    text-decoration: underline;
}

.emergency-service-select,
.emergency-suburb-input {
    background-color: var(--white) !important;
}

.emergency-services-section .deserve-slider-3 .deserve-info {
    padding: 30px 20px;
}

.emergency-services-section .deserve-slider-3 .deserve-info p:last-of-type {
    margin-top: auto;
}

@media (min-width: 1440px) {
    .emergency-services-section .deserve-slider-3 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .emergency-services-section .search-field select {
        padding-left: 50px;
    }

    .emergency-services-section .slick-slider-new .slick-dots {
        display: flex !important;
        padding: 0;
    }

    .emergency-services-section .deserve-slider-3 {
        gap: 20px;
    }

    .emergency-services-section .slick-dots li {
        width: 10px;
        height: 10px;
    }

}

.emergency-services-section .search-box {
    margin-top: 0;
}

.block-drain-serivces.emergency-services-section .deserve-info p:last-of-type {
    margin-top: unset;
}

.block-drain-serivces .deserve-card p strong,
.emergency-services-section .deserve-card p strong {
    text-transform: uppercase;
    font-size: 25px;
    min-height: 55px;
    display: block;
}

@media (max-width: 768px) {
    .deserve-slider-3 .slick-arrow {
        transform: translateY(0%);
        top: 267px;
    }

    .emergency-list-section .sub-title {
        font-size: 18px !important;
    }

    .block-drain-serivces .deserve-card p strong,
    .emergency-services-section .deserve-card p strong {
        font-size: 18px;
        min-height: unset;
    }

    .emergency-services-section .deserve-slider-3 .slick-arrow {
        top: 272px;
    }
}


/* go-to-editor */

.go-to-editor {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999;
}

.go-to-editor a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 30px;
    height: 60px;
    gap: 10px;
    color: #fff;
    background-color: #155eef;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.go-to-editor a:hover {
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.38);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.38);
}

@media (max-width: 1100px) {
    .go-to-editor {
        bottom: 80px;
    }
}
.pipe-review-slider {
    width: 100%;
}
.pipe-review-slide {
    padding: 0 10px;
}

.pipe-review-card {
    background-color: var(--white);
    border-radius: 7px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.pipe-review-top {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.pipe-review-user {
    display: flex;
    gap: 15px;
    align-items: center;
}

.pipe-review-avatar {
    width: 55px;
    height: 55px;
    display: flex;
    flex: 0 0 auto;
    border-radius: 50%;
}

.pipe-review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 !important;
}

.pipe-review-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
}

.pipe-review-user-info h4 {
    color: var(--text-dark);
    font-size: 20px !important;
    font-weight: 600;
}

.grid-new p.pipe-review-suburb,
.grid-new p.pipe-review-text,
.grid-new p.pipe-review-user-info {
    color: var(--text-dark);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
}