/* Main CSS file */
@charset "UTF-8";

@font-face {
    font-family: Poppins-f;
    src: url(../fonts/Poppins-Regular.woff2);
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Poppins-f;
    src: url(../fonts/Poppins-Medium.woff2);
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Poppins-f;
    src: url(../fonts/Poppins-SemiBold.woff2);
    font-weight: 600;
    font-display: swap
}


*,
:after,
:before {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box
}

a,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

li,
p,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

img,
svg {
    height: auto;
    max-width: 100%
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent
}

input::-ms-clear {
    display: none
}

button,
input[type=submit] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

label {
    cursor: pointer
}

button:focus-visible,
input,
select,
textarea {
    outline: 0
}

input,
textarea {
    border-radius: 0
}

.header__burger {
    cursor: pointer
}

.visually-hidden {
    height: 1px;
    overflow: hidden;
    width: 1px;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.all_pages {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 999999
}

.all_pages:hover ul {
    right: 0
}

.all_pages .page_point {
    padding: 10px 15px;
    background: #00d2ff;
    cursor: pointer
}

.all_pages ul {
    background: #00d2ff;
    padding: 15px 20px;
    position: absolute;
    top: 100%;
    width: 200px;
    right: -200px;
    transition: .4s;
    max-height: 500px;
    overflow-y: auto
}

.all_pages ul li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 16px
}

.all_pages ul li a {
    color: #fff
}

body,
html {
    font-family: Poppins-f, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.75;
    color: #4f5e66;
    box-sizing: border-box
}

body {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    min-height: 100vh
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
    display: none;
    transition: opacity .35s ease
}

body.open {
    overflow: hidden
}

body.open .overlay {
    display: block;
    opacity: 1
}

.wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1
}
h1 {
    font-family: Poppins-f, sans-serif;
    margin-bottom: 0;
    color: #fff;
    line-height: 1.33;
    font-weight: 600;
    font-size: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320))); 
}

@media screen and (min-width:1921px) {
    h1 {
        font-size: 48px;
    }
}
.hero__title .letter {
    display: inline-block;
    opacity: 0;
}
.hero__title .word {
  display: inline-block;
  white-space: nowrap;
}
.hero__title {
    visibility: hidden; 
}
h1.main-title, .main-title h1 {
     font-size: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
}
.main-title h1 {
     font-size: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320))); 
}
@media screen and (min-width:1921px) {
    h1.main-title, .main-title h1  {
        font-size: 48px;
    }
}

h2 {
    font-family: Poppins-f, sans-serif;
    color: #4f5e66;
    margin-bottom: 0;
    line-height: 1.38;
    font-weight: 600;
    font-size: calc(24px + 12 * ((100vw - 320px) / 1600))
}

@media screen and (min-width:1921px) {
    h2 {
        font-size: 36px
    }
}

h3 {
    font-family: Poppins-f, sans-serif;
    color: #4f5e66;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 600;
    font-size: calc(20px + 10 * ((100vw - 320px) / 1600))
}

@media screen and (min-width:1921px) {
    h3 {
        font-size: 30px
    }
}

p {
    font-family: Poppins-f, sans-serif;
    color: #4f5e66;
    line-height: 1.75;
    font-weight: 400;
    font-size: 20px
}

@media screen and (max-width:1279px) {
    p {
        font-size: 18px
    }
}

@media screen and (max-width:991px) {
    p {
        font-size: 16px
    }
}

.header-btn__wrap {
    display: flex;
    column-gap: 10px;
    align-items: center
}

@media screen and (max-width:1279px) {
    .header-btn__wrap {
        margin-right: 30px
    }
}

@media screen and (max-width:575px) {
    .header-btn__wrap {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 15px;
        margin-top: 20px
    }
}

.btn-header {
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: background .33s ease;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
    font-family: Poppins-f, sans-serif;
    font-weight: 500;
    line-height: 2;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    font-size: 15px
}

.btn-header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .33s ease;
    z-index: -1;
    border-radius: 0
}

.btn-header:hover {
    text-decoration: none
}

.btn-header:hover:before {
    height: 100%
}

@media screen and (max-width:767px) {
    .btn-header {
        font-size: 13px;
        line-height: 1.5;
        padding: 5px 12px
    }
}

@media screen and (max-width:575px) {
    .btn-header {
        font-size: 15px
    }
}

.btn-blue-header {
    color: #fff;
    background: #0074ba;
    border: 1px solid #0074ba
}

.btn-blue-header:before {
    background: linear-gradient(180deg, #00aeef, #2b3990)
}

.btn-blue-header:hover {
    color: #fff;
    border: 1px solid #00aeef
}

.btn-white-header {
    color: #0074ba;
    background: #fff;
    border: 1px solid #0074ba
}

.btn-white-header:before {
    background: #0074ba
}

.btn-white-header:hover {
    color: #fff
}

.btn-transparent {
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: background .33s ease;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
    font-family: Poppins-f, sans-serif;
    font-weight: 500;
    line-height: 2;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    font-size: 18px;
    padding-block: 5px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff
}

.btn-transparent:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .33s ease;
    z-index: -1;
    border-radius: 0
}

.btn-transparent:hover {
    text-decoration: none
}

.btn-transparent:hover:before {
    height: 100%
}

@media screen and (max-width:1279px) {
    .btn-transparent {
        font-size: 16px
    }
}

.btn-transparent:before {
    background: #fff
}

.btn-transparent:hover,
.btn-white {
    color: #0074ba
}

.btn-white {
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: background .33s ease;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
    font-family: Poppins-f, sans-serif;
    font-weight: 500;
    line-height: 2;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 240px;
    font-size: 18px;
    padding-block: 5px;
    background: #fff;
    padding-block: 6px;
    text-align: center;
    padding-inline: 40px;
    border: 1px solid #fff
}

.btn-white:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .33s ease;
    z-index: -1;
    border-radius: 0
}

.btn-white:hover {
    text-decoration: none
}

.btn-white:hover:before {
    height: 100%
}

@media screen and (max-width:1279px) {
    .btn-white {
        font-size: 16px
    }
}

.btn-white:before {
    background: linear-gradient(180deg, #00aeef, #2b3990)
}

.btn-white:hover {
    color: #fff;
    border: 1px solid #00aeef
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff
}

.header {
    padding-inline: 40px
}

@media screen and (max-width:1279px) {
    .header {
        padding-inline: 15px
    }
}

@media screen and (max-width:767px) {
    .header {
        padding: 0
    }
}

.header.header_scroll {
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    background: #fff;
    position: fixed
}

.header.header_scroll .header__logo img {
    width: 150px
}

.header.header_scroll .header__wrapper {
    padding-block: 10px
}

.header__logo {
    cursor: pointer
}

@media screen and (max-width:767px) {
    .header__logo {
        max-width: 30%
    }
}

@media screen and (max-width:575px) {
    .header__logo {
        max-width: 50%
    }
}

.header__logo img {
    width: 268px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .5s ease
}

@media screen and (max-width:1279px) {
    .header__logo img {
        width: 200px
    }
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    padding-block: 20px;
    transition: all .5s ease
}

.header__item-menu {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-right: 40px
}

@media (max-width:1590px) {
    .header__item-menu {
        gap: 20px
    }
}

@media screen and (max-width:1279px) {
    .header__item-menu {
        column-gap: 0;
        row-gap: 20px
    }
}

@media (max-width:1279px) {
    .header__item-menu {
        flex-direction: column;
        align-items: flex-start;
        margin-right: 0
    }
}

@media (max-width:575px) {
    .header__item-menu {
        align-items: flex-start
    }
}


@media (max-width:1279px) {
    .header_mobile .header-menu__wrapper {
        display: block;
        transform: translateX(100%);
        transition: all .35s ease
    }
}

.header__burger {
    display: none
}

@media (max-width:1279px) {
    .header__burger {
        display: block;
        position: relative;
        width: 26px;
        height: 19px;
        z-index: 101
    }
}

.header__burger:after,
.header__burger:before {
    transition: all .3s ease
}

@media (max-width:1279px) {

    .header__burger:after,
    .header__burger:before {
        background-color: #4f5e66
    }
}

.header__burger span {
    transition: all .3s ease
}

@media (max-width:1279px) {
    .header__burger span {
        background-color: #4f5e66
    }
}

@media (max-width:1279px) {

    .header__burger:after,
    .header__burger:before {
        content: "";
        position: absolute;
        height: 3px;
        right: 0;
        border-radius: 5px
    }

    .header__burger:before {
        top: 0;
        width: 100%
    }

    .header__burger:after {
        bottom: 0;
        width: 100%
    }

    .header__burger span {
        position: absolute;
        width: 100%;
        height: 3px;
        right: 0;
        top: 8px;
        border-radius: 5px
    }

    .header__burger.active {
        margin-right: 0;
        margin-top: 0
    }

    .header__burger.active:before {
        transform: rotate(45deg);
        top: 9px;
        width: 80%
    }

    .header__burger.active:after {
        transform: rotate(-45deg);
        top: 9px;
        width: 80%
    }

    .header__burger.active span {
        transform: scale(0)
    }
}

.container__header-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:1279px) {
    .container__header-menu {
        padding: 0
    }
}

.header-menu__wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:1279px) {
    .header-menu__wrapper {
        position: fixed;
        transition: all 555ms ease;
        top: 0;
        right: 0;
        width: 60%;
        height: 100%;
        z-index: 6;
        overflow: auto;
        padding: 100px 20px 40px 60px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
        background: #fff;
        display: block
    }
}

@media (max-width:575px) {
    .header-menu__wrapper{
        padding: 100px 40px 40px;
        width: 80%
    }
}

.sub-menu {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    padding: 20px;
    list-style: none;
    position: absolute;
    z-index: -1;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 220px;
    left: -3px;
    top: 90%;
    margin: 0;
    transform: translateY(-4px);
    transition: all .1s ease-in;
    background: #fff
}

.sub-menu a {
    color: #4f5e66;
    transition: color 333ms ease;
    font-size: 15px;
    font-weight: 500
}

.sub-menu a:hover {
    color: #0074ba;
    text-decoration: none
}

.sub-menu.open {
    display: contents
}

.menu-item-has-children {
    position: relative
}

.menu-item-has-children:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../img/menu-arrow.svg) no-repeat;
    background-size: contain;
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    margin-left: 3px;
    transform: rotate(0deg);
    transform-origin: center
}

@media (max-width:1279px) {
    .menu-item-has-children:after {
        position: absolute;
        top: 10px;
        right: -24px
    }
}

@media (min-width:1280px) {
    .menu-item-has-children:hover:after {
        transform: rotate(180deg)
    }
}

@media (max-width:1279px) {
    .menu-item-has-children {
        max-width: 150px;
    }

    .menu-item-has-children:hover {
        color: #0074ba
    }
}

@media (max-width:575px) {
    .menu-item-has-children {
        text-align: left
    }
}

.menu-item-has-children.active {
    color: #0074ba
}

.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
    z-index: 5000;
    transform: translateY(0)
}

@media (max-width:1279px) {
    .menu-item-has-children.open:after {
        transform: rotate(180deg)
    }
}

.header__item-menu .menu-item:hover,
.header__item-menu .menu-item a:hover {
    color: #0074ba
}

@media screen and (max-width:1279px) {
    .header__item-menu .menu-item .sub-menu a {
        color: rgba(79, 94, 102, .85);
        line-height: 1.2
    }
}

.menu-item {
    transition: color 333ms ease;
    cursor: pointer
}

.menu-item:hover {
    color: #4f5e66;
    text-decoration: none
}

.menu-item a {
    transition: color 333ms ease
}

.menu-item a:hover {
    color: #0074ba;
    text-decoration: none
}

.header__item-menu .menu-item {
    color: #4f5e66;
    font-weight: 500;
    line-height: 2;
    font-size: 15px
}

@media screen and (min-width:1280px) and (max-width:1589px) {
    .header__item-menu .menu-item {
        font-size: 13px
    }
}

.header__item-menu .menu-item a {
    color: #4f5e66;
    font-size: 15px
}

@media (max-width:1279px) {
    .sub-menu {
        opacity: 1;
        top: 0;
        position: relative;
        background: transparent;
        box-shadow: none;
        left: 0;
        padding: 0 0 10px;
        transform: translateY(0);
        display: none;
        transition: none
    }

    .sub-menu li.menu-item {
        padding-left: 10px;
        line-height: 1.5;
        margin-bottom: 10px
    }
    .sub-menu li.menu-item:first-child {
        margin-top: 10px;
    } 
}
.hero-section {
    position: relative;
    height: 100%;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(180deg, #2b3990, #00aeef);
    padding: 120px 0 0;
    overflow: hidden
}

@keyframes a {
    0% {
        transform: scale(1) translate(0)
    }

    25% {
        transform: scale(1.15) translateY(-5%)
    }

    50% {
        transform: scale(1.1) translateY(-10%)
    }

    75% {
        transform: scale(1.05) translateY(-5%)
    }

    to {
        transform: scale(1) translate(0)
    }
}

.hero-section__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    min-height: calc(75vh - 90px);
    min-height: calc(75svh - 90px)
}

.hero-section__wrap h1 {
    margin-bottom: 10px
}

.hero-section__wrap p {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

@media screen and (max-width:1279px) {
    .hero-section__wrap p {
        font-size: 20px
    }
}

@media screen and (max-width:575px) {
    .hero-section__wrap p {
        font-size: 18px
    }
}

.hero-section__bg {
    position: absolute;
    left: 0;
    bottom: -30%;
    height: 100%;
    width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -o-object-position: top center;
    object-position: top center;
    transition: transform 15s ease;
    animation: a 26s ease-in-out infinite;
    will-change: transform
}

.main-content__wrap {
    max-width: 100%
}

.hero-section__btn-wrap {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8vh;
    max-width: 100%
}
@media screen and (max-width: 575px) {
 .hero-section__btn-wrap {
    flex-direction: column;
    align-items: center;
   }
}

.sсhedule-wrap {
    background: hsla(0, 0%, 100%, .3);
    padding: 10px 10px 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 82%;
    transform-origin: bottom center
}

@media screen and (max-width:575px) {
    .sсhedule-wrap {
        width: 95%
    }
}

.hero-section__schedule {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: bottom center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.drive-performance__wrap {
    padding-inline: 50px;
    padding-block: 100px
}
@media screen and (max-width:991px) {
    .drive-performance__wrap {
        padding-block: 80px
    }
    .deal-management .drive-performance__wrap {
        padding-block: 80px;
    }
}

@media screen and (max-width:767px) {
    .drive-performance__wrap {
        padding-block: 60px
    }
    .deal-management .drive-performance__wrap {
        padding-block: 60px;
    }
}

@media screen and (max-width:1279px) {
    .drive-performance__wrap {
        padding-inline: 0
    }
}

@media screen and (max-width:767px) {
    .drive-performance__wrap {
        text-align: center
    }
}

.drive-performance__wrap h2 {
    margin-bottom: 60px
}
.deal-management .drive-performance__wrap h2 {
    text-align: center;
}
@media screen and (max-width:767px) {
    .drive-performance__wrap h2 {
        margin-bottom: 40px
    }
}

.title-color-blue {
    color: #0074ba
}
.title-color-blue h2 {
    color: #0074ba
}

.drive-performance-item__wrap {
    display: flex;
    flex-direction: column;
    row-gap: 120px
}
.deal-management .drive-performance-item__wrap {
   row-gap: 90px;
}
@media screen and (max-width:1279px) {
    .drive-performance-item__wrap {
        row-gap: 80px
    }
    .deal-management .drive-performance-item__wrap {
        row-gap: 70px;
     }
}

@media screen and (max-width:1279px) and (max-width:767px) {
    .drive-performance-item__wrap {
        row-gap: 60px
    }
    .deal-management .drive-performance-item__wrap {
        row-gap: 60px
    }
}

.drive-performance-item__wrap .drive-performance-item:nth-child(2n) {
    flex-direction: row-reverse
}

@media screen and (max-width:767px) {
    .drive-performance-item__wrap .drive-performance-item:nth-child(2n) {
        flex-direction: column-reverse
    }
}

.drive-performance-item {
    display: flex;
    align-items: center;
    column-gap: 10%
}
.deal-management .drive-performance-item {
    align-items: stretch;
}
@media screen and (max-width: 1279px) {
    .deal-management .drive-performance-item {
        align-items: center;
    }
}
.deal-management .drive-performance-item > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.scheduler-main-section .drive-performance-item .drive-performance-item__content {
   overflow: visible;
}
@media screen and (max-width:991px) {
    .drive-performance-item {
        column-gap: 40px
    }
}

@media screen and (max-width:767px) {
    .drive-performance-item {
        flex-direction: column-reverse;
        row-gap: 30px
    }
}

.drive-performance-item>div {
    flex: 1;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .drive-performance-item>div {
        text-align: center
    }
}

.drive-performance-item__content h3 {
    margin-bottom: 20px
}
.drive-performance-item__content h3:not(:first-child) {
    margin-top: 20px
}

@media screen and (max-width:991px) {
    .drive-performance-item__content h3 {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .drive-performance-item__content p {
        text-align: justify
    }
}

.drive-performance-item__image {
    background: #ced6e0;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

@media screen and (max-width:767px) {
    .drive-performance-item__image {
        max-width: 60%
    }
}

@media screen and (max-width:575px) {
    .drive-performance-item__image {
        max-width: 80%
    }
}

.drive-performance-item__image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: auto;
    transform-origin: bottom right
}

.products-tour {
    position: relative;
    background: linear-gradient(180deg, #2b3990, #00aeef);
    overflow: hidden
}

.products-tour__wrap {
    padding-block: 100px;
    text-align: center
}
@media screen and (max-width: 991px) {
   .products-tour__wrap {
     padding-block: 80px;
  }
}
@media screen and (max-width:767px) {
    .products-tour__wrap {
        padding-block: 60px
    }
}

.products-tour__wrap>div {
    transform-origin: bottom center
}

.products-tour__wrap h2 {
    color: #fff
}

.products-tour__wrap p {
    color: #fff;
    margin: 10px 0 40px
}

.products-tour__wrap .btn-white {
    margin-inline: auto
}

.products-tour__dots {
    position: absolute;
    left: 0;
    top: 10%;
    height: 90%;
    width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -o-object-position: top center;
    object-position: top center
}

.video-block {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 40px;
    border-radius: 20px;
    aspect-ratio: 1.78
}

.video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 118px;
    height: 118px;
    max-width: 20%;
    cursor: pointer;
    transition: all 555ms ease
}

@media screen and (max-width:1279px) {
    .video-btn {
        width: 80px;
        height: 80px
    }
}

.video-btn:hover {
    transform: scale(.95) translate(-50%, -50%)
}

.video-block iframe {
    left: 0
}

.video-block iframe,
.video-tag-block video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.video-tag-block video {
    left: 50%;
    transform: translateX(-50%);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.managing-deals {
    background: #f1f5f8;
    padding-block: 100px
}

@media screen and (max-width:991px) {
    .managing-deals {
        padding-block: 80px
    }
}

@media screen and (max-width:767px) {
    .managing-deals {
        padding-block: 60px
    }
}

@media screen and (max-width:575px) {
    .managing-deals h2 {
        text-align: center
    }
}

.managing-deals-items__wrap {
    margin-top: 60px;
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .managing-deals-items__wrap {
        gap: 18px
    }
}

.managing-deals-items__wrap .managing-deals-item:first-child,
.managing-deals-items__wrap .managing-deals-item:last-child,
.managing-deals-items__wrap .managing-deals-item:nth-child(2),
.managing-deals-items__wrap .managing-deals-item:nth-last-child(2) {
    background: #fff;
    width: calc(36% - 20px);
    transition: box-shadow .5s ease
}

.managing-deals-items__wrap .managing-deals-item:first-child:hover,
.managing-deals-items__wrap .managing-deals-item:last-child:hover,
.managing-deals-items__wrap .managing-deals-item:nth-child(2):hover,
.managing-deals-items__wrap .managing-deals-item:nth-last-child(2):hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1)
}

.managing-deals-items__wrap .managing-deals-item:first-child:hover .managing-deals-item__icon img,
.managing-deals-items__wrap .managing-deals-item:last-child:hover .managing-deals-item__icon img,
.managing-deals-items__wrap .managing-deals-item:nth-child(2):hover .managing-deals-item__icon img,
.managing-deals-items__wrap .managing-deals-item:nth-last-child(2):hover .managing-deals-item__icon img {
    transform: scale(1.1)
}

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

    .managing-deals-items__wrap .managing-deals-item:nth-child(2),
    .managing-deals-items__wrap .managing-deals-item:nth-last-child(2) {
        width: calc(60% - 15px)
    }
}

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

    .managing-deals-items__wrap .managing-deals-item:nth-child(2),
    .managing-deals-items__wrap .managing-deals-item:nth-last-child(2) {
        width: calc(60% - 9px)
    }
}

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

    .managing-deals-items__wrap .managing-deals-item:nth-child(2),
    .managing-deals-items__wrap .managing-deals-item:nth-last-child(2) {
        width: 100%
    }
}

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

    .managing-deals-items__wrap .managing-deals-item:first-child,
    .managing-deals-items__wrap .managing-deals-item:last-child {
        width: 100%
    }
}

.managing-deals-items__wrap .managing-deals-item:nth-child(3),
.managing-deals-items__wrap .managing-deals-item:nth-child(4) {
    background: linear-gradient(180deg, #2b3990, #00aeef);
    width: calc(28% - 20px);
    position: relative;
    padding: 25px 25px 0;
    display: flex;
    flex-direction: column
}

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

    .managing-deals-items__wrap .managing-deals-item:nth-child(3),
    .managing-deals-items__wrap .managing-deals-item:nth-child(4) {
        width: calc(40% - 15px)
    }
}

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

    .managing-deals-items__wrap .managing-deals-item:nth-child(3),
    .managing-deals-items__wrap .managing-deals-item:nth-child(4) {
        width: calc(40% - 9px)
    }
}

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

    .managing-deals-items__wrap .managing-deals-item:nth-child(3),
    .managing-deals-items__wrap .managing-deals-item:nth-child(4) {
        width: 300px;
        max-width: 80%
    }
}

.managing-deals-items__wrap .managing-deals-item:nth-child(3) {
    text-align: right;
    margin-left: auto
}

.managing-deals-items__wrap .managing-deals-item:nth-child(4) {
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding: 0 25px 25px;
    position: relative
}

.managing-deals-items__wrap .managing-deals-item:nth-child(4) .counter__wrap {
    margin-right: auto
}

.managing-deals-items__wrap .managing-deals-item:nth-child(4) h4 {
    margin-top: auto;
    margin-bottom: 0
}

.managing-deals-item {
    padding: 40px;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .managing-deals-item {
        padding: 24px
    }
}

.managing-deals-item p {
    font-size: 18px;
    line-height: 1.6
}

@media screen and (max-width:1399px) {
    .managing-deals-item p {
        font-size: 16px
    }
}

.managing-deals-item h4 {
    color: #fff;
    z-index: 6;
    position: relative;
    line-height: 1.2
}

.managing-deals-item__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .managing-deals-item__title-row {
        margin-bottom: 10px
    }
}

.managing-deals-item__title-row h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    color: #0074ba
}

@media screen and (max-width:767px) {
    .managing-deals-item__title-row h5 {
        font-size: 18px
    }
}

.managing-deals-item__title-row .managing-deals-item__icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #0074ba;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

@media screen and (max-width:991px) {
    .managing-deals-item__title-row .managing-deals-item__icon {
        width: 45px;
        height: 45px;
        min-width: 45px
    }
}

.managing-deals-item__title-row .managing-deals-item__icon img {
    width: 30px;
    height: auto;
    transition: transform .5s ease
}

@media screen and (max-width:991px) {
    .managing-deals-item__title-row .managing-deals-item__icon img {
        width: 24px
    }
}

.counter__wrap {
    color: #fff;
    position: relative
}

.counter__wrap>div {
    font-weight: 600;
    text-align: right;
    line-height: 1;
    letter-spacing: 10px;
    font-size: calc(44px + 36 * ((100vw - 320px) / 1600))
}

@media screen and (min-width:1921px) {
    .counter__wrap>div {
        font-size: 80px
    }
}

@media screen and (max-width:767px) {
    .counter__wrap>div {
        font-size: 42px
    }
}

.counter-number {
    color: #fff;
    z-index: 5;
    position: relative
}

.counter-number-not-active {
    color: hsla(0, 0%, 100%, .3);
    position: relative
}

.counter-number-not-active:after {
    content: "";
    position: absolute;
    display: inline-block;
    filter: blur(12px);
    border-radius: 10px;
    z-index: 0
}

.counter-number-prev:after {
    left: -25%;
    top: -60%;
    width: 150%;
    height: 140%;
    background: linear-gradient(1turn, #2454a6, #2454a6 60%, #2454a6)
}

.counter-number-next:after {
    left: -15%;
    bottom: -60%;
    width: 150%;
    height: 130%;
    background: linear-gradient(1turn, #00aeef, #00aeef 60%, #00aeef)
}

.dealers {
    padding-top: 100px;
    padding-bottom: 120px
}

@media screen and (max-width:991px) {
    .dealers {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .dealers {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.dealers__wrap h2,
.faq h2 {
    text-align: center;
    color: #0074ba;
    margin-bottom: 60px
}

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

    .dealers__wrap h2,
    .faq h2 {
        margin-bottom: 40px
    }
}

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

    .dealers__wrap h2,
    .faq h2 {
        margin-bottom: 20px
    }
}

.swiper-dealers__wrap {
    position: relative;
    padding-right: 115px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .swiper-dealers__wrap {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .swiper-dealer {
        padding-bottom: 60px
    }
}

.swiper-dealer .swiper-slide {
    height: auto
}

.pagination-dealers.swiper-pagination {
    position: absolute;
    display: flex;
    justify-content: center;
}
.pagination-main.swiper-pagination {
    position: relative;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.pagination-dealers.swiper-horizontal>.swiper-pagination-bullets,
.pagination-dealers.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px
}

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

    .pagination-dealers.swiper-horizontal>.swiper-pagination-bullets,
    .pagination-dealers.swiper-pagination-bullets.swiper-pagination-horizontal {
        flex-direction: row;
        align-items: center;
        gap: 10px
    }
    .pagination-main.swiper-pagination {
        position: relative;
    }
}

.pagination-dealers .swiper-pagination-bullet {
    opacity: 1;
    width: 10px;
    height: 30px;
    background: #f1f5f8;
    border-radius: 5px
}

.pagination-main .swiper-pagination-bullet {
    opacity: 1;
    width: 30px;
    height: 10px;
    background: #ffffff;
    border-radius: 5px
}
.pagination-main.pagination-leadership .swiper-pagination-bullet {
    background: #F1F5F8;
}

@media screen and (max-width:767px) {
    .pagination-dealers .swiper-pagination-bullet {
        height: 10px;
        width: 30px;
        margin: 0
    }
}

.pagination-dealers.swiper-pagination-bullets.swiper-pagination-horizontal {
    max-height: 90%;
    justify-content: center
}

.dealers__wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0
}

.pagination-dealers.swiper-horizontal>.swiper-pagination-bullets,
.pagination-dealers.swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 0;
    right: 0;
    left: auto;
    margin-top: auto;
    margin-bottom: auto
}

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

    .pagination-dealers.swiper-horizontal>.swiper-pagination-bullets,
    .pagination-dealers.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0;
        top: auto;
        margin-bottom: 0
    }
}

.pagination-dealers .swiper-pagination-bullet-active {
    height: 60px;
    border: none;
    background: #0074ba
}
.pagination-main .swiper-pagination-bullet-active {
    width: 60px;
    border: none;
    background: #0074ba
}
.pagination-main.pagination-leadership .swiper-pagination-bullet-active {
    background: #0074ba
}

@media screen and (max-width:767px) {
    .pagination-dealers .swiper-pagination-bullet-active {
        height: 8px;
        width: 50px
    }
}

.slide__dealer {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1279px) {
    .slide__dealer p {
        font-size: 18px
    }
}

@media screen and (max-width:991px) {
    .slide__dealer p {
        font-size: 16px
    }
}

/* @media screen and (max-width:575px) {
    .slide__dealer p {
        font-size: 14px
    }
} */

.dealers__info {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-top: 30px
}

.dealers__info img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    min-width: 80px;
    object-fit: cover;
    object-position: center center;
}

.name {
    color: #0074ba;
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
    display: block
}

@media screen and (max-width:1279px) {
    .name {
        font-size: 18px
    }
}

@media screen and (max-width:575px) {
    .name {
        font-size: 16px
    }
}

.company-name {
    color: #4f5e66;
    font-weight: 400;
    line-height: 1.5;
    font-size: 18px
}

@media screen and (max-width:1279px) {
    .company-name {
        font-size: 16px
    }
}

@media screen and (max-width:575px) {
    .company-name {
        font-size: 14px
    }
}

.logo-section__wrap {
    display: flex;
    align-items: center;
    gap: 70px;
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #ced6e0;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width:991px) {                   
    .logo-section__wrap {
        column-gap: 60px;
        row-gap: 30px;
        flex-wrap: wrap
    }
}

@media screen and (max-width:575px) {
    .logo-section__wrap {
        column-gap: 30px;
        margin-top: 40px;
        padding-top: 40px
    }
}

.logo-section__item {
    width: calc(20% - 56px);
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:991px) {
    .logo-section__item {
        width: calc(33.33333% - 40px)
    }
}

@media screen and (max-width:575px) {
    .logo-section__item {
        width: calc(33.33333% - 20px)
    }
}

.logo-section__item img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    transition: transform .4s ease
}

.logo-section__item img:hover {
    transform: scale(1.1) translateY(-10px)
}

.accordion__all-styles .card {
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #ced6e0
}

.accordion__all-styles .accordion-button {
    font-family: Poppins-f, sans-serif;
    line-height: 1.25;
    font-weight: 600;
    font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
    box-shadow: none;
    background: transparent;
    padding: 20px 25px 20px 0;
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 0;
    overflow-anchor: none;
    color: #4f5e66
}

@media screen and (min-width:1921px) {
    .accordion__all-styles .accordion-button {
        font-size: 24px
    }
}

.accordion__all-styles .accordion-button:focus {
    border: 0;
    box-shadow: none
}

.accordion__all-styles .card-body {
    background: transparent;
    padding: 0 0 20px;
    border-radius: 0;
    font-size: 20px;
    font-weight: 400;
    color: #4f5e66
}

.accordion__all-styles .card-body p {
    font-size: 20px;
    font-weight: 400
}

@media screen and (max-width:1279px) {
    .accordion__all-styles .card-body p {
        font-size: 18px
    }
}

@media screen and (max-width:991px) {
    .accordion__all-styles .card-body p {
        font-size: 16px
    }
}

/* @media screen and (max-width:575px) {
    .accordion__all-styles .card-body p {
        font-size: 14px
    }
} */

.accordion__all-styles .card-body a {
    color: #0074ba
}

.accordion__all-styles .card-body a:hover {
    text-decoration: underline
}

.accordion__all-styles .card-body ul {
    list-style-type: disc;
    color: #4f5e66
}

.accordion__all-styles .card-body ul li {
    padding-left: 30px
}

.accordion__all-styles .card-header {
    border-radius: 0;
    border-bottom: 0;
    background-color: transparent;
    padding: 0
}

.accordion>.card {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ced6e0
}

.accordion-button:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/plus.svg) no-repeat;
    background-position: 50%;
    background-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 333ms ease
}

@media screen and (max-width:575px) {
    .accordion-button:after {
        background-size: 15px
    }
}

.accordion-button:not(.collapsed):after {
    transform: translateY(0) rotate(45deg);
    margin-top: -10px
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 1px solid #ced6e0
}

.faq {
    padding-top: 60px;
    padding-bottom: 100px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .faq {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .faq {
        padding-bottom: 60px;
        padding-top: 30px
    }
}

.banner-wrap {
    background: linear-gradient(180deg, #2b3990, #00aeef);
    padding-left: 80px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    border-radius: 20px
}

@media screen and (max-width:991px) {
    .banner-wrap {
        padding-left: 40px
    }
}

.banner-wrap:hover .banner__bg {
    transform: scale(1.1)
}

.banner__item-wrap {
    display: flex;
    z-index: 5;
    position: relative
}

@media screen and (max-width:767px) {
    .banner__item-wrap {
        flex-direction: column;
        position: relative
    }
}

.banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -o-object-position: top center;
    object-position: top center;
    transition: all 15s ease
}

.banner__content {
    width: 55%;
    padding-right: 40px;
    padding-block: 80px
}

@media screen and (max-width:991px) {
    .banner__content {
        padding-block: 40px
    }
}

@media screen and (max-width:767px) {
    .banner__content {
        width: 100%;
        text-align: center;
        padding-bottom: 40px
    }

    .banner__content .btn-white {
        margin-inline: auto
    }
}

.banner__content h2,
.banner__content p {
    color: #fff
}

.banner__content p {
    padding: 10px 0 20px
}

.banner__image {
    width: 45%;
    position: relative;
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width:767px) {
    .banner__image {
        height: 200px;
        width: 450px;
        max-width: 90%;
        margin-left: auto
    }
}

@media screen and (max-width:575px) {
    .banner__image {
        height: 150px
    }
}

.banner__image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top left;
    object-position: top left;
    border-top-left-radius: 10px;
    transform-origin: bottom right;
    transition: transform 555ms ease
}

.banner__image img:first-child {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 5;
    height: 60%;
    right: 0
}

@media screen and (max-width:767px) {
    .banner__image img:first-child {
        height: 70%
    }
}

.banner__image img:last-child {
    width: 90%;
    z-index: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 82%
}

@media screen and (max-width:767px) {
    .banner__image img:last-child {
        height: 100%
    }
}

.border-video-block {
    margin-bottom: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    aspect-ratio: 2.11
}

.border-video-block,
.video-wrap {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.video-wrap {
    width: 82%;
    max-width: 100%;
    background: hsla(0, 0%, 100%, .3);
    padding: 10px 10px 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: 100%;
    transform-origin: bottom center
}

@media screen and (max-width:575px) {
    .video-wrap {
        width: 95%
    }
}

.video-wrap .poster-image img:first-child:not(.video-btn) {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.xrm {
    padding-block: 100px;
    background: #f1f5f8
}

@media screen and (max-width:991px) {
    .xrm {
        padding-block: 80px
    }
}

@media screen and (max-width:767px) {
    .xrm {
        padding-block: 60px
    }
}

.xrm__wrap {
    text-align: center
}

.xrm__wrap h2 {
    margin-bottom: 20px;
    color: #4f5e66;
    line-height: 1.38;
    font-weight: 600;
    font-size: calc(24px + 12 * ((100vw - 320px) / 1600))
}

@media screen and (min-width:1921px) {
    .xrm__wrap h2 {
        font-size: 36px
    }
}

.xrm__wrap h2 em {
    color: #0074BA;
    font-style: normal;
}

.xrm__wrap>p {
    margin-bottom: 10px
}

.xrm-items__wrap {
    display: flex;
    column-gap: 30px
}

@media screen and (max-width:1279px) {
    .xrm-items__wrap {
        column-gap: 15px
    }
}

@media screen and (max-width:991px) {
    .xrm-items__wrap {
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 30px
    }
}

@media screen and (max-width:575px) {
    .xrm-items__wrap {
        gap: 20px
    }
}

.xrm-item {
    width: calc(16.66667% - 25px);
    background: #fff;
    padding: 40px 18px 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    position: relative;
    border: 1px solid #fff;
    transition: box-shadow .5s ease
}

.xrm-item:hover {
    box-shadow: 0 4px 10px rgba(0, 116, 186, .7)
}

@media screen and (max-width:1279px) {
    .xrm-item {
        padding: 20px 16px;
        width: calc(16.66667% - 12.5px)
    }
}

@media screen and (max-width:991px) {
    .xrm-item {
        width: calc(33.33333% - 20px)
    }
}

@media screen and (max-width:575px) {
    .xrm-item {
        width: calc(50% - 10px)
    }
}

.xrm-item h5 {
    color: #0074ba;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    text-align: center
}

@media screen and (max-width:1399px) {
    .xrm-item h5 {
        font-size: 16px
    }
}

@media screen and (max-width:1279px) {
    .xrm-item h5 {
        font-size: 14px
    }
}

.xrm-icon__wrap {
    width: 80px;
    height: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0074ba;
    border-radius: 50%
}

@media screen and (max-width:1279px) {
    .xrm-icon__wrap {
        width: 60px;
        height: 60px;
        min-width: 60px
    }
}

.xrm-icon__wrap img {
    width: 40px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:1279px) {
    .xrm-icon__wrap img {
        width: 30px
    }
}

.all-line {
    margin-bottom: 20px
}

@media screen and (max-width:1399px) {
    .all-line {
        max-width: 86%
    }
}

@media screen and (max-width:991px) {
    .all-line {
        display: none
    }
}

.all-line path {
    transition: stroke .5s ease
}

.benefits {
    padding-block: 100px;
    background: #f1f5f8;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:991px) {
    .benefits {
        padding-block: 80px
    }
}

@media screen and (max-width:767px) {
    .benefits {
        padding-block: 60px
    }
}

.benefits h2 {
    text-align: center
}

.benefits__bg {
    position: absolute;
    top: 16%;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -o-object-position: top center;
    object-position: top center;
    transition: all 15s ease
}

.benefits__wrap {
    margin-top: 40px;
    display: flex;
    align-items: center;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .benefits__wrap {
        flex-direction: column;
        row-gap: 30px
    }
}

.benefits-item__wrap {
    flex: 1;
    padding-left: 8%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding-bottom: 5px
}

@media screen and (max-width:1279px) {
    .benefits-item__wrap {
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .benefits-item__wrap {
        width: 500px;
        max-width: 100%
    }
}

.benefits__item {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
    column-gap: 30px;
    display: flex;
    align-items: center;
    transition: box-shadow .5s ease
}

.benefits__item:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

@media screen and (max-width:991px) {
    .benefits__item {
        column-gap: 20px;
        padding: 20px
    }
}

.bentfits-item__icon-wrap {
    width: 60px;
    min-width: 60px;
    height: 60px;
    background: #0074ba;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:991px) {
    .bentfits-item__icon-wrap {
        width: 45px;
        min-width: 45px;
        height: 45px
    }
}

.bentfits-item__icon-wrap img {
    width: 30px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:991px) {
    .bentfits-item__icon-wrap img {
        width: 25px
    }
}

.benefits-item__content h5 {
    color: #0074ba;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.38;
    margin-bottom: 0
}

.benefits-item__content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #0074ba
}

.benefits__list {
    flex: 1;
    padding-left: 8%;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

@media screen and (max-width:1279px) {
    .benefits__list {
        row-gap: 10px
    }
}

@media screen and (max-width:767px) {
    .benefits__list {
        width: 500px;
        max-width: 100%;
        align-items: flex-start;
        padding-inline: 10%
    }
}

@media screen and (max-width:575px) {
    .benefits__list {
        padding: 0 0 0 5%
    }
}

.list-style-main li {
    position: relative;
    padding-left: 44px;
    line-height: 1.6;
  }
  .list-style-main li:hover::before {
    transform: scale(1.1);
  }
  .list-style-main li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0px;
      display: inline-block;
      transition: all ease 0.5s;
  }
  .list-style-main li:hover::before {
    transform: scale(1.1);
  }
  @media screen and (max-width: 1279px) {
    .list-style-main li {
      font-size: 18px;
      padding-left: 36px;
    }
    .list-style-main li::before {
      width: 20px;
      height: 25px;
    }
    .list-style-check li::before {
      background-position: left top 5px;
    }
    .list-style-main-section li {
      padding-left: 32px;
    }
    .list-style-check li::before {
      background-position: left top 3px;
    }
  }
  @media screen and (max-width: 991px) {
    .benefits__list li {
      font-size: 18px;
    }
    .list-style-main li {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 767px) {
    .list-style-main li, .benefits__list li {
      font-size: 16px;
    }
  }
  .list-style-check li::before {
    background: url(../img/check.svg)no-repeat;
    background-size: contain;
    background-position: left top 7px;

  }
  .list-style-cross li::before {
    background: url(../img/cross.svg)no-repeat;
    background-size: contain;
    background-position: left top 7px;
  }
  .list-style-main-section {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
  }
  .list-style-main-section li {
    padding-left: 40px;
  }
  .list-style-main-section li:before {
    width: 20px;
    height: 27px;
  }
  .benefits__list {
    flex: 1;
    padding-left: 8%;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
  }
  .benefits__list li span {
    font-size: 18px;
    display: block;
  }
  .benefits__list li {
    font-size: 24px;
    font-weight: 500;
  }
  .benefits__list li::before {
    width: 24px;
    height: 31px;
  }
    
  @media screen and (max-width: 1279px) {
    .benefits__list {
      row-gap: 10px;
    }
  }
  @media screen and (max-width: 991px) {
    .benefits__list li span {
      font-size: 14px;
    }
    .benefits__list li::before {
        width: 20px;
        height: 27px;
        background-position: left top 4px;
    }
    .list-style-main-section li {
        padding-left: 30px;
    }
    .list-style-main-section li::before {
        background-position: left top 2px;
    }
  } 
  @media screen and (max-width: 767px) {
    .benefits__list {
      width: 500px;
      max-width: 100%;
      align-items: flex-start;
      padding-inline: 10%;
    }
  } 
  @media screen and (max-width: 575px) {
    .benefits__list {
      padding: 0 0 0 5%;
    }
  }
.performance {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-inline: 50px
}

@media screen and (max-width:1279px) {
    .performance {
        padding-inline: 0
    }
}

@media screen and (max-width:991px) {
    .performance {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .performance {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.performance__wrap>h2,
.performance__wrap>p {
    text-align: center
}

.performance__wrap>h2 {
    margin-bottom: 20px
}

.performance__image-block {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.performance-image-block__wrap {
    display: flex;
    column-gap: 10%;
    align-items: center
}

@media screen and (max-width:767px) {
    .performance-image-block__wrap {
        column-gap: 5%
    }
}

@media screen and (max-width:575px) {
    .performance-image-block__wrap {
        flex-direction: column;
        row-gap: 20px
    }
}

.performance-image-block__wrap>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1.75;
    border-radius: 20px
}

.performance-image-block__content,
.performance-image__wrap {
    flex: 1
}

.performance-image-block__content h3 {
    margin-bottom: 20px
}

@media screen and (max-width:1279px) {
    .performance-image-block__content h3 {
        margin-bottom: 10px
    }
}

.performance__arrow {
    margin-inline: 28%;
    margin-bottom: 20px
}

@media screen and (max-width:575px) {
    .performance__arrow {
        margin-inline: 10%
    }
}

.performance__arrow svg {
    width: 100%;
    height: auto
}

.arrow-line {
    stroke: #ced6e0;
    stroke-width: 1;
    fill: none;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    transition: stroke-dashoffset 3s ease
}

.arrow-head {
    fill: #ced6e0;
    opacity: 0;
    transition: opacity .5s ease 1s
}

.arrow-visible .arrow-line {
    stroke-dashoffset: 0
}

.arrow-visible .arrow-head {
    opacity: 1
}
.performance-template-blocks__wrap {
    margin-top: 60px;
}
.performance-template-blocks__wrap .performance__image-block:nth-child(2n) .performance-image-block__wrap {
    flex-direction: row-reverse
}

@media screen and (max-width:575px) {
    .performance-template-blocks__wrap .performance__image-block:nth-child(2n) .performance-image-block__wrap {
        flex-direction: column
    }
}

.performance-template-blocks__wrap .performance__image-block:nth-child(2n) .arrow-draw {
    transform: rotateY(180deg);
    transform-origin: center
}

.performance-template-blocks__wrap .performance__image-block:last-child .performance__arrow {
    display: none
}

.dealers-benefits {
    padding-block: 100px;
    background: #f1f5f8
}

@media screen and (max-width:991px) {
    .dealers-benefits {
        padding-block: 80px
    }
}

@media screen and (max-width:767px) {
    .dealers-benefits {
        padding-block: 60px
    }
}

.dealers-benefits__wrap h2 {
    text-align: center
}

@media screen and (max-width:575px) {
    .dealers-benefits__wrap .xrm-items__wrap {
        gap: 16px
    }
}

.dealers-benefits__wrap .xrm-item {
    width: calc(25% - 22.5px);
    padding: 60px 30px;
    row-gap: 30px
}

@media screen and (max-width:1399px) {
    .dealers-benefits__wrap .xrm-item {
        row-gap: 20px;
        padding: 40px 20px
    }
}

@media screen and (max-width:991px) {
    .dealers-benefits__wrap .xrm-item {
        padding: 20px 12px
    }
}

@media screen and (max-width:767px) {
    .dealers-benefits__wrap .xrm-item {
        width: calc(50% - 15px);
        padding: 30px
    }
}

@media screen and (max-width:575px) {
    .dealers-benefits__wrap .xrm-item {
        padding: 20px 16px;
        width: calc(50% - 8px)
    }
}
/*Deal Management*/

.title-banner {
    background: #0074BA;
    position: relative;
    padding: 170px 0 80px;
    text-align: center;
    overflow: hidden;
}

.title-banner h1 {
    margin-bottom: 10px;
}

.title-banner p {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
}
.pricing-title-banner p {
    margin-bottom: 8vh;
}
.title-banner .btn-white {
    margin-inline: auto;
}

.title-banner:hover .banner__bg {
    transform: scale(1.1);
}
.main-section {
    background: #F1F5F8;
}
.main-section.advantage {
    padding-block: 100px;
}
.main-section.advantage h2 {
    text-align: center;
}
.mar-bot-60 {
    margin-bottom: 60px;
}
.main-section.advantage .main-section__wrap {
    align-items: center;
}
.main-section__wrap {
    display: flex;
    padding-inline: 50px;
    column-gap: 10%;
    align-items: flex-start;
}

.main-section__content-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    row-gap: 20px;
}
.main-section__image-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
.main-section__image-wrap img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.24;
    object-fit: cover;
    border-radius: 20px;
}
.list-dots li {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
.list-dots li:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0074BA;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
  background-size: 10px;
 }
@media screen and (max-width: 1279px) {
    .main-section__wrap {
        padding-inline: 0px;
        column-gap: 5%;
    }
    .title-banner p {
        font-size: 20px;
    }
    .mar-bot-60 {
        margin-bottom: 40px;
    }
    .list-dots li {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .main-section.advantage {
        padding-block: 80px;
    }
    .title-banner {
        padding: 120px 0 80px;
    }
     .list-dots li {
      font-size: 16px;
    }
}
@media screen and (max-width: 767px) {

    .main-section.advantage {
        padding-block: 60px;
    }
    .main-section__wrap {
        flex-direction: column-reverse;
        row-gap: 30px;
        align-items: center;
    }
    .main-section__image-wrap img {
        width: 400px;
        max-width: 100%;
    }
    .main-section__content-wrap h2 {
        text-align: center;
    }
    .drive-performance-item__content h3 {
        text-align: center;
        margin-inline: auto;
    }
    .deal-management .drive-performance-item > div {
       margin-inline: auto;
    }
    .list-dots li:before {
      top: 6px;
    }
}
@media screen and (max-width: 575px) {
    .title-banner p {
        font-size: 18px;
    }
    .mar-bot-60 {
        margin-bottom: 20px;
    }
}

  /*Scheduler*/

.smarter-scheduler {
    padding-top: 100px;
    background: #F1F5F8;
}
.smarter-scheduler h2 {
    text-align: center;
}
.smarter-scheduler__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.smarter-scheduler__item {
    width: calc((100% / 2) - 15px);
    border-radius: 10px;
    background: #FFFFFF;
    padding: 40px 30px;
    transition: box-shadow ease 0.3s;
}
.smarter-scheduler__item:hover .smart-sched__image-bg {
    filter: blur(4px);
    height: 120%;
    width: 120%;
}
.smarter-scheduler__item:hover .smart-sched__image {
    transform: scale(0.9);
}
.smarter-scheduler__item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
  
.smarter-scheduler__item h4 {
    color: #0074BA;
    margin: 25px 0 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
}
.smarter-scheduler__item .list-dots li {
    font-size: 18px;
}
.smarter-scheduler__item .list-dots li::before {
    top: 8px;
}
.smart-sched__image-wrap {
    position: relative;
    min-height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.smart-sched__image-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 100%;
    width: auto;
    object-fit: contain;
    z-index: 0;
    transition: filter ease 0.8s, width ease 0.8s, height ease 0.8s;
    transform-origin: center;
}
.smart-sched__image {
    max-height: 150px;
    width: 430px;
    height: auto;
    object-fit: contain;
    z-index: 0;
    max-width: 100%;
    z-index: 2;
    position: relative;
    transition: transform ease 0.8s;
}
@media screen and (max-width: 991px) {
    .scheduler-main-section .drive-performance-item__content p {
        font-size: 16px;
    }
    .smarter-scheduler {
        padding-top: 80px;
    }
    .smarter-scheduler__item h4 {
        font-size: 20px;
        margin: 10px 0;
    }
    .smarter-scheduler__item {
        padding: 30px 20px;
    }
    .smarter-scheduler__item .list-dots li {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .scheduler-main-section .list-style-main ul {
       text-align: left;
    }
    .smarter-scheduler__item {
        width: 100%;
        padding: 40px 30px;
    }
    .smarter-scheduler__item h4 {
        margin: 20px 0;
    }
}
/*Dashboard & Reporting*/
.key-features__wrap {
    overflow: hidden;
}
.dashboard-main__wrap, .key-features__block {
    display: flex;
    column-gap: 10%;
    align-items: flex-start;
}
.dashboard-main__content, .key-features__content-wrap {
    width: 53%;
}
.dashboard-main__content h2, .key-features__content-wrap h2 {
    margin-bottom: 20px;
}
.dashboard-main__content h5 {
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}
.dashboard-main__content .list-dots {
    margin-bottom: 25px;
}

.dashboard-main__image-wrap, .key-features__image-wrap  {
    width: 37%;
}
.dashboard-main__image-wrap img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 0.72;
}
.pad-block-120 {
   padding-block: 100px;
}
.pad-block-100 {
   padding-block: 100px;
}
@media screen and (max-width: 1279px) {
    .dashboard-main__content p {
        font-size: 18px;
    }
    .dashboard-main__wrap, .key-features__block {
        column-gap: 5%;
    }
    .dashboard-main__content, .key-features__content-wrap {
        width: 58%;
    }
}
@media screen and (max-width: 991px) {
    .pad-block-120 {
        padding-block: 80px;
     }
    .pad-block-100 {
        padding-block: 80px;
    }
    .dashboard-main__wrap, .key-features__block {
        flex-direction: column-reverse;
        row-gap: 30px;
    }
    .our-story-section .dashboard-main__wrap {
        flex-direction: column;
    }
    .dashboard-main__content, .key-features__content-wrap {
        width: 100%;
    }    
    .dashboard-main__image-wrap {
        width: 100%;
        text-align: center;
    }
    .key-features__image-wrap  {
        width: 100%;
    }
    .dashboard-main__content h2 {
        text-align: center;
    }
    .dashboard-main__image-wrap img {
        width: 400px;
        max-width: 100%;
    }
    .dashboard-main__content p {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .pad-block-120 {
        padding-block: 60px;
    }
    .pad-block-100 {
        padding-block: 60px;
    }
}
.key-features {
    background: #F1F5F8;
}
.key-features h2 {
    text-align: center;
    margin-bottom: 20px;
}
.key-features h3 {
    margin-bottom: 20px;
}
.key-features p {
    text-align: center;
}
.key-features__block {
    margin: 60px 0;
}
.key-features__image-wrap img {
    width: 430px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.key-features__content-wrap ul li {
    margin-bottom: 15px;
}
@media screen and (max-width: 1279px) {
    .key-features p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .key-features h3 {
        text-align: center;
    }
    .key-features__image-wrap {
        display: flex;
        justify-content: center;
    }
    .key-features__block {
        margin: 40px 0;
    }
    .key-features p {
        font-size: 16px;
    }
}
.widgets__wrap h2 {
    margin-bottom: 20px;
}
.widgets__wrap h2, .widgets__wrap > p {
    text-align: center;
}
.widgets__blocks-wrap {
    display: flex;
    gap: 30px;
    margin-block: 60px;
}
.widgets__block {
    width: calc((100% / 3) - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.widgets__block h5 {
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}
.widgets__block p {
    text-align: center;
}
@media screen and (max-width: 1279px) {
    .widgets__block p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .widgets__block {
        width: 500px;
        max-width: 100%;
        margin-inline: auto;
    }
    .widgets__blocks-wrap {
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .widgets__block h5 {
        margin: 20px 0 10px;
    }
    .widgets__blocks-wrap {
        margin-block: 40px;
    }
}
@media screen and (max-width: 767px) {
    .widgets__block p {
        font-size: 16px;
    }
}
.widgets__block-image-wrap {
    background: #ced6e0;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
.widgets__block-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1.6;
    transform-origin: bottom center;
}
.dashboard-main.reporting {
  padding: 100px 0;
  background: #F1F5F8;
}
.dashboard-main.reporting h2, .dashboard-main.reporting .col-12 > p {
    text-align: center;
}
.dashboard-main.reporting h2 {
    margin-bottom: 20px;
}
.dashboard-main.reporting .col-12 > p {
   margin-bottom: 80px;
}
@media screen and (max-width: 991px) {
    .dashboard-main.reporting {
        padding-block: 80px;
    }
    .dashboard-main.reporting .dashboard-main__content h5 {
    text-align: center;
    } 
    .dashboard-main.reporting .col-12 > p {
        margin-bottom: 40px;
     }
}
@media screen and (max-width: 767px) {
    .dashboard-main.reporting {
        padding: 60px 0;
    }
}
.dashboard-main.reverse .dashboard-main__wrap {
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
}
.list__bottom-line ul li {
    margin-bottom: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #CED6E0;
}
.color-text .dashboard-main__content p {
    color: #0074BA;
}
.why-it-matters.dashboard-main .dashboard-main__image-wrap {
    background: linear-gradient(180deg, #2B3990 0%, #00AEEF 100%);
    border-radius: 20px;
    padding: 40px 30px 80px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.why-it-matters.dashboard-main.join-the-movement-section .dashboard-main__image-wrap {
    background: #CED6E0;
    padding: 40px 0 0 30px;
}
.why-it-matters.dashboard-main .why-it-matters__image {
    width: 270px;
    max-width: 80%;
    height: auto;
    object-fit: contain;
    margin-top: auto;
    margin-inline: auto;
    aspect-ratio: auto;
}
.why-it-matters.dashboard-main.join-the-movement-section .why-it-matters__image {
    width: 95%;
    max-width: 95%;
    height: auto;
    margin-inline: 0;
    margin-left: auto;
    transform-origin: right bottom;
}
.why-it-matters.dashboard-main .why-it-matters__bg {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 100%;
    transform: translateX(-50%);
    object-fit: cover;
}

.why-it-matters.dashboard-main .dashboard-main__image-wrap h2 {
    color: #FFFFFF;
    margin-bottom: 20px;
}
.why-it-matters.dashboard-main.join-the-movement-section .dashboard-main__image-wrap h2 {
    color: #4F5E66;
    padding-right: 30px;
}
.why-it-matters.dashboard-main .dashboard-main__image-wrap p {
    color: #FFFFFF;
    margin-bottom: 160px;
    font-weight: 600;
}
@media screen and (max-width: 1279px) {
    .list__bottom-line ul li {
        font-size: 18px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .why-it-matters.dashboard-main .dashboard-main__image-wrap p {
        margin-bottom: 80px;
    }
    .why-it-matters.dashboard-main .dashboard-main__image-wrap {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 991px) {
    .dashboard-main.reverse .dashboard-main__wrap {
        flex-direction: column-reverse;
        row-gap: 40px;
    }
    .why-it-matters.dashboard-main .why-it-matters__image {
        width: auto;
        height: 73px;
        object-fit: contain;
        margin-top: 10px;
        margin-bottom: 40px;
        margin-inline: auto;
        aspect-ratio: auto;
        transform: rotate(90deg);
    }
    .why-it-matters.dashboard-main.join-the-movement-section .why-it-matters__image {
        margin-block: 0;
        transform: none;
    }
    .why-it-matters.dashboard-main.join-the-movement-section .dashboard-main__image-wrap {
       max-width: 500px;
    }
    .list__bottom-line ul li {
      font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .list__bottom-line p {
      font-size: 16px;
    }
}
/*Pricing*/
.logo-section.pad-block-100 {
    padding-top: 0;
}
.logo-section {
    background: #F1F5F8;
}
.logo-section__slider-wrap h2 {
   text-align: center;
}
.slide__logo  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
.slide__logo img {
  width: 80%;
  height: auto;
  object-fit: contain;
  max-height: 100px;
}
/*Pricing table*/
.pricing-packages {
    background: #F1F5F8;
}
.pricing-packages__table {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 10px;
    width: 100%;
    border: 2px solid #F1F5F8;
    margin-top: -70px;
    margin-bottom: 30px;
}
.packages-table__row {
    display: flex;
    width: 100%;
}

.packages-table__row .packages-table__cell:not(:last-child) {
   border-right: 2px solid #F1F5F8;
}

.packages-table__cell {
    width: 19.5%;
    border-bottom: 2px solid #F1F5F8;
    text-align: center;
    padding: 10px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    min-height: 45px;
}
.pricing-packages__table .packages-table__row:nth-last-child(2) .packages-table__cell{
    font-weight: 600;
}
.packages-table__cell img {
    width: 25px;
    height: 25px;
    min-width: 25px;
    object-fit: contain;
}
.packages-table__row .packages-table__cell:first-child {
    width: 22%;
    text-align: left;
    justify-content: flex-start;
}
.pricing-packages__table .packages-table__row:last-child .packages-table__cell {
    border-bottom: 0; 
 }
 .pricing-packages__table .packages-table__title-row:nth-child(2) .packages-table__cell:first-child {
    border-bottom: 0; 
 }
.packages-table__title-row .packages-table__cell h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 0;
}
.packages-table__product-title-row h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 0;
}

.btn-blue {
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: background .33s ease;
    width: 100%;
    border-radius: 5px;
    font-family: Poppins-f, sans-serif;
    font-weight: 500;
    line-height: 2;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: #0074ba;
    border: 1px solid #0074ba;
    margin: 15px 10px;
}
.btn-blue:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .33s ease;
    z-index: -1;
    border-radius: 0;
    background: linear-gradient(180deg, #00aeef, #2b3990)
}
.btn-blue:hover {
    color: #fff;
    border: 1px solid #00aeef;
}
.btn-blue:hover:before {
    height: 100%;
}
.dashboard-main__content .btn-blue {
    width: fit-content;
    margin: 30px 0 0;
    padding: 5px 33px;
    font-size: 18px;
}
.package-price {
    font-size: 20px;
    font-weight: 600;
}
.pricing-packages__banner {
    width: 1120px;
    max-width: 100%;
    background: linear-gradient(180deg, #2B3990 0%, #00AEEF 100%);
    padding: 25px 40px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-inline: auto;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 100px;
}
.pricing-packages__banner-text {
    flex-direction: column;
    color: #FFFFFF;
}
.pricing-packages__banner-text h4 {
   font-size: 24px;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 5px;
}
.pricing-packages__banner-text p {
    font-size: 18px;
    color: #FFFFFF;
}
.pricing-packages__banner > div {
    display: flex;
    flex: 1;
    height: fit-content;
}
.pricing-packages__banner-button {
    padding-left: 50px;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 1279px) {
    .packages-table__product-title-row h5, 
    .packages-table__cell  {
        font-size: 14px;
    }
    .packages-table__cell img {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
    .btn-blue {
        margin: 0;
        padding: 5px 5px;
    }
    .packages-table__title-row .packages-table__cell h4 {
        font-size: 16px;
    }
    .pricing-packages__banner-text h4 {
        font-size: 20px;
     }
     .pricing-packages__banner-text p {
        font-size: 16px;
     }
}
@media screen and (max-width: 991px) {
    .btn-blue {
        font-size: 13px;
    }
    .packages-table__cell {
        padding: 10px;
    }
    .dashboard-main__content .btn-blue {
        margin-inline: auto;
    }
    .pricing-packages__banner {
        margin-bottom: 80px;
    }
}
@media screen and (max-width: 767px) {
    .packages-table__title-row .packages-table__cell h4 {
        font-size: 14px;
    }
    .package-price {
        font-size: 18px;
    }
    .packages-table__product-title-row h5, 
    .packages-table__cell  {
        font-size: 12px;
    }
    .packages-table__cell img {
        width: 16px;
        height: 16px;
        min-width: 16px;
    }
    .pricing-packages__table-wrap {
        overflow-x: auto;
        margin-top: -60px;
        border-radius: 10px;
    }
    .pricing-packages__table {
        min-width: 600px;
        margin-top: 0;
    }
    .packages-table__cell {
        min-height: 40px;
    }
    .pricing-packages__banner {
        flex-direction: column;
        row-gap: 30px;
    }
    .pricing-packages__banner-text h4, .pricing-packages__banner-text p {
        text-align: center;
    }
    .pricing-packages__banner-button {
        padding-left: 0;
    }
    .pricing-packages__banner {
        margin-bottom: 60px;
    }
}
/*About page*/
.main-section.about-main-section .main-section__image-wrap img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 0;
}
.main-section.about-main-section {
    background: #FFFFFF;
}

.main-section.about-main-section .main-section__wrap {
   align-items: center;
}
.dashboard-main.our-story-section h2 {
  text-align: left;
}
.dashboard-main.our-story-section .text-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.who-we-serve {
    background: #F1F5F8;
}
.who-we-serve h2 {
    margin-bottom: 20px;
    text-align: center;
}
.who-we-serve .col-12 > p {
   text-align: center;
}
.who-we-serve__masonry-gallery {
    margin-block: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.who-we-serve__masonry-gallery .masonry-gallery__item {
    border-radius: 10px;
    padding: 30px;
    display: flex;
    position: relative;
    min-height: 280px;
    overflow: hidden;
}
.who-we-serve__masonry-gallery .masonry-gallery__item:hover .masonry-gallery__image {
    transform: scale(1.1);
}
.who-we-serve__masonry-gallery .masonry-gallery__item p {
    position: relative;
    z-index: 2;
    color: #FFFFFF;
}
.who-we-serve__masonry-gallery .masonry-gallery__item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
linear-gradient(180deg, rgba(0, 0, 0, 0) 40.48%, rgba(0, 0, 0, 0.7) 100%);
    display: inline-block;
    border-radius: 10px;
}
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(-n+3) {
    width: calc((100% / 3) - 20px);
}
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4),
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) {
    width: calc((100% / 2) - 15px);
}
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(-n+3) {
   align-items: flex-end;
}
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4),
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) {
    align-items: center;
}
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4) .masonry-gallery__title {
    max-width: 60%;
    margin-left: auto;
}
.who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) .masonry-gallery__title {
    max-width: 60%;
}
.masonry-gallery__image {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: inline-block;
    object-position: center top;
    border-radius: 10px;
    transition: transform ease 0.8s;
}
@media screen and (max-width: 1279px) {
 .who-we-serve__masonry-gallery .masonry-gallery__item p {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
    .dashboard-main.our-story-section h2 {
        text-align: center;
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(1),  .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) {
       width: calc(55% - 15px);
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(2),  .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4) {
       width: calc(45% - 15px);
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(3) {
       width: 100%
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(3) .masonry-gallery__title {
       max-width: 60%;
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4) .masonry-gallery__title, .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) .masonry-gallery__title {
       max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .who-we-serve__masonry-gallery .masonry-gallery__item p {
        font-size: 16px;
        line-height: 1.5;
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(1),  .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) {
       width: calc(55% - 8px);
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(2),  .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4) {
       width: calc(45% - 8px);
    }
    .who-we-serve__masonry-gallery {
        gap: 16px;
    }
}
@media screen and (max-width: 575px) {
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(1),  .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) {
       width: 100%;
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(2),  .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4) {
       width: 100%;
    }
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(4),
    .who-we-serve__masonry-gallery .masonry-gallery__item:nth-child(5) {
       align-items: flex-end;
    }
    .who-we-serve__masonry-gallery {
        margin-block: 40px;
    }
}
.leadership {
    padding: 100px 0 50px;
}
.leadership__wrap h2 {
    text-align: center;
}
.slide__leadership {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.leadership-item__photo {
    border-radius: 10px;
    aspect-ratio: 0.75;
    object-fit: cover;
    object-position: top center;
}
.leadership-item__info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.leadership-item__name {
    font-size: 18px;
    font-weight: 600;
    color: #0074BA;
}
.leadership-item__position {
   font-weight: 400;
   font-size: 16px;
}
.leadership-item__soc-links {
    display: flex;
    column-gap: 5px;
    justify-content: flex-end;
}
.leadership-item__soc-links li {
    transition: transform ease 0.5s;
    height: fit-content;
}
.leadership-item__soc-links li:hover {
    transform: translateY(-4px);
}
.leadership-item__soc-links img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    min-width: 30px;
}

@media screen and (max-width: 991px) {
 .leadership {
    padding: 80px 0 40px;
  }
  .leadership-item__position {
    font-size: 14px;
  }
  .leadership-item__name {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
 .leadership {
    padding: 60px 0 30px;
  }
  .leadership-item__info {
    flex-direction: column; 
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
  }
}
/*Contacts*/
.contact-block {
    margin-top: -65px;
    background: #f1f5f8;
    padding-bottom: 100px;
}
.contact-block__wrap {
  display: flex;
  gap: 30px;
}
.contact-block__wrap .contact-block__item:nth-child(2) a {
  text-decoration: underline;
}
.contact-block__wrap .contact-block__item:nth-child(1) a,
.contact-block__wrap .contact-block__item:nth-child(2) a {
  word-break: break-all;
}
.contact-block__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 60px 40px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
.contact-block__item a {
  color: #0074BA;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  transition: color ease 0.3s;
  text-align: center;
}
.contact-block__item a:hover {
  color: #2B3990;
}
.contact-block__icon-wrap {
    width: 80px;
    height: 80px;
    background: #0074BA;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.contact-block__icon-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.contact-block__subtitle {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 5px;
   text-align: center;
}
@media screen and (max-width: 1279px) {
    .contact-block__item {
        padding: 30px 20px;
    }
}
@media screen and (max-width: 991px) {
    .contact-block__icon-wrap {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }
    .contact-block__item a {
        font-size: 16px;
    }
    .contact-block__subtitle {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .contact-block__wrap {
      gap: 20px;
    }
    .contact-block__item a {
        font-size: 14px;
    }
    .contact-block__item {
        padding: 30px 10px;
    }
}
@media screen and (max-width: 575px) {
    .contact-block__wrap {
      flex-direction: column;
    }
    .contact-block__item {
        flex: auto;
        width: 90%;
        margin-inline: auto;
    }
}
/* Contact section form */
.contact-form-section {
   background: #f1f5f8;
   padding-bottom: 120px;
}
@media screen and (max-width: 991px) {
  .contact-form-section {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form-section {
    padding-bottom: 60px;
  }
}
.contact-form__wrap h2 {
    text-align: center;
    margin-bottom: 20px;
}
.contact-form__wrap > p {
    text-align: center;
}
.form-contacts__input-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 991px) {
 .form-contacts__input-wrapper {
    margin-top: 40px;
  }
}
.form__input {
  width: 32%;
}
@media (max-width: 767px) {
  .form__input {
    width: 100%;
  }
}

.form__input-full-width {
  width: 100%;
}

.form__input input,
.form__textarea textarea {
  display: block;
  border-bottom: 1px solid #CED6E0;
  font-weight: 400;
  color: #4F5E66;
  line-height: 1.2;
  padding: 14px 0;
  width: 100%;
  background: transparent;
  border-radius: 0;
  font-size: 16px;
  transition: border-color ease 0.3s;
}
.form__input input:focus-visible,
.form__textarea textarea:focus-visible  {
  border-color: #0074BA;
}
.form__input input,
.form__textarea textarea {
  margin-bottom: 40px;
}
.form__input label,
.form__textarea label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0;
  color: #4F5E66;
}
@media (max-width: 991px) {
  .form__input input,
  .form__textarea textarea {
    margin-bottom: 20px;
  }
}

.form__textarea textarea::placeholder,
.form__input input::placeholder {
  color: rgba(79, 94, 102, 0.8);
  opacity: 1;
}

.form-contacts__btn-wrap {
  margin-top: 20px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin-inline: auto;
}
.form-contacts__btn-wrap .btn-blue {
  width: fit-content;
  padding-inline: 87px;
  font-size: 18px;
}
.red-star {
  color: #E50000;
}
/* Form messages */
.form__error {
   color: #cc0d00;
}
.form_text_field_error {
  border-bottom: 1px solid #cc0d00;
}

.form_text_field_error input {
  border: 1px solid #ff4343;
}

.form_text_field_success input {
  border: 1px solid #42904f;
}

.form_send_error {
  width: 100%;
  text-align: center;
  border: 2px solid red;
  padding: 8px 5px;
}

.form_send_success {
  width: 100%;
  text-align: center;
  border: 2px solid green;
  padding: 8px 5px;
}
/*Page 404*/
.page404__section {
    background: #F1F5F8;
}
.page404__wrap {
  padding: 120px 0;
  width: 1061px;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .page404__wrap {
    padding: 120px 0 80px;
  }
}

.page404__wrap h1 {
    margin-bottom: 10px;
    color: #4F5E66;
}
.page404__wrap p {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
}
@media screen and (min-width: 1921px) {
    .page404__wrap p {
        font-size: 24px;
    }
}
.page404__wrap .btn-blue {
  margin-top: 30px;
  padding: 5px 40px;
  margin-inline: auto;
  justify-content: center;
  max-width: 100%;
  width: fit-content;
}

.page404__wrap img {
  width: 660px;
  max-width: 80%;
  height: auto;
  object-fit: contain;
  margin-bottom: 88px;
}

@media screen and (max-width: 1279px) {
  .page404__wrap img {
    max-width: 60%;
    margin-bottom: 40px;
  }
}
.bg-light-blue {
    background: #F1F5F8;
}
.wrap-center {
    justify-content: center; 
}
/*Terms & Conditions*/
/* Privacy Policy*/
/*Template page*/
.page-template::after, .page-template-default:after, .blog-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 370px;
    display: inline-block;
    background: linear-gradient(180deg, #F1F5F8 0%, rgba(241, 245, 248, 0) 100%);
    z-index: -1;
}
.site-main h1 {
   text-align: center;
   color: #4F5E66;
   margin-bottom: 60px;
}
.page-template-terms h1, .page-template-privacy_policy h1 {
    font-size: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
}
.page-template-default h1 {
    font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1920 - 320)));
}
.page-template .site-main .container > p, .page-template-default .site-main .container p {
   padding-bottom: 30px;
}
.site-main ul, .site-main ol, .post ul, .post ol {
   padding-left: 30px;
   margin-bottom: 30px;
}
.site-main ul li, .post ul li {
   list-style-type: disc;
}
.site-main ol li, .post ol li {
   list-style: auto;
}
.site-main .wp-block-group__inner-container {
    margin-bottom: 30px;
}
 .post .wp-block-group__inner-container {
    margin-bottom: 10px;
}
 .site-main h2 {
   font-size: 24px;
   font-weight: 600;
}
.site-main h3 {
   font-size: 22px;
   font-weight: 600;
}
.site-main  h4 {
   font-size: 20px;
   font-weight: 500;
}
.site-main h5 {
   font-size: 18px;
   font-weight: 500;
}
.site-main a, .post a {
   color: #4F5E66;
   transition: all ease 0.3s;
}
.site-main a:hover, .post a:hover {
   color: #0074BA;
}
.site-main h2, .site-main .container > h3, .site-main h4, .site-main h5 {
   margin-bottom: 10px;
}
.wp-block-columns {
    margin-bottom: 30px;
    align-items: center;
    column-gap: 10%;
}

.wp-block-columns img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 1;
}
.wp-block-column figure {
    margin: 0 !important;
}
@media screen and (max-width: 1279px) {
    .site-main h1 {
      margin-bottom: 40px;
    }
    .site-main .container h2 {
      font-size: 20px;
    }
    .site-main .container h3 {
      font-size: 18px;
    }
    .site-main .container h4 {
      font-size: 16px;
    }
    .site-main .container  h5 {
      font-size: 14px;
    }
    .site-main ul li, .site-main ol li {
      font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .container .wp-block-columns {
       align-items: flex-start;
    }
    .container .wp-block-columns:nth-child(odd) {
       flex-direction: column-reverse !important;
    }
}
@media screen and (max-width: 767px) {
    .site-main ul li, .site-main ol li {
      font-size: 16px;
    }
    .wp-block-columns {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1921px) {
    .page-template-terms .site-main h1, .page-template-privacy_policy .site-main h1 {
        font-size: 48px;
    }
    .page-template-default .site-main h1 {
        font-size: 36px;
    } 
}

/*Blog*/
.blog-title-wrap .main-title .title-color-blue {
    padding-left: 10px;
}
.p-block-first-section {
    padding-top: 170px;
    padding-bottom: 120px;
}
.blog h1 {
    color: #4F5E66;
}
.blog-title-wrap {
    display: flex;
    align-items: center;
    column-gap: 30px;
}
.newsletter-block, .blog-title-wrap h1 {
    display: flex;
    flex: 1;
}
sup {
    font-size: 55%;
    vertical-align: super;
}
.blog-title-wrap h1 sup {
    top: 0.5rem;
}
.title-banner h1 sup {
    font-size: 45%;
}
.newsletter-block {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
}
.newsletter-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/email-newsletter.svg)no-repeat;
    background-size: 20px 20px;
}
.newsletter-block input {
    padding-left: 35px;
    border-bottom: 1px solid #CED6E0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    flex: 1;
    color: #4F5E66;
    padding-block: 11px;
}
.newsletter-block input:focus-visible {
    border-color: #0074BA;
}
.newsletter-block .btn-blue {
    padding: 10px 20px;
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
@media screen and (max-width: 991px) {
    .p-block-first-section {
        padding-top: 120px;
        padding-bottom: 80px;
    }
    .blog-title-wrap {
        flex-direction: column;
        row-gap: 40px;
        align-items: flex-start;
    }
    .newsletter-block {
        width: 500px;
        max-width: 100%;
    }
    .newsletter-block input {
        font-size: 16px;
    }
    .newsletter-block .btn-blue {
      padding: 5px 20px;
    }
}
.main-blog-item-wrap {
  margin: 60px 0 90px;
  display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: repeat(4, auto); 
  gap: 30px; 
}

.main-blog-item-wrap .blog-item-styles:nth-child(1) {
  grid-column: 1 / 2; 
  grid-row: 1 / span 4; 
}
.main-blog-item-wrap .blog-item-styles:nth-child(n+2) {
  grid-column: 2 / 3; 
  display: flex;
  column-gap: 30px;
}
.main-blog-item-wrap .blog-item-styles:nth-child(n+2) p {
  display: none;
}
.main-blog-item-wrap .blog-item-styles:nth-child(n+2) img {
   aspect-ratio: 1.33;
   border-radius: 10px;
}
.main-blog-item-wrap .blog-item-styles:nth-child(n+2) .blog-item__info {
   width: calc(67% - 30px);
}
.main-blog-item-wrap .blog-item-styles:nth-child(n+2) h4 {
    font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
}
.main-blog-item-wrap .blog-item-styles:nth-child(1) img {
   aspect-ratio: 1.45;
   border-radius: 20px;
   margin-bottom: 20px;
}
.main-blog-item-wrap .blog-item-styles:nth-child(1) h4 {
   font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
}
.sort-blog-item__wrap .blog-item-styles h4 {
   font-size: calc(12px + (24 - 12) * ((100vw - 320px) / (1920 - 320)));
}
.blog-item-styles img {
   width: 100%;
   height: fit-content;
   object-fit: cover;
}
.blog-item-styles p {
   margin-top: 10px;
   font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.sort-blog-item__wrap .blog-item-styles p {
   font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
.blog-item-styles h4 {
   margin-block: 5px;
   font-weight: 600;
   line-height: 1.5;
}
.blog-item-styles time {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
   display: flex;
}
.blog-item-styles a {
   color: #4F5E66;
   transition: color ease 0.3s;
}
.blog-item-styles a:hover {
   color: #0074BA;
}
.blog-categories__tag {
    background: #F1F5F8;
    padding: 5px 20px;
    color: #0074BA;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px;
    width: fit-content;
}
.image-link {
    width: 33%;
}
.sort-blog-item__wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 60px;
}
.sort-blog-item__wrap .blog-item-styles {
    width: calc((100% / 3) - 20px);
}
.sort-blog-item__wrap .blog-item-styles img {
    margin-bottom: 20px;
    border-radius: 10px;
    aspect-ratio: 1.34;
}
/* Pagination Wrapper */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  column-gap: 10px;
}
.page-numbers__list {
  display: flex;
  column-gap: 10px;
}
.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  max-width: 40px;
  height: 40px;
  border: 1px solid #0074BA;
  color: #0074BA;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  transition: all 0.33s ease-in;
  border-radius: 5px;
}
.page-numbers:hover {
  color: #4F5E66; 
  text-decoration: none;
}
.page-numbers.current {
  background: #0074BA; 
  border: 1px solid #0074BA;
  color: #ffffff; 
}
.page-numbers.prev svg {
  transform: rotate(180deg);
}
.page-numbers.inactive {
  opacity: 0.2;
  pointer-events: none;
  cursor: default;
}
.page-numbers.next:hover svg path,
.page-numbers.prev:hover svg path {
  fill: #4F5E66;
}
.page-numbers.next svg,
.page-numbers.prev svg {
  transition: all 555ms ease-in;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 1921px) {
    .main-blog-item-wrap .blog-item-styles:nth-child(1) h4 {
       font-size: 24px;
    }
    .sort-blog-item__wrap .blog-item-styles h4 {
       font-size: 24px;
    }
    .blog-item-styles p {
       font-size: 20px;
    }
    .sort-blog-item__wrap .blog-item-styles p {
       font-size: 20px;
    }
    .main-blog-item-wrap .blog-item-styles:nth-child(n+2) h4 {
    font-size: 20px;
}
}
@media screen and (max-width: 991px) {
     .blog-item-styles time, .blog-categories__tag {
       font-size: 12px;
    }
    .main-blog-item-wrap .blog-item-styles:nth-child(n+2) {
        column-gap: 15px;
    }
    .main-blog-item-wrap .blog-item-styles:nth-child(n+2) .blog-item__info {
        width: calc(67% - 15px);
    }
}
@media screen and (max-width: 767px) {
    .p-block-first-section {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .main-blog-item-wrap {
        display: block; 
    }

    .main-blog-item-wrap .blog-item-styles {
        width: 100%;
        margin-bottom: 30px; 
    }

    .main-blog-item-wrap .blog-item-styles:nth-child(n+2) {
        grid-column: auto;
    }
    .main-blog-item-wrap .blog-item-styles:nth-child(n+2) h4 {
        font-size: 16px;
    }
}
@media screen and (max-width: 575px) {
     .newsletter-block .btn-blue {
      font-size: 14px;
    }
    .newsletter-block input {
        font-size: 15px;
        padding-left: 25px;
    }
    .newsletter-block::before {
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
    .sort-blog-item__wrap .blog-item-styles {
       width: 100%;
    }
    .main-blog-item-wrap .blog-item-styles:nth-child(1) h4 {
       font-size: 18px;
    }
    .sort-blog-item__wrap .blog-item-styles h4 {
       font-size: 18px;
    }
    .blog-item-styles p {
       font-size: 16px;
    }
    .sort-blog-item__wrap .blog-item-styles p {
       font-size: 16px;
    }
      .page-numbers {
        font-size: 14px;
        width: 34px;
        height: 34px;
    }
}
.sort-blocks__wrap {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-select {
    width: 45%;
    display: flex;
    justify-content: flex-end;
}
/*search*/
.blog-search {
  display: flex;
  width: 45%;
}
@media screen and (max-width: 767px) {
 .blog-search, .blog-select  {
    width: 100%;
 }
 .sort-blocks__wrap {
    flex-wrap: wrap;
    row-gap: 30px;
 }
 .blog-select  {
    justify-content: flex-start;
 }
}
.search-form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CED6E0; 
  width: 430px;
  max-width: 100%;
}
.search-form input {
  color: #4F5E66; 
  line-height: 1.5;
  font-weight: 400;
  font-size: 18px;
  width: calc(100% - 35px);
  padding-left: 10px;
}

.search-form input::placeholder {
  color: #4F5E66;
  opacity: 1;
}

.search-form button img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
/* Container */
@media screen and (max-width: 991px) {
  .header__input-search {
    position: relative;
  }
}

.header__search-input-wrapper {
  min-width: 100%;
}

@media screen and (min-width: 992px) {
  .header__search-input-wrapper {
    position: relative;
  }
}
/* Result Search Dropdown */
.result-search {
  position: absolute;
  top: 150%;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100%;
  padding: 20px 20px 40px;
  z-index: 111;
  background: #F1F5F8; 
  border-radius: 10px;
  display: none;
  max-height: 400px;
  overflow-y: auto;
}

@media screen and (max-width: 991px) {
  .result-search {
    padding: 24px 16px;
  }
}

.result-search-list ul li {
  border-bottom: 1px solid #CED6E0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.result-search-list ul li a {
  font-size: 14px;
  color: #4F5E66;
  font-weight: 400;
  line-height: 150%;
}

.result-search-list a {
  transition: color ease 0.3s;
}

.result-search-list a:hover {
  color: #0074BA; 
}

.result-search-list h3 {
  font-size: 20px;
  color: #0074BA; 
  font-weight: 700;
  line-height: 150%;
}
/*select*/
 .select2-container .select2-selection {
  padding: 0;
  height: auto;
}
.select2 {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  padding: 5px 0 15px;
  border-bottom: 1px solid #CED6E0;
  border-radius: 0;
  color: #4F5E66; 
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  width: 430px !important;
}
@media screen and (max-width: 1279px) {
   .select2, .search-form input {
      font-size: 16px;
   }
}
.select2 .select2-container .selection {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .select2 {
    display: flex;
  }

  .products-filter__wrap .select2 {
    margin-left: auto;
  }

  .select2-results__option {
    padding: 5px 15px;
  }
}

/* Single select base styles */
.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #4F5E66;
  padding: 0;
  line-height: 22px;
}

/* Arrow icon */
.select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow {
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  background: url(../img/down-arrow.svg) no-repeat right center;
  background-size: 10px;
  transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

/* Dropdown */
.select2-dropdown {
  z-index: 5;
  border: 1px solid #DFE4EA;
  border-radius: 5px;
  padding: 0;
}

.woocommerce-page .select2-container .select2-dropdown {
  border: 1px solid #DFE4EA;
  border-radius: 10px;
  padding: 0;
}

/* Dropdown items */
.select2-results__option {
  padding: 7px 20px;
  color: #4F5E66;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
}

/* Hovered/selected option */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #0074BA; 
  color: #FFFFFF;
}

/* Hide search field inside dropdown */
.select2-search {
  display: none;
}
/*Single post*/
.post__wrap {
    padding-right: 30px;
}
@media screen and (max-width: 991px) {
 .post__wrap {
    padding-right: 0;
}
}
.post-section h1 {
    color: #4F5E66;
    font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 20px;
}
.post-section .col-12 > time {
  font-weight: 500;
  margin-bottom: 40px;
  display: inline-block;
}
@media screen and (max-width: 1279px) {
    .post-section .col-12 > time {
      font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .post-section .col-12 > time {
      font-size: 16px;
      margin-bottom: 20px;
    }
}
@media screen and (min-width: 1921px) {
 .post-section h1 {
    font-size: 36px;
  }
}
.popular-blog-item-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.popular-blog-item-wrap .image-link {
   display: none;
}
.popular-blog-item-wrap p {
   display: none;
}
.popular-blog-item-wrap h4 {
   font-size: 18px;
}
@media screen and (max-width: 1279px) {
 .popular-blog-item-wrap h4 {
   font-size: 16px;
}
}
.blog_categories {
  position: sticky;
  top: 130px;
  transition: all ease 555ms;
}
@media screen and (max-width: 991px) {
  .blog_categories {
    position: relative;
    top: 0;
    margin-top: 60px;
  }
}
.blog_categories h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .blog_categories h2 {
    margin-bottom: 15px;
  }
}
.blog_categories a {
  color:#4F5E66; 
}

.blog_categories ul li {
  margin-bottom: 10px;
}

.blog_categories ul li a {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  color: #4F5E66;
  transition: color ease 0.3s;
}
@media screen and (max-width: 1279px) {
  .blog_categories ul li a {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .blog_categories ul li a {
    font-size: 18px;
  }
  .blog_categories ul li {
    margin-bottom: 5px;
  }
}
.blog_categories ul li a:hover {
  color: #0074BA;
}

.blog_categories .categories {
  margin-bottom: 60px;
}
.categories-tag__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-block: 30px;
}
.post__share-btn-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 30px 0 60px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .post__share-btn-wrap {
    justify-content: center;
  }
}
@media screen and (max-width: 575px) {
  .post__share-btn-wrap {
    padding: 30px 0 30px;
  }
}
.share-btn {
  padding: 5px 20px;
  color: #ffffff;
  font-family: "Merriweather-f", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.875;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  text-transform: uppercase;
  align-items: center;
  position: relative;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .share-btn {
    width: 30%;
  }
}
@media screen and (max-width: 575px) {
  .share-btn {
    font-size: 14px;
  }
}
.share-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  height: 0;
  transition: height ease 333ms;
}
.share-btn:hover {
  color: #ffffff;
}
.share-btn:hover::after {
  height: 100%;
}
.share-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.post-facebook {
  background: #3B5998;
}
.post-tweet {
  background: #000000; 
}
.post-whatsapp {
  background: #25D366;
}
.post-mail {
  background: #0074BA;
}
.post-share {
  background: #4F5E66;
}
#copy-message {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #F1F5F8; 
  color: #0074BA;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  transition: all 0.3s ease;
}

.blog-post__nav {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  border-top: 1px solid #CED6E0;
  border-bottom: 1px solid #CED6E0;
  padding-block: 19px;
}
@media screen and (max-width: 767px) {
  .blog-post__nav {
    padding-block: 15px;
  }
}
.blog-post__nav-btn {
  width: 50%;
}
.blog-post__nav-btn:hover p,
.blog-post__nav-btn:hover span {
  color: #0074BA; 
}
.blog-post__nav-btn span {
  display: inline-block;
  color: #0074BA;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  transition: all ease 333ms;
  margin-bottom: 10px;
}
.blog-post__nav-btn p {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  color: #4F5E66;
  font-weight: 600;
  line-height: 1.6;
  transition: all ease 333ms;
}
@media (min-width: 1921px) {
  .blog-post__nav-btn p {
    font-size: 18px;
  }
}
.blog-post__nav-next {
  text-align: right;
}
/*article*/
.post > p, .post ul, .post ol {
    margin-bottom: 30px;
}
.post h2,.post h3, .post h4, .post h5 {
    margin-bottom: 10px;
}
.post h2 {
   font-size: 26px;
   font-weight: 600;
}
.post h3 {
   font-size: 24px;
   font-weight: 600;
}
.post h4 {
   font-size: 20px;
   font-weight: 500;
}
.post h5 {
   font-size: 18px;
   font-weight: 500;
}
.post img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 1.97;
}
.post blockquote {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    background: #F1F5F8;
    padding: 20px 30px;
    border-radius: 10px;
}
.post blockquote p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
}
@media screen and (max-width: 1279px) {
    .post h2 {
      font-size: 20px;
    }
    .post h3 {
      font-size: 18px;
    }
    .post h4 {
      font-size: 16px;
    }
    .post h5 {
      font-size: 114px;
    }
    .post ul li, .post ol li, .post blockquote p {
      font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .post ul li, .post ol li, .post blockquote p {
      font-size: 16px;
    }
}
/*Footer*/
.footer {
    background: #323c42;
    margin-top: -100px
}

.footer__wrapper {
    padding: 160px 0 60px;
    display: flex;
    gap: 30px
}
body.no-footer-padding .footer__wrapper {
    padding-top: 60px;
}
body.no-footer-padding .footer {
    margin-top: 0;
}
@media screen and (max-width:991px) {
    .footer__wrapper {
        padding-bottom: 40px
    }
}

@media screen and (max-width:575px) {
    .footer__wrapper {
        align-items: center;
        padding-bottom: 30px;
        flex-wrap: wrap
    }
}

@media screen and (max-width:575px) {
    .footer__wrapper>div {
        text-align: center
    }
}

.footer__link-block {
    width: 50%
}

@media screen and (max-width:767px) {
    .footer__link-block {
        width: 35%
    }
}

@media screen and (max-width:575px) {
    .footer__link-block {
        width: 100%
    }
}

.footer-logo img {
    width: 268px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:1279px) {
    .footer-logo img {
        width: 200px
    }
}

.footer__soc-link-list {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 30px;
    justify-content: flex-start
}

@media screen and (max-width:1279px) {
    .footer__soc-link-list {
        justify-content: flex-start;
        width: auto
    }
}

@media screen and (max-width:767px) {
    .footer__soc-link-list {
        justify-content: flex-start
    }
}

@media screen and (max-width:575px) {
    .footer__soc-link-list {
        justify-content: center
    }
}

.footer__soc-link-list li {
    transition: background 333ms ease;
    line-height: 30px
}

.footer__soc-link-list a {
    display: block;
    width: 30px;
    height: 30px
}

.footer__soc-link-list li:hover {
    background: #0074ba
}

.footer__soc-link-list img {
    width: 30px;
    height: 30px
}

.footer__nav-blocks-wrap {
    width: 50%;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .footer__nav-blocks-wrap {
        margin-left: 0;
        width: 65%
    }
}

@media screen and (max-width:575px) {
    .footer__nav-blocks-wrap {
        flex-direction: column;
        width: 100%
    }
}

.footer__nav-blocks-wrap h4 {
    font-family: Poppins-f, sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.78
}

@media screen and (max-width:1279px) {
    .footer__nav-blocks-wrap h4 {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .footer__nav-blocks-wrap h4 {
        font-size: 12px
    }
}

.footer__nav-blocks-wrap .nav-block {
    width: 50%
}

@media screen and (max-width:575px) {
    .footer__nav-blocks-wrap .nav-block {
        width: 100%
    }
}

.footer-nav li {
    line-height: 1;
    margin-bottom: 5px
}

.footer-nav li:hover a {
    color: #0074ba
}

.footer-nav a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.75;
    transition: color 333ms ease
}

@media screen and (max-width:767px) {
    .footer-nav a {
        font-size: 12px
    }
}

@media screen and (max-width:575px) {
    .footer-nav .menu-item {
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto
    }
}

.footer__copyright {
    background: #323c42;
    padding-block: 15px;
    border-top: 1px solid #4f5e66
}

.footer__copyright p {
    font-size: 14px;
    line-height: 1.4;
    color: #fff
}

@media screen and (max-width:991px) {
    .footer__copyright p {
        font-size: 12px;
        text-align: center;
    }
}

.footer__copyright a {
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    transition: color 333ms ease
}

@media screen and (max-width:991px) {
    .footer__copyright a {
        font-size: 12px
    }
}

.footer__copyright a:hover {
    color: #0074ba;
    text-decoration: none
}

.footer-links__terms {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}

.terms__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px;
    row-gap: 10px
}

@media screen and (max-width:991px) {
    .terms__block {
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;  
        align-items: center;      
    }
}

.wow {
    visibility: hidden;
}

/*POPUP*/
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: flex; 
  padding: 20px; 
  overflow-y: auto; 
}

.popup {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  position: relative;
  max-height: 90vh; 
  overflow-y: auto;
}
.popup h3 {
    text-align: center;
}
.popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 34px;
  cursor: pointer;
  line-height: 34px;
}
.open-quote-popup {
    cursor: pointer;
}
.popup .form__input {
    width: 100%;
}
.popup .form__input input, .popup .form__textarea textarea {
    margin-bottom: 10px;
        padding: 6px 0 10px;
}