:root {
    --white: #fff;
    --Black: #000;
    --LimeGreen: #00E763;
    --Green: #01B950;
    --DarkGreen: #00281F;

    /* font */
    --Poppins: "Poppins", sans-serif;
    --LibreBaskerville: "Libre Baskerville", serif;

    /* style guide for 1920 */
    --h1-font-size: 65px;
    --h1-line-height: 83px;

    --h2-font-size: 55px;
    --h2-line-height: 65px;

    --h3-font-size: 35px;
    --h3-line-height: 45px;

    --h4-font-size: 24px;
    --h4-line-height: 30px;

    --h5-font-size: 20px;
    --h5-line-height: 30px;

    --h6-font-size: 18px;
    --h6-line-height: 25px;

    --body-font-size: 20px;
    --body-line-height: 28px;

}


/* ********* Common css ************ */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

body {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    font-family: var(--Poppins);
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}


html,
body {
    scroll-behavior: smooth;
}

h1,
.heading-h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
}

h2,
.heading-h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
}

h3,
.heading-h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
}

h4,
.heading-h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
}

h5,
.heading-h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
}

h6,
.heading-h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
}

.cust-container-lg {
    max-width: 1599px;
    width: 100%;
    margin: 0 auto;
}

.cust-container-md {
    max-width: 1426px;
    width: 100%;
    margin: 0 auto;
}

.img-box {
    position: relative;
    overflow: hidden;
}

.img-box img,
.img-box video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/* theme-btn */

.theme-btn-outline,
.theme-btn-fill,
.light-btn-outline {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    border: none;
    font-weight: 500;
    text-align: center;
    padding: 9px 25px;
    color: var(--Black);
    display: inline-block;
    background: transparent;
    font-family: var(--Poppins);
    border: 1px solid var(--Black);
    border-radius: 50px;
    transition: all 200ms ease-in;
}

.theme-btn:hover,
.theme-btn-fill {
    background: var(--white);
    color: var(--DarkGreen);
}

.theme-btn-fill:hover {
    background: transparent;
    border-color: var(--Black);
    color: var(--Black);
}

.theme-btn-outline:hover {
    background: var(--Black);
    color: var(--white);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


/* page header */
.page__header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #ffffff12;
}

.page__header-inner {
    display: flex;
    justify-content: space-between;
    padding-top: 23px;
    padding-bottom: 23px;
    align-items: center;
}

.page__header-inner .header-right {
    display: flex;
    align-items: center;
    gap: 35px;
}

.page__header-inner .header_nav ul {
    display: flex;
    list-style: none;
    margin-bottom: 0;
}

.page__header-inner .header_nav li {
    margin-right: 55px;
}

.page__header-inner .header_nav a {
    font-size: 16px;
    line-height: 16px;
    color: var(--white);
    font-weight: 500;
    position: relative;
}

.page__header-inner .header_nav a::before {
    position: absolute;
    content: "";
    height: 1px;
    bottom: -36px;
    left: -10px;
    transition: all 200ms ease-in;
    width: 0;
    background: var(--white);
}

.page__header-inner .header_nav a:hover::before,
.page__header-inner .header_nav li.active a::before {
    right: -10px;
    width: calc(100% + 20px);
}

.page__header-inner .header-logo {
    width: 165px;
    display: block;
}

.page__header-inner .header-logo img {
    width: 100%;
    display: block;
}

.header-right .theme-btn-fill {
    padding: 7px 16px 7px 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--white);
    border-radius: 50px;
    color: #012E21;
}

.header-right .theme-btn-fill:hover {
    background: var(--Green);
    border-color: var(--Green)
}

.header-right .theme-btn-fill span {
    background: #012E21;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* form row */
.cust-form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.cust-form-row .cust-form-group label {
    display: inline-block;
    color: var(--white);
}

.cust-form .cust-form-group {
    margin-bottom: 23px;
}

.cust-form .cust-form-group.cust-form-sbumit {
    margin-bottom: 0;
}

.cust-w-50 {
    width: 50%;
}

.cust-w-100 {
    width: 100%;
}

.form-control {
    background: #ffffff10;
    color: #fff;
    border: 1px solid #DBEDE940;
    border-radius: 15px;
    height: 52px;
}

textarea.form-control {
    height: 144px !important;
    padding: 12px;
}

.form-control:focus {
    color: #fff;
    background-color: #ffffff15;
    border-color: #fff;
    box-shadow: none;
    border: 1px solid #DBEDE940;
}


.form-control::-webkit-input-placeholder {
    color: #ffffff28;
}

.form-control:-ms-input-placeholder {
    color: #ffffff28;
}

.form-control::placeholder {
    color: #ffffff28;
}

.form-control:focus {
    color: #fff;
    box-shadow: none;
}

.book_appointment .request_quote .quote_form .theme-btn-fill:hover {
    background: var(--Green);
    border-color: var(--Green);
    color: #fff;
}

.cust-form .cust-form-group label {
    font-size: 16px;
    font-family: var(--Poppins);
    font-weight: 400;
    padding-bottom: 10px;
}

.book_appointment .request_quote .quote_form .cust-w-50 {
    width: 48%;
}

/** mobile menu css start **/

.fixed-menu-bar-mobile {
    position: absolute;
    z-index: 999;
    background: transparent;
    width: 59px;
    top: 19px;
    display: none;
    padding: 11px 0;
    right: 35px;
}

.slide-nav-container {
    position: fixed;
    z-index: 998;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    overflow: hidden;
    max-width: 100%;
    padding: 230px 50px 130px 50px;
    background: var(--DarkGreen);
    transform: translateY(-100%);
    transition: transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1);
    background-size: 100% 100%;
}

.slide-nav-open.body-fix .page__header {
    position: fixed;
}

.slide-nav-open.body-fix .slide-nav-trigger {
    position: fixed;
    height: 35px;
    top: 12px;
}

.slide-nav-trigger span {
    display: block;
    width: 30px;
    height: 3px;
    background: var(--Green);
    transition: background 0.3s;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 200ms ease-in;
}

.slide-nav-trigger {
    z-index: 4;
    width: 45px;
    height: 23px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.slide-nav-trigger span::before {
    -webkit-transform: rotate(0) translate(0px, 10px);
    transform: rotate(0) translate(0px, 10px);
}

.slide-nav-trigger span::before,
.slide-nav-trigger span::after {
    content: "";
    transition: background 0.3s, transform 0.3s;
}

.slide-nav-trigger span::before,
.slide-nav-trigger span::after {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    width: 45px;
    background: var(--Green);
    transition: all 200ms ease-in;
}

.slide-nav-trigger span::after {
    top: -10px;
}

.slide-nav-open .slide-nav-container {
    transform: translateY(0);
}

.slide-nav-open .slide-nav-trigger span::after {
    -webkit-transform: rotate(45deg) translate(0, 0px);
    transform: rotate(45deg) translate(0, 0px);
    bottom: 0;
    top: 0;
}

.slide-nav-open .slide-nav-trigger span::before,
.slide-nav-open .slide-nav-trigger span::after {
    background: var(--white);
}

.slide-nav-open .slide-nav-trigger span::before {
    -webkit-transform: rotate(-45deg) translate(0px, 0);
    transform: rotate(-45deg) translate(0px, 0);
    top: 0;
}

.slide-nav-open .slide-nav-trigger span {
    background: transparent;
}

.slide-nav-container-inner {
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%;
}

.slide-nav {
    text-align: center;
    margin-bottom: 78px;
}

.slide-nav-container-inner .slide-nav {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 0;
}

.slide-nav li {
    display: block;
    width: 100%;
    margin-bottom: 17px;
}

.slide-nav-open .slide-nav li:first-child a {
    animation-delay: 0.25s;
}

.slide-nav a:hover,
.slide-nav li.active a {
    color: var(--CerisePink);
    transition: all 200ms ease-in;
}

.slide-nav-open .slide-nav a,
.slide-nav-open .slide-nav-container-inner .social-links {
    animation: slide-in 0.4s 0.2s backwards;
    transform: translateZ(0);
    padding-left: 0;
}

.slide-nav a {
    display: inline-block;
    padding: 0;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 500;
    text-decoration: none;
    color: var(--white);
    transform: translateZ(0);
}

.slide-nav-container {
    padding: 150px 25px 60px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-nav-container-inner .social-links .theme-btn-fill {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
}

.slide-nav-container-inner .social-links {
    display: block;
}

.slide-nav-container-inner .social-links li {
    text-align: center;
}

.testimonial-slider .item {
    width: 84%;
}

/* hero area */
.home_hero_main {
    position: relative;
    background: var(--DarkGreen);
    padding: 217px 0 62px;
    overflow: hidden;
}

.home_hero_main .hero_content {
    position: relative;
    color: var(--white);
    background-image: url(../images/home-hero-image.png);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 94% 110%;
}

.home_hero_main::before {
    position: absolute;
    content: " ";
    height: 100%;
    width: 58%;
    background-image: url(../images/heroGradient.png);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0;
    right: 0;
    bottom: 0;
    filter: blur(70px);
    border-radius: 50%;
}

.home_hero_main .banner_title .heading-h1 {
    max-width: 1060px;
    font-weight: 600;
}

.home_hero_main .banner_sub_heading .heading-h4 {
    font-weight: 600;
}

.home_hero_main .banner_content_detail {
    max-width: 822px;
    line-height: 40px;
}

.home_hero_main .banner_title span {
    color: var(--Green);
}

.home_hero_main .banner_content_detail span {
    font-family: var(--LibreBaskerville);
    font-style: italic;
    border: 1px solid #ffffff30;
    border-radius: 20px;
    padding: 4px 18px;
    margin: 0 5px;
}

.home_hero_main .banner_sub_heading {
    position: relative;
    margin: 72px 0 23px;
    font-weight: 600;
}

.ai_focused_main {
    position: relative;
    padding: 100px 0 50px;
    background: var(--DarkGreen);
    color: var(--white);
}

.ai_focused_main .ai_focused_row {
    display: grid;
    grid-template-columns: 490px 1fr;
    gap: 83px;
    justify-content: space-between;
    align-items: center;
}

.ai_focused_main .ai_focused_row .image {
    height: 323px;
}

.ai_focused_main .content_text {
    max-width: 838px;
}

.ai_focused_main .content_text .heading-h3 span {
    font-family: var(--LibreBaskerville);
    color: var(--Green);
    font-style: italic;
    font-weight: 500;
}

.ai_focused_main .content_text .heading-h3 {
    margin-bottom: 30px;
    font-weight: 600;
}

.ai_focused_main .content_text p {
    max-width: 727px;
    color: #ffffff80;
}

.changed_recently {
    position: relative;
    padding: 60px 0 93px;
    background: var(--DarkGreen);
    color: var(--white);
}

.web_tag p {
    font-family: var(--Poppins);
    border: 1px solid #ffffff40;
    width: max-content;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.web_tag p span {
    height: 8px;
    width: 8px;
    border-radius: 8px;
    display: inline-block;
    background: var(--Green);
}

.changed_recently .changed_row {
    display: grid;
    grid-template-columns: 480px 480px 460px;
    justify-content: space-between;
    align-items: center;
}

.changed_recently .changed_col_v1 .title .heading-h2 {
    font-weight: 600;
}

.changed_recently .changed_col_v2 .img-box {
    height: 590px;
}

.changed_recently .changed_col_v1 .title span {
    font-family: var(--LibreBaskerville);
    color: var(--Green);
    font-style: italic;
}

.changed_recently .text_detail p {
    margin-bottom: 43px;
    color: #ffffff80;
}

.changed_recently .text_detail p span {
    color: var(--white);
}

.changed_recently .changed_row .changed_col_v1 .title {
    margin-bottom: 37px;
    margin-top: 10px;
}

.changed_recently .changed_col_v3 .col_v3_text {
    margin-bottom: 50px;
}

.changed_recently .changed_col_v3 {
    position: relative;
}

.changed_recently .changed_col_v3 .the_question {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 20px;
}

.changed_recently .changed_col_v3 .the_question .icon {
    height: 57px;
    width: 57px;
    border-radius: 57px;
    overflow: hidden;
}

.changed_recently .changed_col_v3 .the_question span {
    color: var(--Green);
}

.changed_recently .changed_col_v3 .col_v3_text p:first-child {
    font-weight: 600;
    margin-bottom: 25px;
}

.changed_recently .brand_row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-top: 5px;
}

.changed_recently .brand_icon.img-box {
    width: 100%;
    max-width: 250px;
    height: 68px;
}

.changed_recently .brand_icon.img-box img {
    object-fit: none;
}

.the_team {
    position: relative;
    padding: 100px 0;
}

.the_team .team_row {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 4%;
    justify-content: center;
    align-items: self-start;
}

.the_team .team_row .left .title {
    margin-top: 15px;
    margin-bottom: 56px;
}

.the_team .forward_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
}

.the_team .the_team_footer {
    text-align: center;
    margin-top: 55px;
    font-weight: 500;
    color: #00000080;
}

.the_team .forward_row .straig_card {
    border: 1px solid #DBEDE9;
    padding: 20px;
    border-radius: 15px;
}

.the_team .forward_row .straig_card .card_text {
    font-weight: 500;
    color: #00000080;
}

.the_team .straightforward .forward_title {
    margin-bottom: 30px;
}

.the_team .team_row .left .title span {
    display: block;
    color: var(--Green);
    font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 600;
    line-height: 3rem;
}

.the_team .team_row ul {
    list-style: none;
    margin-top: 28px;
    margin-bottom: 28px;
    max-width: 658px;
    width: 100%;
    padding-left: 0;
}

.the_team .team_row ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

.the_team .forward_row .straig_card .card_icon {
    height: 75px;
    width: 75px;
    margin-bottom: 26px;
}

.the_team .team_row ul li::before {
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    top: 2px;
    background-image: url(../images/fluent_checkmark-starburst.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
}

.the_team .team_row .web_tag p {
    font-family: var(--Poppins);
    border: 1px solid var(--Black);
}

.the_team .team_row .right {
    position: relative;
    padding-top: 55px;
}

.the_team .team_row .right .text_v1 {
    margin-bottom: 35px;
    max-width: 84%;
}

.the_team .team_row .left .title span {
    display: block;
    color: var(--Green);
    font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 600;
}

.the_team .team_row .right .companuy_logo {
    height: 130px;
    width: 130px;
    background: var(--Green);
    border-radius: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -67px;
    top: -78px;
    position: relative;
}

.the_team .the_team_footer p span {
    font-family: var(--LibreBaskerville);
    font-style: italic;
    border: 1px solid #00000050;
    border-radius: 18px;
    padding: 5px 14px;
    color: #000;
}

.common_heading_h2 {
    position: relative;
}

.common_heading_h2 .heading-h2 {
    color: var(--white);
    font-weight: 600;
    position: relative;
}

.common_heading_h2 .heading-h2 span {
    color: var(--Green);
    font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 500;
    display: block;
}

.work_it_card .common_heading_h2 .heading-h2 {
    width: max-content;
}

.work_it_card .common_heading_h2 .heading-h2::after {
    position: absolute;
    content: " ";
    right: -30px;
    bottom: -23px;
    height: 48px;
    width: 50px;
    background-image: url(../images/down-errow-type.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(346deg);
}

.the_team .straightforward .forward_title .heading-h4 {
    font-weight: 600;
}

.the_team .team_row .left .title .heading-h2 {
    font-weight: 600;
}

/* slider */
.work_it_card {
    position: relative;
    display: grid;
    grid-template-columns: 48% 40%;
    gap: 6%;
    justify-content: left;
    align-items: center;
    color: var(--white);
}

.how_it_works {
    position: relative;
    padding: 100px 0;
    background: var(--DarkGreen);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.how_it_works::before {
    position: absolute;
    content: " ";
    height: 600px;
    width: 600px;
    background: radial-gradient(#00e76340, #00e76317, #00e7630d);
    top: 100px;
    left: 100px;
    border-radius: 600px;
    filter: blur(29px);
}

.how_it_works::after {
    position: absolute;
    content: " ";
    height: 465px;
    width: 885px;
    background-image: url(../images/what-actually-happens.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 100px;
    right: 0;
    border-radius: 600px;
    display:none;
}

.how_it_works .web_tag {
    margin-bottom: 13px;
}

.how_it_works .web_tag p {
    color: var(--white);
}

.how_works_slider .owl-dots {
    text-align: start;
    margin-top: 62px !important;
}

.how_works_slider {
    margin-bottom: 26px;
}

.how_works_slider .owl-dots .owl-dot span {
    width: 39px;
    height: 4px;
    margin: 5px 7px;
    background: #FFFFFF10;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.how_works_slider .owl-dots .owl-dot.active span,
.how_works_slider .owl-dots .owl-dot:hover span {
    background: var(--Green);
}

.work_it_card .common_heading_h2 {
    margin-bottom: 68px;
}

.work_it_card .week_2 .heading-h3 {
    margin-bottom: 39px;
    font-weight: 600;
}

.work_it_card .week_2 .heading-h3 span {
  font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 400;
}

.work_it_card .week_2 .heading-h3 sapan {
    font-family: var(--LibreBaskerville);
    color: var(--Green);
    font-style: italic;
    font-weight: 500;
}

.how_works_slider .ai_visibility p {
    color: #ffffff80;
    margin-bottom: 27px;
}

.how_works_slider .ai_visibility p span {
    color: #fff;
    font-weight: 600;
}

/* faq */

.faq_section {
    position: relative;
    padding: 100px 0;
}

.faq_section .web_tag p {
    border: 1px solid #00000080;
}

.faq_section .common_heading_h2 .heading-h2 {
    color: var(--Black);
}

.faq_section .faq_row {
    display: grid;
    grid-template-columns: 33% 63%;
    gap: 4%;
    justify-content: center;
    align-items: self-start;
}

.faq_section .faq_row .faq_left {
    padding-top: 167px;
}

.faq_section .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 33px 20px;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--Poppins);
    color: var(--Black);
    background-color: var(--Green);
    border: 0;
    border-radius: 15px;
}

.faq_section .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.faq_section .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.faq_section .accordion-item {
    background-color: #fff;
    border: 0;
    /* margin-bottom: 15px; */
}

.faq_section .accordion-button:not(.collapsed) {
    color: var(--Black);
    background-color: var(--Green);
    box-shadow: none;
    border-radius: 15px;
}

.accordion.common-accordian {
    counter-reset: section;
    display: grid;
    gap: 15px;
}

.faq_section .accordion-button::before {
    counter-increment: section 1;
    content: "0" counter(section);
    color: var(--white);
    margin-right: 46px;
    padding-left: 10px;
}

.faq_section .accordion-header.active-acc-head .accordion-button::before {
    color: var(--black);
}

.what_others .opportunity_row .opprotu_image.img-box img {
    object-fit: none;
}
.faq_section .accordion .accordion-body {
    padding: 0px 80px 15px 97px;
    border: 1px solid #DBEDE9;
    /* margin-bottom: 20px; */
    border-top: 0;
    border-radius: 0 0 15px 15px;
}

.faq_section .accordion-header.active-acc-head {
    position: relative;
}

.faq_section .accordion-header.active-acc-head .accordion-button {
    position: relative;
    background: transparent;
    border: 1px solid #DBEDE9;
    border-radius: 15px 15px 0 0;
    border-bottom: 0;
    box-shadow: none;
    padding-bottom: 26px !important;
}

.faq_section .accordion-header .accordion-button::after {
    position: absolute;
    right: 20px;
    top: 22px;
    height: 54px;
    width: 54px;
    background-image: url("../images/rank-accordin.svg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.faq_section .accordion-header.active-acc-head .accordion-button::after {
    position: absolute;
    right: 20px;
    top: 22px;
    height: 54px;
    width: 54px;
    background-image: url("../images/rank-accordion-svg.svg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.what_others {
    background: var(--DarkGreen);
    padding: 100px 0;
    position: relative;
}

.what_others::before {
    position: absolute;
    content: " ";
    height: 600px;
    width: 600px;
    background: radial-gradient(#00e76340, #00e76317, #00e7630d);
    bottom: 250px;
    left: 100px;
    border-radius: 600px;
    filter: blur(29px);
}

.what_others::after {
    position: absolute;
    content: " ";
    height: 600px;
    width: 600px;
    background: radial-gradient(#00e76340, #00e76317, #00e7630d);
    top: 300px;
    right: 100px;
    border-radius: 600px;
    filter: blur(29px);
}

.what_others .cust-container-lg {
    position: relative;
    z-index: 2;
}

.what_others .results {
    background: var(--white);
    padding: 56px 85px 60px 56px;
    display: grid;
    grid-template-columns: 47% 48%;
    gap: 5%;
    border-radius: 20px;
    justify-content: stretch;
    align-items: center;
}

.the_opportunity {
    position: relative;
    padding: 145px 0 100px;
}

.what_others .web_tag p {
    border: 1px solid #00281fa3;
}

.what_others .the_opportunity .web_tag p {
    border: 1px solid #cacacaa3;
    color: var(--white);
}

.what_others .common_heading_h2 .heading-h2 {
    color: var(--DarkGreen);
}

.the_opportunity .common_heading_h2 .heading-h2 {
    color: var(--white);
}

.what_others .early_movers {
    position: relative;
    color: var(--white);
    display: grid;
    grid-template-columns: 30% 30% 30%;
    gap: 5%;
}

.what_others .opportunity_row {
    position: relative;
    display: grid;
    grid-template-columns: 39% 52%;
    gap: 6.5%;
    justify-content: space-between;
    align-items: center;
    margin-top: 63px;
    padding-bottom: 70px;
    border-bottom: 1px solid #ffffff87;
}

.what_others .opportunity_row .opp_text {
    color: #ffffff80;
    width: 100%;
    max-width: 655px;
}

.what_others .opportunity_row .opp_text span {
    color: #ffffff;
}

.what_others .early_movers .early_card {
    position: relative;
    background: var(--Green);
    padding: 44px 33px;
    border-radius: 15px;
}

.what_others .results .inner_design {
    position: relative;
    padding: 53px 0 37px;
}

.what_others .results .design_content p {
    margin-bottom: 30px;
}

.what_others .results .design_content p:last-child {
    margin-bottom: 0px;
}

.what_others .opportunity_row .opprotu_image.img-box {
    width: 100%;
    height: 307px;
    border: 14px solid #fff;
}

.what_others .early_movers .col_move {
    color: #ffffff80;
}

.what_others .early_movers .col_move span {
    color: #ffffff;
}

.what_others .early_movers .early_card {
    position: relative;
    background: var(--Green);
    padding: 44px 33px;
    border-radius: 15px;
    font-size: 30px;
    line-height: 38px;
    color: var(--DarkGreen);
    font-weight: 500;
}

.what_others .early_movers .early_card p {
    margin-bottom: 31px;
}

.what_others .early_movers .early_card p:last-child {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 400;
}

.main-footer .footer-inner {
    display: grid;
    grid-template-columns: repeat(3, 382px);
    justify-content: space-between;
    align-items: self-start;
}

.main-footer .request_quote {
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    align-items: center;
    gap: 4%;
}

.book_appointment {
    position: relative;
    padding: 145px 0 20px;
}

.book_appointment .request_quote {
    position: relative;
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 2%;
    justify-content: space-between;
    align-items: self-start;
    margin-top: 35px;
}

.book_appointment .request_quote .quote_form {
    position: relative;
    background: var(--DarkGreen);
    padding: 46px 55px 56px;
    border-radius: 15px;
}

.book_appointment .request_quote .genuine_conversation {
    border: 1px solid #DBEDE9;
    border-radius: 15px;
    padding: 46px 40px 0;
}

.book_appointment .request_quote .genuine_conversation .minute {
    font-family: var(--Poppins);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    text-align: center;
    color: #00000080;
}

.book_appointment .book_top .right p {
    width: 100%;
    max-width: 650px;
}

.book_appointment .request_quote .genuine_conversation .minute span {
    color: #000;
    font-weight: 500;
}

.book_call {
    position: relative;
    margin-top: 15px;
}

.book_call .zoom_phone {
    text-align: right;
    font-size: 14px;
    color: #00000080;
    font-family: var(--Poppins);
}

.book_appointment .book_top {
    position: relative;
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 2%;
    justify-content: space-between;
    align-items: center;
}

.book_appointment .web_tag p {
    border: 1px solid #00000040;
}

.book_appointment .common_heading_h2 .heading-h2 {
    color: var(--Black);
    font-weight: 600;
}

.book_appointment .request_quote .quote_title {
    color: var(--white);
    font-family: var(--Poppins);
    font-weight: 500;
    margin-bottom: 48px;
}

.book_appointment .request_quote .quote_title img {
    max-width: 32px;
    margin-right: 5px;
}

.get_in_touch .footer_title {
    position: relative;
}

.get_in_touch .footer_title .heading-h4 {
    font-weight: 500;
}

.main-footer {
    position: relative;
    padding: 75px 0 40px;
}

.main-footer .footer_contant p {
    margin-bottom: 0;
}

.main-footer .footer_contant p a {
    color: var(--Green);
    font-family: var(--Poppins);
    font-weight: 500;
}

.main-footer .footer_logo a {
    display: block;
    width: max-content;
}

.main-footer .footer_logo a img {
    max-width: 260px;
}

.what_others .result_image.img-box {
    width: 100%;
    height: 515px;
}

.the_team .team_pic.img-box {
    width: 90%;
    height: 404px;
}

.slide-nav-container-inner .social-links .theme-btn-fill span {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--DarkGreen);
    border-radius: 30px;
}

.request_quote.quote_for_mobile {
    display: none;
}

.page__header.inner_page_header {
    background: var(--DarkGreen);
}

.location_main {
    position: relative;
    padding: 0px 0 70px;
}

.location_main .title {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-family: var(--Poppins);
    font-weight: 500;
}

.connect_our_team .connect_card {
    border: 1px solid #DBEDE9;
    border-radius: 15px;
    padding: 23px 20px;
}

.connect_our_team .our_team {
    position: relative;
    display: grid;
    grid-template-columns: 29% 1fr;
    gap: 55px;
    justify-content: space-between;
    align-items: center;
}

.connect_our_team .our_team .detail {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.connect_our_team {
    position: relative;
    padding: 180px 0 20px;
}

.connect_our_team .team_title {
    position: relative;
}

.connect_our_team .team_title .common_heading_h2 .heading-h2 {
    color: var(--Black);
}

.connect_our_team .web_tag p {
    border: 1px solid var(--Black);
}

.book_appointment.contact_us {
    padding: 20px 0 50px;
}

.connect_our_team .connect_card .icon {
    position: relative;
    height: 55px;
    width: 50px;
}

.connect_our_team .connect_card .icon img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.connect_our_team .connect_card .title {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--Poppins);
}

.connect_our_team .connect_card .title p {
    margin: 0 0 2px;
}

.connect_our_team .connect_card .text p {
    margin-top: 21px;
    font-size: 20px;
    font-weight: 400;
    font-family: var(--Poppins);
    margin-bottom: 0px;
}

.connect_our_team .connect_card .text p {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--Poppins);
    margin-bottom: 0;
    color: #00000080;
}

.connect_our_team .connect_card .cta_text p {
    font-size: 18px;
    color: var(--Green);
    margin-bottom: 0;
    margin-top: 5px;
}

.blogs_header {
    position: relative;
    padding: 192px 0 20px;
}

.blogs_header .web_tag p {
    border: 1px solid var(--Black);
}

.blogs_header .common_heading_h2 .heading-h2 {
    color: var(--Black);
}

.blogs_header .insights {
    display: grid;
    grid-template-columns: 60% 40%;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.trending_topics {
    position: relative;
}

.trending_topics .filter {
    position: relative;
    margin-bottom: 48px;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.trending_topics .filter .theme-btn-fill.active {
    background: var(--Black);
    color: var(--white);
}

.insights_card {
    display: grid;
    grid-template-columns: 57% 36%;
    gap: 7%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 123px;
    position: relative;
}

.insights_card .insights_tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    margin-top: 32px;
}

.insights_card .insights_tags p {
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.insights_card .date {
    position: relative;
    color: var(--Green);
    font-size: 18px;
    font-weight: 500;
}

.insights_card .blog_title {
    position: relative;
    padding: 3px 0 15px;
}

.insights_card .insights_tags .authors,
.insights_card .insights_tags .min_read {
    font-size: 16px;
    font-weight: 500;
}

.insights_card .insights_tags .authors .name {
    padding-left: 5px;
}

.insights_card .insights_tags .min_read span {
    height: 8px;
    width: 8px;
    background: var(--Black);
    border-radius: 8px;
}

.insights_card .insights_tags .min_read span {
    height: 9px;
    width: 8px;
    background: var(--Black);
    border-radius: 100%;
    display: block;
    margin-right: 8px;
}

.insights_card .insights_text p {
    font-size: 18px;
    line-height: 26px;
    color: #00000080;
}

.blogs_header .insights .right {
    font-size: 18px;
    line-height: normal;
    color: #00000080;
    max-width: 76%;
}

.insights_card .image {
    width: 100%;
    position: relative;
}

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

/* pagination */

.pagination_main .pagination {
    position: relative;
}

.pagination_main .page-circle {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    border: 1px solid #00000010;
    color: var(--Black);
}

.pagination_main .page-item.active .page-circle {
    background-color: var(--Black);
    border-color: var(--Black);
    color: var(--white);
}

.pagination_main .prev-link {
    border: none;
    color: #9aa4ad;
    background: transparent;
    height: 36px;
    font-size: 16px;
    line-height: 25px;
}

.pagination_main .pagination.gap-2 {
    gap: 12px !important;
}

.pagination_main .next-link {
    border-radius: 36px;
    padding: 2px 18px;
    border: 1px solid var(--Black);
    color: var(--Black);
    height: 36px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}

.pagination_main .page-link:hover {
    background-color: #00000010;
}

.pagination_main .page-item:last-child .page-link {
    border-radius: 36px !important;
}

.pagination_main .page-item:first-child .page-link {
    border-radius: 36px !important;
}

.pagination_main .page-item.disabled .page-link {
    color: #00000050;
    pointer-events: none;
    background-color: transparent;
    border: 1px solid #00000030;
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
}

.pagination_main .page-link:focus {
    background-color: #e9ecef;
    outline: 0;
    box-shadow: none;
}

/* blog detal page */

.blog_detail_content {
    position: relative;
    padding: 50px 0;
}

.blog_detail_content .detail_content {
    position: relative;
    display: grid;
    grid-template-columns: 25% 71.5%;
    gap: 3.5%;
    justify-content: space-between;
    align-items: self-start;
    width: 100%;
    max-width: 100%;
}

.blog_detail_content .detail_content .left_detail {
    position: sticky;
    top: 12px;
    border: 1px solid var(--Black);
    border-radius: 20px;
    padding: 20px;
}

.blog_detail_content .left_detail #navigationList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog_detail_content .detail_content .left_detail .list.active {
    color: var(--Green);
}

.blog_detail_content .detail_content .left_detail .list {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 8px;
}

.blog_detail_content .insight_detal_card p, .blog_detail_content .insight_detal_card li, .blog_detail_content .insight_detal_card a {
    font-size: 18px;
    line-height: 28px;
    margin: 15px 0;
}

.blog_detail_content .insight_detal_card img {
    margin: 10px 0;
    width: 100%;
}

.blog_detail_content .insight_detal_card h1,
.blog_detail_content .insight_detal_card h2,
.blog_detail_content .insight_detal_card h3,
.blog_detail_content .insight_detal_card h4,
.blog_detail_content .insight_detal_card h5 {
    font-size: 35px;
    line-height: 45px;
}

.blog_detail_content .insight_detal_card h6 {
    font-size: 26px;
    line-height: 46px;
}

.blog_detail_header {
    position: relative;
    padding: 180px 0 20px;
}

.detail_header {
    position: relative;
}

.detail_header .detail_image_main {
    height: 560px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.detail_header .detail_image_main img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.detail_header .time_detail p {
    position: relative;
    color: var(--Green);
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.detail_header .detail_title {
    position: relative;
    max-width: 67%;
}

.detail_header .detail_title span {
    font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 500;
}

.insight_detail.insights_tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    margin-top: 25px;
    margin-bottom: 47px;
}

.insight_detail.insights_tags p {
    margin-bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 16px;
}

.insight_detail.insights_tags .authors span.name {
    margin-left: 8px;
}

.insight_detail.insights_tags .min_read span {
    height: 9px;
    width: 8px;
    background: var(--Black);
    border-radius: 100%;
    display: block;
    margin-right: 8px;
}

.blog_detail_content .table_contents {
    font-size: 20px;
    font-weight: 500;
}

.main-footer .footer-inner .footer_title {
    margin-bottom: 3vh;
}

.trending_topics .title {
    font-weight: 600;
    font-size: 22px;
}

.insights_card .insights_tags .theme-btn-fill {
    color: #000000;
    padding: 5px 14px;
    font-size: 16px;
}

.trending_topics .filter .theme-btn-fill {
    color: #000000;
        font-size: 16px;
}

/* error message */

.wpcf7-response-output {
    color: #ffffff !important;
    border-color: #ffffff !important;
}


/* about page */

.about_page_header {
    position: relative;
    padding: 160px 0 50px;
}

.about_page_header .web_tag p {
    border: 1px solid #00000040;
}

.about_page_header .common_heading_h2 .heading-h2 {
    color: var(--black);
}

.about_page_header .common_heading_h2 .heading-h2 span {
    display: inline-block;
}

.about_hero_title .hero_title {
    position: relative;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

.about_hero_title .hero_title span {
    font-family: var(--LibreBaskerville);
    color: var(--Green);
    font-style: italic;
    font-weight: 500;
}

.about_hero_content .about_hero_title {
    position: relative;
    margin: 15px 0 40px;
}

.about_hero .about_hero_image {
    width: 590px;
    height: 403px;
    position: relative;
    transform: rotate(6deg);
    border: 1px solid #00000020;
    padding: 15px;
    margin-left: auto;
    margin-right: 3.5%;
}

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

.about_page_header .about_hero {
    position: relative;
    display: grid;
    grid-template-columns: 55% 40%;
    gap: 5%;
    justify-content: space-between;
    align-items: center;
}

.our_vision_about {
    position: relative;
    padding: 63px 0;
}

.our_vision_about .vision {
    color: var(--Green);
}

.our_vision_about .vision_content .content {
    font-size: 30px;
    line-height: 40px;
}

.our_vision_about .vision_row {
    background: var(--DarkGreen);
    display: grid;
    grid-template-columns: 1fr 194px;
    padding: 47px 76px 47px 48px;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    border-radius: 15px;
}

.about_hero_content .about_hero_cta .theme-btn-fill {
    background: var(--DarkGreen);
    color: var(--white);
    display: flex;
    padding: 11px 18px;
    font-size: 16px;
    align-items:center;
    width:max-content;
}

.about_hero_content .about_hero_cta .theme-btn-fill span {
    background: var(--white);
    height: 30px;
    width: 30px;
    border-radius: 30px;
    display: inline-block;
    margin-left: 3px;
    text-align: center;
}

.our_vision_about .vision_row .vision_image {
    width: 193px;
    height: 169px;
    position: relative;
}

.our_vision_about .vision_row .vision_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.our_vision_about .vision_row .vision_content {
    position: relative;
    color: var(--white);
}

.from_vision {
    position: relative;
    padding: 50px 0;
}

.from_vision .cust-container-lg {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 0%;
    justify-content: center;
    align-items: center;
}

.from_vision .vision_image {
    width: 590px;
    height: 403px;
    position: relative;
    transform: rotate(345deg);
    border: 1px solid #00000020;
    padding: 15px;
    margin-left: 7%;
}

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

.from_vision .web_tag p {
    border: 1px solid #00000020;
}

.from_vision .common_heading_h2 .heading-h2 {
    color: var(--black);
}

.from_vision .vision_detail {
    max-width: 676px;
    color: #00000080;
    margin-top: 30px;
}

.from_vision .vision_detail p {
    margin-bottom: 35px;
}

/* about page team section */

.our_team_main {
    position: relative;
    margin: 69px 0;
}

.our_team_main .web_tag p {
    border: 1px solid #00000040;
}

.our_team_main .common_heading_h2 .heading-h2 {
    color: var(--black);
}

.team_member_card {
    position: relative;
}

.team_member_card .member_image {
    position: relative;
    width: 100%;
    height: 380px;
}

.team_member_card .member_image img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.team_member_card .member_name {
    position: relative;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    color: #00000080;
    margin-top: 23px;
}

.team_member_card .member_name p {
    margin-bottom: 4px;
}

.team_member_card .member_designation {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #00000080;
    max-width: 270px;
}

.rankai_team_slider {
    position: relative;
    padding-top: 20px;
}

.rankai_team_slider .owl-dots.disabled, .rankai_team_slider .owl-nav.disabled {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: -87px !important;
}

.rankai_team_slider .owl-nav button {
    height: 55px;
    width: 55px;
    border: 1px solid #000000 !important;
    border-radius: 55px !important;
    margin: 0 !important;
}

.rankai_team_slider .owl-nav button.owl-prev {
    background-image: url(../images/left-errow.svg) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-right: 10px !important;
}

.rankai_team_slider .owl-nav [class=owl-prev]:hover {
    background: url(../images/left-errow.svg), var(--Green) !important;
    border: 1px solid var(--Green) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.rankai_team_slider .owl-nav button.owl-next {
    background-image: url(../images/right-errow.svg) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.rankai_team_slider .owl-nav [class=owl-next]:hover {
    background: url(../images/right-errow.svg), var(--Green) !important;
    border: 1px solid var(--Green) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.rankai_team_slider .owl-nav button span {
    opacity: 0;
}

.trusted_organisations .header {
    font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    margin-bottom: 60px;
}

.trusted_organisations {
    position: relative;
    padding: 37px 0 0;
}

.trusted_organisations .orgin_image img {
    max-width: 104px;
}

.trusted_organisations_slider .owl-stage {
    display: flex;
    align-items: center;
}

.trusted_organisations_slider .owl-item {
    transition-timing-function: linear !important;
}

.organisations_bottom {
    position: relative;
    margin-top: 50px;
}

.organisations_bottom .sation_row {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    gap: 2.5%;
    justify-content: center;
    align-items: center;
}

.organisations_bottom .sation_card {
    position: relative;
    text-align: center;
    padding: 20px;
}

.organisations_bottom .sation_card .title {
    color: var(--Green);
    font-family: "Outfit", sans-serif;
    display: block;
    text-align: center;
    font-size: 45px;
    font-weight: 500;
}

.organisations_bottom .sation_card .test {
    margin-top: 25px;
    font-weight: 400;
}

/*how-work-section-start-here*/

.how_it_works{
    padding:100px 0 0;
}
.how_work_section {
    margin: 0;
    padding: 0;
        overflow: hidden;
}
.how_work_wrapper {
  display: flex;
     width: 100%;
    height: 100vh;
    overflow: hidden;
    position:relative;
}
.how_work_left {
  width: 45%;
  align-self: flex-start;
  padding-right:0px;
}

.how_work_left .img-section{
      margin-top: 100px;  
}

.how_work_left img {
 width: 100%;
  height: auto;
  display: block;
}
.how_it_works h3 {
    font-size:55px;
    line-height:65px;
    color:#fff;
    font-weight:600;
    max-width:100%;
}
.how_it_works  h3 span{
   color: var(--Green);
    font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 600;
}
/*.how_work_left, .how_work_right{*/
/*  overflow: hidden;*/
/*  position: relative;*/
/*}*/
.how_work_right{
    /*display:flex;*/
    /*flex-direction:column;*/
    /*gap:60px;*/
    width:50%;
    position:relative;
  overflow: hidden;
}
.how_work_inner {
  display: inline-block;
}

.how_work_inner .step {
  height: 50vh;    
  padding: 40px;
}

.how_work_right .step h4 {
    font-size:20px;
    line-height:35px;
    color:#00E763;
}
.how_work_right .step h2 {
    font-size:35px;
    line-height:60px;
    color:#fff;
    font-weight:700;
}
.how_work_right .step h2 span{
     font-family: var(--LibreBaskerville);
    font-style: italic;
    font-weight: 600;
}
.how_work_right .step p{
    line-height:30px;
    color:rgba(255, 255, 255, 0.8);
    font-weight:400;
    
}
.how_work_right .step p span{
    color:rgba(255, 255, 255, 1);
    font-weight:600;
    
}

.how_work_divider {
  position: relative;
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: flex-start;
  min-height:100%;
}

.how_work_divider::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: repeating-linear-gradient(
    to bottom,
    #1ddf8f,
    #1ddf8f 6px,
    transparent 6px,
    transparent 14px
  );
}

.divider-dot {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: url(../images/ellipse_img.png) no-repeat;
  margin-top:0vh;
  z-index: 2;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.3s;
  margin-top: 11px;
  position: absolute;
}

.divider-dot.active {
  opacity: 1;
  transform: scale(1.2);
}

.more_button .theme-btn-fill{
    font-size:16px;
    background:#000;
    color:#fff;
    font-weight:600;
    
}
.more_button .theme-btn-fill:hover{
    background:var(--Green);
    border-color:var(--Green);
}

/*how-work-section-end-here*/
/*insight-author_section_start_here*/
.insight_author{
    border-top:1px solid #E8E8E8;
    padding-top:24px;
    display:flex;
    justify-content:space-between;
    margin-top:50px;
}
.insight_author .author_left{
    width:50%;
    display:flex;
    gap:12px;
}
.insight_author .author_left .author_image{
    width:80px;
    height:80px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#F2F2F2;
    
}
.insight_author .author_content{
    display:flex;
    gap:20px;
      width: calc(100% - 80px);
}
.insight_author .author_content h5{
    font-size:16px;
    line-height:100%;
    color:#000000;
    font-weight:400;
    
}
.insight_author .author_content h6{
    font-size:14px;
    line-height:100%;
    color:#8A8A8A;
    font-weight:400;
    
}
.insight_author .author_content p{
    font-size:13px;
    line-height:20px;
    color:#8A8A8A;
    font-weight:400;
    
}
.insight_author .author_content .author_heading{
    display:flex;
    gap:10px;
}
.author_link {
    position: relative;
    top: -8px;
}

/*insight_author_section_end_here*/
/*SERVICE_BANNER_START_HERE*/
.service_banner .service_banner_top{
    text-align:center;
    margin:0 auto;
    max-width:1065px;
    
}
.service_banner .service_banner_top h1{
    color:var(--white);
    font-weight:600;
    padding-bottom:26px;
}
.service_banner .service_banner_top h1 span{
    color:var(--Green);
}
.service_banner .service_banner_top h4{
    font-size:24px;
    line-height:30px;
    color:var(--white);
    font-weight:600;
}
.service_banner .service_banner_top p {
    font-family: "Libre Baskerville", serif;
    font-size: 20px;
    line-height: 35px;
    color: var(--white);
    font-weight: 400;
    font-style: italic;
}
.service_cta .theme-btn-fill{
    background:var(--Green);
    color:#212121;
    margin-top:27px;
}
.service_banner_bottom{
    padding-top:110px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
    
}
.service_banner_bottom .chatgpt_white_section{
    background:var(--white);
    padding:62px 25px 52px 25px;
    border-radius:15px;
    text-align:center;
}
.service_banner_bottom .chatgpt_white_section .chatgpt_content_section{
    padding-top:55px;
}
.service_banner_bottom .chatgpt_white_section .chatgpt_content_section h4{
    font-size:26px;
    line-height:30px;
    color:rgba(0, 0, 0, 0.8);
    font-weight:500;
    padding-bottom:10px;
    
    
}
.service_recently_heading h2{
    color:var(--white);
    font-weight:600;
    
}
.service_recently_heading h2 span{
    font-family: "Libre Baskerville", serif;
    color:var(--Green);
    font-style:italic;
    font-weight:400;
}
.service_recently_bottom{
    padding-top:74px;
   display:grid;
   grid-template-columns:repeat(2, 1fr);
   gap:90px;
   align-items:center;
    
}
.service_recently_bottom .service_recently_image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.service_recently_bottom .service_recently_content{
    display:flex;
    flex-direction:column;
    gap:17px;
}
.service_recently_bottom .service_recently_content p{
    color:rgba(255, 255, 255, 0.8);
    font-weight:400;
    
}
.service_recently_bottom .service_recently_content p span{
    color:rgba(255, 255, 255, 1);
    font-weight:500;
    
}
.service_process_section{
    width:100%;
    height:auto;
    padding-top:100px;
   background:#F0F0F0;
   
    
}
.service_process_section .web_tag p{
    border:1px solid rgba(0, 0, 0, 0.3);
}
.service_process_section .process_heading h2{
    font-weight:700;
    
}
.service_process_section .process_heading h2 span{
      font-family: "Libre Baskerville", serif;
    color:var(--Green);
    font-style:italic;
    font-weight:400;
    
}
.service_process_section .service_process_bottom{
    padding-top:70px;
    
}
.service_process_section .service_process_bottom .process_bottom_white{
    background:var(--white);
    border-radius:15px;
    padding:32px 25px 29px 25px;
    position:relative;
}
.service_process_section .service_process_bottom h4{
    font-size:24px;
    line-height:34px;
    color:rgba(0, 0, 0, 0.8);
    font-weight:500;
    padding-bottom:10px;
    min-height:78px;
    
}
.service_process_section .service_process_bottom .process_bottom_image{
    clip-path: polygon(0 0, 100% 0, 100% 47%, 51% 100%, 0 100%, 0% 80%, 0% 20%);
    height:248px;
}
.service_process_section .service_process_bottom .process_bottom_white .green_content{
    position:absolute;
    width:55px;
    height:55px;
    border-radius:50%;
    background:#00E763;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    right:50px;
    bottom:20px;
    
}
.service_process_bottom .owl-dots.disabled, .service_process_bottom .owl-nav.disabled {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: -80px !important;
}
.service_process_bottom .owl-nav button.owl-prev {
    background-image: url(../images/left-errow.svg) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-right: 10px !important;
}
.service_process_bottom .owl-nav button.owl-next {
    background-image: url(../images/right-errow.svg) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.service_process_bottom .owl-nav button {
    height: 55px;
    width: 55px;
    border: 1px solid #000000 !important;
    border-radius: 55px !important;
    margin: 0 !important;
}
.service_process_bottom .owl-nav button span {
    opacity: 0;
}
.service_process_bottom  .owl-nav [class=owl-prev]:hover {
    background: url(../images/left-errow.svg), var(--Green) !important;
    border: 1px solid var(--Green) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.service_process_bottom  .owl-nav [class=owl-next]:hover {
    background: url(../images/right-errow.svg), var(--Green) !important;
    border: 1px solid var(--Green) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.service_page_header .common_heading_h2 h2{
    padding-bottom:36px;
} 
.service_page_header .about_hero_image {
 
    border: 14px solid #fff;
    padding:0px;
}
.service_page_header .about_hero {
    position: relative;
    display: grid;
    grid-template-columns: 45% 40%;
    gap: 5%;
    justify-content: space-between;
    align-items: center;
    padding-right:130px;
}
.service_page_header{
    padding-top:100px;
   background:#F0F0F0;
    
}
.powered_search{
     padding:100px 0px;
   background:#F0F0F0;
    
}
.powered_search_inner{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    justify-content:space-between;
    gap:60px;
}
.powered_search_item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.testimonial_section {
    padding-top: 140px;
    display: flex;
    justify-content: space-between;
}
.testimonial_section .web_tag p{
    border-color:rgba(255, 255, 255, 0.3);
    color:var(--white);
}
.testimonial_section h2{
    color:var(--white);
    font-weight:600;
    padding-bottom:35px;
}
.testimonial_section h2 span{
      font-family: "Libre Baskerville", serif;
    color:var(--Green);
    font-style:italic;
    font-weight:400;
}
.testimonial_section p{
    color:rgba(255, 255, 255, 0.8);
    
}
.testimonial_section p span{
    color:rgba(255, 255, 255, 1);
    
}
.testimonial_section .testimonial_heading{
    width:30%;
}
.testimonial_section .testimonial_slider{
    width:50%;
    position:relative;
}
.testimonial_section .testimonial_slider .item_inner{
    display:flex;
    gap:50px;
}
.testimonial_section .testimonial_slider .item_inner .slider_content h3{
    font-family: "Libre Baskerville", serif;
    font-size:35px;
    line-height:60px;
    color:var(--white);
     font-style:italic;
    font-weight:400;
    padding-bottom:25px;

}
.testimonial_section .testimonial_slider .item_inner .testimonial_name{
    display:flex;
    gap:20px;
    align-items:center;
    padding-top:54px;
}
.testimonial_section .testimonial_slider .item_inner .testimonial_name .testimonail_icon{
    width:67px;
    height:67px;
    line-height:67px;
    border-radius:50%;
    background:#fff;
    text-align:center;
    
}
.testimonial_section .testimonial_slider .item_inner .testimonial_name h5 {
    font-size: 22px;
    color: var(--white);
    font-weight: 400;
    line-height: 100%;
}
.testimonial_section .testimonial_slider .item_inner .testimonial_name h6{
    font-size:18px;
    color:rgba(255, 255, 255, 0.8);
    font-weight:400;
    
}
.testimonial_section .testimonial_slider .owl-dots.disabled, .service_process_bottom .owl-nav.disabled {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 50px !important;
}
.testimonial_section .testimonial_slider .owl-nav button.owl-prev {
    background-image: url(../images/white_left_arrow.png
) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-right: 10px !important;
}
.testimonial_section .testimonial_slider .owl-nav button.owl-next {
    background-image: url(../images/white_right_arrow.png
) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.testimonial_section .testimonial_slider .owl-nav button {
    height: 55px;
    width: 55px;
    border: 1px solid #fff !important;
    border-radius: 55px !important;
    margin: 0 !important;
}
.testimonial_section .testimonial_slider .owl-nav button span {
    opacity: 0;
}
.testimonial_section .testimonial_slider  .owl-nav [class=owl-prev]:hover {
    background: url(../images/left-errow.svg), var(--Green) !important;
    border: 1px solid var(--Green) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.testimonial_section .testimonial_slider  .owl-nav [class=owl-next]:hover {
    background: url(../images/right-errow.svg), var(--Green) !important;
    border: 1px solid var(--Green) !important;
    background-size: inherit !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.testimonial_section  .owl-theme .owl-nav {
    text-align: right;
    position: relative;
    top: -70px;
}


/*SERVICE_BANNER_END_HERE*/