.banner_title_position {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    width: 100%;
    height: 100%;
}

.banner_title_box h1 {
    font-size: 90px;
    color: var(--white-color);
    font-weight: 600;
}

.higlighted_text {
    color: var(--primary-color);
}

.second_line {
    display: block;
    position: relative;
    right: -174px;
}

.banner_title_box p {
    font-size: 30px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
}

.inner_banner_title h1 span {
    display: block;
}

.know_banner_btn {
    padding: 15px 45px;
    right: 0;
    bottom: 0;
}

.know_banner_btn {
    padding: 15px 15px;
    right: .5%;
    bottom: -.5%;
    width: 11.4%;
    height: 6.5%;
    align-items: center;
    justify-content: center;
}

.page_heading {
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 35px;
    text-transform: capitalize;
}

.benfit_heading_box .page_heading {
    margin: 0;
}

.benefit_section {
    margin: 80px 0 !important;
}

.benefit_card_box {
    padding: 30px 15px;
    background: rgba(36, 123, 38, .05);
    border-radius: 30px;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .10);
    min-height: 260px;
    position: relative;
}

.benfit_content_box {
    padding-top: 25px;
    position: absolute;
    bottom: 70px;
}

.swiper-container.swipper_benefit_slider {
    padding: 70px 0 54px;
}

.benfit_content_box h3 {
    font-size: 20px;
    font-weight: 600;
}

.horizontal.swipper_benefit_slider a {
    color: var(--secondary-color)
}

.benfit_content_box p {
    visibility: hidden;
    font-size: 14px;
    font-weight: 400;
}

.benfit_content_box {
    padding-top: 25px;
}

.whydelplexus_section {
    background: #F4F4F4;
    border-radius: 10px;
}

.anbimation_icon img {
    width: 100%;
}

.anbimation_icon img {
    width: 115px;
}

.list_row {
    gap: 20px;
}

.list_row {
    padding: 45px 0 32px 130px;
    position: relative;
    width: 50%;
}

.anbimation_icon img {
    width: 115px;
    height: auto;
}

.bg_sub_title {
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    position: relative;
    left: 38px;
    padding-top: 18px;
}

.why_list_cntr {
    padding: 20px 0 50px;
}

.closedeal_content_box svg {
    width: 16px;
}

.closedeal_content_box li {
    font-size: 13px;
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.closedeal_content_box li span {
    font-weight: 600;
    width: auto;
    display: block;
}

.swipper_closedeal_slider {
    padding: 70px 0 100px !important;
    left: -15px;
}

.closedeal_card_box {
    border-radius: 30px;
    background: #FFF;
    margin: 0 15px;
    box-shadow: 0 0 35px 0 rgba(15, 48, 1, .20);
}

.deal_img_box img {
    object-fit: cover;
    width: max-content;
    max-width: 100%;
    margin: auto;
    display: block;
    height: 215px;
    border-radius: 30px 30px 0 0;
}

.closedeal_section {
    padding: 80px 0 0;
    position: relative;
}

.closedeal_content_box {
    padding: 15px 18px 10px;
    position: relative;
    min-height: 206px;
}

.closedeal_content_box h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-right: 15px;
    text-transform: capitalize;
}

.curve_element.deal_curve_img svg path {
    fill: var(--primary-color);
}

.curve_element.deal_curve_img {
    top: 7px;
}

.closedeal_content_box p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
}

.deal_read_more {
    font-size: 14px;
}

.closedeal_card_box:hover .curve_element:before {
    background: url(../images/curve_vector.png) no-repeat;
    width: 102px;
    height: 83px;
    position: absolute;
    content: "";
    top: -21px;
    right: -5px;
    z-index: -1;
}

.swiper-wrapper {
    height: auto !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background: none !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: none !important;
}

.nav_btn i.fa-solid {
    font-size: 32px;
    color: #cccccc;
}

.counter_box {
    border-right: 1px solid #D1D1D1;
    padding: 0 30px 0 0;
    min-height: 155px;
}

.counter_section {
    padding: 0 70px;
}

.counter_box span {
    font-size: 58px;
    color: var(--primary-color);
    font-weight: 500;
    display: block;
    padding-bottom: 10px;
}

.counter_box h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

.testimonial_box {
    padding: 20px 50px 25px;
    border-radius: 30px;
    border: 9px solid #F8F8F8;
    background: #FFF;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .10);
    margin: 35px 140px;
    min-height: 315px;
}

.testimonial_section {
    padding: 60px 0 0;
}

.client_logo {
    display: block;
    padding-bottom: 20px;
}

.email_icon {
    display: block;
}

.client_name {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 700;
}

.testimonial_box p {
    padding: 10px 60px;
}

.collaborate_section {
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    min-height: 415px;
    margin-top: 80px;
}

.collaborate_box {
    display: inline-block;
    padding: 45px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 4px 60px 0 rgba(255, 255, 255, .25);
    backdrop-filter: blur(5px);
}

.bottom_text {
    display: block;
}

.collaborate_box h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
}

.collaborate_box p {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin: 0 0 15px;
}

.collaborate_box ul {
    list-style: disc;
    padding: 0 0 10px 30px;
}

.collaborate_box li {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
    padding-bottom: 10px;
}

.collaborate_box .login_text {
    color: #000;
    font-size: 38px;
    font-weight: 500;
    padding-top: 35px;
}

.login_link {
    color: var(--primary-color);
}

.collaborate_box p a {
    color: var(--primary-color);
    border-bottom: 2.5px solid var(--primary-color);
}

.bottom_text {
    font-size: 18px;
    color: var(--secondary-color);
    margin-bottom: 30px;
}

span.email_icon img {
    height: 145px;
    position: relative;
    top: 22px;
}

.collaborate_box h4 {
    font-size: 18px;
    color: var(--secondary-color);
    font-weight: 600;
    padding: 15px 0;
}

.callback_cntr {
    background: url(../images/callback_bg.svg) no-repeat;
    background-size: 100%;
    margin: 80px 0;
    padding: 88px 0;
    position: relative;
}

.callback_cntr.lazy-bg {
    background-image: none;
}

.callback_box h4 {
    font-size: 44px;
    font-weight: 600;
}

.callback_box p {
    font-size: 26px;
    font-weight: 600;
    margin: 18px 0;
}

.partners_box {
    padding: 50px 20px;
}

.our_partner_section .col {
    padding: 0;
    border-right: 1px solid rgba(209, 209, 209, .50);
    border-bottom: 1px solid rgba(209, 209, 209, .50);
}

.client_logo_animation .clients-brands2 {
    padding-top: 56px;
}

.our_partner_section {
    padding: 30px 0 0 80px;
}

.partner_second_row .col {
    border-bottom: none;
}

.our_partner_section .col:last-child {
    border-right: 0;
}

.callback_cntr .know_banner_btn {
    right: .5%;
    bottom: -1%;
    width: 15.5%;
    height: 15.4%;
    align-items: center;
    justify-content: center;
    padding: 15px;
    font-size: 14px;
}

.callback_cntr .global_btn.text-white.know_banner_btn:after {
    right: 19px;
    top: 18px;
}

.container-fluid.benefit_slider_cntr {
    width: 100%;
    max-width: 100%;
    padding-left: calc((100% - 1304px) / 2);
    padding-right: 0;
}

.cosedeal_cntr {
    width: 100%;
    max-width: 100%;
    padding-left: calc((100% - 1300px) / 2);
    padding-right: 0;
}

.benefit_slider_cntr {
    width: 100%;
    max-width: 100%;
    padding-left: calc((100% - 1304px) / 2);
    padding-right: 0;
    overflow: hidden
}

.horizontal {
    display: flex
}

.horizontal>div {
    display: flex;
    flex-shrink: 0
}

.horizontal .card {
    align-items: stretch;
    width: 25%;
    padding: 90px 15px;
    background: none;
    border-radius: 0;
    border: none
}

.benefit_card_box {
    transition: background-color .3s ease;
    overflow: hidden
}

.benefit_card_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 2px;
    bottom: -1px;
    border-radius: 30px;
    background-color: var(--primary-color);
    z-index: 1;
    transform: translateY(100%);
    transition: transform .5s ease
}

.navbar_menu_box li.nav-item {
    position: relative;
    padding: 10px 0;
}

.navbar_menu_box li.nav-item:hover .dropdown-menu {
    display: block;
}

.navbar_menu_box .dropdown-menu {
    top: calc(100% - 2px);
    left: 0;
    border: none;
    box-shadow: 0 2px 20px rgba(1, 41, 112, .1);
    padding: 0;
}

.benefit_card_box .benfit_content_box {
    z-index: 2;
}

.benefit_card_box .benfit_icons {
    position: relative;
    z-index: 2;
}

.benefit_card_box:hover::before {
    transform: translateY(0)
}

.navbar_menu_box .dropdown.sub_dropdown:hover .dropdown-menu {
    display: block;
}

.navbar_menu_box .dropdown.sub_dropdown ul.dropdown-menu {
    left: 100%;
    display: none;
    top: 0;
}

.dropdown.sub_dropdown .fa.fa-angle-right {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #C2C2C2;
}

.navbar_menu_box .dropdown-menu a.dropdown-item {
    font-size: 14px;
    padding: 8px 15px;
}

.benefit_card_box:hover .benfit_content_box {
    color: #fff
}

.benefit_card_box:hover .benfit_content_box h3 {
    color: #fff
}

.benefit_card_box:hover .benfit_icons path {
    fill: #fff;
}

.benefit_card_box:hover {
    max-height: 4em;
    transition: max-height .2s;
    transition-timing-function: cubic-bezier(.684, .007, .076, .995);
    box-shadow: inherit
}

.benefit_card_box:hover .benfit_content_box {
    max-height: 2.5em;
    transition: max-height .7s;
    transition-timing-function: cubic-bezier(.684, .007, .076, .995);
}

.benfit_content_box.benfit_content_box3 {
    bottom: 89px;
}

.benefit_card_box:hover .benfit_content_box p {
    visibility: visible;
}

.benfit_content_box {
    width: 100%;
    max-height: 0;
    transition: max-height .6s;
    transition-timing-function: cubic-bezier(.684, .007, .076, .995);
}

.page_heading.why_page_head {
    position: relative;
    display: inline-block;
    padding: 18px 33px;
    border-radius: 0 0 35px 35px;
}

.page_heading.why_page_head:before {
    background: url(../images/curve_radius_bg.png) no-repeat;
    width: 452px;
    height: 85px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
}

.page_heading.why_page_head {
    position: relative;
    display: inline-block;
    padding: 18px 48px;
    border-radius: 0 0 35px 35px;
    z-index: 9;
}

.vector_bg {
    position: relative;
}

.vector_bg:after {
    background: url(../images/vector_element.svg) no-repeat;
    content: "";
    width: 404px;
    height: 557px;
    position: absolute;
    top: -19px;
    right: 0;
    background-size: 100%;
}

.vector_bg.vector_bg3:after {
    background: url(../images/vector_element3.svg) no-repeat;
    content: "";
    width: 492px;
    height: 704px;
    position: absolute;
    top: 175px;
    right: 0;
    background-size: 100%;
}

.vector_bg.vector_bg2:after {
    background: url(../images/vector_element2.svg) no-repeat;
    content: "";
    width: 607px;
    height: 980px;
    position: absolute;
    top: -190px;
    right: 0;
    background-size: 100%;
    display: none;
}

.progress_cntr .progress,
.progress-stacked {
    --bs-progress-height: .2rem;
}

.progress_cntr h4 {
    font-size: 18px;
    margin-bottom: 12px;
}

.progress_cntr {
    padding-bottom: 20px;
}

.nav_btn {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 102px;
    height: auto;
    z-index: 9;
}

.accordion-item.list_row h4 {
    font-size: 23px;
    font-weight: 600;
}

.accordion-item.list_row p {
    font-size: 18px;
    font-weight: 400;
}

.accordion-item.list_row h4 p {
    font-size: 18px;
    font-weight: 400;
}

.accordion-item.list_row .accordion-item {
    margin-bottom: 10px;
}

.anbimation_icon {
    position: absolute;
    top: 15px;
    left: 0;
}

.accordion-content.show {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.progress-circle {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 5px solid #f3f3f3;
    position: absolute;
    top: -39px;
    left: auto;
    transform: inherit;
    box-sizing: border-box;
    transition: stroke-dashoffset 4s linear;
    right: 0;
}

.progress-circle .progress-bar {
    stroke: var(--primary-color);
    stroke-width: 5;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
}

.progress-circle .background {
    stroke: #D9D9D9;
    stroke-width: 5;
    fill: none;
    stroke-linecap: round;
}

.accordion-button.active {
    background-color: var(--primary-color);
}

.benefit_card_box:hover .curve_element {
    position: absolute;
    padding: 40px;
    right: -2px;
    top: 21px;
    z-index: 9;
}

.curve_element {
    position: absolute;
    padding: 40px;
    right: 0;
    top: 18px;
}

.benefit_card_box:hover .curve_element:before {
    background: url(../images/curve_vector.png) no-repeat;
    width: 102px;
    height: 83px;
    position: absolute;
    content: "";
    top: -21px;
    right: -5px;
    z-index: -1;
}

.benefit_card_box:hover .curve_element svg {
    position: relative;
    top: -39px;
    left: 5px;
}

.swipper_testimonial_slider .nav_btn {
    right: auto;
    left: 0;
    width: 100%;
    height: 100%;
}

.swipper_testimonial_slider .nav_btn i.fa-solid {
    font-size: 24px;
    color: var(--primary-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.swipper_testimonial_slider .swiper-button-next.swiper-button-disabled,
.swipper_testimonial_slider .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: inherit;
}

.swipper_testimonial_slider .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 35px;
}

.swipper_testimonial_slider .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 55px;
}

.partners_box img {
    height: 84px;
}

.accordion-container {
    display: flex;
    flex-wrap: wrap;
}

.curve_element.deal_curve_img {
    top: -20px;
    padding: 35px 15px;
}

img.w-100.mobile_banner {
    display: none;
}

@media screen and (min-width:1025px) and (max-width:1399px) {
    .header_row .navbar_menu_box .nav-link {
        font-size: 14px;
        padding: 0 13px !important
    }

    .callback_cntr .know_banner_btn {
        right: 0;
        bottom: 14%;
        width: 16.2%;
        height: 12.4%;
        align-items: center;
        justify-content: center;
        padding: 15px 15px 15px 15px;
        font-size: 13px
    }

    .callback_cntr .global_btn.text-white.know_banner_btn:after {
        top: 15px
    }

    .right_button_box .global_btn:after {
        top: 19px
    }

    .closedeal_content_box h3 {
        font-size: 15px
    }

    .closedeal_content_box li {
        font-size: 11px
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .header_row .navbar_menu_box .nav-link {
        font-size: 12px;
        padding: 0 10px !important
    }
}

@media (max-width:767px) {
    .banner_section img {
        height: 500px;
        object-fit: cover
    }

    .banner_section.home-banner-deal img {
        height: auto;
        aspect-ratio: 360/483;
    }

    .second_line {
        display: block;
        position: relative;
        right: 0
    }

    .dekstop_banner {
        display: none
    }

    img.w-100.mobile_banner {
        display: block;
        height: auto
    }

    .banner_title_box h1 {
        font-size: 40px;
        margin-bottom: 12px;
        line-height: 44px
    }

    .banner_title_box p {
        font-size: 17px;
        line-height: 31px
    }

    .swipper_closedeal_slider {
        padding: 50px 0 30px !important;
        left: 0
    }

    .closedeal_card_box {
        margin: 0 7px;
        box-shadow: 0 0 20px 0 rgba(15, 48, 1, .20)
    }

    .benfit_heading_box.d-flex.justify-content-between {
        flex-wrap: wrap
    }

    .closedeal_section {
        padding: 48px 0 0
    }

    .collaborate_box {
        padding: 20px
    }

    .vector_bg:after {
        display: none
    }

    .horizontal .card {
        width: 100%;
        padding: 10px 15px 48px
    }

    .benefit_card_box {
        min-height: 260px;
        padding: 25px 20px;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, .10)
    }

    .benfit_content_box.benfit_content_box3 {
        bottom: 0
    }

    .benfit_content_box p {
        font-size: 16px;
        visibility: visible
    }

    .benfit_content_box {
        padding-top: 0
    }

    .benfit_content_box {
        width: 100%;
        max-height: inherit;
        transition: inherit
    }

    .benefit_card_box:hover .benfit_content_box {
        max-height: 8em
    }

    .benfit_content_box {
        bottom: 10px
    }

    .page_heading.why_page_head:before {
        width: 100%;
        background-size: 100%
    }

    .list_row {
        padding: 45px 0 32px 129px
    }

    .accordion-item.list_row h4 {
        font-size: 18px
    }

    .progress-circle {
        bottom: -42px;
        top: auto
    }

    .nav_btn {
        right: 12px;
        top: 24px;
        width: 100px
    }

    .container-fluid.cosedeal_cntr {
        padding-left: 10px
    }

    .testimonial_section {
        padding: 45px 0 15px
    }

    .swipper_testimonial_slider .nav_btn i.fa-solid {
        font-size: 16px;
        width: 30px;
        height: 30px
    }

    .testimonial_box p {
        padding: 10px
    }

    .collaborate_box .login_text {
        font-size: 17px;
        padding-top: 16px
    }

    .counter_box h5 {
        font-size: 14px
    }

    .collaborate_box h3 {
        font-size: 28px
    }

    .counter_box span {
        font-size: 36px
    }

    .counter_box.border-0.text-center {
        border-bottom: 1px solid #D1D1D1 !important
    }

    .counter_box {
        min-height: inherit;
        border-right: 0;
        border-bottom: 1px solid #D1D1D1;
        padding: 30px 5px
    }

    .why_list_cntr {
        padding: 0 0 30px
    }

    .swipper_testimonial_slider .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 1px
    }

    .swipper_testimonial_slider .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 14px
    }

    .our_partner_section {
        padding: 40px 0 70px
    }

    .partners_box img {
        width: 124px
    }

    .callback_cntr {
        background-size: cover;
        margin: 0 0 60px;
        padding: 60px 0;
        position: relative;
        background-position: center;
        border-radius: 45px
    }

    .callback_box h4 {
        font-size: 24px;
        font-weight: 600
    }

    .callback_box p {
        font-size: 20px
    }

    .callback_cntr .know_banner_btn {
        font-size: 16px;
        background: #fff;
        color: var(--primary-color) !important
    }

    .callback_cntr .global_btn.text-white.know_banner_btn:after {
        background: var(--primary-color)
    }

    .benfit_content_box h3 {
        font-size: 20px
    }

    .bottom_text {
        margin: 0
    }

    .client_logo_animation img {
        height: 70px
    }

    .counter_section {
        padding: 20px 0 0
    }

    .testimonial_box {
        padding: 20px 10px 5px;
        box-shadow: inherit;
        margin: 10px 0 0;
        min-height: 660px
    }

    footer {
        padding: 50px 0 30px
    }
}

@media (max-width:575px) {
    .anbimation_icon img {
        width: 75px;
        height: auto
    }

    .list_row {
        padding: 22px 0 0 87px !important
    }
}