:root {
    --primary: #006080;
    --secondary: #feb916;
    --lightblue: #b6edff;
    --radius: 0.8rem;
    --secondaryLight: #fcecc2;
    --primaryText: #FFFFFF;
    --secondaryText: #000000;
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    background-color: #fff;
    color: #002216;
    font-size: 1.8rem;
}

a {
    color: var(--primary);
}

p {
    font-size: 1.8rem;
    line-height: 1.7;
}

h1 {
    font-size: 5rem;
}

h2 {
    font-size: 4.6rem;
}

h3 {
    font-size: 2.8rem;
}

h4 {
    font-size: 2.4rem;
}

img {
    max-width: 100%;
}

iframe {
    max-width: 100%;
}
.special-color,
.special-color-1 {
    color: var(--primary);
}

.special-color-2 {
    color: var(--secondary);
}

.special-color-3 {
    color: var(--lightblue);
}

.black-color {
    color: #111 !important;
}

.underline {
    border-bottom: 0.6rem solid var(--secondary);
}

.f-bold-900 {
    font-weight: 900 !important;
}

.mr-auto {
    margin: auto !important;
}

.w-100 {
    width: 100%;
}

.vertical-align-center {
    display: flex;
    align-items: center;
}

.custom-btn {
    display: inline-block;
    padding: 0.8rem 2.5rem 1rem 2.5rem;
    background: var(--secondary);
    border: none;
    border-radius: var(--radius);
    font-size: 3rem;
    font-weight: 500;
    color: #1b1b1b;
    text-decoration: none;
    transition: all ease 300ms;
    box-shadow: 2px 8px 6px rgba(35, 35, 35, 0.05);
}

.custom-btn:hover,
.custom-btn:focus {
    color: #1b1b1b;
    text-decoration: none;
    transform: scale(1.04);
}

.heading-section {
    margin: 0 0 4.5rem 0;
    line-height: 1.3;
    font-size: 4.2rem;
    font-weight: 800;
}

.heading-section-info {
    display: block;
    margin: 0 0 1.5rem 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--secondary);
}

.list {
    padding: 0;
    list-style: none;
}

.list .list-item {
    position: relative;
    padding: 0 0 0 5.5rem;
    line-height: 1.65;
}

.list.style-bullet .list-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1.6rem;
    top: 0.85rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
    background: var(--primary);
}

.list .list-item .number-round {
    position: absolute;
    display: inline-block;
    padding: 0 0 0 0.1rem;
    width: 1.8rem;
    height: 1.8rem;
    left: 0;
    top: 0.7rem;
    background: var(--secondary);
    border-radius: 0.4rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.row-equal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row-equal>[class*='col-'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.padding-0 {
    padding: 0rem !important;
}

.margin-0 {
    margin: 0rem !important;
}

.margin-0 {
    margin: 0px;
}

.red-font {
    color: red;
}

select[multiple] {
    height: 10rem !important;
    background-image: none !important;
}

.align-center {
    text-align: center;
}


/* Header wrap */

.navbar-custom {
    margin: 0.5rem 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}


/* Logo */

.navbar-custom .navbar-brand {
    color: black;
    padding: 0rem 0rem 0rem 0.5rem;
    margin: 0 0 1rem 0;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #5E5E5E;
}

.navbar-custom .navbar-brand img {
    max-width: 100%;
}


/* Link */

.navbar-custom .navbar-nav>li>a {
    padding: 0 1.5rem;
    line-height: 4.8rem;
    font-size: 1.75rem;
    font-weight: 600;
    color: #000;
    transition: all ease 300ms;
}

.navbar-custom .navbar-nav>li>a.custom-btn:hover {
    background: var(--primary);
    color: #FFF;
}

.navbar-custom .navbar-nav>li>a:hover,
.navbar-custom .navbar-nav>li>a:focus {
    color: #777;
}

.navbar-custom .navbar-nav>.active>a,
.navbar-custom .navbar-nav>.active>a:hover,
.navbar-custom .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #F6F6F6;
}

.navbar-custom .navbar-nav>.open>a,
.navbar-custom .navbar-nav>.open>a:hover,
.navbar-custom .navbar-nav>.open>a:focus {
    color: #555;
    background: transparent;
    box-shadow: none;
}


/* Caret */

.navbar-custom .navbar-nav>.dropdown>a .caret {
    border-top-color: black;
    border-bottom-color: black;
}

.navbar-custom .navbar-nav>.dropdown>a:hover .caret,
.navbar-custom .navbar-nav>.dropdown>a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}

.navbar-custom .navbar-nav>.open>a .caret,
.navbar-custom .navbar-nav>.open>a:hover .caret,
.navbar-custom .navbar-nav>.open>a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}


/* Mobile version */

.navbar-custom .navbar-toggle {
    margin: 1rem 0.5rem 0 0;
    border-color: transparent;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #111;
}

.navbar-custom .navbar-toggle:hover .icon-bar,
.navbar-custom .navbar-toggle:focus .icon-bar {
    background-color: #888;
}

.navbar-custom .navbar-nav .dropdown-menu {
    min-width: auto;
    top: 75%;
    box-shadow: none;
    border: none;
    text-align: right;
}

.navbar-custom .navbar-nav .dropdown-menu>li>a {
    padding: 0.5rem 2.5rem;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: none;
}

@media (max-width: 991px) {
    .navbar-custom .navbar-nav>li>a {
        line-height: 5.5rem;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu>li>a {
        color: black;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
    }
    .navbar-custom .navbar-collapse,
    .navbar-default .navbar-form {
        text-align: center;
    }
    .navbar-custom .navbar-collapse {
        border-bottom-left-radius: 1.10rem;
        border-bottom-right-radius: 1.10rem;
        margin: 0rem 1.10rem;
        text-shadow: none
    }
    .navbar-header {
        background: transparent;
    }
    .navbar-custom {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0.1rem solid transparent;
        -webkit-box-shadow: inset 0 0.1rem 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 0.1rem 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 0.1rem;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar-custom .navbar-nav>li>a {
        padding: 0;
    }
    .navbar-custom .navbar-nav .dropdown-menu {
        position: relative;
        margin: -1.5rem 0 0 0;
        float: none;
        right: auto;
        left: auto;
        text-align: center;
    }
}

.navbar-custom .nav li a.active span {
    display: inline-block;
    padding: 0 0 0.5rem 0;
    border-bottom: 0.2rem solid var(--secondary);
    line-height: 1;
}


/* HEADER END */


/* LAYOUT */

.section {
    padding: 6rem 0;
}

.section-top {
    padding: 0;
}

.section-top .top-bar-wrap {
    padding: 2rem 0;
}

.homepage .section-top .heading-main-btn-wrap a {
    position: relative;
    z-index: 100;
}

.section {
    color: #616161;
}

.section .heading-section {
    color: #000;
}

.section-page-heading {
    position: relative;
    margin: 0 0 4rem 0;
    padding: 6rem 0 8rem 0;
    background: var(--primary);
    text-align: center;
}

.section-page-heading:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -3.5rem;
    width: 12rem;
    height: 12rem;
    border-radius: 100%;
    background: var(--primary);
    transform: translateX(-50%);
}

.section-page-heading .heading-page {
    max-width: 80rem;
    margin: 0 auto 3.5rem auto;
    font-size: 6rem;
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
}

.section-page-heading .desc {
    max-width: 970px;
    margin: 0 auto;
    font-weight: 500;
    color: #fff;
    line-height: 2.1;
}

.section-why .heading-section {
    max-width: 66rem;
    margin: 0 auto 7rem auto;
    font-size: 4.6rem;
    text-align: center;
}

/* track prices */

.section-why .desc {
    margin: 0 0 3.5rem 0;
    font-size: 3rem;
}

.section-why .image-wrap {
    text-align: right;
}

.section-meanwhile {
    padding: 8rem 0;
}

.section-meanwhile p {
    margin: 0 0 3rem 0;
}

.section-additional-info {
    padding: 8rem 0 16rem 0;
}

.section-additional-info .highlight {
    max-width: 1040px;
    margin: 0 auto;
    font-size: 3rem;
    font-weight: 200;
    color: var(--primary);
    text-align: center;
}


/* about us */

.section-incentive {
    text-align: center;
}

.section-incentive .desc {
    color: #000;
    max-width: 92rem;
    margin: 0 auto;
    padding: 11rem 0;
    border-top: 2px solid #e1e1e1;
    font-size: 3rem;
}

.section-incentive .btn-wrap {
    margin: 5rem 0 0 0;
}

.section-incentive .custom-btn {
    padding: 1.4rem 4rem 1.6rem 4rem;
    font-size: 2.8rem;
    font-weight: 600;
}


/* how it works */

.page-how-it-works .image-wrap {
    text-align: center;
}

.page-how-it-works .section-why {
    padding: 6rem 0 12rem 0;
}

.page-how-it-works .section-why p {
    margin: 0 0 3.5rem 0;
}

.page-how-it-works .section-why .highlight {
    margin: 4rem 0 6rem 0;
    font-size: 2.8rem;
    color: var(--primary);
    text-align: center;
}

.page-how-it-works .section-why .list {
    margin: 3rem 0 0 0;
}

.page-how-it-works .section-why .list-item {
    margin: 0 0 2.5rem 0;
}

.section-inbetween {
    padding: 6rem 0;
    background: var(--lightblue);
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
}

.section-inbetween .desc {
    max-width: 92rem;
    margin: 0 auto;
}

.section-pricing {
    padding: 12rem 0;
}


/* home */

.homepage .list {
    margin: 4.5rem 0;
}

.homepage .section-top {
    padding: 0 0 10rem 0;
    background: var(--lightblue);
}

.homepage .section-top .heading-main {
    color: #000;
    margin: 8rem 0 7rem 0;
    font-size: 4.6rem;
    font-weight: 800;
    line-height: 1.25;
}

.homepage .section-top .heading-main-info {
    color: #000;
    margin: 0 0 6rem 0;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.6;
}

.homepage .section-top .image-wrap {
    padding: 4rem 4.5rem 0 9.5rem;
}

.homepage .section-wave {
    position: relative;
    z-index: 1;
    width: 100%;
    top: -200px;
    border-left: 99vw solid transparent;
    border-bottom: 200px solid #FFF;
    margin-bottom: -200px;
}

.homepage .section-steps .heading-section {
    margin: 0 0 15rem 0;
    font-size: 4.7rem;
    text-align: center;
}

.homepage .section-steps .box-wrap {
    margin: 8rem 0 9rem 0;
    padding: 1.5rem;
    border-radius: 3rem;
}

.homepage .section-steps .box-content {
    margin: -7rem 0 0 0;
}

.homepage .section-steps .item {
    padding: 4rem 4rem 2rem 4rem;
    background: var(--lightblue);
    border-radius: var(--radius);
    text-align: center;
}

.homepage .section-steps .item .icon img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    top: 50%;
    left: 50%;
    object-position: center;
    position: absolute;
    transform: translate(-50%, -50%);
}

.homepage .section-steps .item .icon {
    margin: -8rem auto 0 auto;
    padding: 1.5rem 0 0 0;
    width: 12rem;
    height: 12rem;
    background: var(--primary);
    border-radius: 100%;
    position: relative;
}


.homepage .section-steps .item .title {
    color: #000;
    font-weight: 700;
    margin-top: 3rem;
    font-size: 2rem;
    line-height: 1.25;
}

.homepage .section-steps .item .desc {
    font-size: 1.4rem;
    margin-top: 3rem;
    font-weight: 500;
}

.section-packages .heading-section {
    width: 70%;
}

.section-packages .list .list-item {
    color: #616161;
}

.section-benefits {
    padding: 3rem 0 6rem 0;
}

/* PAGE HOW TO INSTALL APK */
.section-how-to-apk {
    padding: 0 0 3rem 0;
}

.section-how-to-apk .questions-wrap {
    padding: 6.5rem 0 3.5rem 0;
}

.section-how-to-apk .item {
    margin: 0 0 3rem 0;
    padding: 3rem 4rem 3rem 4.5rem;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2rem;
    cursor: pointer;
    transition: transform ease 300ms;
}

.section-how-to-apk .item:hover {
    transform: scale(1.02);
}

.section-how-to-apk .item .title {
    position: relative;
    margin: 0;
    padding: 0 4.5rem 0 0;
    font-size: 2.2rem;
    font-weight: 400;
}

.section-how-to-apk .item .title:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0.5rem;
    top: calc(50% - 1.5rem);
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url(../images/icons/expand-down-1.png) center center no-repeat;
    transition: transform linear 300ms;
}

.section-how-to-apk .item .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height ease 500ms;
}

.section-how-to-apk .item .content:before {
    content: '';
    display: block;
    height: 1.5rem;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.section-how-to-apk .item .content p:last-of-type {
    margin: 0;
}

.section-how-to-apk .item.item-active .content {
    max-height: fit-content;
    font-size: 2.7rem;
}

.section-how-to-apk .item.item-active .title:after {
    transform: rotate(-180deg);
}

.section-how-to-apk .item .content .heading{
    font-weight: 700;
}


.section-how-to-apk .item .content .step {
    text-align: center;
    padding: 2rem;
    display: flex;
    align-items: center;
}

.section-how-to-apk .item .content img {
    max-height: 50rem;;
}


.section-how-to-apk .item .content .step .step-title {
    text-align: left;
    margin-bottom: 2rem;
}

/* END HOW TO INSTALL APK */

/* PAGE FAQ */

.section-faq {
    padding: 0 0 3rem 0;
}

.section-faq .questions-wrap {
    padding: 6.5rem 0 3.5rem 0;
}

.section-faq .item {
    margin: 0 0 3rem 0;
    padding: 3rem 4rem 3rem 4.5rem;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2rem;
    cursor: pointer;
    transition: transform ease 300ms;
}

.section-faq .item:hover {
    transform: scale(1.02);
}

.section-faq .item .title {
    position: relative;
    margin: 0;
    padding: 0 4.5rem 0 0;
    font-size: 2.2rem;
    font-weight: 400;
}

.section-faq .item .title:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0.5rem;
    top: calc(50% - 1.5rem);
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url(../images/icons/expand-down-1.png) center center no-repeat;
    transition: transform linear 300ms;
}

.section-faq .item .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height ease 500ms;
}

.section-faq .item .content:before {
    content: '';
    display: block;
    height: 1.5rem;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.section-faq .item .content p:last-of-type {
    margin: 0;
}

.section-faq .item.item-active .content {
    max-height: 44rem;
}

.section-faq .item.item-active .title:after {
    transform: rotate(-180deg);
}


/* END FAQ */
/* FOOTER START */

.section-footer {
    padding: 7rem 0;
    background: var(--lightblue);
}

.section-footer .part-top {
    /* margin: 0 0 4rem 0; */
}

.section-footer .menu-wrap {
    padding: 2rem 0 0 0;
}

.section-footer .list-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.section-footer .list-item {
    display: inline-block;
    margin: 0 0 0 2rem;
}

.section-footer .list-item,
.section-footer .list-item a {
    font-weight: 700;
    color: #231e24;
}

.section-footer .law-note {
    font-size: 1.1rem;
    font-weight: 300;
    padding: 0 2rem 0 0;
    color: #727272;
    text-align: justify;
}

.section-footer .socials-wrap {
    margin: 2rem 0;
}

.section-footer .socials-wrap .icon-social {
    margin: 0 3rem 0 0 ;
}

.section-footer .socials-wrap a,
.section-footer .socials-wrap .icon-social {
    max-width: 40px;
    display: inline-block;
    text-decoration: none;
    transition: transform ease 300ms;
}

.section-footer .socials-wrap a:hover,
.section-footer .socials-wrap a:active {
    transform: scale(1.04);
}

.section-footer .partners-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: -2rem;
}

.section-footer .partners-wrap img {
    width: 45%;
    max-height: 60px;
    object-fit: contain;
}

.section-footer .support-wrap {
    text-align: center;
}

.section-footer .support-wrap .support-heading {
    font-size: 2rem;
    color: var(--secondaryText);
    font-weight: 600;
}

/* FOOTER END */

@media (min-width: 1199px) {
    .section-footer .menu-wrap {
        margin-left: -5rem;
    }
}

@media (max-width: 1199px) {

    .section-packages .heading-section {
        width: 100%;
    }

    .homepage .section-top .heading-main {
        margin: 7rem 0 5rem 0;
        font-size: 3.7rem;
    }
    .homepage .section-wave {
        /*height: 21rem;*/
    }
    .homepage .section-steps .heading-section {
        margin: 0 0 14rem 0;
    }
    .homepage .section-steps .box-wrap {
        margin: 8rem 0 0 0;
    }
    .homepage .section-steps .item {
    }

    .homepage .section-steps .item .title {
        font-size: 2.1rem;
    }
    .page-track-prices .section-additional-info {
        padding: 4rem 0 12rem 0;
    }
    .section-footer .part-top {
        /* margin: 0 0 6rem 0; */
    }
    .section-footer .socials-wrap .icon-social {
        margin: 0 0 0 1rem;
    }
}

@media (max-width: 991px) {
    .vertical-align-center {
        display: block;
    }
    .section-benefits .vertical-align-center {
        display: flex;
        flex-direction: column-reverse;
    }
    .section {
        padding: 3rem 0;
    }
    .section-top {
        padding: 0;
    }
    .section-page-heading {
        padding: 5rem 0 7rem 0;
    }
    .section-page-heading::after {
        width: 10rem;
        height: 10rem;
    }
    .section-page-heading .heading-page {
        font-size: 5rem;
    }
    .heading-section-info,
    .heading-section {
        text-align: center;
    }
    .btn-wrap,
    .image-wrap,
    .section-why .image-wrap {
        text-align: center;
    }
    .btn-wrap {
        margin: 0 0 4.5rem 0;
    }
    .heading-main-wrap {
        text-align: center;
    }
    .section-why {
        text-align: center;
    }
    .section-why .list {
        text-align: left;
    }
    .section-pricing .desc {
        text-align: center;
    }
    .homepage .section-top {
        padding: 0;
    }
    .homepage .section-top .heading-main {
        margin: 5rem 0 3rem 0;
    }
    .homepage .section-top .heading-main-info {
        margin: 0 0 4rem 0;
    }
    .homepage .section-top .heading-main-btn-wrap {
        margin: 0 0 3rem 0;
    }
    .homepage .section-wave {
        /*margin: -18rem 0 0 0;*/
    }

    .homepage .section-top .image-wrap {
        padding: 0;
    }

    .homepage .section-steps .box-wrap {
        padding: 1.5rem 3rem;
    }
    .homepage .section-steps .item {
        margin: 0 0 2.5rem 0;
    }
    .homepage .section-benefits .btn-wrap {
        margin: 0;
    }
    .homepage .section-benefits .image-wrap,
    .homepage .section-packages .image-wrap {
        margin: 1.5rem 0 4.5rem 0;
    }
    .homepage .section-benefits .image-wrap img,
    .homepage .section-packages .image-wrap img {
        max-width: 280px;
    }
    .page-how-it-works .section-why .highlight {
        margin: 4rem 0 3rem 0;
    }
    .page-how-it-works .section-why {
        padding: 4rem 0;
    }
    .page-how-it-works .section-why .image-wrap,
    .page-how-it-works .section-pricing .image-wrap {
        margin: 1.5rem 0 0 0;
    }
    .page-how-it-works .section-why .image-wrap img {
        max-width: 280px;
    }
    .page-about-us .section-incentive .desc {
        padding: 8rem 0;
    }
    .page-track-prices .section-why .heading-section {
        margin: 0 auto 4rem auto;
    }
    .page-track-prices .image-wrap {
        margin: 2rem 0 3rem 0;
    }
    .page-track-prices .section-additional-info {
        padding: 3rem 0 8rem 0;
    }
    .page-track-prices .section-additional-info .highlight {
        font-size: 2.4rem;
    }
    .section-footer .logo-wrap,
    .section-footer .list-menu,
    .section-footer .socials-wrap {
        text-align: center;
    }
    .section-footer .part-top {
        /* margin: 0 0 3rem 0; */
    }
    .section-footer .list-item {
        margin: 0 1rem;
    }
    .section-footer .law-note {
        margin: 0 0 2rem 0;
    }
    .section-footer .socials-wrap .icon-social {
        margin: 0 1.5rem;
    }

    .section-footer .partners-wrap {
        margin-top: unset;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .navbar-custom .navbar-brand img {
        width: 220px;
        padding: 0.5rem 0;
    }
    .section {
        padding: 1.5rem 0;
    }
    .section-top {
        padding: 0;
    }
    .section-inbetween {
        margin: 0 0 1.5rem 0;
        padding: 3rem 0;
    }
    .heading-section {
        font-size: 3.2rem;
    }
    .section-page-heading .heading-page {
        font-size: 4.2rem;
    }
    .section-page-heading {
        padding: 4rem 0 6rem 0;
    }
    .section-why .heading-section {
        margin: 0 auto 4rem auto;
        font-size: 4.2rem;
    }
    .btn-wrap {
        margin: 0 0 2.5rem 0;
    }
    .homepage .section-top .heading-main {
        margin: 1rem 0 2rem 0;
    }
    .homepage .section-steps .heading-section {
        margin: -2rem 0 10rem 0;
        font-size: 3.6rem;
    }
    .page-about-us .section-incentive .desc {
        padding: 5rem 0 6rem 0;
    }
    .page-about-us .image-wrap {
        margin: 3rem 0 2rem 0;
    }
}


/* LP FINDERPRICE */

.lp-fp {
    background-image: url(../images/lp/bg-left.png), url(../images/lp/bg-right.png);
    background-position: top 30% left, top 53% right;
    background-repeat: no-repeat;
}

.lp-fp .container {
    padding: 0;
}

.lp-fp .section {
    padding: 6rem 0 10rem 0;
}

.lp-fp .section-top {
    padding: 0 0 6rem 0;
    background: url(../images/lp/bg-top.png) top right no-repeat;
    background-size: 52%;
}

.lp-fp .section-top .top-bar-wrap {
    padding: 2rem 0;
}

.lp-fp .section-top .heading-main {
    margin: 6rem 0 3.5rem 0;
    font-size: 4.4rem;
    font-weight: 800;
    line-height: 1.4;
}

.lp-fp .section-top .heading-main-info {
    margin: 0 0 3.5rem 0;
    font-size: 2rem;
}

.lp-fp .section-steps {}

.lp-fp .section-steps .heading-section {
    margin: 0 0 4.5rem 0;
    font-size: 4.2rem;
    font-weight: 800;
}

.lp-fp .section-steps .heading-section-info {
    margin: 0 0 0.5rem 0;
    font-size: 1.9rem;
    color: var(--secondary);
}

.lp-fp .section-steps .list {
    padding: 0;
    list-style: none;
}

.lp-fp .section-steps .list-item {
    position: relative;
    margin: 0 0 3.5rem 0;
    padding: 0 0 0 3rem;
    color: #616161;
    line-height: 1.65;
}

.lp-fp .section-steps .list-item-heading {
    margin: 0 0 0.7rem 0;
    font-size: 2.2rem;
    font-weight: 700;
    color: #002216;
    line-height: 1.5;
}

.lp-fp .section-steps .list-item .number {
    position: absolute;
    left: 0;
}

.lp-fp .section-steps .image-wrap {
    margin: 10rem 0 0 0;
}

.lp-fp .section-benefits .heading-section {}

.lp-fp .section-benefits .heading-section {
    margin: 0 0 4.5rem 0;
    font-size: 4.6rem;
    font-weight: 800;
    text-align: center;
}

.lp-fp .section-benefits .heading-section-info {
    margin: 0 0 3rem 0;
    font-size: 1.9rem;
    color: var(--secondary);
    text-align: center;
}

.lp-fp .section-benefits .items-wrap {
    background: url(../images/lp/app-screen.png) center top 5rem no-repeat;
    background-size: 472px;
}

.lp-fp .section-benefits .item {
    min-height: 41rem;
    margin: 0 0 3.5rem 0;
    padding: 0 3.5rem;
    text-align: center;
    font-size: 1.6rem;
}

.lp-fp .section-benefits .item .number-wrap,
.lp-fp .section-benefits .item .title {
    margin: 0 0 2.5rem 0;
}

.lp-fp .section-benefits .item .number {
    display: inline-block;
    padding: 3rem 4.5rem;
    background: #a439f6;
    border-radius: 10px;
    font-size: 4.6rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

.lp-fp .section-benefits .item .title {
    font-size: 1.8rem;
    font-weight: 800;
}

.lp-fp .section-benefits .item .desc {
    font-weight: 300;
    color: #3d3d3d;
}

.lp-fp .section-reviews {}

.lp-fp .section-reviews .heading-section {
    padding: 15rem 0 0 0;
    background: url(../images/lp/quote.png) top 1rem left no-repeat;
    background-size: 13rem;
    font-size: 4.6rem;
}

.lp-fp .section-reviews .slider-wrap {
    text-align: right;
}

.lp-fp .section-reviews .slider {
    display: inline-block;
    max-width: 90rem;
    height: 72rem;
    margin: -12rem 0 0 0;
    padding: 24rem 14rem 22rem 25rem;
    background: url(../images/lp/bg-opinion.png?v=2) center center no-repeat;
    text-align: center;
}

.lp-fp .section-reviews .slider .item {
    color: #fff;
}

.lp-fp .section-reviews .slider .item .photo {
    display: none;
    width: 13.2rem;
    height: 13.2rem;
    margin: 0 auto 3rem auto;
}

.lp-fp .section-reviews .slider .item .description {
    margin: 0 0 1rem 0;
    font-weight: 300;
}

.lp-fp .section-reviews .slider .item .signature {
    text-align: right;
}

.lp-fp .section-join-now {
    padding: 9rem 0 6rem 0;
    background: #dde8fd;
    text-align: center;
}

.lp-fp .section-join-now .heading-section,
.lp-fp .section-join-now .desc {
    margin: 0 0 3.5rem 0;
}

.lp-fp .section-join-now .heading-section {
    font-size: 6rem;
}

.lp-fp .section-join-now .custom-btn {
    padding: 2.2rem 7.5rem 2.5rem 7.5rem;
    font-size: 2.4rem;
}

.lp-fp .section-footer {
    padding: 7rem 0;
    background: #fff;
}

@media (max-width: 1199px) {
    .lp-fp {
        background-position: top 28% left, top 65% right;
    }
    .lp-fp .section {
        padding: 6rem 0;
    }
    .lp-fp .section-top {
        padding: 0;
    }
    .lp-fp .section-reviews {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    .lp-fp .container {
        padding: 0 15px;
    }
    .lp-fp .section {
        padding: 4.5rem 0;
    }
    .lp-fp .section-top {
        padding: 0;
    }
    .lp-fp .section-top .top-bar-wrap {
        text-align: center;
    }
    .lp-fp .section-top .heading-main {
        margin: 2rem 0 3.5rem 0;
    }
    .lp-fp .heading-main-wrap .image-wrap {
        display: none;
    }
    .lp-fp .section-steps,
    .lp-fp .section-benefits {
        padding: 4.5rem 0 0 0;
    }
    .lp-fp .section-steps .image-wrap {
        margin: 1rem 0 4.5rem 0;
    }
    .lp-fp .section-benefits .items-wrap {
        background: none;
    }
    .lp-fp .section-benefits .item {
        min-height: auto;
    }
    .lp-fp .section-reviews .slider {
        display: block;
        max-width: 90rem;
        height: auto;
        margin: 0 -15px;
        padding: 15rem 13rem 15rem 19rem;
        background: url(../images/lp/bg-opinion.png?v=2) top center no-repeat;
        text-align: center;
        background-size: contain;
    }
    .lp-fp .section-reviews .slider .item .photo {
        width: 10.2rem;
        height: 10.2rem;
        margin: 0 auto 2rem auto;
    }
}

@media (max-width: 767px) {
    .lp-fp .section-reviews .heading-section {
        background: url(../images/lp/quote.png) top 1rem left 1.5rem no-repeat;
        font-size: 4.2rem;
    }
    .lp-fp .section-reviews .slider {
        background-size: 820px;
        padding: 17rem 13rem 32rem 19rem;
    }

    .lp-fp .section-reviews {
        padding: 0;
    }
}

@media (max-width: 575px) {
    .lp-fp .section-reviews .slider {
        background-size: 820px;
        display: block;
        max-width: 90rem;
        padding: 17rem 12% 25rem 12%;
    }
}

/* NORMAL PAGE */

.normal-page-wrap {
    padding: 3rem 0;
}

.normal-page-wrap .inner-wrap {
    padding: 3rem 2.5rem;
}

.normal-page-wrap .normal-page-heading {
    margin: 2rem 0 3rem 0;
    font-size: 3.6rem;
    font-weight: 600;
}

.normal-page-wrap h2,
.normal-page-wrap h3,
.normal-page-wrap h4,
.normal-page-wrap h5,
.normal-page-wrap h6 {
    margin: 1em 0 1em 0;
    font-weight: 600;
}

.normal-page-wrap p {
    margin: 0 0 2.5rem 0;
    font-size: 2.1rem;
    font-weight: 500;
    text-align: justify;
}

.normal-page-wrap img {
    max-width: 100%;
    margin: 0 0 2.5rem 0;
}

.normal-page-wrap .featured-image {
    margin: 1.5rem 0 3rem 0;
}

.normal-page-wrap ul {
    list-style: none;
    padding: 0 0 0 2rem;
}

.normal-page-wrap ul li {
    padding: 0 0 0 2rem;
    position: relative;
}

.normal-page-wrap ul li:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0.5rem;
    left: -2rem;
    width: 1rem;
    height: 1rem;
    background: #9020f7;
    border-radius: 100%;
}

.normal-page-wrap .loan-form-btn {
    margin: 1.5rem 0;
}

@media (max-width: 991px) {
    .normal-page-wrap .inner-wrap {
        padding: 2.5rem;
    }
    .normal-page-wrap .vertical-align-center {
        display: block;
    }
    .normal-page-wrap p {
        margin: 0 0 1.6rem 0;
        font-size: 1.8rem;
    }
    .normal-page-wrap img {
        margin: 0 0 2rem 0;
    }
    .normal-page-wrap .featured-image {
        margin: 1rem 0 2rem 0;
    }
}


/* COOKIE BAR START */

#cookieBarDiv {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    z-index: 99999;
}

#cookieBarDiv,
#cookieBarDiv a {
    color: #fff;
}

#cookieBarDiv a {
    text-decoration: underline;
}

#cookieBarDiv .cookieBarDivContainer {
    max-width: 1280px;
    margin: 0 auto;
    font-size: 1.2rem;
    text-align: center;
}

#cookieBarDiv button {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: 0.3rem;
    border-radius: 0.5rem;
    color: #111111;
    padding: 0.3rem 1rem;
    border: none;
}


/* COOKIE BAR END */


/* CLAUSE STYLES */

.clause-description {
    width: 100% !important;
    top: 0 !important;
}

.clause-description a {
    color: #808080 !important;
    font-weight: 400;
}


/* ERRORS */

input.error:not([type=checkbox]):not([type=radio]),
select.error {
    border: 1px #ccc solid;
    color: #111;
    background: url(../images/alert.svg) no-repeat right 0.8rem center #F5F5F5;
    -webkit-appearance: none;
    background-origin: content-box;
    background-size: 1.7rem 1.7rem !important;
}

input.error label,
select.error label {
    color: #ff9602 !important;
}

input.error[type="number"] {
    padding-right: 2.5rem;
}

label.error {
    display: block;
    margin: 0.2rem 0 0 0;
    color: #ff0000 !important;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: left;
}


/* TOOLTIPS */

.tooltip {
    top: -1.5rem !important;
    width: 100%;
}

.tooltip .tooltip-inner {
    padding: 1rem;
    max-width: 48rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, .2);
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, .2);
    background: #21395c;
    color: white;
    font-size: 1.2rem;
}

.tooltip .tooltip-arrow {}

.tooltip.top .tooltip-arrow {
    border-top-color: #21395c;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #21395c;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #21395c;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #21395c;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #21395c;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #21395c;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #21395c;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #21395c;
}


/* TOOLTIPS */


/* DATEPICKERS */

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover {
    background: var(--secondary);
}


/* FORM LOADER */

.multi-step-form {
    position: relative;
}

.form-loader-wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    z-index: 999;
    display: none;
    background: rgba(255, 255, 255, .8);
    border-radius: 0.3rem;
    padding: 1em;
    vertical-align: top;
    font-size: 4.4rem;
    text-align: center;
    -webkit-transition: .3s color, .3s border, .3s transform, .3s opacity;
    -o-transition: .3s color, .3s border, .3s transform, .3s opacity;
    transition: .3s color, .3s border, .3s transform, .3s opacity;
    will-change: display;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.form-loader-info {
    padding: 8% 0 0 0;
    font-size: 3.8rem;
    color: #111;
}

.form-loader-info .heading {
    font-weight: 600;
    margin: 0 0 1.5rem 0;
}

.form-loader-content {
    top: 43%;
    position: relative;
    background-image: url("/files/msf/images/msf-spinner-orange.gif");
    background-size: cover;
    width: 10rem;
    height: 10rem;
    margin: auto;
    top: calc(50% - 5rem);
}

.last-step-loader-container .form-loader-content {
    top: 10%;
}

@media (max-width: 767px) {
    .tooltip {
        width: auto;
    }
    .form-loader-info {
        font-size: 2.2rem;
    }
}


/*** EFFECTS ***/

.pulse {
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    70% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    70% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

/*** EFFECTS END ***/

.youtube-wrapper {
    text-align:center;
}
.youtube-wrapper-homepage {
}
.youtube-wrapper-lp {
    padding-top:30px;
}
@media (max-width: 767px) {
    .youtube-wrapper-homepage {
        padding-bottom: 40px;
    }
}

/*** BLOG START ***/
.section-blog .heading-section {
    margin: 0 auto 1em auto ;
    font-size: 4.6rem;
    text-align: center;
}

.section-blog .section-blog-content {
    margin-top: 3em;
}

.section-blog .blog-category-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-weight: 600;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.section-blog .blog-category-list > li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 1.2em 3em;
    color: #000000;
}

.section-blog .blog-category-list > li a:hover {
    background: #FFFFFF;
    border-radius: var(--radius);
    box-shadow: 0 0 25px 0 #00000018;
    cursor: pointer;
}

.section-blog .blog-category-list .selected {
    background: #FFFFFF;
    border-radius: var(--radius);
    box-shadow: 0 0 25px 0 #00000018;
}

.load-posts-wrapper {
    text-align: center;
    margin: 2em 0 2em 0;
}

.load-posts-wrapper #loadPosts {
    padding: 1.25em 2em;
    font-size: 95%;
    font-weight: 700;
}

.load-posts-wrapper .load-posts-arrow {
    filter: brightness(0) saturate(100%) invert(21%) sepia(17%) saturate(7499%) hue-rotate(273deg) brightness(94%) contrast(90%);
}

@media (max-width: 1199px) {
    .blog-category-list {
        justify-content: space-evenly;
        gap: 0.2em 0;
    }

    .section-blog .heading-section {
        margin: 0 auto 0.5em auto;
    }

    .blog-category-list > li a {
        padding: 0.9em 2em;
    }
}



/** POST **/
.post {
    padding: 0;
    min-height: 420px;
}

.post:hover {
    background: #FFFFFF;
    border-radius: var(--radius);
    box-shadow: 0 5px 25px 0 #00000018;
}

.post .image-eye-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 100%;
    left: 77%;
    background: var(--secondary);
    color: #FFFFFF;
    box-shadow: 0 10px 20px 0 #00000033;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    transition: ease-in-out 300ms;
}

.post:hover .image-eye-icon {
    width: 50px;
    height: 50px;
    transition: ease-in-out 200ms;
}

.post .image-eye-icon object {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: ease-in-out 200ms;
}

.post:hover .image-eye-icon object {
    width: 37px;
    height: 37px;
}

.post .image {
    position: relative;
    border-radius: var(--radius);
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.post .title {
    font-weight: 700;
    font-size: 100%;
    line-height: normal;
    color: #000000;
}

.post .content {
    margin-top: 1em;
    padding: 0.5em 1em;
}

.post .content .category {
    font-size: 60%;
    text-decoration: none;
    margin-bottom: 8px;
}

.post .content .bottom-wrapper {
    display: flex;
    align-items: center;
    font-size: 65%;
    color: #777777;
    line-height: 24px;
    margin-top: 1.5em;
}

.post .content .bottom-wrapper .calendar-icon {
    filter: invert(26%) sepia(53%) saturate(1309%) hue-rotate(159deg) brightness(99%) contrast(102%);
    margin-right: 0.5em;
}


@media (max-width: 1199px) {
    .post .content {
        padding: 0 1em;
    }
}

/*** end post ***/

.section-page-heading.custom-image {
    padding: 0;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 320px;
}

.section-page-heading.custom-image:after {
    background: transparent;
}

.section-page-heading .heading-image-overlay {
    display: block;
    width: 100%;
    padding-top: 285px;
    height: 35px;
}

.section-page-heading .heading-image-overlay .overlay-left,.overlay-right  {
    display: inline-block;
    margin: 0;
    height: 35px;
    float: left;
    padding: 0;
    width: calc(50% - 62.5px);
    background: #FFFFFF;
}

.section-page-heading .heading-image-overlay .overlay-center {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    width: 125px;
    height: 35px;
}

.blog .post-wrapper .featured-image {
    width: 100%;
    border-radius: var(--radius);
    position: relative;
}

.blog .post-wrapper .featured-image-eye-icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 100%;
    left: 90%;
    background: var(--secondary);
    color: #FFFFFF;
    box-shadow: 0 10px 20px 0 #00000033;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    transition: ease-in-out 300ms;
}

.blog .post-wrapper .featured-image-eye-icon object {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    transition: ease-in-out 200ms;
}

.blog .post-wrapper .meta {
    margin-top: 2em;
    padding: 0 1em;
}

.blog .post-wrapper .content {
    padding: 0 1em;
}

.blog .post-wrapper .content-separator {
    margin: 1em 1em;
}

.blog .post-wrapper .meta .category {
    font-size: 80%;
}

.blog .post-wrapper .meta .title {
    margin: 0.5em 0 0.5em 0;
    font-weight: 700;
}

.blog .post-wrapper .meta .published-at {
    display: flex;
    align-items: center;
    font-size: 80%;
    margin-top: 1em;
}

.blog .post-wrapper .meta .published-at .date{
    font-size: 80%;
    color: #777777;
    line-height: 25px;
    margin-left: 0.5em;
}

.blog .post-wrapper .meta .published-at .calendar-icon {
    filter: invert(26%) sepia(53%) saturate(1309%) hue-rotate(159deg) brightness(99%) contrast(102%);
}

.blog .post-wrapper .share-btns {
    margin: 1.5em 0;
    text-align: right;
}

.blog .breadcrumbs {
    font-size: 85%;
    margin: 1em 0 2em 0;
    padding: 0 1em;
}

.blog .breadcrumbs .category {
    font-weight: 700;
    color: #000000;
}
.blog .breadcrumbs .arrow {
    margin: 0 0.5em;
    filter: invert(26%) sepia(53%) saturate(1309%) hue-rotate(159deg) brightness(99%) contrast(102%);
    transform: rotate(-90deg);
}

.blog .see-more {
    margin: 1em 0;
}

.blog .see-more .heading {
    margin: 2em 0.5em;
    font-size: 150%;
    font-weight: 700;
}

/*** SECTION BLOG SIDEBAR ***/
.blog-sidebar {
    width: 100%;
    background: #f5f5f5;
    border-radius: var(--radius);
    margin-bottom: 1em;
}

.blog-sidebar .section-recommended-articles .section-heading {
    padding: 1.7em 0;
    text-align: center;
}

.blog-sidebar .articles .recommended-post {
    display: flex;
    flex-direction: row;
    margin: 0;
    align-items: center;
    justify-content: left;
}

.blog-sidebar .articles .recommended-post:hover {
    background: #FFFFFF;
    box-shadow: 0 0 10px 0 #00000033;
    border-radius: var(--radius);
    text-decoration: none;
}

.blog-sidebar .articles .recommended-post .recommended-post-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
}

.blog-sidebar .section-recommended-articles .recommended-post-wrap .text {
    font-size: 90%;
    color: #000000;
    font-weight: 700;
    height: auto;
    margin: 0 1em 0 1.5em;
    overflow: hidden;
}

.blog-sidebar .section-recommended-articles .recommended-post-wrap .image {
    width: 75px;
    height: 75px;
    border-radius: var(--radius);
    position: center;
    object-fit: cover;
}

.blog-sidebar .section-recommended-articles .articles-wrap {
    margin: 0 0.5em;
}

.blog-sidebar .section-recommended-articles .articles {
    margin-top: 0.5em;
    margin-bottom: 2em;
}

.blog-sidebar .section-recommended-articles .articles .articles-separator {
    border-color: #FFFFFF;
}

@media (max-width: 1199px) {
    .blog-sidebar {
        margin-top: 2em;
    }
}

/*** SECTION BLOG SIDEBAR END ***/

/*** BLOG-NEWSLETTER ***/
.section-blog-newsletter {
    width: 100%;
    padding: 0;
    text-align: center;
    background: #f9f9f9;
}

.section-blog-newsletter .newsletter-wrap {
    padding: 0 15%;
}

.section-blog-newsletter .newsletter-heading .title {
    color: #000;
    font-size: 2.5em;
    font-weight: 900;
    padding: 1em 0 0.85em 0;
    margin: 0;
}

.section-blog-newsletter .newsletter-heading .desc {
    font-weight: 600;
}

.section-blog-newsletter .input-container {
    padding: 2em 0 1em 0;
}

.section-blog-newsletter .input-container input[type=email] {
    height: 4em;
    border: unset;
    padding: 2.5em 8em;
    border: 1px solid #77777722;
    cursor: pointer;
    font-weight: 500;
    background: #f9f9f9;
    font-size: 75%;
    border-radius: var(--radius);
    text-align: center;
}

.section-blog-newsletter .newsletter-bottom {
    margin: 1em 0 1em 0;
}

.section-blog-newsletter .input-container input[type=email]:hover {
    box-shadow: 0 0 25px 0 #00000018;
}

.section-blog-newsletter .input-container input[type=email]:focus-visible {
    outline: unset;
    box-shadow: 0 0 25px 0 #00000018;
}

.section-blog-newsletter .newsletter-bottom input[type=submit]:hover {
    color: #1b1b1b;
    text-decoration: none;
    transform: scale(1.04);
}

.section-blog-newsletter .newsletter-bottom input[type=submit] {
    margin:3em 0 1em 0;
    font-size: 95%;
    display: inline-block;
    padding: 1.25em 3em;
    background: var(--secondary);
    border: none;
    border-radius: var(--radius);
    font-weight: 700;
    color: #1b1b1b;
    text-decoration: none;
    transition: all ease 300ms;
    box-shadow: 2px 8px 6px rgb(35 35 35 / 5%);
}

.section-blog-newsletter .newsletter-bottom .newsletter-message {
    margin: 0 auto;
    font-size: 85%;
    font-weight: 500;
    width: 60%;
    color: #666666;
}

.section-blog-newsletter > p {
    text-align: center;
    margin: 2em 0 0 0;
    color: #FF0000;
    font-weight: 700;
    padding: 1em 2em;
    display: inline-block;
    border: 1px solid;
    border-radius: var(--radius);
}

.section-blog-newsletter > p.komunikatSuccess {
    visibility: hidden;
    position: relative;
    width: 80%;
}

.section-blog-newsletter > p.komunikatSuccess:after {
    content: 'Dziękujemy za zaufanie! Do zobaczenia w naszym newsletterze!';
    text-align: center;
    white-space: normal;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    visibility: visible;
    padding: 1em 0;
    width: 100%;
    color: var(--secondary);
    font-size: 100%;
    font-weight: 700;
}

@media (min-width: 1199px) {
    .section-blog-newsletter > p.komunikatSuccess:after {
        content: 'Dziękujemy za zaufanie!\A Do zobaczenia w naszym newsletterze!';
        white-space: pre;
    }
}

@media (max-width: 1199px) {
    .section-blog-newsletter .newsletter-bottom .newsletter-message {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .section-blog-newsletter .input-container input[type=email] {
        padding: 0;
        width: 100%;
    }

    .section-blog-newsletter > p {
        width: 80%;
    }
}

/** BLOG SIDEBAR SUBSCRIBE **/
.blog-sidebar .sidebar-subscribe .subscribe-wrap {
    margin: 1em 0.5em;
    background: #d5f5ff;
    border-radius: var(--radius);
    padding: 1em;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content input[type=email] {
    margin: 1em 0;
    height: 4em;
    width: 100%;
    padding: 0 2em;
    border: unset;
    border: 1px solid #FFFFFF;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    font-size: 80%;
    border-radius: var(--radius);
    text-align: center;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content input[type=email]:hover {
    box-shadow: 0 0 25px 0 #00000018;
    background: #FFFFFF;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content input[type=email]:focus-visible {
    outline: unset;
    box-shadow: 0 0 25px 0 #00000018;
    background: #FFFFFF;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content input[type=submit] {
    margin: 1em 0;
    font-size: 80%;
    width: 100%;
    height: 4em;
    padding: 0 2em;
    display: inline-block;
    background: var(--secondary);
    border: none;
    border-radius: var(--radius);
    font-weight: 800;
    color: #1b1b1b;
    text-decoration: none;
    transition: all ease 300ms;
    box-shadow: 2px 8px 6px rgb(35 35 35 / 5%);
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content .subscribe-checkbox {
    font-size: 80%;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content input[type=submit]:hover {
    color: #1b1b1b;
    text-decoration: none;
    transform: scale(1.04);
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content h3 {
    font-size: 90%;
    font-weight: 800;
    margin-bottom: 2.5em;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap .subscribe-content p {
    font-size: 85%;
    text-align: center;
    margin: 1em 0;
    font-weight: 600;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap > p {
    text-align: center;
    color: #FF0000;
    font-size: 85%;
    font-weight: 700;
    padding: 1.2em 0.5em;
    display: block;
    border: 1px solid;
    border-radius: var(--radius);
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap > p.komunikatSuccess {
    visibility: hidden;
    position: relative;
}

.blog-sidebar .sidebar-subscribe .subscribe-wrap > p.komunikatSuccess:after {
    content: 'Dziękujemy za zaufanie!\A Do zobaczenia w naszym newsletterze!';
    display: block;
    top: 50%;
    white-space: pre-line;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    visibility: visible;
    color: var(--secondary);
    font-size: 100%;
    font-weight: 700;
}

/** BLOG SIDEBAR SUBSCRIBE END **/

/*** BLOG END ***/

/*** MSF START ***/

/* FORM GENERAL */

.form-wrap .bg1 {
    background-image: url("../images/backgrounds/msf-top-left.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    height: 600px;
    left: 12%;
    width: 40%;
}

.form-wrap .bg2 {
    background-image: url("../images/backgrounds/msf-top-right.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    height: 440px;
    right: 15%;
    width: 22%;
}

.form-wrap .step-1 .bg1 {
    left: 12%;
    width: 40%;
}

.form-wrap .step-1 .bg2 {
    right: 15%;
    width: 22%;
}


.form-wrap .input-wrap label,
.form-wrap .input-wrap.input-radio label {
    padding: 0 0 0 0.5rem;
}

.form-wrap .input-wrap label {
    font-size: 1.8rem;
    font-weight: 700;
}

.form-wrap .checkboxes-wrap {
    position: relative;
    z-index: 1;
    margin: 0 0 3rem 0;
}

.form-wrap .checkbox-wrap {
    margin: 0 0 0.5rem 0;
    font-size: 1.4rem;
}

.form-wrap input[type=checkbox],
.form-wrap input[type=radio] {
    position: relative;
    outline: 0;
    margin: 0 0.5rem 0 0;
    width: 2rem;
    height: 2rem;
    color: var(--primary);
    background: #fff;
    border-radius: var(--radius);
    border: 1px #b1b8c9 solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: sub;
    cursor: pointer;
    transition: background ease 300ms;
}

.form-wrap input[type=checkbox]:checked,
.form-wrap input[type=radio]:checked {
    color: #fff;
    background: #fff;
}

.form-wrap input[type=checkbox]::before,
.form-wrap input[type=radio]::before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%, -50%);
    background: var(--primary);
    border: none;
    border-radius: 0.2rem;
    opacity: 0;
}

.form-wrap input[type=checkbox]:checked::before,
.form-wrap input[type=radio]:checked::before {
    opacity: 1;
}

.form-wrap .btn-custom,
.cbtn {
    padding: 1.5rem 3rem;
    background: var(--secondary);
    color: var(--secondaryText);
    border-radius: var(--radius);
    font-size: 1.8rem;
    font-weight: 700;
    transition: all ease 300ms;
    border: none;
}


.form-wrap .btn-custom:hover,
.cbtn:hover {
    background: var(--secondaryLight);
    transform: scale(1.04);
}

.cbtn.disabled {
    background: #bdbdbd;
    color: #fff;
    cursor: not-allowed;
}

.cbtn.disabled:hover {
    text-decoration: none;
}

.form-wrap input::-webkit-input-placeholder {
    color: #666666;
}

.form-wrap input:-ms-input-placeholder {
    color: #666666;
}

.form-wrap input::-ms-input-placeholder {
    color: #666666;
}

.form-wrap input::placeholder {
    color: #666666;
}

.form-wrap input:-ms-input-placeholder {
    color: #666666;
}

.form-wrap input::-ms-input-placeholder {
    color: #666666;
}

/* MSF FORM */
.view-msf:not(.step-2,.step-3,.step-4) .bgp-2 {
    display: block;
}

.view-msf.step-2 .bgp-3 {
    display: block;
}

.view-msf.step-3 .bgp-4 {
    display: block;
}

.multi-step-form .page-form {
    background: #FFFFFF;
}
.multi-step-form .page-wrap {
    padding: 0;
}

.form-wrap {
    padding: 3rem 3rem;
}

.page-form .form-wrap .form-border {
}

.page-form .form-wrap .heading-image {
}

.page-form .form-wrap .heading-image img {
    margin: 4rem 0 0 0;
    position: relative;
    left:8%;
    object-fit: cover;
    height: 50%;
    width: 70%;
}

.page-form .form-wrap .section-checkboxes .form-checkbox-wrap {
    position: relative;
    margin: 0 0 1rem 0;
    font-size: 1.6rem;
    font-weight: 400;
}

.page-form .form-wrap .section-checkboxes .check-all {
    margin: 0 0 3rem 0;
}


.page-form .form-wrap .heading-main-wrap {
    text-align: right;
}

.page-form .form-wrap .heading-main-wrap .heading {
    font-weight: 700;
    font-size: 7rem;
    margin: 10rem 0 4rem 0;
}

.page-form .form-wrap .heading-main-wrap .sub-heading {
    font-weight: 300;
}

.page-form .form-wrap .input-wrap {
    margin: 1.5rem 2rem;
}

/** icons for input fields **/
.page-form .form-wrap .input-wrap .input {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: auto;
}


.page-form .form-wrap .input-wrap .input.input-name,
.page-form .form-wrap .input-wrap .input.input-flat-status,
.page-form .form-wrap .input-wrap .input.input-sex {
    background-image: url("../images/other/user.png");
}

.page-form .form-wrap .input-wrap .input.input-mail {
    background-image: url("../images/other/email.png");
}

.page-form .form-wrap .input-wrap .input.input-id-number,
.page-form .form-wrap .input-wrap .input.input-date {
    background-image: url("../images/other/calendar.png");
}

.page-form .form-wrap .input-wrap .input.input-post-code,
.page-form .form-wrap .input-wrap .input.input-region,
.page-form .form-wrap .input-wrap .input.input-city {
    background-image: url("../images/other/post_code.png");
}

.page-form .form-wrap .input-wrap .input.input-street,
.page-form .form-wrap .input-wrap .input.input-flat-nr {
    background-image: url("../images/other/home.png");
}

.page-form .form-wrap .input-wrap .input.input-phone {
    background-image: url("../images/other/phone.png");
}


/* reset base form wrap styles for labels */
.page-form .form-wrap .input-wrap label {
    width: 100%;
    padding: 0;
}

/* actual label is presented as a span.label */
.page-form .form-wrap .input-wrap .label,
.page-form .form-wrap .input-wrap label.error,
.page-form .form-wrap .input-radio-wrap .radio-label {
    padding: 0 0 0 1rem;
}

.page-form .form-wrap .input-wrap .label {
    display: inline-block;
    font-weight: 700;
    margin: 0 0 1rem 0;
    font-size: 2rem;
    color: var(--secondaryText);
}

.page-form .form-wrap .input-wrap .input {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1.6rem 3.8rem;
    border: none;
    outline: none;
    border-radius: var(--radius);
}

.page-form .form-wrap .input-wrap select.input {
    padding: 1.6rem 1.4rem 1.6rem 3.4rem;
}

.page-form .form-wrap .input-wrap .input:focus {
    outline: 1px solid var(--primary);
}

.page-form .form-wrap .input-wrap .input.error {
    outline: 1px solid #f00;
}

.page-form .form-wrap .box-submit {
    margin: 5rem 0 0 0;
}

.page-form .form-wrap .box-submit button {
    background: var(--secondary);
    color: var(--secondaryText);
    border: none;
    outline: none;
    text-align: center;
    font-weight: 800;
    font-size: 2.2rem;
    padding: 3rem 6rem 3rem 3.5rem;
    border-radius: var(--radius);
    background-image: url("../images/other/button_next.png");
    background-repeat: no-repeat;
    background-position: right 3rem top 50%;
}

.page-form .form-wrap .box-submit button:hover {
}

.page-form .form-wrap .section-submit {
    margin: 0 0 2rem 0;
    padding: 0;
}


.page-form .form-wrap .section-submit button {
    position: relative;
}

.page-form .form-wrap .section-submit button.btn-previous-step:after {
    content: url(../images/icons/arrow.svg);
    position: absolute;
    top: 55.5%;
    left: 8%;
    line-height: 1;
    transform:  translate(-50%, -50%) scale(1.5);
}

.page-form .form-wrap .section-submit button.btn-previous-step:hover:after {
    content: url(../images/icons/arrow-white.svg);
}

.page-form .form-wrap .section-submit button.btn-next-step {
    background: var(--secondary);
    color: #FFFFFF;
}

.page-form .form-wrap .section-submit button.btn-next-step:after {
    content: url(../images/icons/arrow-white.svg);
}

.page-form .form-wrap .section-submit .box-submit {
    margin: 0 0 0 auto;
}

.page-form .form-wrap .section-go-back .box-submit {
    margin: 0 auto 0 0;
}
.page-form .form-wrap .section-checkboxes .check-all label {
    font-weight: 700;
    font-size: 2.6rem;
}

.page-form .form-wrap .section-checkboxes {
    padding: 3rem;
}

.page-form .form-wrap .section-checkboxes label {
    display: inline;
    cursor: pointer;
    user-select: none;
    font-weight: 400;
    color: var(--primary);
}
.page-form .form-wrap .section-checkboxes label a {
    color: var(--secondary);
}


.page-form .form-wrap .section-checkboxes label.error {
    display: inline-block;
    margin: 0 0 0 0.5rem;
}

.page-form .form-wrap .section-payment .info {
    font-size: 3.6rem;
    font-weight: 700;
    text-align: center;
}

.page-form .form-wrap .clause-description {
    z-index: 2147483647;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(187, 187, 187);
    border-radius: 0;
    font-family: Ubuntu;
    font-size: 11px;
    color: rgb(85, 85, 85);
    text-align: center;
}

.page-form .form-wrap .clause-description a:first-child {
    display: block;
    float: right;
    font-weight: bold;
}

/** msf progressbar **/
.page-form .form-wrap .section-steps .progress-bar-desktop {
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f3f3;
    justify-content: space-between;
}

.page-form .form-wrap .section-steps .progress-bar-desktop .part {
    text-align: center;
    position: relative;
}

.page-form .form-wrap .section-steps .progress-bar-desktop .part .number-wrap {
    display: none;
}

.page-form .form-wrap .section-steps .progress-bar-desktop .part:after {
    position: absolute;
    content: '';
    width: 2rem;
    height: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #f3f3f3;
    border-radius: 100%;
}

/*progress bar*/

.progressbar {
    display: flex;
    margin: 6rem 0 0 0;
    padding: 0 4rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.progressbar > div {
    text-align: center;
    color: var(--primaryText);
    background: var(--primary);
    padding: 1.2rem 1.6rem;
    font-size: 1.8rem;
    border-radius: var(--radius);
    position: relative;
    font-weight: 800;
}

.progressbar > div.active {
    color: var(--secondaryText);
    background: var(--secondary);
}

.progressbar > div:not(:last-child):after {
    content: '';
    background-image: url("../images/other/progressbar-arrow.png");
    display: inline-block;
    height: 15px;
    left: calc(100% + 3rem);
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;

}

/** msf progressbar  **/

.page-form .form-wrap .section-form-btns {
    border-top: 1px solid #f3f3f3;
}

.page-form .form-wrap .section-inputs {
    background: var(--secondaryLight);
    padding: 4rem;
    margin: 4rem 0;
    border-radius: var(--radius);
}

.page-form .form-wrap .section-wrap.section-form-btns {
    padding: 3rem 0 0 0 ;
    margin: 3rem 3rem 0 3rem;
}

input.error:not([type=checkbox]):not([type=radio]),
select.error {
    border: 1px #ccc solid;
    color: #111;
    background: #FFF9F9;
}

input.error label,
select.error label {
    color: #ff9602 !important;
}

input.error[type="number"] {
    padding-right: 2.5rem;
}

label.error {
    display: block;
    margin: 0.2rem 0 0 0;
    color: #ff0000 !important;
    font-weight: 600;
    text-align: left;
}

@media (max-width: 767px ) {
    .form-wrap {
        padding: 3rem 0;
    }

    .page-form .form-wrap .heading-main-wrap {
        margin: 2rem 0;
        padding: 0 1rem;
    }

    .page-form .form-wrap .form-border {
        border: none;
        padding: 1rem 0;
    }

    .page-form .form-wrap.step-1 .form-border > div:nth-child(1) {
        border: none;
    }

    .page-form .form-wrap.step-2 .form-border > div > div:nth-child(2) > div:nth-child(1) {
        border: none;
    }

    .page-form .form-wrap .section-wrap.section-form-btns > div > div:nth-child(1) {
        display: none;
    }

    .page-form .form-wrap .logo {
        text-align: center;
    }

    .page-form .form-wrap .section-wrap.section-form-btns {
        padding: 0;
    }
}


/* FORM SLIDERS */

.form-wrap .slider-wrap {
    padding: 4rem;
    background: var(--lightblue);
    border-radius: var(--radius);
}


.form-wrap .ui-slider {
    position: relative;
    height: 1.2rem;
    font-size: 1em;
    background-color: #e5e5e5;
}

.form-wrap .ui-corner-all {
    border-radius: 0;
}

.form-wrap .ui-slider .ui-slider-range-min {
    left: 0;
}

.form-wrap .ui-slider .ui-slider-range {
    top: 0;
    height: 100%;
}

.form-wrap .ui-slider .ui-slider-range {
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: var(--secondary);
}

.form-wrap .tab-slider .ui-slider-handle {
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    margin-top: -1rem;
    margin-left: -1rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: var(--secondary);
    border-radius: 0;
}

.form-wrap .ui-tabs-nav .ui-state-active {
    background: #fff
}

.form-wrap .ui-tabs-panel {
    padding: 3rem 3rem 2rem;
    background: #fff;
    -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .3)
}

.form-wrap .ui-tabs-panel {
    color: #595f61
}

.form-wrap .category-title {
    margin: 0 0 3.0rem;
    font-size: 3.2rem;
    font-weight: 300;
    text-transform: uppercase
}

.form-wrap .tab-slider {
    width: 100%;
    margin-top: 0.5rem;
    border-left: none;
    border-right: none;
    height: 1.5rem;
    padding-top: 0.6rem;
}

.form-wrap .sliders-wrapper {
    margin-bottom: 1.5rem;
}

.form-wrap .slider-btns-wrapper {
    margin-top: 4.0rem;
}

.form-wrap .tab-slider .ui-slider {
    position: relative;
    height: 0.20rem;
    font-size: 1rem;
    background: #000000;
}
.form-wrap .form-loan-info-row {
    padding: 3rem;
}

.form-wrap .form-loan-info-row .single-loan-info-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.form-wrap .form-loan-info-row .single-loan-info-wrap .info-title {
    text-align: center;
    font-size: 2rem;
}

.form-wrap .form-loan-info-row .single-loan-info-wrap .input {
    text-align: center;
    padding: 1.6rem 1.6rem;
}

.form-wrap .slider-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.form-wrap .form-steps-container {
    margin: 8rem 2rem;
    background: var(--lightblue);
    border-radius: var(--radius);
}

.form-wrap .form-heading {
    font-size: 3rem;
    margin: 2rem 0 2rem 0;
    font-weight: 800;
}

.form-wrap .steps-wrap {
    background: #FFFFFF;
    border-radius: var(--radius);
    padding: 3rem;
}

.form-wrap .steps-wrap .form-heading {
    text-align: center;
    margin: 0;
}

.form-wrap .range-control-container {
    font-size: 1.2rem;

}

.form-wrap .range-control-container .range-info {
    color: #797979;
}

.form-wrap .range-control-container .range-button-controll {
    font-weight: 500;
    color: #797979;
}

.form-wrap .tab-slider .ui-corner-all {
    border-radius: 50%;
}

.form-wrap .tab-slider .ui-slider .ui-slider-range-min {
    left: 0;
}

.form-wrap .tab-slider .ui-slider .ui-slider-range {
    top: 0;
    height: 95%;
}

.form-wrap .step-title-section hr {
    border-top: 2px solid var(--secondary);
    margin: 0;
}

.form-wrap .step-title-section {
    padding: 0 1rem;
    margin: 0 0 3rem 0;
}

.form-wrap .step-border-container {
    margin: 2rem 2rem 0 2rem;
    padding: 4rem;
    position: relative;
    z-index: 100;
    background: var(--lightblue);
    border-radius: var(--radius);
}
.form-wrap .form-submit-container {
    margin: 0 0 8rem 0;
}

.form-wrap .form-submit-container .cbtn {
    border-radius: unset;
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
    background: var(--primary);
    font-weight: 800;
    font-size: 2.4rem;
    color: var(--primaryText);

}

.form-wrap .form-submit-container .form-previous-btn {
    background-image: url("../images/other/button_previous.png");
    background-position: left 2rem center;
    padding: 2.2rem 3rem 2.2rem 6rem;
    background-repeat: no-repeat;
}

.form-wrap .form-submit-container .form-next-btn {
    background: var(--secondary);
    color: var(--secondaryText);
    background-image: url("../images/other/button_next.png");
    background-position: right 2rem center;
    padding: 2.2rem 6rem 2.2rem 3rem;
    background-repeat: no-repeat;
}


.form-wrap .step-border-container .input-wrap {
    margin: 1.5rem 0;
}

@media (max-width: 767px ) {
    .form-wrap .step-border-container {
        margin: 2rem 0 0 0;
        padding: 2rem 1rem;
    }
}


.page-wrap .section-products .heading-wrap {
    margin: 0 0 5rem 0;
}

.section-products .heading-wrap {
    text-align: center;
}

.section-products .heading {
    margin: 0 0 1.5rem 0;
    font-size: 3.3rem;
}

.section-products .heading-featured {
    font-size: 5rem;
}

.section-products .featured-wrap {
    margin: 0 0 5rem 0;
}

.section-products .info {
    font-size: 2.1rem;
    font-weight: 500;
    text-align: center;
}

.section-products .item,
.section-products .item .img-wrap {
    border-radius: 2rem;
}

.section-products .item {
    position: relative;
    margin: 12rem 0 2rem 0;
    padding: 3.5rem 3.5rem 8rem 3.5rem;
    height: calc(100% - 12rem);
    background: #fff;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
}

.section-products .item.highlighted {
    top: -12rem;
    background: #eae9f9;
}

.section-products .item .img-wrap {
    position: relative;
    margin: 0 0 3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-products .item .img-wrap:before {
    content: '';
    display: block;
    padding-bottom: 42%;
}

.section-products .item .img-wrap img {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
    border-radius: 2rem;
}

.section-products .item .title,
.section-products .item .desc {
    font-size: 1.8rem;
}

.section-products .item .title {
    margin: 0 0 2.5rem 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid #eeeeee;
    font-weight: 600;
    text-transform: uppercase;
}

.section-products .item.highlighted .title {
    border-bottom: 1px solid #fff;
}

.section-products .item .additional-info {
    margin: 0 0 1.5rem 0;
    font-size: 2.1rem;
    font-weight: 600;
    color: var(--primary);
}

.section-products .item .desc {
    margin: 0 0 3.5rem 0;
    text-align: left;
}

.section-products .item .desc span {
    color: var(--primary);
    font-weight: 700;
}

.section-products .item .desc ul {
    padding: 0;
    list-style: none;
}

.section-products .item .desc ul li {
    padding: 0.5rem 0.5rem 0.5rem 3.5rem;
    background: url(../images/icons/check-ring-light.svg) left top 0.8rem no-repeat;
}

.section-products .item .desc ul li::before {
    content: '';
    display: none;
    margin: 0 1rem -0.4rem 0;
    width: 2rem;
    height: 2rem;
    background: url(../images/icons/check-ring-light.svg) center center no-repeat;
}

.section-products .item .btn-wrap {
    position: absolute;
    left: 0;
    bottom: 3.5rem;
    width: 100%;
}

.section-products .item .cbtn {
    color: #fff;
    padding: 1.5rem 3rem;
    border-radius: 3rem;
}

.section-products .bottom-info {
    margin: 0 0 3.5rem 0;
    padding: 2.5rem;
    background: #fff;
    border-radius: 2rem;
}

.section-products .rdr-box {
    padding: 2.5rem;
    background: #fff;
    border-radius: 2rem;
}

@media (max-width: 991px ) {
    .page-form .form-wrap .heading-image img {
        display: none;
    }

    .page-form .form-wrap .heading-main-wrap .heading {
        margin: 0 0 4rem 0;
        font-size: 5rem;
        word-break: break-word;
    }

    .page-form .form-wrap .heading-main-wrap .sub-heading {
        margin: 0 0 4rem 0;
    }
    .page-form .form-wrap .slider-wrap {
        margin-bottom: 1rem;
    }

    .page-form .form-wrap .section-inputs {
        margin: 2rem 0;
    }

    .page-form .form-wrap .box-submit {
        text-align: center;
    }
}
/*** END MSF ***/