@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Parkinsans:wght@300..800&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: "Outfit", sans-serif;
}

:root {
    --black: #000000;
    --gray-light: #00000099;
    --primary-color: #F2D701;
    --primary-light: #F4F6F0;
    --secondary-color: #3CA20C;
    --secondary-dark: #3CA2004D;
    --secondary-light: #E8F5D3;
    --white: #FFFFFF;
    --black-light: #0000001A;
    --gray: #FFFFFF33;
    --Parkinsans-font: "Parkinsans", sans-serif;
    --Winky-font: "Winky Sans", sans-serif;
    --transition-fast: all .4s ease-in-out;
    --transition-slow: all .6s ease-in-out;
}

/* custome css */

.scrolled {
    background-color: var(--white);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
    position: relative;
    padding: 5% 12%;
    gap: 50px;
}

.section_title {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 50%;
    z-index: 9;
    position: relative;
}

.section_title h2 {
    font-size: 3rem;
    font-family: var(--Parkinsans-font);
    font-weight: 500;
    text-transform: capitalize;
    color: var(--black);
    padding-bottom: 20px;
}

.section_title h6 {
    font-size: 1rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    text-transform: uppercase;
    color: var(--black);
    padding-bottom: 10px;
}

.section_title p {
    font-size: 1rem;
    color: var(--gray-light);
    padding-bottom: 20px;
    line-height: 1.5rem;
}


.section_image {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

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


@media screen and (max-width:1400px) {
    .section_title h2 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width:1200px) {
    .section_title h2 {
        font-size: 2rem;
    }
}

@media screen and (max-width:900px) {
    section {
        flex-direction: column;
    }

    .section_image {
        width: 100%;
    }

    .section_title {
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    .section_title h2 {
        font-size: 1.5rem;
    }

    .section_title h6 {
        font-size: .9rem;
    }

    .section_title p {
        font-size: .9rem;
    }
}

.btn {
    background-color: var(--primary-color);
    height: 50px;
    width: 150px;
    outline: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    cursor: pointer !important;
}

.btn_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
}

.btn_wrap span {
    font-size: 1rem;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}

.btn_wrap span:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(20px);
}

.btn_wrap:hover span:nth-child(1) {
    transform: translateY(-20px);
}

.btn_wrap:hover span:nth-child(2) {
    transform: translateY(0);
}

.btn2 {
    background-color: var(--secondary-light);
    height: 50px;
    width: 150px;
    outline: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    cursor: pointer !important;
    border: 1px solid var(--secondary-color);
}

.btn_wrap2 {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
}

.btn_wrap2 span {
    font-size: 1rem;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}

.btn_wrap2 span:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(20px);
}

.btn_wrap2:hover span:nth-child(1) {
    transform: translateY(-20px);
}

.btn_wrap2:hover span:nth-child(2) {
    transform: translateY(0);
}


/* Navbar */

.navbar {
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 12%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.logo h2 {
    font-family: var(--Winky-font);
    font-size: 1.8rem;
    color: var(--black);
    font-weight: 500;
}

.logo h2 a {
    color: var(--black);
}

.logo h2 a span {
    color: var(--secondary-color);
}

.menu {
    display: flex;
    gap: 20px;
}

.menu li {
    position: relative;
    padding: 8px 12px;
    border-radius: 3px;
    overflow: hidden;
}

.menu li a {
    font-size: 1.1rem;
    color: var(--black);
}

.menu li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    z-index: -1;
    opacity: 0;
    transition: var(--transition-slow);
}

.menu li:hover::after {
    opacity: 1;
}

.nav_right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.number {
    display: flex;
    align-items: center;
    border: 1px solid #0000001a;
    padding: 5px 18px 5px 5px;
    border-radius: 30px;
    gap: 8px;
    position: relative;
}

.number_btn_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
}

.number_btn_wrap span {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}

.number i {
    background-color: var(--primary-color);
    padding: 9px 9px 9px 9px;
    font-size: 1.5rem;
    border-radius: 50%;
}

.number_btn_wrap span:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(20px);
}

.number_btn_wrap:hover span:nth-child(1) {
    transform: translateY(-20px);
}

.number_btn_wrap:hover span:nth-child(2) {
    transform: translateY(0);
}

.nav_right .search {
    font-size: 1.2rem;
}

.nav_right_icon {
    font-size: 1.1rem;
    background-color: var(--primary-light);
    padding: 12px;
    border-radius: 50%;
    display: none !important;
}

@media screen and (max-width:1400px) {
    .number {
        padding: 5px;
        display: none;
    }
}


@media screen and (max-width:1200px) {
    .menu {
        width: 100%;
        height: 0;
        position: absolute;
        top: 100%;
        flex-direction: column;
        left: 0;
        background-color: var(--white);
        box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
        gap: 30px;
        opacity: 0;
        overflow: hidden;
        transition: var(--transition-slow);
    }

    .menu li {
        padding-left: 12%;
    }

    .menu li:after {
        display: none;
    }

    .nav_right_icon {
        display: block !important;
    }

    .nav_right .search {
        display: none !important;
    }

    .active {
        height: 320px;
        opacity: 1;
    }
}

@media screen and (max-width:900px) {
    .navbar {
        padding: 0px 8%;
    }
}

@media screen and (max-width:768px) {
    .nav_right .btn {
        display: none;
    }
}

@media screen and (max-width:500px) {
    .nav_right_icon {
        display: none !important;
    }

    #toggle {
        display: block !important;
    }
}

/* hero section */

.hero_container {
    height: 700px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url(Images/hero.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50px;
    overflow: hidden;
    padding: 50px;
}

.hero_box {
    background-color: var(--primary-light);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    position: relative;
    padding: 50px;
    padding-bottom: 0;
    max-width: 650px;
}

.hero_box h1 {
    font-size: 2.5rem;
    padding-bottom: 20px;
    font-weight: 500;
    font-family: var(--Winky-font);
}

.hero_box p {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    line-height: 1.5rem;
    color: var(--gray-light);
    padding-bottom: 20px;
}

.hero_btns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.hero_box ul {
    width: 100%;
    display: flex;
    padding: 30px 0;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.hero_box ul li {
    display: flex;
    align-items: center;
}

.hero_box ul li i {
    background-color: var(--secondary-color);
    color: var(--white);
    border-radius: 50%;
    margin-right: 4px;
    font-size: .9rem;
    padding: 3px 5px;
}

#growth_img1 {
    position: absolute;
    width: 20%;
    right: -50px;
    top: 0;
}

#growth_img2 {
    position: absolute;
    top: -75px;
    right: 0;
    width: 8%;
}

#growth_img3 {
    position: absolute;
    right: -50px;
    width: 10%;
    top: 120px;
}

/* hero mq */

@media screen and (max-width:1400px) {
    .hero {
        padding-top: 6%;
    }

    .hero_container {
        background-position: top right;
        background-size: 160% auto;
    }
}


@media screen and (max-width:1200px) {
    .hero {
        padding-top: 8%;
    }

    .hero_container {
        padding-left: 0;
        align-items: flex-end;
    }
}


@media screen and (max-width:900px) {
    .hero {
        padding: 5% 8%;
        padding-top: 10%;
    }

    .hero_container {
        padding-bottom: 0;
        align-items: flex-end;
        padding: 0;
        background-position: top right;
        background-size: 180% auto;
    }

    .hero_box {
        max-width: 100%;
        width: 100%;
    }

    #growth_img2 {
        width: 5%;
        top: -20%;
        right: 20px;
    }

    #growth_img1 {
        width: 10%;
        right: 0;
        top: -20px;
    }

    #growth_img3 {
        right: 0;
        top: 42px;
    }
}


@media screen and (max-width:768px) {
    .hero_box {
        gap: 0;
    }

    #growth_img1 {
        width: 10%;
        top: -94px;
        right: 30px;
    }

    #growth_img2 {
        width: 5%;
        top: -30%;
    }

    #growth_img3 {
        right: 25px;
        top: -43px;
    }

    .hero_box h1 {
        font-size: 2rem;
    }
}


@media screen and (max-width:500px) {
    .hero {
        padding-top: 18%;
        padding-bottom: 0;
    }

    .hero_box h1 {
        font-size: 1.3rem;
        padding-bottom: 10px;
    }

    .hero_box p {
        font-size: .8rem;
        line-height: 1.2rem;
    }

    .hero_container {
        align-items: center;
    }

    #growth_img2 {
        display: none;
    }

    #growth_img1 {
        display: none;
    }

    #growth_img3 {
        display: none;
    }

    .hero_box {
        transform: translateY(80px);
        height: 350px;
    }
}


/* Wroks section */

.works {
    flex-direction: column;
}

.works_title {
    width: 100%;
    text-align: center;
    align-items: center;
}

.works_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    place-items: center;
    place-content: center;
}

.work_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.work_icon {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-light);
    border: 1px solid var(--secondary-color);
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
}

#growth_icon {
    position: absolute;
    top: -20px;
}

.work_content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.work_content h4 {
    font-family: var(--Parkinsans-font);
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 10px;
}

.work_content p {
    color: var(--gray-light);
    font-size: 1rem;
}

@media screen and (max-width:768px) {
    .works_wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }

    .arrow_icon1 {
        display: none;
    }
}

/* About section */

.about {
    background-color: var(--primary-light);
}

.about_image {
    border-radius: 30px;
    overflow: hidden;
}

.about_image img {
    transition: var(--transition-slow);
}

.about_image:hover img {
    transform: scale(1.1);
}

.about_title ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 0;
    gap: 30px;
}

.about_title ul li {
    display: flex;
    align-items: center;
}

.about_title ul li i {
    font-size: .9rem;
    margin-right: 4px;
    background-color: var(--secondary-color);
    border-radius: 50%;
    color: var(--white);
    padding: 3px 5px;
}

/* Teams section*/
.teams {
    width: 99%;
    margin: auto;
    flex-direction: column;
    background-color: var(--secondary-color);
    border-radius: 50px;
    margin-bottom: 50px;
}

.team_title {
    text-align: center;
    align-items: center;
}

.team_title h2 {
    color: var(--white);
}

.team_title h6 {
    color: var(--white);
}

.team_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
}

.team_item {
    height: 350px;
    width: 100%;
    background-color: #e8f5d356;
    backdrop-filter: blur(30px);
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.team_item svg {
    background-color: var(--white);
    min-width: 70px;
    min-height: 70px;
    padding: 10px;
    border-radius: 10px;
}

.team_item h4 {
    font-size: 1.5rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    line-height: 2rem;
}

.team_item p {
    color: var(--gray-light);
    font-size: 1rem;
    line-height: 1.5rem;
}

.team_item:nth-child(1) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.team_item:nth-child(2) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.team_item:nth-child(3) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

.team_item:nth-child(4) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

.counter {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-content: center;
    place-items: start;
    gap: 30px;
    padding: 50px 0;
}

.counter_col {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: var(--white);
    border-left: 1px solid var(--gray);
    padding-left: 20px;
}

.counter_col h4 {
    font-size: 4rem;
    position: relative;
    font-weight: 400;
}

.counter_col h4 span:nth-child(2) {
    position: absolute;
    top: 7px;
    left: 60px;
    font-size: 1.5rem;
}

.counter_col p {
    font-size: 1rem;
    color: var(--white);
}

.counter_col:nth-child(3) h4 span:nth-child(2) {
    left: 120px;
}

.counter_col:nth-child(4) h4 span:nth-child(2) {
    left: 80px;
}


.teams_btn {
    position: absolute;
    bottom: 0;
    left: 45%;
    background-color: var(--white);
    padding: 10px 10px 0 10px;
    border-radius: 32px 32px 0 0;
}

.teams_btn .btn2 {
    width: 200px;
}

.button_box1 {
    position: absolute;
    -webkit-mask-image: url(Images/button-box-left.svg);
    -webkit-mask-size: contain;
    left: -48px;
    bottom: 0;
    height: 46px;
    width: 50px;
    background-color: var(--white);
    -webkit-mask-position: bottom right;
    -webkit-mask-repeat: no-repeat;
}

.button_box2 {
    position: absolute;
    -webkit-mask-image: url(Images/button-box-right.svg);
    -webkit-mask-size: contain;
    right: -40px;
    bottom: 0;
    height: 46px;
    width: 50px;
    background-color: var(--white);
    -webkit-mask-position: bottom right;
    -webkit-mask-repeat: no-repeat;
}

#team_element1 {
    position: absolute;
    fill: #e8f5d34d;
    width: 120px;
    height: 120px;
    left: 25%;
    top: 20%;
}


#team_element2 {
    position: absolute;
    fill: #e8f5d34d;
    width: 90px;
    height: 90px;
    left: 70%;
    top: 10%;
}

@media screen and (max-width:1400px) {
    .team_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .teams_btn {
        left: 43%;
    }
}

@media screen and (max-width:1200px) {
    .teams_btn {
        left: 40%;
    }
}

@media screen and (max-width:900px) {
    #team_element1 {
        top: 9%;
    }

    .teams_btn {
        left: 39%;
    }
}

@media screen and (max-width:768px) {
    .team_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .counter {
        grid-template-columns: repeat(1, 1fr);
    }

    .counter_col {
        align-items: center;
        text-align: center;
        border: 0;
    }

    .teams_btn {
        left: 38%;
    }

    #team_element2 {
        top: 80%;
    }
}

@media screen and (max-width:500px) {
    .teams_btn {
        left: 29%;
    }
}


/* service section */

.service {
    flex-direction: column;
}

.service_title {
    text-align: center;
    align-items: center;
    width: 100%;
}

.service_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-content: center;
    place-items: center;
    gap: 30px;
}

.service_item {
    width: 100%;
    height: 450px;
    display: flex;
    flex-direction: column;
    align-items: start;
    background: transparent;
    background-image: linear-gradient(142deg, var(--primary-color) 0%, var(--secondary-light) 70%);
    padding: 12px;
    border-radius: 30px;
}

.service_image {
    width: 100%;
    overflow: hidden;
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) .16707739px, calc(100% - 29.883191px) .16707739px, calc(100% - 24.96109729px) .87537044px, calc(100% - 20.31945472px) 2.29591631px, calc(100% - 16.01424199px) 4.36886114px, calc(100% - 12.1014378px) 7.03435112px, calc(100% - 8.63702087px) 10.23253242px, calc(100% - 5.67696992px) 13.90355119px, calc(100% - 3.27726365px) 17.98755362px, calc(100% - 1.49388076px) 22.42468587px, calc(100% - 0.38279998px) 27.1550941px, calc(100% - 5.68434189E-14px) 32.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 14px), 31.9827822px calc(100% - 14px), 26.79500879px calc(100% - 14.41909978px), 21.87374934px calc(100% - 15.63244774px), 17.28485237px calc(100% - 17.57411685px), 13.09416641px calc(100% - 20.17818003px), 9.36754001px calc(100% - 23.37871025px), 6.1708217px calc(100% - 27.10978045px), 3.56986001px calc(100% - 31.30546357px), 1.63050347px calc(100% - 35.89983258px), .41860062px calc(100% - 40.8269604px), 5.29492535E-31px calc(100% - 46.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.service_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.service_info h4 {
    width: 50%;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    padding-bottom: 30px;
}

.service_item .btn {
    width: 100%;
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

.service_item .btn i {
    color: var(--secondary-color);
    background-color: var(--secondary-light);
    font-size: .9rem;
    padding: 12px 14px;
    border-radius: 50%;
}


@media screen and (max-width:1400px) {
    .service_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:768px) {
    .service_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .service_item {
        width: 80%;
        margin: auto;
    }

    .service_info h4 {
        width: 100%;
    }
}


@media screen and (max-width:500px) {
    .service_item {
        width: 100%;
        margin: 0;
    }
}

/* Testimopnials section */

.testimonials_container {
    width: 100%;
    background-color: var(--primary-light);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
}

.testimonials_title {
    align-items: center;
    text-align: center;
    padding-bottom: 30px;
}


.testimonials_Swiper {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.testimonials_item {
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: start;
    flex-direction: column;
    background-color: var(--white);
    padding: 30px;
}

.testimonials_item i {
    font-size: 2rem;
    padding-bottom: 20px;
}

.testimonials_item p {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    line-height: 1.8rem;
}

.testimonials_user {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
}

.testimonials_user img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.testimonials_user h4 {
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--Parkinsans-font);
}

.testimonials_user h4 span {
    display: block;
    font-size: .8rem;
}

@media screen and (max-width:500px) {
    .testimonials_container {
        padding: 30px;
    }
}

/* contact section */

.contact {
    height: 780px;
}

.contact_title {
    height: 100%;
    padding: 30px;
    border-radius: 30px;
    background-image: linear-gradient(142deg, var(--primary-color) 0%, var(--secondary-light) 60%);
}

.conntact_form {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.contact_head {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.contact_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 10px;
}

.contact_box input,
.contact_box select {
    width: 100%;
    height: 45px;
    border: none;
    padding-left: 12px;
    font-size: 1rem;
    outline: none;
}

.contact_box label {
    font-size: 1rem;
    padding-bottom: 8px;
    font-weight: 400;
}

.contact .btn {
    margin: 30px 0;
}

.contact_image {
    height: 100%;
    gap: 20px;
    flex-direction: column;
}

.contact_image img:nth-child(1) {
    height: 70%;
    border-radius: 20px;
}

.contact_element_image {
    padding: 20px;
    height: 30%;
    background-color: var(--primary-light);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.contact_text {
    display: flex;
}

.contact_text i {
    background-color: var(--secondary-color);
    color: var(--white);
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
}

.contact_text h4 {
    font-size: 1.1rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
}

.contact_element_image img {
    position: absolute;
    top: 0;
    right: -30px;
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.contact_element_image p {
    font-size: 1rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    padding-left: 30px;
}

@media screen and (max-width: 900px) {
    .contact {
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .contact_head {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* blog section */

.blog {
    flex-direction: column;
}

.blog_title {
    width: 100%;
}

.blog_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
}

.blog_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

.blog_image {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.blog_image img {
    width: 100%;
    height: 100%;
    transition: var(--transition-slow);
}

.blog_item:hover .blog_image img {
    transform: scale(1.1);
}

.blog_content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.blog_content span {
    font-size: .9rem;
    text-transform: uppercase;
    color: var(--secondary-color);
    font-weight: 300;
}

.blog_content h4 {
    font-size: 1.7rem;
    font-family: var(--Parkinsans-font);
    font-weight: 400;
    transition: var(--transition-slow);
}


.blog_content h4:hover {
    color: var(--secondary-color);
}

@media screen and (max-width:1400px) {
    .blog_content h4 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:1200px) {
    .blog_content h4 {
        font-size: 1.3rem;
    }
}


@media screen and (max-width:900px) {
    .blog_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (max-width:768px) {
    .blog_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* FAQS SECTION */

.faqs {
    align-items: flex-start;
}

.faq_box {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 450px;
    background-color: var(--secondary-light);
    padding: 30px;
    border-radius: 30px;
    margin-top: 50px;
}

.faq_box h4 {
    font-size: 1.8rem;
    font-weight: 400;
    padding-bottom: 20px;
    line-height: 2.5rem;
}

.faq_number {
    display: flex;
    align-items: center;
    border: 1px solid #0000001a;
    border-radius: 30px;
    padding: 5px 18px 5px 5px;
    gap: 8px;
    position: relative;
}

.faq_number_btn_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
}

.faq_number_btn_wrap span {
    transition: transform 1s cubic-bezier(0.23, 1, .32, 1);
}

.faq_number i {
    font-size: 1.5rem;
    border-radius: 50%;
    background-color: var(--primary-color);
    padding: 9px 9px 9px 9px;
}

.faq_number_btn_wrap span:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(20px);
}

.faq_number_btn_wrap:hover span:nth-child(1) {
    transform: translateY(-20px);
}

.faq_number_btn_wrap:hover span:nth-child(2) {
    transform: translateY(0);
}

.faq_main {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.faq_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--primary-light);
    border-radius: 30px;
    padding: 20px;
    transition: height .3s ease-in-out;
}

.faq_question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    background-color: var(--primary-light);
    border-radius: 20px;
    cursor: pointer;
    gap: 20px;
}

.faq_question span {
    font-size: 1.3rem;
}

.faq_question i {
    background-color: var(--white);
    padding: 1rem;
    border-radius: 50%;
    font-size: 1rem;
    transition: transform .3s ease-in-out;
}

.faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
}

.faq_item.active .faq_answer {
    max-height: 200px;
}

.faq_answer p {
    font-size: .9rem;
    line-height: 1.7rem;
    padding-top: 10px;
    border-top: 1px solid #d5d8dc;
    color: var(--gray-light);
    font-family: var(--Parkinsans-font) !important;
}

@media screen and (max-width:1200px) {
    .faq_question span {
        font-size: 1rem;
    }
}


@media screen and (max-width:900px) {
    .faq_main {
        width: 100%;
    }
}


@media screen and (max-width:768px) {
    .faq_box {
        max-width: 100%;
    }
}


@media screen and (max-width:500px) {
    .faq_box h4 {
        font-size: 1.1rem;
        line-height: 1.8rem;
    }
}

/* footer */

footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 5% 12%;
    padding-bottom: 0;
    background-color: var(--secondary-light);
}

.footer_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_top_left h2 {
    font-size: 2rem;
    padding-bottom: 10px;
    font-family: var(--Parkinsans-font);
    font-weight: 500;
}

.footer_top_right {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.footer_top_right h6 {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    font-weight: 500;
    padding-bottom: 10px;
}

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

.footer_input_box input {
    height: 50px;
    width: 250px;
    padding-left: 12px;
    border: none;
    font-size: .9rem;
    border-radius: 30px;
    outline: none;
}

.footer_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    place-content: center;
    padding: 50px 0;
    gap: 30px;
}

.footer_col {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.footer_col h6 {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    font-weight: 500;
    text-transform: uppercase;
}

.footer_col ul li {
    font-size: .9rem;
    padding: 12px 0;
    font-weight: 300;
}

.footer_col ul li a {
    font-family: var(--Parkinsans-font);
    color: var(--black);
    transition: var(--transition-slow);
}

.footer_col ul li a:hover {
    color: var(--secondary-color);
}

.footer_col p {
    padding: 20px 0;
}

.contact_email {
    text-decoration: underline;
    font-size: 1rem;
    padding-top: 10px;
    color: var(--black);
}

.times {
    display: flex;
    gap: 20px;
}

.footer_bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid var(--black-light);
}

.footer_bottom p {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
}

.footer_icon {
    display: flex;
    gap: 20px;
}

.footer_icon i {
    font-size: 1rem;
    transition: var(--transition-slow);
    color: var(--black);
}

.footer_icon i:hover {
    color: var(--secondary-color);
}


.footer_number {
    display: flex;
    align-items: center;
    border: 1px solid #0000001a;
    padding: 5px 18px 5px 5px;
    border-radius: 30px;
    gap: 8px;
    position: relative;
}

.footer_number_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
}

.footer_number_wrap span {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}

.footer_number i {
    background-color: var(--primary-color);
    padding: 9px 9px 9px 9px;
    font-size: 1.5rem;
    border-radius: 50%;
}

.footer_number_wrap span:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(20px);
}

.footer_number_wrap:hover span:nth-child(1) {
    transform: translateY(-20px);
}

.footer_number_wrap:hover span:nth-child(2) {
    transform: translateY(0);
}

@media screen and (max-width:1200px) {
    .footer_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:900px) {
    .footer_top {
        flex-direction: column;
        gap: 50px;
    }

    .footer_top_left {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .footer_top_right {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .footer_input_box {
        width: 100%;
    }

    .footer_input_box input {
        width: 100%;
    }
}


@media screen and (max-width:500px) {
    .footer_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer_bottom {
        flex-direction: column;
        gap: 20px;
    }

    .footer_top_left {
        width: 100%;
    }

    .footer_top_left h2 {
        font-size: 1.5rem;
    }

    .footer_top_right {
        width: 100%;
    }

    .footer_input_box {
        flex-direction: column;
    }
}


/*===================================================================================================================================*/
/*======================================================= SERVICE PAGE =======================================================================*/
.service_page {
    flex-direction: column;
}

.service_page_title {
    width: 100%;
    background: transparent;
    align-items: center;
    text-align: center;
    padding: 50px 0;
    border-radius: 30px 30px 0 0;
    background-image: linear-gradient(180deg, var(--primary-light) 0%, var(--white) 100%);
}

.service_page_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-content: center;
    place-items: center;
    gap: 50px;
}

.service_page_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    background: var(--primary-light);
    padding: 20px;
    border-radius: 30px;
}


.service_page_image {
    height: 250px;
    width: 100%;
    overflow: hidden;
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) .16707739px, calc(100% - 29.883191px) .16707739px, calc(100% - 24.96109729px) .87537044px, calc(100% - 20.31945472px) 2.29591631px, calc(100% - 16.01424199px) 4.36886114px, calc(100% - 12.1014378px) 7.03435112px, calc(100% - 8.63702087px) 10.23253242px, calc(100% - 5.67696992px) 13.90355119px, calc(100% - 3.27726365px) 17.98755362px, calc(100% - 1.49388076px) 22.42468587px, calc(100% - 0.38279998px) 27.1550941px, calc(100% - 5.68434189E-14px) 32.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 14px), 31.9827822px calc(100% - 14px), 26.79500879px calc(100% - 14.41909978px), 21.87374934px calc(100% - 15.63244774px), 17.28485237px calc(100% - 17.57411685px), 13.09416641px calc(100% - 20.17818003px), 9.36754001px calc(100% - 23.37871025px), 6.1708217px calc(100% - 27.10978045px), 3.56986001px calc(100% - 31.30546357px), 1.63050347px calc(100% - 35.89983258px), .41860062px calc(100% - 40.8269604px), 5.29492535E-31px calc(100% - 46.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.service_page_image img {
    height: 100%;
}

.service_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.service_page_info h4 {
    width: 50%;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    padding: 20px 0;
}

.service_page_info p {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    font-weight: 400;
    line-height: 1.5rem;
    padding-bottom: 20px;
}

.service_page_info .btn {
    width: 100%;
    background-color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    height: 50px;
}

.service_page_info .btn span {
    padding-left: 14px;
}

.service_page_info .btn i {
    color: var(--secondary-color);
    background-color: var(--white);
    font-size: .9rem;
    padding: 12px 14px;
    border-radius: 50%;
}

@media screen and (max-width:1400px) {
    .service_page_wrap {
        gap: 30px;
    }

    .service_page_info h4 {
        font-size: 1.3rem;
    }

    .service_page_info p {
        font-size: .9rem;
    }
}


@media screen and (max-width:1200px) {
    .service_page_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .service_page_image {
        height: auto;
    }
}


@media screen and (max-width:900px) {
    .service_page_wrap {
        grid-template-columns: repeat(1, 1fr);
        margin: auto;
        width: 80%;
    }
}


@media screen and (max-width:500px) {
    .service_page_wrap {
        width: 100%;
        margin: 0;
    }
}

/* deeper_clean Section */

.deeper_clean {
    flex-direction: column;
}

.deeper_clean_title {
    align-items: center;
    text-align: center;
}

.deeper_clean_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
}

.deeper_clean_item {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--primary-light);
    padding: 30px;
    border-radius: 30px;
    border: 1px solid var(--secondary-light);
    gap: 20px;
}

.deep_clean_icon {
    background-color: var(--white);
    width: 80px;
    height: 80px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deeper_clean_content h6 {
    color: var(--secondary-color);
    font-size: 1.1rem;
    font-family: var(--Parkinsans-font);
    font-weight: 500;
}

.deeper_clean_content p {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
}

@media screen and (max-width:1400px) {
    .deeper_clean_wrap {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width:900px) {
    .deeper_clean_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:500px) {
    .deeper_clean_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* TEAMS SECTION */


.service_page_team {
    height: 300px;
    width: 100%;
    background-color: var(--primary-light);
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.service_page_team svg {
    background-color: var(--white);
    min-width: 70px;
    min-height: 70px;
    padding: 10px;
    border-radius: 10px;
}

.service_page_team h4 {
    font-size: 1.5rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    line-height: 2rem;
}

.service_page_team:nth-child(1) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.service_page_team:nth-child(2) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.service_page_team:nth-child(3) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

.service_page_team:nth-child(4) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}


.service_page_box {
    background-image: linear-gradient(142deg, var(--primary-color) 0%, var(--secondary-light) 70%);
}


/* LOCATION SECTION */

.location {
    flex-direction: column;
    padding-top: 8%;
}

.location_title {
    width: 100%;
    align-items: center;
    text-align: center;
}

.glow-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.glow-image img:nth-child(1) {
    width: 40px;
}

.glow-image img:nth-child(2) {
    width: 120px;
    transform: translateX(-50px) translateY(-40px);
}

.glow-image img:nth-child(3) {
    width: 70px;
    transform: translateY(-40px);
}

.location_container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.location_title2 {
    width: 50%;
}

.location_info {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.location_info P {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    color: var(--gray-light);
    line-height: 1.8rem;
    padding-bottom: 20px;
}

@media screen and (max-width:900px) {
    .location {
        padding-top: 14%;
    }

    .location_container {
        flex-direction: column;
        gap: 0;
    }

    .location_title2 {
        width: 100%;
    }

    .location_info {
        width: 100%;
    }

}

@media screen and (max-width:500px) {
    .location {
        padding-top: 22%;
    }
}

/* VIEW SERVICES SECTION*/

.view_service_title {
    width: 100%;
    align-items: center;
    text-align: center;
}

.view_service_title h2 {
    padding-bottom: 30px;
}

.view_service_title ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.view_service_title ul li button {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--primary-light) !important;
    border: 0;
}

.view_service_title ul li button i {
    background-color: var(--secondary-light);
    color: var(--secondary-color);
    padding: 4px;
    border-radius: 50%;
}


.view_service_title ul li:nth-child(1) button {
    background-color: var(--secondary-color) !important;
}

.our_client_info {
    width: 50%;
}

.our_client_info p {
    font-size: 1rem;
    font-family: var(--Parkinsans-font);
    color: var(--gray-light);
}

@media screen and (max-width:900px) {
    .our_client_info {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .our_client_title {
        align-items: center;
        text-align: center;
    }
}

/* BRANDS SECTION */

.brands {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    place-items: center;
    place-content: center;
}

.brands_item {
    height: 150px;
    width: 150px;
}

.brands_item img {
    object-fit: contain;
    opacity: 0.5;
    transition: var(--transition-slow);
}

.brands_item:hover img {
    opacity: 1;
}

@media screen and (max-width:1200px) {
    .brands {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (max-width:500px) {
    .brands {
        grid-template-columns: repeat(1, 1fr);
    }
}


/*============================================================================================================================*/
/*=================================================== BLOG PAGE ===================================================================================*/

.blog_page {
    padding-top: 8%;
    flex-direction: column;
}

.blog_page_title {
    width: 100%;
    align-items: center;
    text-align: center;
    border-radius: 30px;
    background-image: linear-gradient(180deg, var(--primary-light) 0%, var(--white) 100%);
    padding: 50px;
}

.blog_page_contentainer {
    height: 450px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.blog_page_content {
    width: 50%;
    height: 100%;
    padding: 30px;
    justify-content: center;
    border-radius: 30px;
    background-color: #F4F6FC;
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.blog_page_content .btn2 {
    width: 180px;
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

.blog_page_content .btn2 i {
    color: var(--secondary-color);
    background-color: var(--secondary-light);
    font-size: .9rem;
    padding: 12px 14px;
    border-radius: 50%;
}

.blog_page_content h6 {
    color: var(--secondary-color);
    text-transform: uppercase;
}

.blog_page_image {
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.blog_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
}



@media screen and (max-width:1200px) {
    .blog_page {
        padding-top: 12%;
    }

    .blog_page_contentainer {
        height: auto;
        flex-direction: column;
    }

    .blog_page_content {
        height: 350px;
        width: 100%;
    }

    .blog_page_image {
        width: 100%;
    }

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

}


@media screen and (max-width:768px) {
    .blog_page {
        padding-top: 18%;
    }

    .blog_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}


/*===========================================================================================================================*/
/*=============================================================== CONTACT PAGE ===========================================================================*/



.contact_page {
    padding-top: 8%;
    flex-direction: column;
}

.contact_page_title {
    width: 100%;
    align-items: center;
    text-align: center;
    border-radius: 30px;
    background-image: linear-gradient(180deg, var(--primary-light) 0%, var(--white) 100%);
    padding: 50px;
}

.contact_page_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
}

.contact_page_item {
    height: 340px;
    width: 100%;
    background-color: #e8f5d356;
    backdrop-filter: blur(30px);
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.contact_page_item svg {
    background-color: var(--white);
    min-width: 70px;
    min-height: 70px;
    padding: 10px;
    border-radius: 10px;
}

.contact_page_item h4 {
    font-size: 1.5rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    line-height: 2rem;
}

.contact_page_item p {
    color: var(--gray-light);
    font-size: 1rem;
    line-height: 1.5rem;
}

.contact_page_item:nth-child(1) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.contact_page_item:nth-child(2) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.contact_page_item:nth-child(3) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

.contact_page_item:nth-child(4) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}


@media screen and (max-width:1200px) {
    .contact_page {
        padding-top: 12%;
    }

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


@media screen and (max-width:768px) {
    .contact_page {
        padding-top: 18%;
    }

    .contact_page_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Our client */

.our_client p {
    width: 50%;
    font-family: var(--Parkinsans-font);
    color: var(--gray-light);
    font-size: 1rem;
    line-height: 1.8rem;
}

@media screen and (max-width:900px) {
    .our_client p {
        width: 100%;
        text-align: center;
    }
}



/* ====================================================================================================================================== */
/*========================================= ABOUT PAGE ===============================================================================*/

.about {
    background-color: #FCFDFB;
}

.about_page {
    padding-top: 8%;
    flex-direction: column;
}

.about_page_title {
    width: 100%;
    align-items: center;
    text-align: center;
    border-radius: 30px;
    background-image: linear-gradient(180deg, var(--primary-light) 0%, var(--white) 100%);
    padding: 50px;
}

.about_banner {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.our_mission {
    flex-direction: column;
}

.our_mission_title {
    align-items: center;
    text-align: center;
}

.our_mission_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
}

.our_mission_item {
    height: 340px;
    width: 100%;
    background-color: #e8f5d356;
    backdrop-filter: blur(30px);
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.our_mission_item svg {
    background-color: var(--white);
    min-width: 70px;
    min-height: 70px;
    padding: 10px;
    border-radius: 10px;
}

.our_mission_item h4 {
    font-size: 1.5rem;
    font-weight: 400;
    font-family: var(--Parkinsans-font);
    line-height: 2rem;
}

.our_mission_item p {
    color: var(--gray-light);
    font-size: 1rem;
    line-height: 1.5rem;
}

.our_mission_item:nth-child(1) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.our_mission_item:nth-child(2) {
    clip-path: polygon(32.2492676px 0, calc(100% - 29.883191px) 14.1670774px, calc(100% - 29.883191px) 14.1670774px, calc(100% - 24.96109729px) 14.87537046px, calc(100% - 20.31945472px) 16.29591632px, calc(100% - 16.01424199px) 18.36886116px, calc(100% - 12.1014378px) 21.03435113px, calc(100% - 8.63702087px) 24.23253242px, calc(100% - 5.67696992px) 27.9035512px, calc(100% - 3.27726365px) 31.98755362px, calc(100% - 1.49388076px) 36.42468587px, calc(100% - 0.38279998px) 41.1550941px, calc(100% - 5.68434189E-14px) 46.1189245px, calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0px) calc(100% - 32.02092px), calc(100% - 0.41860061px) calc(100% - 26.8269604px), calc(100% - 1.63050344px) calc(100% - 21.89983258px), calc(100% - 3.56985995px) calc(100% - 17.30546357px), calc(100% - 6.1708216px) calc(100% - 13.10978045px), calc(100% - 9.36753988px) calc(100% - 9.37871025px), calc(100% - 13.09416624px) calc(100% - 6.17818003px), calc(100% - 17.28485217px) calc(100% - 3.57411685px), calc(100% - 21.87374912px) calc(100% - 1.63244774px), calc(100% - 26.79500858px) calc(100% - 0.41909978px), calc(100% - 31.982782px) calc(100% - 5.68434189E-14px), 31.9827822px calc(100% - 0px), 31.9827822px calc(100% - 0px), 26.79500879px calc(100% - 0.41909978px), 21.87374934px calc(100% - 1.63244774px), 17.28485237px calc(100% - 3.57411685px), 13.09416641px calc(100% - 6.17818003px), 9.36754001px calc(100% - 9.37871025px), 6.1708217px calc(100% - 13.10978045px), 3.56986001px calc(100% - 17.30546357px), 1.63050347px calc(100% - 21.89983258px), .41860062px calc(100% - 26.8269604px), 5.29492535E-31px calc(100% - 32.02092px), 0 32.0209204px, 0 32.0209204px, .41860062px 26.82696079px, 1.63050347px 21.89983293px, 3.56986001px 17.30546389px, 6.1708217px 13.10978071px, 9.36754001px 9.37871045px, 13.09416641px 6.17818017px, 17.28485237px 3.57411693px, 21.87374934px 1.63244779px, 26.79500879px .41909979px, 31.9827822px 5.30123935E-31px, 31.9827822px 0, 32.11152455px 0, 32.2175794px 0, 32.30094672px 0, 32.36162654px 0, 32.39961884px 0, 32.41492362px 0, 32.40754089px 0, 32.37747064px 0, 32.32471288px 0, 32.2492676px 0);
}

.our_mission_item:nth-child(3) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

.our_mission_item:nth-child(4) {
    clip-path: polygon(32.2492676px 13.8329226px, calc(100% - 29.883191px) 0, calc(100% - 29.883191px) 0, calc(100% - 24.96109729px) .70829306px, calc(100% - 20.31945472px) 2.12883892px, calc(100% - 16.01424199px) 4.20178375px, calc(100% - 12.1014378px) 6.86727374px, calc(100% - 8.63702087px) 10.06545503px, calc(100% - 5.67696992px) 13.73647382px, calc(100% - 3.27726365px) 17.82047625px, calc(100% - 1.49388076px) 22.25760852px, calc(100% - 0.38279998px) 26.98801678px, calc(100% - 5.68434189E-14px) 31.9518472px, calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0px) calc(100% - 32.187998px), calc(100% - 0.41860061px) calc(100% - 26.99403837px), calc(100% - 1.63050344px) calc(100% - 22.06691047px), calc(100% - 3.56985995px) calc(100% - 17.47254136px), calc(100% - 6.1708216px) calc(100% - 13.2768581px), calc(100% - 9.36753988px) calc(100% - 9.54578775px), calc(100% - 13.09416624px) calc(100% - 6.34525738px), calc(100% - 17.28485217px) calc(100% - 3.74119406px), calc(100% - 21.87374912px) calc(100% - 1.79952485px), calc(100% - 26.79500858px) calc(100% - 0.58617681px), calc(100% - 31.982782px) calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 31.9827822px calc(100% - 0.167077px), 26.79500879px calc(100% - 0.58617681px), 21.87374934px calc(100% - 1.79952485px), 17.28485237px calc(100% - 3.74119406px), 13.09416641px calc(100% - 6.34525738px), 9.36754001px calc(100% - 9.54578775px), 6.1708217px calc(100% - 13.2768581px), 3.56986001px calc(100% - 17.47254136px), 1.63050347px calc(100% - 22.06691047px), .41860062px calc(100% - 26.99403837px), 5.29492535E-31px calc(100% - 32.187998px), 0 45.853843px, 0 45.853843px, .41860062px 40.65988339px, 1.63050347px 35.73275553px, 3.56986001px 31.13838649px, 6.1708217px 26.94270331px, 9.36754001px 23.21163305px, 13.09416641px 20.01110277px, 17.28485237px 17.40703953px, 21.87374934px 15.46537039px, 26.79500879px 14.25202239px, 31.9827822px 13.8329226px, 31.9827822px 13.8329226px, 32.11152455px 13.8329226px, 32.2175794px 13.8329226px, 32.30094672px 13.8329226px, 32.36162654px 13.8329226px, 32.39961884px 13.8329226px, 32.41492362px 13.8329226px, 32.40754089px 13.8329226px, 32.37747064px 13.8329226px, 32.32471288px 13.8329226px, 32.2492676px 13.8329226px);
}

@media screen and (max-width:1200px) {
    .our_mission_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .about_page {
        padding-top: 12%;
    }
}


@media screen and (max-width:768px) {
    .our_mission_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .about_page {
        padding-top: 18%;
    }
}

/* WHY US */

.why_us {
    flex-direction: column;
}

.why_us_title {
    align-items: center;
    text-align: center;
    width: 100%;
}

.why_us_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    place-content: center;
    gap: 30px;
    margin-top: 120px;
}

.why_us_item {
    width: 100%;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

.why_us_item:nth-child(2) {
    transform: translateY(-120px);
}

.why_us_item h4 {
    font-size: 1.5rem;
    font-weight: 500;
    padding-bottom: 20px;
}

.why_us_item p {
    font-size: .9rem;
    font-family: var(--Parkinsans-font);
    line-height: 1.5rem;
}

@media screen and (max-width:1400px) {
    .why_us_item p {
        font-size: .8rem;
    }

    .why_us_item h4 {
        font-size: 1.3rem;
    }
}


@media screen and (max-width:1200px) {
    .why_us_wrap {
        margin-top: 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .why_us_item:nth-child(2) {
        transform: translateY(0);
    }
}


@media screen and (max-width:768px) {
    .why_us_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* contact banner */

.contact_banner {
    height: 750px;
    width: 100%;
    position: relative;
}

.contact_banner img {
    object-fit: cover;
    border-radius: 10px;
    position: relative;
}

.contact_banner_btn {
    position: absolute;
    left: 45%;
    bottom: 90px;
    padding-bottom: 0;
    background-color: var(--white);
    padding: 10px 10px 0 10px;
    border-radius: 32px 32px 0 0;
}

.contact_banner_btn .btn {
    width: 200px;
}

.button_box1 {
    position: absolute;
    -webkit-mask-image: url(Images/button-box-left.svg);
    -webkit-mask-size: contain;
    left: -48px;
    bottom: 0;
    height: 46px;
    width: 50px;
    background-color: var(--white);
    -webkit-mask-position: bottom right;
    -webkit-mask-repeat: no-repeat;
}

.button_box2 {
    position: absolute;
    -webkit-mask-image: url(Images/button-box-right.svg);
    -webkit-mask-size: contain;
    right: -40px;
    bottom: 0;
    height: 46px;
    width: 50px;
    background-color: var(--white);
    -webkit-mask-position: bottom right;
    -webkit-mask-repeat: no-repeat;
}

@media screen and (max-width:1400px) {

    .contact_banner_btn {
        bottom: 70px;
    }
}


@media screen and (max-width:1200px) {
    .contact_banner_btn {
        bottom: 60px;
        left: 42%;
    }
}

@media screen and (max-width:900px) {
    .contact_banner_btn {
        bottom: 45px;
        left: 40%;
    }
}


@media screen and (max-width:900px) {
    .contact_banner_btn {
        display: none;
    }
}