.main_header {
    background-color: #E6EFF4;
}
.main_header {
    position: sticky;
}
header {
    overflow: visible;
    display: unset;
}
.main_header nav ul li a {
    color: #616161;
}
div.main_header.scrolled nav ul li a {
    /* color: #ffffff; */
    color: #000;
    transition: color 0.3s ease;
}
.expertise_title h2 {
    font-size: var(--fs-heading-title);
    font-weight: var(--fw-heading-title);
    line-height: var(--lh-heading-title);
    color: var(--color-heading-title);
    letter-spacing: 10px;
    text-transform: uppercase;
}

section.services_section {
    padding: 0;
    background-color: #E6EFF4;
}
.service_wrapper {
    padding: 100px 60px 50px;
}
.believe_picture_bg {
    position: relative;
}
.believe_content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    max-width: 45%;
    right: 70px;
}
.learn_btn.button-global a {
    font-size: 22px;
    font-weight: var(--fw-button);
    line-height: var(--lh-button);
    color: var(--color-white);
    text-decoration: none;
    border: 0;
    padding: 5px 0;
    text-transform: uppercase;
    align-items: center;
    column-gap: 10px;
    display: inline-flex;
    letter-spacing: 1px;
}
.learn_btn img {
    max-width: 15px;
}
.believe_content h4 {
    font-size: 30px;
    font-weight: var(--fw-regular);
    color: var(--color-white);
    font-family: var(--font-helvetica);
    line-height: 46px;
    margin-bottom: 30px;
}
.believe_content p {
    font-size: 18px;
    font-weight: var(--fw-regular);
    color: var(--color-white);
    font-family: var(--font-helvetica);
    line-height: 30px;
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
}
.learn_btn.button-global {
    margin-top: 35px;
}
.our_services .expertise_title h2 {
    font-weight: var(--fw-heading-title);
    line-height: var(--lh-heading-title);
    color: #686868;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: 64px;
    margin-bottom: 80px;
}
.our_wrap_inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    background-color: #E5EEF3;
}
.our_text_right h5 {
    font-size: 43px;
    color: var(--color-banner-below);
    font-weight: var(--fw-medium);
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 35px;
}
.our_text_right p {
    font-size: 20px;
    color: var(--color-slider-heading);
    font-weight: var(--fw-regular);
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.our_text_right p:last-child {
    margin-bottom: 0;
}
.our_text_right {
    padding: 0 60px 0 40px;
}
.our_wrap_inner:nth-child(even) .our_wrap_pic {
    order: 1;
}

/* want to work css start */

.want_work_wrapper .connect_wrap_inner {
    display: grid;
    justify-content: center;
    align-items: center;
    column-gap: 100px;
    grid-template-columns: calc(60% - 100px) 40%;
}

.want_work_wrapper .connect_btn a img {
    max-width: 14px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.want_work_wrapper .connect_btn a:hover img {
    transform: translateX(4px);
}

.lets_connect_text h4 {
    font-size: var(--fs-want-to-work);
    line-height: var(--lh-want-to-work);
    font-weight: var(--fw-want-to-work);
    color: #C9C9CA;
    margin-bottom: 20px;
    font-family: var(--font-helvetica);
}

.lets_connect_text h3 {
    font-size: var(--fs-lets-connect);
    line-height: var(--lh-lets-connect);
    font-weight: var(--fw-lets-connect);
    color: #686868;
    margin-bottom: 30px;
    font-family: var(--font-helvetica);
}

.lets_connect_text p {
    font-size: var(--fs-paragraph);
    line-height: var(--lh-paragraph);
    font-weight: var(--fw-paragraph);
    color: var(--color-slider-heading);
    margin-bottom: 30px;
}

.want_work_wrapper .connect_btn .button-global a {
    font-size: var(--fs-button);
    font-weight: var(--fw-button);
    line-height: var(--lh-button);
    color: #444343;
    text-decoration: none;
    border: 2px solid #C9C9CA;
    text-transform: uppercase;
    display: inline-flex;
    column-gap: 10px;
    padding: 5px 50px;
}
section.want_work_head {
    padding-top: 0;
}
.want_work_head .container {
    margin: 0 50px 0 auto;
    max-width: calc(92.5% - 50px);
}
.service_wrapper .expertise_title {
    position: relative;
}
.service_wrapper .expertise_title:after {
    content: '';
    position: absolute;
    right: 11%;
    aspect-ratio: 1 / 1;
    background-image: url(../images/service-circle.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 275px;
    top: 90%;
    transform: translateY(-40%);
}
section.our_services {
    padding-block-end: 0px !important;
}
/* want to work css end */

/* Responsive css start */

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

.menu_toggle span {
    &:not(.scrolled span) {
        background: #000 !important;
    }
}

  .menu_toggle span {
            background-color: #000 !important;   
    }
    div.main_header.scrolled nav ul li a {
    color: #ffffff; 
}
    header .main_header nav ul li a{
    color:#fff !important;
}


.service_banner img {
    height: 40vh;
    object-fit: cover;
}

.service_wrapper .expertise_title:after {
    right: 5%;
    width: 100px;
}

.service_wrapper {
    padding: 20px;
}
.service_wrapper .expertise_title {
    margin-bottom: 0px;
}

.believe_picture_bg > img {
    height: 40vh;
    object-fit: cover;
}

.believe_content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    max-width: 100%;
    right: 0;
    padding: 0 20px;
}

.believe_content h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}
.believe_content p {
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 26px;
}

.learn_btn.button-global {
    margin-top: 15px;
}
.learn_btn.button-global a {
    font-size: 18px;
}

.our_services .expertise_title h2 {
    font-size: 38px;
    line-height: normal;
    letter-spacing: 5px;
    margin-bottom: 0;
}
.our_text_right h5 {
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 35px;
}
.our_wrap_inner {
    grid-template-columns: 1fr;
}
.our_wrap_inner:nth-child(even) .our_wrap_pic {
    order: unset;
}
.our_text_right {
    padding: 30px 20px;
}
.our_wrap_pic img{
    height: auto;
}

.want_work_head .container {
    margin: 0 auto;
    max-width: 90%;
}
.want_work_wrapper .connect_btn .button-global a {
    line-height: 30px;
    padding: 5px 40px;
}
.main_header nav ul li a {
    color: var(--color-white);
}



}

/* Responsive css end */