.section-about {
    padding-top: clamp(25rem, 13.5714rem + 17.8571vw, 35rem)
}

.section-about .about-content {
    gap: 1rem
}

.section-about .about-content .content-left h2 {
    font-family: "Gasoek One";
    font-size: clamp(2.8125rem, 2.4409rem + 1.3514vw, 4.0625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: -0.65px;
    text-transform: uppercase;
    background: linear-gradient(164deg, #0a89ca 27.3%, #000 96.63%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.section-about .about-content .content-left .btn-group {
    margin-top: clamp(1rem, .4054rem + 2.1622vw, 3rem)
}

.section-about .about-content .content-right p {
    color: #0a1634;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1rem, .7143rem + .4464vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.449px
}

.grid-pattern {
    background: url("/assets/images/grid_pattern_2.png")
}

.grid-pattern .grid-container {
    top: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: clamp(4.0625rem, -18.0804rem + 34.5982vw, 23.4375rem);
    z-index: 1
}

.grid-pattern .grid-container .offer-content {
    gap: clamp(1rem, -0.1429rem + 1.7857vw, 2rem)
}

.section-wcu .wcu-content {
    margin-block: 8rem
}

.section-wcu .wcu-content span.badge {
    border-radius: 10px;
    border: 4px solid #C72026;
    background: #d9f2ff;
    -webkit-box-shadow: 6px 6px 0 0 #000;
    box-shadow: 6px 6px 0 0 #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 52px;
    -webkit-transform: rotate(1.394deg);
    transform: rotate(1.394deg);
    padding: 16px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #0a89ca;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6757rem + .2703vw, 1rem);
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: .55px;
    text-transform: uppercase;
    margin-bottom: -10px
}

.section-wcu .wcu-content h2 {
    background: linear-gradient(176deg, #0a89ca 20.99%, #1adde8 96.42%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-align: center;
    font-family: "Gasoek One";
    font-size: clamp(2.8125rem, 2.4409rem + 1.3514vw, 4.0625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: -0.65px;
    text-transform: uppercase
}

.section-wcu .wcu-content .content-swiper {
    width: 100%;
    margin-top: 4rem
}

.section-wcu .wcu-content .content-swiper .wcu-swiper .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px
}

.section-wcu .wcu-content .content-swiper .wcu-swiper .swiper-wrapper .swiper-slide {
    width: clamp(15.625rem, -3.0277rem + 38.9105vw, 21.875rem) !important;
    height: auto
}

.section-wcu .wcu-content .content-swiper .wcu-swiper .swiper-wrapper .swiper-slide:hover {
    -webkit-transform: rotate(360deg) !important;
    transform: rotate(360deg) !important
}

.section-wcu .wcu-content .content-swiper .wcu-swiper .swiper-wrapper .swiper-slide:hover .wcu-card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.section-wcu .wcu-content .wcu-grid {
    position: relative
}

.section-wcu .wcu-content .wcu-grid .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-wcu .wcu-content .wcu-grid .wcu-card {
    width: 430px
}

.section-wcu .wcu-content .wcu-card {
    background: #fff;
    border-radius: 15px;
    border: 3px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    gap: 20px;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: transform .3s ease, box-shadow .3s ease;
    transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    position: relative;
    padding: clamp(1.25rem, .5357rem + 1.1161vw, 1.875rem)
}

.section-wcu .wcu-content .wcu-card:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 6px 6px 0 0 #000;
    box-shadow: 6px 6px 0 0 #000
}

.section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(1) {
    -webkit-transform: rotate(3.055deg);
    transform: rotate(3.055deg)
}

.section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(2) {
    -webkit-transform: rotate(-1.9deg);
    transform: rotate(-1.9deg);
    margin-top: 20px
}

.section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(3) {
    -webkit-transform: rotate(2.047deg);
    transform: rotate(2.047deg)
}

.section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(4) {
    -webkit-transform: rotate(-2.856deg);
    transform: rotate(-2.856deg);
    margin-top: -15px
}

.section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(5) {
    -webkit-transform: rotate(2.299deg);
    transform: rotate(2.299deg)
}

.section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(6) {
    -webkit-transform: rotate(-2.412deg);
    transform: rotate(-2.412deg)
}

.section-wcu .wcu-content .wcu-grid .wcu-card:hover {
    -webkit-transform: translateY(-5px) rotate(0deg) !important;
    transform: translateY(-5px) rotate(0deg) !important
}

.section-wcu .wcu-content .wcu-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #000;
    box-shadow: 0 0 0 2px #000;
    position: relative;
    border-radius: 16777200px;
    border: 4px solid #000;
    background: #fff;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000
}

.section-wcu .wcu-content .wcu-card-blue {
    -webkit-box-shadow: 8.959px 8.959px 0 0 #0a89ca;
    box-shadow: 8.959px 8.959px 0 0 #0a89ca
}

.section-wcu .wcu-content .wcu-card-red {
    -webkit-box-shadow: 8.959px 8.959px 0 0 #f34336;
    box-shadow: 8.959px 8.959px 0 0 #f34336
}

.section-wcu .wcu-content .wcu-title {
    color: #101828;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1.25rem, 1.0357rem + .3348vw, 1.4375rem);
    font-style: normal;
    font-weight: 800;
    line-height: 26.877px;
    letter-spacing: -0.35px;
    border-bottom: 3.36px solid #000;
    padding-block: 10px
}

.section-wcu .wcu-content .wcu-text {
    color: #364153;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1rem, .6429rem + .558vw, 1.3125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 138.65%;
    letter-spacing: -0.35px
}

@media(max-width: 767.98px) {
    .section-wcu .wcu-content .wcu-grid {
        grid-template-columns: 1fr;
        gap: 15px
    }

    .section-wcu .wcu-content .wcu-grid .wcu-card {
        padding: 20px 15px;
        gap: 15px
    }

    .section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(2),
    .section-wcu .wcu-content .wcu-grid .wcu-card:nth-child(4) {
        margin-top: 0
    }

    .section-wcu .wcu-content .wcu-title {
        font-size: 18px
    }

    .section-wcu .wcu-content .wcu-text {
        font-size: 14px
    }

    .section-wcu .wcu-content .wcu-icon {
        width: 50px;
        height: 50px
    }

    .section-wcu .wcu-content .wcu-icon img {
        width: 25px
    }
}

.section-services {
    background: #0a89ca;
    padding: 80px 0
}

.section-services .services-content .content-heading {
    margin-bottom: 60px
}

.section-services .services-content .content-heading h2 {
    color: #fff;
    font-family: "Gasoek One";
    font-size: clamp(2.8125rem, 2.5709rem + .8784vw, 3.625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: .65px;
    text-transform: uppercase
}

.section-services .services-content .content-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 991.98px) {
    .section-services .services-content .content-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }
}

.section-services .services-content .content-grid .swiper-wrapper {
    display: contents
}

.section-services .services-content .content-grid .swiper-slide {
    width: 32%
}

@media(max-width: 1023.98px) {
    .section-services .services-content .content-grid.services-swiper .swiper-wrapper {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.section-services .services-content .service-card {
    background: #fff;
    border-radius: 15px;
    border: 3px solid #000;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: transform .3s ease, box-shadow .3s ease;
    transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    height: clamp(25.5rem, 21.7857rem + 5.8036vw, 28.75rem)
}

.section-services .services-content .service-card .service-card-icon {
    overflow: hidden;
    height: clamp(10.625rem, 6.4107rem + 6.5848vw, 14.3125rem);
    border-radius: 10px
}

.section-services .services-content .service-card .service-card-icon .service-icon-wrapper {
    margin-top: -35px;
    margin-left: -30px;
    border-radius: 57.458px;
    border: 14.365px solid #000;
    background: linear-gradient(135deg, #0a89ca 47.27%, #20fff4 100%);
    -webkit-box-shadow: 14.365px 14.365px 0 0 #000;
    box-shadow: 14.365px 14.365px 0 0 #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: clamp(11.25rem, 7.75rem + 5.4688vw, 14.3125rem);
    height: clamp(11.25rem, 7.75rem + 5.4688vw, 14.3125rem);
    -webkit-transform: rotate(-6.981deg);
    transform: rotate(-6.981deg);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-services .services-content .service-card .service-card-icon .service-icon-wrapper .service-icon {
    width: clamp(5rem, 2.5rem + 3.9063vw, 7.1875rem)
}

.section-services .services-content .service-card .service-card-content {
    padding: 0px 40px 60px 40px;
    padding-inline: clamp(1.25rem, -0.1786rem + 2.2321vw, 2.5rem)
}

.section-services .services-content .service-card .service-card-content .service-title {
    color: #101828;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1.125rem, .7679rem + .558vw, 1.4375rem);
    font-style: normal;
    font-weight: 800;
    line-height: 27.209px;
    letter-spacing: -0.354px;
    border-bottom: 3.401px solid #000;
    padding-block: 10px
}

.section-services .services-content .service-card .service-card-content .service-description {
    color: #364153;
    font-family: "Articulat CF", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 140.366%;
    letter-spacing: -0.354px;
    margin-top: 10px
}

.section-services .services-content .service-card .btn-accent {
    position: absolute;
    bottom: -28px;
    -ms-flex-item-align: center;
    align-self: center
}

.section-services .services-content .service-btn {
    background: #f34336;
    color: #fff;
    border: 3px solid #000;
    border-radius: 10px;
    padding: 12px 20px;
    font-family: "Articulat CF", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    -webkit-box-shadow: 3px 3px 0 0 #000;
    box-shadow: 3px 3px 0 0 #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    width: 100%
}

.section-services .services-content .service-btn .service-btn-icon {
    width: 18px;
    height: 18px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.section-services .services-content .service-btn:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 5px 5px 0 0 #000;
    box-shadow: 5px 5px 0 0 #000;
    background: #d32f2f
}

.section-services .services-content .service-btn:active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 2px 2px 0 0 #000;
    box-shadow: 2px 2px 0 0 #000
}

.section-offer .divider2 {
    margin-bottom: clamp(-22rem, -0.5714rem - 17.8571vw, -12rem);
    position: relative;
    z-index: 1
}

.section-offer .grid-pattern .container {
    width: 70%;
    margin-top: 20%
}

.section-offer .grid-pattern img {
    z-index: 1;
    position: relative
}

.section-offer .offer-content {
    gap: clamp(1rem, -0.1429rem + 1.7857vw, 2rem)
}

.section-offer .offer-content .content-left {
    padding: clamp(1.25rem, .3929rem + 1.3393vw, 2rem);
    border-radius: 16px;
    border: 4px solid #000;
    background: #fff;
    -webkit-box-shadow: 10px 10px 0 0 #000;
    box-shadow: 10px 10px 0 0 #000;
    width: clamp(24.75rem, 17.6071rem + 11.1607vw, 31rem);
    height: clamp(17.5625rem, 9.4196rem + 12.7232vw, 24.6875rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-offer .offer-content .content-left:before {
    content: "LIMITED TIME";
    border-radius: 9px;
    border: 3px solid #000;
    background: #fb2c36;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    padding-block: clamp(.75rem, .1786rem + .8929vw, 1.25rem);
    padding-inline: clamp(1.25rem, .6071rem + 1.0045vw, 1.8125rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: .6px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: -30px
}

.section-offer .offer-content .content-left h2 {
    font-family: "Gasoek One";
    font-size: clamp(3.4375rem, .5582rem + 4.4989vw, 5.956875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: -0.993px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24.48%, #0a89ca), color-stop(130.6%, #000));
    background: linear-gradient(180deg, #0a89ca 24.48%, #000 130.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.section-offer .offer-content .content-left .title {
    color: #101828;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1.125rem, .7679rem + .558vw, 1.4375rem);
    font-style: normal;
    font-weight: 800;
    line-height: 27.209px;
    letter-spacing: -0.354px
}

.section-offer .offer-content .content-left .description {
    color: #364153;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1rem, .6429rem + .558vw, 1.3125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140.366%;
    letter-spacing: -0.354px
}

.section-offer .offer-content .content-right {
    padding: clamp(1.25rem, .3929rem + 1.3393vw, 2rem);
    border-radius: 16px;
    border: 4px solid #000;
    background: #fff;
    -webkit-box-shadow: 10px 10px 0 0 #000;
    box-shadow: 10px 10px 0 0 #000;
    width: clamp(24.75rem, 17.6071rem + 11.1607vw, 31rem);
    height: clamp(17.5625rem, 9.4196rem + 12.7232vw, 24.6875rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-offer .offer-content .content-right:before {
    content: "NO OBLIGATION";
    border-radius: 9px;
    border: 3px solid #000;
    background: #fb2c36;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    padding-block: clamp(.75rem, .1786rem + .8929vw, 1.25rem);
    padding-inline: clamp(1.25rem, .6071rem + 1.0045vw, 1.8125rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: .6px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: -30px
}

.section-offer .offer-content .content-right h2 {
    background: linear-gradient(169deg, #0a89ca 24.09%, #1adfe8 92.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: "Gasoek One";
    font-size: clamp(3.4375rem, .5582rem + 4.4989vw, 5.956875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: -0.993px;
    text-transform: uppercase
}

.section-offer .offer-content .content-right .title {
    color: #101828;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1.125rem, .7679rem + .558vw, 1.4375rem);
    font-style: normal;
    font-weight: 800;
    line-height: 27.209px;
    letter-spacing: -0.354px
}

.section-offer .offer-content .content-right .description {
    color: #364153;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1rem, .6429rem + .558vw, 1.3125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140.366%;
    letter-spacing: -0.354px
}

.section-offer .btn-group {
    width: 100%;
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.section-testimonials {
    background: #0a1634;
    position: relative;
    margin-top: -10px
}

.section-testimonials .content-wrap {
    background: url("/assets/images/testi/pattern.png");
    background-size: 100%;
    padding-bottom: 50px
}

.section-testimonials .cloud_1 {
    position: absolute;
    left: -220px
}

.section-testimonials .container {
    position: relative;
    z-index: 0
}

.section-testimonials .cloud-wrap {
    position: relative;
    z-index: 1
}

.section-testimonials .cloud_2 {
    position: absolute;
    right: -15px;
    bottom: 0;
    z-index: 2
}

.section-testimonials .testimonials-content h2 {
    background: linear-gradient(115deg, #0a89ca 30.04%, #1ae0e9 75.68%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-align: center;
    font-family: "Gasoek One";
    font-size: clamp(2.8125rem, 2.4409rem + 1.3514vw, 4.0625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: -1.95px;
    text-transform: uppercase;
    max-width: 602px;
    margin: 0 auto 60px
}

.section-testimonials .testimonials-content .content-swiper {
    margin-top: 40px
}

.section-testimonials .testimonials-content .testimonials-swiper {
    overflow: visible;
    padding: 20px 0;
    margin-bottom: 90px
}

.section-testimonials .testimonials-content .testimonial-card {
    background: #fff;
    border-radius: 20px 20px 0 0;
    gap: 1rem;
    height: 100%;
    overflow: hidden;
    border-radius: 18.276px;
    border: 4.569px solid #000;
    background: #fff;
    -webkit-box-shadow: 9.138px 9.138px 0 0 #000;
    box-shadow: 9.138px 9.138px 0 0 #000;
    padding: 30px 25px;
    padding-block: clamp(1.25rem, .5357rem + 1.1161vw, 1.875rem);
    padding-inline: clamp(.9375rem, .2232rem + 1.1161vw, 1.5625rem);
    height: clamp(28.125rem, 19.1964rem + 13.9509vw, 35.9375rem)
}

.section-testimonials .testimonials-content .testimonial-card .testimonial-top {
    background: #fff;
    border-radius: 20px 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.section-testimonials .testimonials-content .testimonial-card .quote-icon img {
    width: clamp(5rem, 3.3571rem + 2.567vw, 6.4375rem)
}

.section-testimonials .testimonials-content .testimonial-text {
    color: #1e2939;
    font-family: Inter;
    font-size: clamp(.875rem, .5893rem + .4464vw, 1.125rem);
    font-style: italic;
    font-weight: 400;
    line-height: 162.5%;
    letter-spacing: -0.357px
}

.section-testimonials .testimonials-content .testimonial-footer {
    border-radius: 11.423px;
    border: 3.427px solid #000;
    background: #c72026;
    -webkit-box-shadow: 3.427px 3.427px 0 0 #000;
    box-shadow: 3.427px 3.427px 0 0 #000;
    padding: clamp(.625rem, .2679rem + .558vw, .9375rem);
    color: #fff;
    font-family: Inter;
    font-size: clamp(.875rem, .5893rem + .4464vw, 1.125rem);
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: -0.357px
}

.section-suburbs .suburbs-content {
    padding-block: 100px;
    gap: 2rem
}

.section-suburbs .suburbs-content .content-left {
    gap: 1rem
}

.section-suburbs .suburbs-content .content-left h2 {
    font-family: "Gasoek One";
    font-size: clamp(2.8125rem, 2.4409rem + 1.3514vw, 4.0625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: -0.65px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24.48%, #0a89ca), color-stop(130.6%, #000));
    background: linear-gradient(180deg, #0a89ca 24.48%, #000 130.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.section-suburbs .suburbs-content .content-left p {
    color: #0a1634;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.875rem, .7635rem + .4054vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.449px
}

.section-suburbs .suburbs-content .content-right {
    background: #fff;
    border-radius: 20px;
    border: 4px solid #000;
    -webkit-box-shadow: 6px 6px 0 0 #000;
    box-shadow: 6px 6px 0 0 #000;
    padding: 45px 34px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
}

.section-suburbs .suburbs-content .content-right .suburbs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(.3125rem, .1267rem + .6757vw, .9375rem);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg)
}

@media(max-width: 991.98px) {
    .section-suburbs .suburbs-content .content-right .suburbs-grid {
        grid-template-columns: repeat(3, 1fr);
        padding: 20px
    }
}

@media(max-width: 575.98px) {
    .section-suburbs .suburbs-content .content-right .suburbs-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 15px
    }
}

.section-suburbs .suburbs-content .content-right .suburb-btn {
    background: rgba(10, 137, 202, .1);
    border: 2px solid #000;
    border-radius: 10px;
    padding: 12px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6757rem + .2703vw, 1rem);
    font-style: normal;
    font-weight: 500;
    color: #000;
    text-align: left;
    position: relative;
    color: #101828;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .7128rem + .1351vw, .875rem);
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: -0.15px
}

.section-suburbs .suburbs-content .content-right .suburb-btn picture {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #000;
    background: #0a89ca;
    padding: 4px
}

.section-suburbs .suburbs-content .content-right .suburbs-show-more-btn {
    display: none
}

.section-suburbs .divider2:before {
    content: "";
    width: 100%;
    display: block;
    height: clamp(3.5625rem, .0279rem + 15.0809vw, 18.125rem);
    position: absolute;
    background: url("/assets/images/testi/pattern.png");
    background-size: 100%
}

.section-form {
    background: #0a89ca;
    margin-top: -10px
}

.section-form .content-wrap {
    background: url("/assets/images/testi/pattern.png");
    background-size: 100%
}

.section-form .form-content {
    margin: auto
}

.section-form .form-content .badge {
    border-radius: 10px;
    border: 4px solid #C72026;
    background: #000;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: rotate(1.394deg);
    transform: rotate(1.394deg);
    padding: 16px 29px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-shadow: 6px 6px 0 0 #000;
    box-shadow: 6px 6px 0 0 #000;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6757rem + .2703vw, 1rem);
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: .55px;
    margin-bottom: clamp(-1.125rem, -0.3214rem - .6696vw, -0.75rem)
}

.section-form .form-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Gasoek One";
    font-size: clamp(2.5rem, 1.7568rem + 2.7027vw, 5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    letter-spacing: clamp(-0.15rem, .2518rem - .3348vw, .0375rem);
    text-transform: uppercase;
    width: 938px
}

.section-form .form-content p {
    color: #fff;
    text-align: center;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1rem, .7143rem + .4464vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.449px;
    max-width: 653px;
    padding-block: 3rem
}

.section-form .form-content .banner-form {
    width: clamp(21.875rem, 10.5734rem + 48.2201vw, 68.4375rem);
    padding: 0 clamp(1rem, .8786rem + .5178vw, 1.5rem);
    z-index: 2
}

.section-form .form-content .banner-form .wrap-top {
    position: absolute;
    z-index: 2;
    margin-top: clamp(-6.25rem, -2.3665rem - 3.2362vw, -3.125rem);
    margin-left: clamp(-6.25rem, -2.3665rem - 3.2362vw, -3.125rem);
    width: clamp(8.125rem, 3.2679rem + 7.5893vw, 12.375rem)
}

.section-form .form-content .banner-form .wrap-bottom picture {
    position: absolute;
    z-index: 2;
    bottom: -80px;
    right: -25px;
    width: clamp(6.25rem, -53.752rem + 96.875vw, 8.1875rem)
}

.section-form .form-content .banner-form .form-character {
    text-align: center;
    margin-bottom: -40px;
    position: relative;
    z-index: 2
}

.section-form .form-content .banner-form .form-character .form-character-img {
    height: auto;
    display: inline-block;
    margin-bottom: -15px
}

.section-form .form-content .banner-form .quote-form {
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 6px 6px 0 0 #000;
    box-shadow: 6px 6px 0 0 #000;
    border: 3px solid #000;
    padding: 60px 40px 40px;
    position: relative;
    z-index: 1
}

.section-form .form-content .banner-form .quote-form .form-fields {
    width: 100%
}

.section-form .form-content .banner-form .quote-form .form-header {
    border-radius: 15px 15px 0 0;
    padding-top: 40px;
    margin: -60px -40px 30px -40px;
    text-align: center
}

.section-form .form-content .banner-form .quote-form .form-header h2 {
    color: #c62127;
    text-align: center;
    font-family: "Gasoek One";
    font-size: 55.856px;
    font-style: normal;
    font-weight: 400;
    line-height: 85%;
    letter-spacing: -1.676px;
    text-transform: uppercase
}

.section-form .form-content .banner-form .quote-form .form-description {
    margin-bottom: 30px
}

.section-form .form-content .banner-form .quote-form .form-description p {
    color: #0a1634;
    text-align: center;
    font-family: "Articulat CF", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.449px
}

.section-form .form-content .banner-form .quote-form .form-fields .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px
}

.section-form .form-content .banner-form .quote-form .form-fields .form-row.form-row-full {
    grid-template-columns: 1fr
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group label {
    color: #101828;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .7128rem + .1351vw, .875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .55px;
    text-transform: uppercase
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group label .asterisk {
    color: #0a89ca;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .7128rem + .1351vw, .875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .55px;
    text-transform: uppercase
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group label .text-opt {
    color: #6a7282;
    font-size: clamp(.75rem, .7128rem + .1351vw, .875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .55px;
    text-transform: uppercase
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper .form-icon {
    position: absolute;
    left: 15px;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 1;
    pointer-events: none;
    top: 15px
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6943rem + .2027vw, .9375rem);
    font-style: normal;
    font-weight: 400;
    color: #000;
    background: #fff;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    border-radius: 10px;
    border: 3px solid #000;
    background: hsla(0, 0%, 100%, 0);
    -webkit-box-shadow: 3px 3px 0 0 #000;
    box-shadow: 3px 3px 0 0 #000
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input:focus,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea:focus {
    outline: none;
    border-color: #f34336
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input::-webkit-input-placeholder,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea::-webkit-input-placeholder {
    color: #999
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input::-moz-placeholder,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea::-moz-placeholder {
    color: #999
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input:-ms-input-placeholder,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea:-ms-input-placeholder {
    color: #999
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input::-ms-input-placeholder,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea::-ms-input-placeholder {
    color: #999
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper input::placeholder,
.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea::placeholder {
    color: #999
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper textarea {
    padding-top: 12px;
    resize: vertical;
    min-height: 100px
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper.textarea-wrapper .form-icon {
    top: 12px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.section-form .form-content .banner-form .quote-form .form-fields .form-group .input-wrapper.textarea-wrapper textarea {
    padding-top: 12px
}

.section-form .form-content .banner-form .quote-form .form-submit-btn {
    width: 100%;
    color: #fff;
    border: 3px solid #000;
    border-radius: 11.667px;
    padding: 15px 30px;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6757rem + .2703vw, 1rem);
    font-style: normal;
    font-weight: 900;
    letter-spacing: .5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    -webkit-box-shadow: 4px 4px 0 0 #000;
    box-shadow: 4px 4px 0 0 #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-top: 10px;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    align-self: center;
    bottom: -35px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -ms-flex-item-align: center;
    align-self: center;
    bottom: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-form .form-content .banner-form .quote-form .form-submit-btn .submit-icon {
    width: 20px;
    height: 20px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.section-form .form-content .banner-form .quote-form .form-submit-btn:hover {
    -webkit-box-shadow: 6px 6px 0 0 #000;
    box-shadow: 6px 6px 0 0 #000
}

.section-form .form-content .banner-form .quote-form .form-submit-btn:active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 2px 2px 0 0 #000;
    box-shadow: 2px 2px 0 0 #000
}

.section-form .form-content .content-bottom {
    gap: 1rem;
    margin-top: 50px
}

.section-form .form-content .content-bottom .form-note {
    color: #fff;
    text-align: center;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(1.125rem, .9107rem + .3348vw, 1.3125rem);
    font-style: normal;
    font-weight: 600;
    line-height: 30.447px;
    letter-spacing: -0.229px;
    padding-block: 1rem
}

.section-form .form-content .content-bottom .form-note strong {
    color: #fff;
    font-weight: 600
}

.section-form .form-content .content-bottom .icon-wrap {
    gap: 20px
}

.section-form .form-content .content-bottom .icon-wrap p {
    gap: 5px;
    padding-block: 1rem
}

.section-form .form-content .content-bottom .icon-wrap p picture {
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 3px
}

.section-form .form-content .content-bottom .icon-wrap p span {
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.875rem, .5893rem + .4464vw, 1.125rem);
    font-style: normal;
    font-weight: 500;
    line-height: 24.358px
}

.section-form .divider2 .divider-content {
    top: 45px;
    margin: auto;
    -ms-flex-item-align: center;
    align-self: center
}

.section-form .divider2 .divider-content p {
    color: #e5e7eb;
    text-align: center;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.875rem, .5893rem + .4464vw, 1.125rem);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.15px
}

.site-footer {
    background: #0a1634;
    color: #fff;
    margin-top: clamp(-6.25rem, 5.8036rem - 10.0446vw, -0.625rem);
    z-index: 1;
    position: relative
}

.site-footer .footer-content .footer-main {
    gap: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

@media(max-width: 991.98px) {
    .site-footer .footer-content .footer-main {
        grid-template-columns: 1fr;
        gap: 30px
    }
}

.site-footer .footer-content .footer-wrap {
    width: 60%
}

.site-footer .footer-content .footer-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px
}

.site-footer .footer-content .footer-brand .footer-mascot {
    margin-bottom: 10px
}

.site-footer .footer-content .footer-brand .footer-mascot .footer-mascot-img {
    height: auto
}

.site-footer .footer-content .footer-links .footer-section-btn {
    margin-bottom: 20px
}

.site-footer .footer-content .footer-links .footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.site-footer .footer-content .footer-links .footer-nav li {
    position: relative;
    padding-left: 20px
}

.site-footer .footer-content .footer-links .footer-nav li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1.279px solid #fff;
    background: #c72026
}

.site-footer .footer-content .footer-links .footer-nav li a {
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6757rem + .2703vw, 1rem);
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.site-footer .footer-content .footer-links .footer-nav li a:hover {
    opacity: .8
}

.site-footer .footer-content .footer-contact .footer-section-btn {
    margin-bottom: 20px
}

.site-footer .footer-content .footer-contact .contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px
}

.site-footer .footer-content .footer-contact .contact-info .contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.site-footer .footer-content .footer-contact .contact-info .contact-item .contact-icon {
    width: 30px;
    height: 30px;
    background: #0a89ca;
    border-radius: 6px;
    padding: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.site-footer .footer-content .footer-contact .contact-info .contact-item .contact-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.site-footer .footer-content .footer-contact .contact-info .contact-item a {
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.875rem, .5893rem + .4464vw, 1.125rem);
    font-style: normal;
    font-weight: 500;
    line-height: 30.707px;
    letter-spacing: -0.4px
}

.site-footer .footer-content .footer-contact .contact-info .contact-item a:hover {
    opacity: .8
}

.site-footer .footer-content .footer-contact .operating-hours p {
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.875rem, .5893rem + .4464vw, 1.125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 169.15%;
    letter-spacing: -0.229px
}

.site-footer .footer-content .footer-section-btn {
    border-radius: 10px;
    border: 3px solid #000;
    padding: 12px 20px;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .6757rem + .2703vw, 1rem);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 3px 3px 0 0 #000;
    box-shadow: 3px 3px 0 0 #000;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: rotate(-3.384deg);
    transform: rotate(-3.384deg)
}

.site-footer .footer-content .footer-section-btn.footer-btn-red {
    background: #f34336
}

.site-footer .footer-content .footer-section-btn.footer-btn-blue {
    background: #0a89ca
}

.site-footer .footer-content .footer-bottom {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media(max-width: 767.98px) {
    .site-footer .footer-content .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        text-align: center
    }
}

.site-footer .footer-content .footer-bottom .footer-copyright {
    border-radius: 14.11px;
    border: 2.016px solid #364153;
    background: #1e2939;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-block: clamp(.625rem, .2092rem + .8673vw, 1.25rem);
    padding-inline: clamp(1.25rem, -0.0804rem + 2.7754vw, 3.25rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.site-footer .footer-content .footer-bottom .footer-copyright p {
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: clamp(.75rem, .7128rem + .1351vw, .875rem);
    font-weight: 400;
    margin: 0
}

.site-footer .footer-content .footer-bottom .footer-powered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.site-footer .footer-content .footer-bottom .footer-powered span {
    color: #fff;
    font-family: "Articulat CF", sans-serif;
    font-size: 12px;
    font-weight: 400
}

.site-footer .footer-content .footer-bottom .footer-powered .aiims-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-footer .footer-content .footer-bottom .footer-powered .aiims-logo .aiims-logo-img {
    height: 30px;
    width: auto;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}