@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@font-face {
    font-family: georgeTown-Regular;
    src: url(../fonts/GeorgeTown-Regular.otf);
}

@font-face {
    font-family: georgeTown-Light;
    src: url(../fonts/GeorgeTown-Light.otf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: georgeTown-Regular;
}

p {
    font-family: georgeTown-Light;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea {
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #FFD500;
}

a:focus {
    text-decoration: none;
}

body {
    overflow-x: hidden;
    /* font-family: 'georgeTown-Regular', sans-serif; */
    font-family: 'Poppins', sans-serif;
    background: #fff7e8e0;
}

.container {
    max-width: 1500px;
}


/* global css start
**********************/

.paragraph {
    color: #767C84;
    font-size: 16px;
}

.cta-btn {
    background: #8DC63F;
    padding: 15px 35px;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0px 1px 18px 6px #8dc63f75;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase !important;
}

.black {
    color: #000;
}

.purple {
    color: #C224B3;
}

.blue {
    color: #26BBCC;
}

.yellow {
    color: #FFD500;
}

.brown {
    color: #BFB49A;
}

.dark-red {
    color: #A70050;
}

.sub-heading {
    font-size: 14px;
    font-family: 'georgeTown-Light';
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #BFB49A;
}


/* global css end
**********************/


/* bubble keyframe 
******************/

.gooey {
    background-image: linear-gradient(142deg, rgba(251, 228, 188, 1) 0%, rgba(255, 241, 216, 1) 100%);
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    width: 500px;
    height: 600px;
    animation: morph 3s linear infinite;
    transform-style: preserve-3d;
    outline: 1px solid transparent;
    will-change: border-radius;
}

.gooey:before,
.gooey:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    box-shadow: 5px 5px 5px rgb(251, 228, 188);
    will-change: border-radius, transform, opacity;
    animation-delay: 200ms;
    background-image: linear-gradient(142deg, rgba(251, 228, 188, 1) 0%, rgba(255, 241, 216, 1) 100%);
}

.gooey:before {
    animation: morph 3s linear infinite;
    opacity: .21;
    animation-duration: 1.5s;
}

.gooey:after {
    animation: morph 3s linear infinite;
    animation-delay: 400ms;
    opacity: .89;
    content: "";
    line-height: 120px;
    text-indent: -21px;
}

@keyframes morph {
    0%,
    100% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    34% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    }
    50% {
        opacity: .89;
        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    }
}


/* bubble keyframe end
******************/


/* header css start
*******************************/

p {
    color: #767C84;
}

header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 30px 0;
}

header .logo img {
    max-width: 295px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

header .our-menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    list-style: none;
    font-size: 20px;
}

.our-menu ul li a {
    color: #000;
    position: relative;
    transition: all 0.6s ease-in-out;
}

.our-menu ul li a:before {
    content: '';
    background: #8dc63f;
    width: 20px;
    height: 10%;
    position: absolute;
    top: unset;
    left: 0;
    bottom: -10%;
    transition: all 0.6s ease-in-out;
    opacity: 0;
}

.our-menu ul li .active:before {
    content: '';
    background: #8dc63f;
    width: 20px;
    height: 10%;
    position: absolute;
    top: unset;
    left: 0;
    opacity: 1;
    bottom: -10%;
    transition: all 0.6s ease-in-out;
}

.our-menu ul li a:hover:before {
    width: 100%;
    opacity: 1;
}

.headerbtn {
    text-align: end;
}

.headerbtn .cta-btn {
    background: #8DC63F;
    padding: 15px 35px;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0px 1px 18px 6px #8dc63f75;
    font-size: 14px;
    letter-spacing: 1.2px;
}


/* header css end
*******************************/


/* banner-section-animation 
******************************/

.shapes-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 379px;
    background: url(../images/animation-bg.png) no-repeat center center;
    width: 779px;
    max-height: 375px !important;
    height: 100%;
    background-size: contain;
    margin: 50px auto 0;
    z-index: 2;
}

.shapes-container img {
    max-width: 100%;
    height: auto;
    position: absolute;
}

.shapes-container img#hb {
    max-width: 60px;
    right: 12%;
    bottom: 30%;
}

.shapes-container img#hb2 {
    top: unset;
    right: 17%;
    max-width: 100px;
    bottom: 35%;
}

.shapes-container img#b1 {
    left: 15%;
    top: 11%;
    max-width: 125px;
    z-index: 3;
}

.shapes-container img#b2 {
    right: 0%;
    bottom: 16%;
    max-width: 78px;
}

.shapes-container img#b3 {
    right: 2%;
    max-width: 78px;
}

.shapes-container img#dots1 {
    top: 12%;
    z-index: 1;
    max-width: 78px;
    left: 30%;
}

.shapes-container img#dots2 {
    bottom: 0%;
    right: 5%;
    z-index: 1;
    max-width: 78px;
}

.shapes-container #group {
    left: 18%;
    top: 39%;
    max-width: 62px;
}

.shapes-container #circle1 {
    top: 12%;
    right: 30%;
    max-width: 117px;
}

.shapes-container #circle2 {
    right: 20%;
    top: 12%;
    max-width: 78px;
}

.shapes-container #girl {
    right: 21%;
    bottom: 0;
    max-width: 135px;
}

.shapes-container #ppp {
    top: 3%;
    left: 37%;
    z-index: 3;
    max-width: 63px;
}

.shapes-container img {
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.shapes-container #men {
    bottom: 2%;
    left: 20%;
    max-width: 160px;
}

.shapes-container #circle-left2 {
    left: 9%;
    max-width: 70px;
}

.shapes-container #circle-left {
    left: 3%;
    max-width: 62px;
    bottom: 31%;
}

.shapes-container #bg {
    bottom: 0%;
    max-width: 150px;
}


/* banner-section-animation end
******************************/


/* section-1 css start
*******************************/

.section-1 {
    background: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    min-height: 1000px;
}

.section-1:before {
    content: '';
    background: #fff7e8e0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
}

#holder canvas {
    width: 100% !important;
    height: 1000px !important;
}

.section-1 .banner-content {
    text-align: center;
    padding-top: 250px;
    position: relative;
    z-index: 3;
}

.section-1 .banner-content .sub-heading {
    font-size: 14px;
    font-family: 'georgeTown-Light';
    text-transform: uppercase;
    letter-spacing: 8px;
    /* color: #BFB49A; */
    color: #6a624e;
}

.section-1 .banner-content .banner-btn {
    margin-top: 10px;
}

.section-1 .banner-content .heading {
    font-size: 45px;
    margin: 20px 0;
}

.section-1 .banner-content .paragraph {
    width: 650px;
    font-size: 16px;
    margin: 30px auto;
}

.section-1 .banner-btn i {
    background: #fff;
    padding: 17px 20px;
    border-radius: 50%;
    align-items: center;
    border: 1px solid #FFD500;
}

.section-1 .banner-btn .cta-btn {
    margin-right: 10px;
}

.banner-btn span {
    padding-left: 10px;
    color: #000;
    font-size: 14px;
}


/* section-1 css end
*******************************/


/* section-2 css start
*******************************/

.section-2 {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

.section2-wrap {
    z-index: 2;
}

.section-2 .heading {
    width: 600px;
}

.section-2 .sec2-box h4 {
    padding: 20px 0px;
    position: relative;
}

.section-2 .sec2-box h4:before {
    content: '';
    position: absolute;
    width: 10%;
    height: 5%;
    background: #C737B9;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.section2-wrap {
    position: relative;
    /* z-index: 1; */
}

.section-2 .sec2-box {
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 #ffb9176e;
    padding: 25px 10px;
    transition: all 0.5s ease-in-out;
    margin: 0 5px;
    background: #fff;
}

.section-2 .box-wrap {
    margin: 50px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.section-2 .sec2-box p {
    margin-bottom: 10px;
}

.section-2 .sec2-box .box-img {
    padding: 10px;
}

.section-2 .sec2-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 20px 20px 1px #ffb91759;
}

.section-2 .what_bg_img {
    position: absolute;
    right: 2%;
    max-width: 320px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    top: 0;
    /* animation: rotate-center 50s linear; */
}


/* @keyframes rotate-center {
    0% {
              transform: rotate(0deg);
    }
    100% {
              transform: rotate(360deg);
    }
  } */


/* section-2 css end
*******************************/


/* section-3 css start
*******************************/

.section3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff7e8e0;
}

.section3 .gooey {
    position: absolute;
    bottom: 14%;
    right: -12%;
    z-index: -1;
}

.section3 .left-sec .left-img {
    max-width: 680px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section3 .right-sec .heading {
    padding-top: 20px;
    font-size: 42px;
}

.section3 .right-sec p {
    padding: 20px 0px;
    max-width: 570px;
    width: 100%;
    color: #9B9AA4;
    font-size: 14px;
    font-family: 'georgeTown-Light';
}

.section3 .right-sec .discovery .dicovery-heading {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.section3 .right-sec .discovery .dicovery-heading:hover img {
    filter: brightness(0) saturate(100%) invert(52%) sepia(94%) saturate(378%) hue-rotate(138deg) brightness(100%) contrast(87%);
}

.section3 .right-sec .discovery .dicovery-heading img {
    max-width: 28px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.1s ease-in-out;
}


/* section-3 css end
*******************************/


/* section4 css start  
******************************/

.section4 {
    margin-top: 50px;
    background: #B02164;
    position: relative;
    z-index: 2;
}

.section4 .section_4items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 0;
}

.section4 .section_4items img {
    max-width: 240px;
    width: 100%;
    min-height: 120px;
    object-fit: contain;
    object-position: center;
}


/* section4 css end  
******************************/


/* section5 css start  
******************************/

.section5 {
    background: #FCF9F2;
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

.section5 .right-sec img {
    max-width: 800px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section5 .left-sec {
    padding-top: 70px;
}

.section5 .left-sec .heading {
    padding: 20px 0px;
    font-size: 35px;
}

.section5 .left-sec p {
    margin-bottom: 50px;
}

.section5 .gooey {
    position: absolute;
    top: -20%;
    left: -15%;
    z-index: -1;
    height: 400px;
    width: 430px;
}


/* section5 css end  
******************************/


/* section6 css start  
******************************/

.section6 {
    position: relative;
    padding: 50px 0px;
    height: 780px;
    width: 100%;
    background: #FCF9F2;
}


/* .counter {
    display: flex;
} */

.section6 .counter {
    display: flex;
    align-items: center;
    font-family: auto;
    font-size: 42px;
    line-height: 0.6;
}

.section6 .left-sec {
    position: relative;
    min-height: 580px;
    margin-top: 30px;
}

.section6 .sucess {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    min-width: 250px;
    min-height: 250px;
    color: #fff;
    top: 0%;
    left: 9%;
    background: #a70050c9;
    border-radius: 50%;
    z-index: 2;
    animation: blink-2 2.9s ease-in-out infinite;
}

.section6 .growth {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    min-width: 220px;
    min-height: 220px;
    background: #ffd500c9;
    border-radius: 50%;
    color: #fff;
    top: 5%;
    right: 14%;
    z-index: 2;
    animation: blink-2 3.9s ease-in-out infinite;
}

.section6 .project {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    min-width: 365px;
    min-height: 365px;
    background: #007DAC;
    border-radius: 50%;
    color: #fff;
    bottom: 13%;
    right: 26%;
    z-index: 1;
    animation: blink-2 4.9s ease-in-out infinite;
}

@keyframes blink-2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

.section6 .text p {
    font-size: 20px;
}

.section6 .right-sec .heading {
    font-size: 45px;
}

.section6 .right-sec p {
    padding: 20px 20px 70px 0px;
    max-width: 570px;
    width: 100%;
    color: #9B9AA4;
    font-size: 14px;
    font-family: 'georgeTown-Light';
}


/* progress bar css  
************************/

.section6 .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    color: #fff;
    text-align: start;
    white-space: nowrap;
    background-color: transparent !important;
    transition: width .6s ease;
    margin: 0 0 20px;
    overflow: hidden;
    padding-right: 24px;
    /* Separate bars from container */
}

.section6 .progress-bar:nth-child(3) .progress-content-outter .progress-content {
    background-color: #A70050;
}

.section6 .progress-bar:nth-child(3) .progress-content-outter {
    background-color: #FBD7E8;
}

.section6 .progress-bar:nth-child(4) .progress-content-outter .progress-content {
    background-color: #007DAC;
}

.section6 .progress-bar:nth-child(4) .progress-content-outter {
    background-color: #D0E6EE;
}

.section6 .progress-title-holder {
    padding-bottom: 7px;
    position: relative;
    margin: 5px 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #2e2e2e;
}

.section6 .progress-title {
    z-index: 100;
}

.section6 .progress-number-wrapper {
    width: 100%;
    z-index: 10;
}

.section6 .progress-number-mark {
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: rgb(22, 23, 29);
    padding: 0 8px;
    position: absolute;
    bottom: 0;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.progress-number-wrapper,
.progress-number-mark {
    font-family: Open Sans, sans-serif;
    font-size: 11px;
    line-height: 24px;
    height: 24px;
    letter-spacing: 0px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    color: #fff;
}

.down-arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #16171d;
    position: absolute;
    left: 50%;
    top: 100%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.progress-content-outter {
    height: 15px;
    background-color: #FFF3B4;
    border-radius: 50px;
}

.progress-content {
    height: 15px;
    background-color: #FFD500;
    width: 0%;
    /* Initial value */
    border-radius: 50px;
}


/* section6 css end  
******************************/


/* section7 css start     
******************************/

.section7 {
    padding: 50px 0px;
    background: #FCF9F2;
    position: relative;
    overflow: hidden;
}

.section7 .section7_vec2 {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 2;
    max-width: 366px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section7 .row-wrap {
    padding: 100px 0px;
    background: #FBF3E0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.section7 .row-wrap:after {
    content: '';
    background: url(../images/form.png);
    position: absolute;
    bottom: -5%;
    right: 0%;
    width: 250px;
    height: 250px;
    animation: blink-2 1.5s ease-in-out infinite;
    z-index: -1;
}

.section7 .section7_vec {
    position: absolute;
    top: 20%;
    z-index: -1;
    animation: blink-2 0.5s ease-in-out infinite;
    max-width: 80px;
    width: 100%;
    left: 8%;
}

.section7 .left-sec img {
    max-width: 730px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section7 .right-sec {
    max-width: 600px;
    width: 100%;
}

.right-sec .heading {
    font-size: 45px;
    padding-bottom: 20px;
}

.right-sec form input,
.right-sec form textarea {
    width: 100%;
    padding: 10px 0px;
    border: none;
    border-bottom: 1px solid #DBCB9B;
    margin: 5px 0px;
    background: transparent;
    resize: none;
    transition: all 0.3s ease-in-out;
}

.right-sec form input:focus,
.right-sec form textarea:focus {
    outline: none !important;
    border: none;
    border-bottom: 1px solid #FFD500;
    box-shadow: 0px 3px 2px 0px #ffd5009c;
}

.right-sec form input::placeholder,
.right-sec form textarea::placeholder {
    padding: 0px 15px;
}

.right-sec form {
    margin: 20px 0px;
}

form .cta-btn {
    border: none;
    padding: 15px 80px;
    margin: 20px 0px;
}


/* section7 css end  
******************************/


/* section8 css start  
******************************/

.section8 {
    background: #fcf9f2;
    padding: 50px 0px;
}

.section8 .heading {
    font-size: 45px;
    padding: 10px 0px;
}

.section8 .paragraph {
    padding-top: 20px;
}

.section8 .right-sec img {
    max-width: 920px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


/* section8 css end  
******************************/


/* section9 css start  
******************************/

.section9 {
    background: #fcf9f2;
    padding: 50px 0px;
}

.section9 .heading {
    font-size: 45px;
    padding: 10px 0px;
}

.section9 .paragraph {
    padding-top: 20px;
}

.section9 .right-sec img {
    max-width: 920px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


/* section9 css end  
******************************/


/* footer css 
======================================================== */

.footer {
    background: #0e1124;
}

.menu ul {
    padding-left: 0;
}

.menu h4,
.menu ul li {
    color: #fff;
    list-style: none;
}

.footer_detail h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.footer_detail p {
    color: #fff;
}

.footer_detail {
    display: flex;
    align-items: baseline;
}

.menu ul li {
    padding-bottom: 13px;
}

.footer_bottom p {
    color: #fff;
    margin-bottom: 0;
    padding-top: 15px;
}

.footer_bottom {
    border-top: solid 2px #3e4150;
}

.footer {
    padding-top: 60px;
    padding-bottom: 20px;
}

.footer_detail .footer_icon {
    color: #fff;
    margin-right: 15px;
}


/* new css  
*****************/

section.section-2.section3 .what-we-do .heading {
    width: 100%;
    margin: 0;
    text-align: center;
}

section.section-2.section3 .what-we-do p.paragraph.black {
    text-align: center;
}

section.section-2.section3 .sec2-box {
    margin: 10px 10px;
}

section.section-2.section3 .box-wrap {
    flex-wrap: wrap;
}

.section-2.section3 .section2-wrap .container>div:nth-child(2) .box-wrap>div:nth-child(even) .sec2-box {
    background: #fef3df;
    box-shadow: none;
}

.section-2.section3 .section2-wrap .container>div:nth-child(2) .box-wrap>div:nth-child(even) .sec2-box:hover {
    box-shadow: 0px 10px 10px 1px #e9dabd;
}

.section-2.section3 .section2-wrap .container>div:nth-child(2) .box-wrap>div:nth-child(odd) .sec2-box {
    background: #ffece5;
    box-shadow: none;
}

.section-2.section3 .section2-wrap .container>div:nth-child(2) .box-wrap>div:nth-child(odd) .sec2-box:hover {
    box-shadow: 0px 10px 10px 1px #fce4dc;
}

.section-1.innerBanner .banner-content {
    text-align: left;
    padding: 0;
}

.section-1.innerBanner .banner-content .paragraph {
    margin: 40px 0;
    color: #767C84;
}

.section-1.innerBanner img {
    max-width: 720px;
    z-index: 99;
    position: relative;
    width: 100%;
}

section.section-1.innerBanner {
    align-items: center;
    min-height: 750px;
    padding-top: 130px;
}

section.section-1.innerBanner #holder canvas {
    width: 100% !important;
    height: 750px !important;
}

section.section-1.innerBanner .row {
    align-items: center;
}

.inner-section-2 img {
    max-width: 840px;
}

.inner-section-2 .row {
    align-items: center;
}

h2.heading {
    padding: 20px 0;
    font-size: 45px;
}

.inner-section-2 img {
    max-width: 840px;
}

.inner-section-2 .row {
    align-items: center;
}

h2.heading {
    padding: 20px 0;
}

.rightCol-padding {
    padding-right: 110px;
}

section.inner-section-2 {
    padding: 60px 0;
}

.aboutsection3 .right-sec img {
    float: right;
}

.sucess p,
.growth p,
.project p {
    color: #fff;
}

.sectionTitle-center h2 {
    font-size: 45px;
    text-align: center;
}

.sectionTitle-center p {
    text-align: center;
    width: 50%;
    margin: 10px auto;
}

section.aboutSection6 {
    background: #FCF9F2;
    padding: 40px 0;
}

.aboutSection6 .cta-btn {
    display: block;
    width: fit-content;
    margin-top: 40px;
}

.aboutSection6 .item .row {
    align-items: center;
}

.aboutDifferences {
    padding: 50px 0;
}

.aboutDifferences .owl-nav {
    display: block !important;
}

.aboutDifferences {
    position: relative;
}

.aboutDifferences .owl-nav button {
    position: absolute !important;
    top: 50%;
    left: -90px;
    display: block;
    background: #C224B3!important;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    color: #fff !important;
}

.aboutDifferences .owl-nav button.owl-next {
    left: initial;
    right: 0;
}

.faqs .accordion-button.collapsed::before {
    content: "\2b";
    background-image: none;
    font-family: 'Font Awesome 6 Free';
    transform: rotate(0deg);
    transition: all 0.25s;
    position: relative;
    left: -10px;
    background: #00000033;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00000078;
}

.faqs .accordion-button::before {
    content: "\2b";
    background-image: none;
    font-family: 'Font Awesome 6 Free';
    transform: rotate(45deg);
    transition: all 0.25s;
    position: relative;
    left: -10px;
    background: #fff;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00000078;
}

.faqs .accordion-button {
    padding-left: 40px !important;
}

.faqs .accordion-button::after {
    display: none;
}

.faqs .accordion-item {
    border-radius: 20px !important;
}

.faqs .accordion-button {
    border-radius: 20px !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 7px 0;
}

.faqs .accordion .pink-acc .accordion-button {
    background: #FCE7F1 !important;
}

.faqs .pink-acc.accordion-item {
    background: #fce7f1 !important;
    border: 0 !important;
}

.faqs .accordion .yellow-acc .accordion-button {
    background: #F6ECB7 !important;
}

.faqs .yellow-acc.accordion-item {
    background: #F6ECB7 !important;
    border: 0 !important;
}

.faqs .accordion-button:not(.collapsed) {
    color: #000;
}

.faqs {
    padding: 40px 0;
}

.faqs .row {
    align-items: center;
}

.sectionTitle-left h2 {
    font-size: 45px;
    width: 50%;
    margin-bottom: 40px;
}

.singleService img {
    max-width: 100px;
    margin: 0 auto;
    margin-bottom: 23px;
    /* position: relative; */
    object-fit: cover;
    min-height: 100px;
}

.singleService h2:after {
    content: '';
    position: absolute;
    background: #C737B9;
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 43%;
}

.singleService h2 {
    position: relative;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: capitalize;
}

.singleService p {
    text-align: center;
    font-size: 14px;
}

.singleService {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}

.mainServices {
    position: relative;
}

.mainServices .owl-nav button {
    position: absolute !important;
    top: 36%;
    left: -60px;
    display: block;
    background: #C224B3!important;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    color: #fff !important;
}

.mainServices .owl-nav button.owl-next {
    left: initial;
    right: -60px;
}

section.whatWeDo {
    padding: 60px 0;
}

.contactPage-section .row-wrap {
    background: transparent;
}