@font-face {
    font-display: swap;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/red-hat-display-v20-latin-ext-300.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/red-hat-display-v20-latin-ext-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/red-hat-display-v20-latin-ext-500.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/red-hat-display-v20-latin-ext-600.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/red-hat-display-v20-latin-ext-700.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/red-hat-display-v20-latin-ext-900.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Text';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/red-hat-text-v18-latin_latin-ext-300.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Text';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/red-hat-text-v18-latin_latin-ext-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Text';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/red-hat-text-v18-latin_latin-ext-500.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Text';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/red-hat-text-v18-latin_latin-ext-600.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: 'Red Hat Text';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/red-hat-text-v18-latin_latin-ext-700.woff2") format("woff2")
}

[data-icon="search-v03"]:before {
    content: "\e974"
}

[data-icon="check-v03"]:before {
    content: "\e973"
}

[data-icon="loans-construction-v03"]:before {
    content: "\e971"
}

[data-icon="loans-mortgage-v03"]:before {
    content: "\e972"
}

[data-icon="tv-v03"]:before {
    content: ""
}

[data-icon="internet-phone-v03"]:before {
    content: ""
}

[data-icon="internet-tv-v03"]:before {
    content: ""
}

[data-icon="speedometer-v03"]:before {
    content: ""
}

[data-icon="star-v03"]:before {
    content: ""
}

[data-icon="phone-outline-call-v03"]:before {
    content: ""
}

[data-icon="check-circle-v03"]:before {
    content: ""
}

[data-icon="whatsapp-v03"]:before {
    content: ""
}

[data-icon="viber-v03"]:before {
    content: ""
}

[data-icon="messenger-v03"]:before {
    content: ""
}

[data-icon="instagram-v03"]:before {
    content: ""
}

[data-icon="tiktok-v03"]:before {
    content: ""
}

[data-icon="youtube-v03"]:before {
    content: ""
}

[data-icon="linkedin-v03"]:before {
    content: ""
}

[data-icon="twitter-v03"]:before {
    content: ""
}

[data-icon="facebook-circle-v03"]:before {
    content: ""
}

[data-icon="megaphone-v03"]:before {
    content: ""
}

[data-icon="careers-v03"]:before {
    content: ""
}

[data-icon="calculator-v03"]:before {
    content: ""
}

[data-icon="loans-refinancing-v03"]:before {
    content: ""
}

[data-icon="loans-non-targeted-v03"]:before {
    content: ""
}

[data-icon="speedometer-v03"]:before {
    content: ""
}

[data-icon="mobile-tariffs-v03"]:before {
    content: ""
}

[data-icon="mobile-internet-v03"]:before {
    content: ""
}

[data-icon="internet-v03"]:before {
    content: ""
}

[data-icon="fixed-services-v03"]:before {
    content: ""
}

[data-icon="travel-insurance-v03"]:before {
    content: ""
}

[data-icon="housing-loans-v03"]:before {
    content: ""
}

[data-icon="apartment-insurance-v03"]:before {
    content: ""
}

[data-icon="home-insurance-v03"]:before {
    content: ""
}

[data-icon="insurance-employees-v03"]:before {
    content: ""
}

[data-icon="additional-insurance-v03"]:before {
    content: ""
}

[data-icon="supplementary-insurance-v03"]:before {
    content: ""
}

[data-icon="give-advice-v03"]:before {
    content: ""
}

[data-icon="camera-v03"]:before {
    content: ""
}

[data-icon="price-v03"]:before {
    content: ""
}

[data-icon="offer-v03"]:before {
    content: ""
}

[data-icon="technical-inspection-v03"]:before {
    content: ""
}

[data-icon="give-a-lot-v03"]:before {
    content: ""
}

[data-icon="tractor-v03"]:before {
    content: ""
}

[data-icon="motorbike-v03"]:before {
    content: ""
}

[data-icon="insurence-kasko-v03"]:before {
    content: ""
}

[data-icon="insurance-car-v03"]:before {
    content: ""
}

[data-icon="tv"]:before {
    content: ""
}

[data-icon="internet"]:before {
    content: ""
}

[data-icon="internet-tv-phone"]:before {
    content: ""
}

[data-icon="mobile-plans"]:before {
    content: ""
}

[data-icon="mobile-internet"]:before {
    content: ""
}

[data-icon="internet-phone"]:before {
    content: ""
}

[data-icon="internet-tv"]:before {
    content: ""
}

[data-icon="property"]:before {
    content: ""
}

[data-icon="card"]:before {
    content: ""
}

[data-icon="person"]:before {
    content: ""
}

[data-icon="truck"]:before {
    content: ""
}

[data-icon="scooter"]:before {
    content: ""
}

[data-icon="insurance-star"]:before {
    content: ""
}

[data-icon="insurance-cross"]:before {
    content: ""
}

[data-icon="question"]:before {
    content: ""
}

[data-icon="arrow-left-short"]:before {
    content: ""
}

[data-icon="arrow-right-short"]:before {
    content: ""
}

[data-icon="star"]:before {
    content: ""
}

[data-icon="email"]:before {
    content: ""
}

[data-icon="phone-call"]:before {
    content: ""
}

[data-icon="square-meter"]:before {
    content: ""
}

[data-icon="gift"]:before {
    content: ""
}

[data-icon="letter-fill"]:before {
    content: ""
}

[data-icon="check"]:before {
    content: ""
}

[data-icon="network"]:before {
    content: ""
}

[data-icon="time"]:before {
    content: ""
}

[data-icon="location"]:before {
    content: ""
}

[data-icon="chat-message-warning"]:before {
    content: ""
}

[data-icon="car"]:before {
    content: ""
}

[data-icon="car-registration"]:before {
    content: ""
}

[data-icon="car-repair"]:before {
    content: ""
}

[data-icon="car-insurance"]:before {
    content: ""
}

[data-icon="car-settings"]:before {
    content: ""
}

[data-icon="phone"]:before {
    content: ""
}

[data-icon="chevron-down"]:before {
    content: ""
}

[data-icon="chevron-up"]:before {
    content: ""
}

[data-icon="chevron-left"]:before {
    content: ""
}

[data-icon="chevron-right"]:before {
    content: ""
}

[data-icon="dots-fill"]:before {
    content: ""
}

[data-icon="dot-fill"]:before {
    content: ""
}

[data-icon="plus"]:before {
    content: ""
}

[data-icon="minus"]:before {
    content: ""
}

[data-icon="close"]:before {
    content: ""
}

[data-icon="trash"]:before {
    content: ""
}

[data-icon="arrow-down"]:before {
    content: ""
}

[data-icon="arrow-up"]:before {
    content: ""
}

[data-icon="arrow-left"]:before {
    content: ""
}

[data-icon="arrow-right"]:before {
    content: ""
}

[data-icon="check-circle"]:before {
    content: ""
}

[data-icon="check-circle-thin"]:before {
    content: ""
}

[data-icon="caret-down-fill"]:before {
    content: ""
}

[data-icon="caret-up-fill"]:before {
    content: ""
}

[data-icon="sort-arrows-fill"]:before {
    content: ""
}

[data-icon="file"]:before {
    content: ""
}

[data-icon="file-text"]:before {
    content: ""
}

[data-icon="filter-sort"]:before {
    content: ""
}

[data-icon="download"]:before {
    content: ""
}

[data-icon="edit"]:before {
    content: ""
}

[data-icon="phone-fill"]:before {
    content: ""
}

[data-icon="refresh"]:before {
    content: ""
}

[data-icon="info-circle"]:before {
    content: ""
}

[data-icon="info-circle-fill"]:before {
    content: ""
}

[data-icon="messenger"]:before {
    content: ""
}

[data-icon="viber"]:before {
    content: ""
}

[data-icon="whatsapp"]:before {
    content: ""
}

[data-icon="send-message"]:before {
    content: ""
}

[data-icon="youtube"]:before {
    content: ""
}

[data-icon="instagram"]:before {
    content: ""
}

[data-icon="linkedin"]:before {
    content: ""
}

[data-icon="facebook"]:before {
    content: ""
}

[data-icon]:before,
[data-icon]:after,
.k03-breadcrumb-item:not(:last-child)::after,
.k03-search:before,
.k03-checkbox label span::after,
.k03-checkbox-sm label span::after,
.k03-checkbox-sm-inline label span::after,
.k03-checkbox-md label span::after,
.k03-checkbox-md-inline label span::after,
.k03-star-ratings .fill::before,
.k03-star-ratings .empty::before,
.k03-widget-reviews .k03-star-ratings .fill::before,
.k03-widget-reviews .k03-star-ratings .empty::before,
.k03-faq-item__summary::after,
.k03-hero-credit-content_icon::before {
    font-family: 'kan-v03' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.k03-btn,
.k03-btn-sm,
.k03-btn-md,
.k03-btn-lg,
.k03-btn-xl,
.k03-btn-xxl {
    position: relative;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "Red Hat Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    border-radius: 8px;
    white-space: nowrap;
    transition: all 0.15s ease-in-out
}

.k03-btn [data-icon],
.k03-btn-sm [data-icon],
.k03-btn-md [data-icon],
.k03-btn-lg [data-icon],
.k03-btn-xl [data-icon],
.k03-btn-xxl [data-icon] {
    font-size: 12px;
    line-height: 1
}

.k03-btn.loading,
.loading.k03-btn-sm,
.loading.k03-btn-md,
.loading.k03-btn-lg,
.loading.k03-btn-xl,
.loading.k03-btn-xxl {
    cursor: default;
    pointer-events: none
}

.k03-btn.loading::after,
.loading.k03-btn-sm::after,
.loading.k03-btn-md::after,
.loading.k03-btn-lg::after,
.loading.k03-btn-xl::after,
.loading.k03-btn-xxl::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    left: 50%;
    top: 40%;
    width: 0px;
    height: 0px;
    margin: 0 0 0 -10px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-left-color: #fff;
    border-top-color: #fff;
    animation: spin 0.6s infinite linear, grow 0.3s forwards ease-out
}

.k03-btn.disabled,
.disabled.k03-btn-sm,
.disabled.k03-btn-md,
.disabled.k03-btn-lg,
.disabled.k03-btn-xl,
.disabled.k03-btn-xxl,
.k03-btn[disabled],
.k03-btn-sm[disabled],
.k03-btn-md[disabled],
.k03-btn-lg[disabled],
.k03-btn-xl[disabled],
.k03-btn-xxl[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
    pointer-events: none
}

.k03-btn:focus,
.k03-btn-sm:focus,
.k03-btn-md:focus,
.k03-btn-lg:focus,
.k03-btn-xl:focus,
.k03-btn-xxl:focus {
    outline: none
}

@keyframes spin {
    to {
        transform: rotate(359deg)
    }
}

@keyframes grow {
    to {
        width: 20px;
        height: 20px;
        margin-top: -6px;
        right: 20px
    }
}

.k03-btn-sm {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 767px) {
    .k03-btn-sm {
        font-size: 16px;
        line-height: 18px;
        padding-top: 9px;
        padding-bottom: 9px
    }
}

.k03-btn-md {
    padding: 9px 16px;
    font-size: 16px;
    line-height: 18px
}

@media (max-width: 767px) {
    .k03-btn-md {
        font-size: 18px;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.k03-btn-lg {
    padding: 10px 18px;
    font-size: 18px;
    line-height: 20px
}

@media (max-width: 767px) {
    .k03-btn-lg {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.k03-btn-xl {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 20px
}

@media (max-width: 767px) {
    .k03-btn-xl {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.k03-btn-xxl {
    padding: 14px 32px;
    font-size: 20px;
    line-height: 24px
}

@media (max-width: 767px) {
    .k03-mobile-btn {
        font-size: 20px;
        line-height: 24px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .k03-mobile-btn-block {
        min-width: auto;
        max-width: none;
        width: 100%;
        display: block
    }
}

.k03-btn-block {
    width: 100%
}

.k03-btn-primary {
    color: #fff !important;
    background-color: #6A0098;
    border-color: #6A0098
}

.k03-btn-primary:not(.disabled):not([disabled]):hover {
    background-color: #8E00CC;
    border-color: #8E00CC
}

.k03-btn-primary:not(.disabled):not([disabled]):focus {
    background-color: #B200FF;
    border-color: #B200FF
}

.k03-btn-primary:not(.disabled):not([disabled]):active {
    background-color: #470066;
    border-color: #6A0098
}

.k03-btn-outline-primary {
    color: #6A0098;
    background-color: transparent;
    border-color: #6A0098
}

.k03-btn-outline-primary:not(.disabled):not([disabled]):hover {
    color: #fff;
    background-color: #8E00CC;
    border-color: #8E00CC
}

.k03-btn-outline-primary:not(.disabled):not([disabled]):focus {
    color: #fff;
    background-color: #B200FF;
    border-color: #B200FF
}

.k03-btn-outline-primary:not(.disabled):not([disabled]):active {
    color: #470066;
    background-color: transparent;
    border-color: #470066
}

.k03-btn-outline-primary.loading::after {
    border-color: rgba(106, 0, 152, 0.5);
    border-left-color: #6A0098;
    border-top-color: #6A0098
}

.k03-btn-text-primary {
    color: #6A0098;
    background-color: transparent !important;
    border-color: transparent !important;
    padding-left: 0;
    padding-right: 0
}

.k03-btn-text-primary:not(.disabled):not([disabled]):hover {
    color: #8E00CC
}

.k03-btn-text-primary:not(.disabled):not([disabled]):focus {
    color: #B200FF
}

.k03-btn-text-primary:not(.disabled):not([disabled]):active {
    color: #470066
}

.k03-btn-text-primary.loading::after {
    border-color: rgba(106, 0, 152, 0.5);
    border-left-color: #6A0098;
    border-top-color: #6A0098
}

.k03-btn-secondary {
    color: #fff !important;
    background-color: #F4910F;
    border-color: #F4910F
}

.k03-btn-secondary:not(.disabled):not([disabled]):hover {
    background-color: #F6A850;
    border-color: #F6A850
}

.k03-btn-secondary:not(.disabled):not([disabled]):focus {
    background-color: #F9C081;
    border-color: #F9C081
}

.k03-btn-secondary:not(.disabled):not([disabled]):active {
    background-color: #D6760B;
    border-color: #D6760B
}

.k03-btn-outline-secondary {
    color: #F4910F;
    background-color: transparent;
    border-color: #F4910F
}

.k03-btn-outline-secondary:not(.disabled):not([disabled]):hover {
    color: #fff;
    background-color: #F6A850;
    border-color: #F6A850
}

.k03-btn-outline-secondary:not(.disabled):not([disabled]):focus {
    color: #fff;
    background-color: #F9C081;
    border-color: #F9C081
}

.k03-btn-outline-secondary:not(.disabled):not([disabled]):active {
    color: #D6760B;
    background-color: transparent;
    border-color: #D6760B
}

.k03-btn-outline-secondary.loading::after {
    border-color: rgba(244, 145, 15, 0.5);
    border-left-color: #F4910F;
    border-top-color: #F4910F
}

.k03-btn-text-secondary {
    color: #F4910F;
    background-color: transparent !important;
    border-color: transparent !important;
    padding-left: 0;
    padding-right: 0
}

.k03-btn-text-secondary:not(.disabled):not([disabled]):hover {
    color: #F6A850
}

.k03-btn-text-secondary:not(.disabled):not([disabled]):focus {
    color: #F9C081
}

.k03-btn-text-secondary:not(.disabled):not([disabled]):active {
    color: #D6760B
}

.k03-btn-text-secondary.loading::after {
    border-color: rgba(244, 145, 15, 0.5);
    border-left-color: #F4910F;
    border-top-color: #F4910F
}

.k03-btn-black {
    color: #fff !important;
    background-color: #323232;
    border-color: transparent !important
}

.k03-btn-black:not(.disabled):not([disabled]):hover {
    background-color: #666
}

.k03-btn-black:not(.disabled):not([disabled]):focus {
    background-color: #999
}

.k03-btn-black:not(.disabled):not([disabled]):active {
    background-color: #000
}

.k03-btn-black.loading::after {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-color: #fff;
    border-top-color: #fff
}

.k03-btn-outline-black {
    color: #323232;
    background-color: transparent !important;
    border-color: #4D4D4D
}

.k03-btn-outline-black:not(.disabled):not([disabled]):hover {
    color: #8E00CC;
    border-color: #8E00CC
}

.k03-btn-outline-black:not(.disabled):not([disabled]):focus {
    color: #B200FF;
    border-color: #B200FF
}

.k03-btn-outline-black:not(.disabled):not([disabled]):active {
    color: #470066;
    border-color: #470066
}

.k03-btn-outline-black.loading::after {
    border-color: rgba(0, 0, 0, 0.5);
    border-left-color: #000;
    border-top-color: #000
}

.k03-btn-text-black {
    color: #323232;
    background-color: transparent !important;
    border-color: transparent !important;
    padding-left: 0;
    padding-right: 0
}

.k03-btn-text-black:not(.disabled):not([disabled]):hover {
    color: #8E00CC
}

.k03-btn-text-black:not(.disabled):not([disabled]):focus {
    color: #B200FF
}

.k03-btn-text-black:not(.disabled):not([disabled]):active {
    color: #470066
}

.k03-btn-text-black.loading::after {
    border-color: rgba(0, 0, 0, 0.5);
    border-left-color: #000;
    border-top-color: #000
}

.k03-btn-white {
    color: #000 !important;
    background-color: #fff;
    border-color: transparent !important
}

.k03-btn-white:not(.disabled):not([disabled]):hover {
    background-color: #DBDBDB
}

.k03-btn-white:not(.disabled):not([disabled]):focus {
    background-color: #DBDBDB
}

.k03-btn-white:not(.disabled):not([disabled]):active {
    background-color: #F2F2F2
}

.k03-btn-white.loading::after {
    border-color: rgba(0, 0, 0, 0.5);
    border-left-color: #000;
    border-top-color: #000
}

.k03-btn-outline-white {
    color: #fff;
    background-color: transparent !important;
    border-color: #fff
}

.k03-btn-outline-white:not(.disabled):not([disabled]):hover {
    color: #F6A850;
    border-color: #F6A850
}

.k03-btn-outline-white:not(.disabled):not([disabled]):focus {
    color: #F9C081;
    border-color: #F9C081
}

.k03-btn-outline-white:not(.disabled):not([disabled]):active {
    color: #D6760B;
    border-color: #D6760B
}

.k03-btn-outline-white.loading::after {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-color: #fff;
    border-top-color: #fff
}

.k03-btn-text-white {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
    padding-left: 0;
    padding-right: 0
}

.k03-btn-text-white:not(.disabled):not([disabled]):hover {
    color: #F6A850
}

.k03-btn-text-white:not(.disabled):not([disabled]):focus {
    color: #F9C081
}

.k03-btn-text-white:not(.disabled):not([disabled]):active {
    color: #D6760B
}

.k03-btn-text-white.loading::after {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-color: #fff;
    border-top-color: #fff
}

.k03-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background-color: rgba(50, 50, 50, 0.55);
    transition: all 0.5s ease-in-out
}

.k03-modal-content {
    background-color: #fff;
    border-radius: 16px;
    max-height: 92%;
    width: calc(100% - 40px);
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 24px;
    overflow: auto;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06);
    transition: all 0.5s ease-in-out
}

.k03-modal-content.k03-modal-s {
    max-width: 480px
}

.k03-modal-content.k03-modal-m {
    max-width: 620px
}

.k03-modal-content.k03-modal-l {
    max-width: 900px
}

.k03-modal-close {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 30px;
    height: 30px;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    background: transparent;
    border: none
}

.k03-modal-close:hover {
    color: #6A0098;
    transform: rotate(180deg);
    background-color: #DBDBDB
}

.k03-modal-close-white {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    color: #fff
}

.k03-modal-close-white:hover {
    color: #dbdbdb;
    transform: rotate(180deg);
    background-color: transparent
}

.k03-modal-heading {
    padding-right: 34px;
    margin: 0 0 20px
}

.k03-modal-heading-center {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center
}

.k03-modal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px
}

@media (min-width: 768px) {
    .k03-modal-content {
        padding: 48px
    }

    .k03-modal-close {
        top: 30px;
        right: 30px
    }

    .k03-modal-heading {
        padding-right: 16px
    }
}

.k03-call-request-buttons {
    display: flex;
    gap: 20px
}

.k03-call-request-buttons .k03-btn-text-black {
    padding-left: 12px;
    padding-right: 12px
}

.k03-call-request-info {
    position: relative;
    padding: 24px 0 0 20px;
    margin-top: 24px;
    color: #666;
    font-size: 12px;
    line-height: 16px
}

.k03-call-request-info [data-icon] {
    content: "";
    color: #DBDBDB;
    font-size: 12px;
    position: absolute;
    top: 24px;
    left: 0
}

@media (min-width: 768px) {
    .k03-call-request-buttons {
        gap: 32px
    }

    .k03-call-request-buttons .k03-btn-text-black {
        padding-left: 18px;
        padding-right: 18px
    }
}

[data-call-me] {
    cursor: pointer;
    transition: all 0.3s ease
}

[data-call-me]:hover {
    opacity: 0.6
}

@font-face {
    font-family: "kan-v03";
    src: url("../fonts/kan-v03.eot");
    src: url("../fonts/kan-v03.eot#iefix") format("embedded-opentype"), url("../fonts/kan-v03.ttf") format("truetype"), url("../fonts/kan-v03.woff") format("woff"), url("../images/kan-v03.svg#kan-v03") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.k03-mb-20 {
    margin-bottom: 20px
}

.k03-mb-24 {
    margin-bottom: 24px
}

.k03-mb-30 {
    margin-bottom: 30px
}

.k03-pt-0 {
    padding-top: 0
}

.k03-pb-0 {
    padding-bottom: 0
}

.k03-md-show {
    display: none
}

.k03-md-hide {
    display: block
}

@media (min-width: 768px) {
    .k03-md-show {
        display: block
    }

    .k03-md-hide {
        display: none
    }
}

body.navOpened {
    overflow: hidden
}

.k03-header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    font-family: "Red Hat Display", sans-serif;
    transition: top 0.3s ease
}

.k03-header ul,
.k03-header ul ul {
    list-style: none;
    padding-left: 0
}

.k03-container {
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1320px
}

.k03-container-md {
    max-width: 680px
}

.k03-logo {
    width: 132px;
    line-height: 1
}

.k03-logo:focus-visible {
    outline: 2px dotted rgba(255, 255, 255, 0.8);
    outline-offset: 6px
}

.k03-logo img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

.k03-header-contact-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
    max-width: 249px;
    background-color: #F2EAF7;
    border-radius: 8px;
    padding: 12px 41px
}

.k03-header-contact-card .contact-info {
    margin-bottom: 2px;
    gap: 3px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.k03-header-contact-card .contact-info a {
    color: #323232
}

.k03-header-contact-card .contact-info a:hover {
    opacity: 0.5
}

.k03-header-contact-card .social-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 0
}

.k03-header-contact-card .social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 22px;
    height: 22px;
    border: 1.5px solid #6A0098;
    border-radius: 50%
}

.k03-header-contact-card .social-icons a:hover {
    opacity: 0.5
}

.k03-header-contact-card .social-icons i {
    color: #6A0098;
    font-size: 12px;
    line-height: 1
}

@media (max-width: 1180px) {
    .k03-header.showCTAButtons .k03-navbar-mobile {
        top: -120px
    }

    .k03-navbar-mobile {
        height: 120px;
        position: relative;
        top: 0;
        transition: top 0.3s ease
    }

    .k03-navbar-mobile label {
        margin-bottom: 0;
        height: auto;
        font-family: "Red Hat Display", sans-serif;
        letter-spacing: 0;
        text-transform: none
    }

    .k03-navbar-mobile input {
        display: none
    }

    .k03-navbar-mobile>.k03-container {
        padding-bottom: 10px;
        position: relative;
        background-color: #6A0098
    }

    .k03-navbar-mobile .k03-header-contact-card {
        padding: 16px 20px;
        gap: 15px;
        max-width: none
    }

    .k03-navbar-mobile .k03-header-contact-card .social-icons {
        gap: 20px
    }
}

@media (max-width: 1180px) and (min-width: 371px) {
    .k03-navbar-mobile .k03-header-contact-card .social-icons {
        gap: 33px
    }
}

@media (max-width: 1180px) {
    .k03-navbar-mobile .k03-header-contact-card .social-icons a {
        width: 32px;
        height: 32px
    }

    .k03-navbar-mobile-top {
        display: flex;
        padding: 16px 0;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        height: 62px
    }

    .k03-nav-mobile {
        position: relative
    }

    .k03-nav-mobile-close .phone,
    .k03-nav-mobile-close .close {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: 40px;
        height: 28px;
        padding: 4px;
        border-radius: 8px;
        background: #F4910F;
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
        color: #fff;
        font-size: 9px;
        line-height: 1;
        cursor: pointer;
        opacity: 1;
        float: none;
        text-shadow: none
    }

    .k03-nav-mobile-close .phone:hover,
    .k03-nav-mobile-close .close:hover {
        background: #F6A850
    }

    .k03-nav-mobile-close .phone i,
    .k03-nav-mobile-close .close i {
        font-size: 9px;
        line-height: 1
    }

    .k03-nav-mobile-close .close {
        display: none
    }

    .k03-nav-mobile-close #close:not(:checked)~.k03-nav-mobile-bg {
        display: none
    }

    .k03-nav-mobile-close #close:not(:checked)~.close {
        display: flex
    }

    .k03-nav-mobile-close #close:not(:checked)~.phone {
        display: none
    }

    .k03-nav-mobile-bg {
        position: absolute;
        bottom: 10px;
        right: 12px;
        left: 12px;
        height: 48px;
        background-color: #8833ad;
        border-radius: 8px
    }
}

@media (max-width: 1180px) and (min-width: 375px) {
    .k03-nav-mobile-bg {
        right: 20px;
        left: 20px
    }
}

@media (max-width: 1180px) {
    .k03-nav-mobile-list {
        display: grid;
        grid-template-columns: repeat(3, auto);
        justify-items: center;
        justify-content: space-between;
        align-items: center;
        border-radius: 8px;
        position: relative;
        margin-bottom: 0
    }
}

@media (max-width: 1180px) and (min-width: 375px) {
    .k03-nav-mobile-list {
        justify-content: space-around
    }
}

@media (max-width: 1180px) {
    .k03-nav-mobile-label {
        display: flex;
        padding: 12px 22px;
        border-radius: 8px;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #f9f9f9;
        cursor: pointer
    }

    .k03-nav-mobile-label-drop {
        position: relative
    }

    .k03-nav-mobile-label-drop::before {
        font-family: "kan-v03";
        content: "\e900";
        position: absolute;
        top: 50%;
        right: -27px;
        font-size: 11px;
        line-height: 1;
        transform: translateY(-50%) rotate(270deg);
        transition: all 0.3s ease
    }

    .k03-nav-mobile-label-about {
        position: absolute;
        top: -45px;
        right: 45px;
        padding: 2px 11px !important
    }

    .k03-drop-mobile-input~.k03-nav-mobile-label {
        padding: 12px 6px
    }
}

@media (max-width: 1180px) and (min-width: 375px) {
    .k03-drop-mobile-input~.k03-nav-mobile-label {
        padding: 12px 12px
    }
}

@media (max-width: 1180px) and (min-width: 576px) {
    .k03-drop-mobile-input~.k03-nav-mobile-label {
        padding: 12px 14px
    }
}

@media (max-width: 1180px) {
    .k03-drop-mobile-input:checked~.k03-drop-mobile {
        display: flex
    }

    .k03-drop-mobile-input:checked~.k03-nav-mobile-label {
        background-color: #8833ad;
        font-weight: 700
    }

    .k03-drop-mobile-input:checked~.k03-nav-mobile-label-about {
        padding: 2px 11px
    }

    .k03-drop-mobile {
        display: none;
        background-color: #470066;
        position: fixed;
        top: 120px;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        overflow-y: auto;
        flex-direction: column;
        gap: 40px;
        transition: all 0.3s ease
    }

    .k03-drop-mobile-item:not(:last-child) {
        margin-bottom: 20px
    }

    .k03-drop-mobile-list {
        padding: 0;
        flex: 1
    }

    .k03-drop-mobile .k03-nav-mobile-label {
        padding: 10px 22px
    }

    .k03-supdrop-mobile-input:checked~.k03-supdrop-mobile-list {
        display: flex
    }

    .k03-supdrop-mobile-input:checked~.k03-nav-mobile-label {
        background-color: #8833ad
    }

    .k03-supdrop-mobile-input:checked~.k03-nav-mobile-label .k03-nav-mobile-label-drop {
        font-weight: 700
    }

    .k03-supdrop-mobile-input:checked~.k03-nav-mobile-label .k03-nav-mobile-label-drop::before {
        transform: translateY(-50%) rotate(0deg)
    }

    .k03-supdrop-mobile-list {
        display: none;
        flex-direction: column;
        padding-top: 18px
    }

    .k03-supdrop-mobile-list .k03-supdrop-mobile-link {
        padding-left: 42px
    }

    .k03-supdrop-mobile-item:not(:last-child) {
        margin-bottom: 19px
    }

    .k03-supdrop-mobile-item .k03-nav-mobile-label {
        padding: 10px 40px
    }

    .k03-supdrop-mobile-item .k03-supdrop-mobile-list {
        padding-left: 42px
    }

    .k03-supdrop-mobile-link {
        display: block;
        color: #f0e6f5;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        padding: 8px 24px
    }

    .k03-supdrop-mobile-link:hover {
        color: #999;
        opacity: 1
    }

    .bold-on-hover {
        display: flex;
        flex-direction: column
    }

    .bold-on-hover::after {
        content: attr(data-text);
        height: 0;
        visibility: hidden;
        overflow: hidden;
        user-select: none;
        pointer-events: none;
        font-weight: 700
    }

    .k03-navbar-desktop {
        display: none
    }
}

@media (min-width: 1181px) {
    .k03-navbar-mobile {
        display: none
    }

    .k03-header.showCTAButtons .k03-navbar-desktop {
        top: -64px
    }

    .k03-header.showCTAButtons .k03-drop {
        display: none !important
    }

    .k03-navbar-desktop {
        background-color: #6A0098;
        height: 64px;
        position: relative;
        top: 0;
        transition: top 0.3s ease
    }

    .k03-navbar-desktop>.k03-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        height: 64px
    }

    .k03-navbar-desktop-si .k03-drop {
        height: 338px
    }

    .k03-navbar-desktop-si .k03-supdrop {
        padding-top: 64px;
        height: 338px
    }

    .k03-contact-link {
        min-width: 170px;
        transition: none !important
    }

    .k03-contact-link i {
        font-size: 12px;
        line-height: 1
    }

    .k03-nav {
        position: relative;
        transition: opacity 0.1s ease
    }

    .k03-nav-menu {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 0
    }

    .k03-nav-item:hover .k03-drop {
        display: block
    }

    .k03-nav-item:hover .k03-drop .k03-drop-item:first-child .k03-supdrop {
        display: flex
    }

    .k03-nav-item:hover .k03-drop .k03-drop-item:not(:first-child):hover .k03-supdrop {
        display: flex
    }

    .k03-nav-has-drop {
        overflow: hidden;
        transition: all 0.3s ease
    }

    .k03-nav-has-drop:hover .k03-nav-link {
        font-weight: 700
    }

    .k03-nav-has-drop .k03-nav-link {
        position: relative;
        padding-right: 40px
    }

    .k03-nav-has-drop .k03-nav-link::before {
        font-family: "kan-v03";
        content: "\e900";
        position: absolute;
        top: 50%;
        right: 21px;
        font-size: 10px;
        line-height: 1;
        transform: translateY(-50%);
        transition: all 0.3s ease
    }

    .k03-nav-has-drop .k03-nav-link:hover::before,
    .k03-nav-has-drop:hover .k03-nav-link::before {
        transform: translateY(-50%) rotate(180deg)
    }

    .k03-nav-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        padding: 20px 16px;
        position: relative;
        transition: all 0.2s ease;
        cursor: pointer
    }

    .k03-nav-link::after {
        content: attr(data-text);
        height: 0;
        visibility: hidden;
        overflow: hidden;
        user-select: none;
        pointer-events: none;
        font-weight: 700
    }

    .k03-nav-link:hover,
    .k03-nav-link.active {
        color: #fff;
        font-weight: bold
    }

    .k03-drop {
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        background: #470066;
        display: none;
        height: 476px;
        transition: all 0.3s ease
    }

    .k03-drop-wrapper {
        max-width: 640px;
        margin: 0 auto
    }

    .k03-drop-list {
        position: relative;
        background-color: #a666c1
    }

    .k03-drop-list>ul {
        display: flex;
        align-items: center;
        justify-content: start;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        padding-left: 0;
        width: 640px;
        margin: 0 auto
    }

    .k03-drop-list .k03-drop-wrapper {
        max-width: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #470066
    }

    .k03-drop-list .k03-supdrop {
        display: none;
        max-width: 640px;
        margin: 0 auto
    }

    .k03-drop-slider {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 640px
    }

    .k03-drop-slider::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 120px;
        background-color: #470066;
        transition: left 0.3s ease
    }

    .k03-drop-item {
        width: 120px
    }

    .k03-drop-item:hover .k03-drop-link {
        font-weight: 700
    }

    .k03-drop-item:hover .k03-supdrop {
        display: flex
    }

    .k03-drop-item:nth-child(2):hover~.k03-drop-slider::before {
        left: 120px
    }

    .k03-drop-item:nth-child(3):hover~.k03-drop-slider::before {
        left: 240px
    }

    .k03-drop-item:nth-child(4):hover~.k03-drop-slider::before {
        left: 360px
    }

    .k03-drop-item.hide-drop .k03-drop-wrapper {
        display: none
    }

    .k03-drop-link {
        display: flex;
        flex-direction: column;
        text-align: center;
        color: #fff;
        padding: 4px 8px;
        transition: all 0.2s ease;
        position: relative;
        z-index: 2;
        cursor: pointer
    }

    .k03-drop-link::after {
        content: attr(data-text);
        height: 0;
        visibility: hidden;
        overflow: hidden;
        user-select: none;
        pointer-events: none;
        font-weight: 700
    }

    .k03-drop-link:hover {
        color: #fff;
        font-weight: bold
    }

    .k03-supdrop {
        display: flex;
        padding-top: 38px;
        gap: 42px;
        height: 476px
    }

    .k03-supdrop-col {
        flex: 1
    }

    .k03-supdrop-title {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #a666c1;
        letter-spacing: 0.07px;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .k03-supdrop-title:last-child {
        margin-bottom: 0
    }

    .k03-supdrop-list {
        padding: 0;
        padding-top: 6px
    }

    .k03-supdrop-list.without-icon {
        padding-top: 0
    }

    .k03-supdrop-list.without-icon .k03-supdrop-item:not(:last-child) {
        margin-bottom: 18px
    }

    .k03-supdrop-item {
        transition: all 0.3s ease
    }

    .k03-supdrop-item:not(:last-child) {
        margin-bottom: 26px
    }

    .k03-supdrop-link {
        color: #fff;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        gap: 14px
    }

    .k03-supdrop-link:hover {
        color: #fff;
        opacity: 45%
    }

    .k03-supdrop-link:active {
        color: #6A0098;
        opacity: 1
    }

    .k03-supdrop-info .big {
        font-size: 16px;
        line-height: 24px
    }

    .k03-supdrop-icon {
        font-size: 28px;
        line-height: 1
    }

    .k03-supdrop-label {
        display: block;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }

    .k03-supdrop-sublabel {
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }
}

.k03-navbar-funnel {
    background-color: #6A0098
}

.k03-navbar-funnel .k03-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    height: 64px
}

.k03-navbar-funnel .k03-help-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    cursor: pointer
}

.k03-navbar-funnel .k03-help-link:hover {
    color: #F6A850
}

.k03-navbar-funnel .k03-help-link:focus {
    color: #F9C081
}

.k03-navbar-funnel .k03-help-link:active {
    color: #D6760B
}

.k03-agent-help {
    text-align: center
}

.k03-agent-help-logo {
    width: 40px;
    padding: 24px 0 0;
    margin: 0 auto 26px
}

.k03-agent-help-logo img {
    max-width: 100%
}

@media (min-width: 768px) {
    .k03-agent-help-logo {
        width: 80px
    }
}

.k03-agent-help-title {
    font-size: 32px;
    font-style: normal;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 30px
}

.k03-agent-help-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 250px;
    list-style: none;
    margin: 0 auto
}

.k03-agent-help-buttons [class*="k03-btn-"] {
    width: 100%
}

.k03-agent-help-contacts {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none
}

.k03-agent-help-contacts [data-icon] {
    font-size: 10px
}

.k03-agent-help-contacts a {
    color: #323232;
    text-decoration: underline
}

.k03-agent-help-contacts a:hover {
    text-decoration: none
}

.k03-agent-help-hours {
    padding-top: 24px;
    margin-bottom: 24px;
    position: relative
}

.k03-agent-help-hours::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: repeating-linear-gradient(90deg, #999 0 5px, rgba(0, 0, 0, 0) 0 10px)
}

.k03-agent-help-hours .hours-label {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 12px
}

.k03-agent-help-hours p {
    margin-bottom: 0
}

.k03-cta-scroll {
    background-color: #6A0098;
    position: absolute;
    left: 0;
    right: 0;
    top: -130px;
    z-index: 100;
    transition: top 0.3s ease
}

.k03-cta-scroll .k03-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 64px
}

.k03-cta-scroll .k03-logo {
    display: none
}

@media (min-width: 768px) {
    .k03-cta-scroll .k03-container {
        justify-content: space-between
    }

    .k03-cta-scroll .k03-logo {
        display: block
    }
}

.k03-header.showCTAButtons .k03-cta-scroll {
    top: 0
}

.k03-header.showCTAButtons .k03-drop {
    display: none !important
}

.k03-cta-buttons {
    display: flex;
    gap: 8px;
    transition: all 0.3s ease
}

.k03-header>.k03-cta-buttons {
    right: 20px
}

.k03-cta-buttons [class*="k03-btn-"] {
    padding: 9px;
    font-size: 16px;
    line-height: 18px;
    white-space: normal
}

@media (min-width: 390px) {
    .k03-cta-buttons [class*="k03-btn-"] {
        white-space: nowrap
    }
}

@media (min-width: 576px) {
    .k03-cta-buttons [class*="k03-btn-"] {
        min-width: 170px
    }
}

@media (min-width: 1181px) {
    .k03-cta-buttons {
        gap: 12px
    }

    .k03-cta-buttons [class*="k03-btn-"] {
        padding: 9px 16px
    }
}

.heroBeforeBg-purple {
    position: relative
}

.heroBeforeBg-purple::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 164px;
    background-color: #6A0098
}

@media (min-width: 1181px) {
    .heroBeforeBg-purple::before {
        height: 114px
    }
}

:root {
    --gap:
}

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

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    min-width: 320px;
    font-family: "Red Hat Text", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #323232;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

p {
    margin-bottom: 24px
}

address {
    margin-bottom: 16px;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    list-style-position: inside;
    margin-bottom: 16px
}

ol ul,
ol ol,
ul ul,
ul ol {
    padding-left: 24px
}

ul {
    list-style-type: disc
}

dl {
    margin-bottom: 16px
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: 16px
}

blockquote {
    margin-bottom: 16px
}

b,
strong {
    font-weight: 700
}

sub,
sup {
    position: relative;
    font-size: 10px;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #6A0098;
    text-decoration: none;
    transition: all 0.3s ease
}

a:hover {
    color: #240033
}

a:focus-visible {
    color: #240033
}

figure {
    margin: 0 0 16px
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

svg {
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

[hidden] {
    display: none !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        transition: none !important;
        scroll-behavior: auto !important
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

body.agent-help,
body.only-logo {
    background-color: #F2F2F2
}

*:last-child {
    margin-bottom: 0
}

.k03-page-wrapper {
    flex: 1;
    padding-top: 120px;
    position: relative;
    overflow: hidden
}

.k03-page-wrapper.bg-white {
    background-color: #fff
}

.k03-page-wrapper.bg-gray {
    background-color: #F2F2F2
}

.agent-help .k03-page-wrapper,
.only-logo .k03-page-wrapper {
    padding-top: 64px
}

@media (min-width: 1181px) {
    .k03-page-wrapper {
        padding-top: 64px
    }
}

.k03-section {
    padding: 40px 0;
    background: #fff
}

@media (min-width: 768px) {
    .k03-section {
        padding: 60px 0
    }
}

@media (min-width: 1200px) {
    .k03-section {
        padding: 80px 0
    }
}

.k03-container {
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1320px
}

.k03-container-md {
    max-width: 680px
}

.k03-column {
    flex: 1
}

.k03-flex-title {
    display: flex;
    align-items: center;
    gap: 20px
}

.k03-card-wrapper {
    display: flex;
    gap: 16px;
    overflow-x: auto
}

.k03-card-wrapper .k03-card {
    flex: 0 0 290px
}

@media (min-width: 768px) {
    .k03-card-wrapper {
        gap: 24px
    }
}

@media (min-width: 1200px) {
    .k03-card-wrapper {
        gap: 40px
    }
}

.k03-card {
    width: 290px;
    padding: 20px;
    background: #F2F2F2;
    border-radius: 12px
}

.k03-section.k03-bg-text6 .k03-card {
    background: #fff
}

.k03-card-title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px
}

.k03-product-card-horizontal {
    display: flex;
    background-color: #F2F2F2;
    border-radius: 12px;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 45px 70px
}

.k03-product-card-horizontal img {
    width: 37% !important
}

.k03-product-card-horizontal .k03-card-horizontal-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 35px
}

.k03-product-card-horizontal .k03-card-content {
    width: 50%
}

@media (max-width: 1440px) {
    .k03-product-card-horizontal .k03-card-content {
        width: 55%
    }
}

@media (max-width: 1200px) {
    .k03-product-card-horizontal {
        padding: 40px 60px
    }

    .k03-product-card-horizontal .k03-card-content {
        width: 57%
    }
}

@media (max-width: 992px) {
    .k03-product-card-horizontal {
        padding: 35px 50px
    }

    .k03-product-card-horizontal .k03-card-horizontal-title {
        font-size: 29px;
        line-height: 37px;
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .k03-product-card-horizontal {
        padding: 35px;
        flex-direction: column;
        text-align: center
    }

    .k03-product-card-horizontal img {
        display: none
    }

    .k03-product-card-horizontal .k03-card-content {
        width: 90%
    }
}

.k03-flex {
    display: flex
}

.k03-flex-column {
    flex-direction: column
}

.k03-flex-wrap {
    flex-wrap: wrap
}

.k03-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.k03-justify-content-center {
    justify-content: center
}

.k03-justify-content-between {
    justify-content: space-between
}

.k03-justify-content-end {
    justify-content: flex-end
}

.k03-justify-content-start {
    justify-content: flex-start
}

.k03-justify-content-around {
    justify-content: space-around
}

.k03-align-items-center {
    align-items: center
}

.k03-gap-10 {
    gap: 10px
}

.k03-gap-12 {
    gap: 12px
}

.k03-gap-24 {
    gap: 24px
}

.k03-gap-40 {
    gap: 40px
}

.k03-gap-60 {
    gap: 60px
}

.k03-sm-show,
.k03-md-show,
.k03-lg-show,
.k03-xl-show {
    display: none
}

.k03-sm-hide,
.k03-md-hide,
.k03-lg-hide,
.k03-xl-hide {
    display: block
}

.k03-col {
    flex: 1
}

.k03-col-6 {
    flex: 0 0 50%
}

[class*="k03-col-"] {
    width: 100%
}

@media (min-width: 576px) {
    .k03-col-sm {
        flex: 1
    }

    .k03-col-sm-6 {
        flex: 0 0 50%
    }

    .k03-sm-show {
        display: block
    }

    .k03-sm-hide {
        display: none
    }
}

@media (min-width: 768px) {
    .k03-col-md {
        flex: 1
    }

    .k03-col-md-6 {
        flex: 0 0 50%
    }

    .k03-row {
        gap: 40px
    }

    .k03-md-show {
        display: block
    }

    .k03-md-hide {
        display: none
    }
}

@media (min-width: 992px) {
    .k03-col-lg {
        flex: 1
    }

    .k03-col-lg-6 {
        flex: 0 0 50%
    }

    .k03-col-lg-7 {
        flex: 0 0 58.3333333333%
    }

    .k03-lg-show {
        display: block
    }

    .k03-lg-hide {
        display: none
    }
}

@media (min-width: 1200px) {
    .k03-col-xl {
        flex: 1
    }

    .k03-col-xl-6 {
        flex: 0 0 50%
    }

    .k03-xl-show {
        display: block
    }

    .k03-xl-hide {
        display: none
    }
}

.k03-max-width-336 {
    max-width: 336px
}

.k03-max-width-410 {
    max-width: 410px
}

.k03-max-width-516 {
    max-width: 516px
}

.k03-max-width-620 {
    max-width: 620px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1E1E1E;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 24px
}

h1 {
    font-size: 32px;
    line-height: 1.25
}

h2 {
    font-size: 24px;
    line-height: 1.16
}

h3 {
    font-size: 20px;
    line-height: 1.2
}

h4 {
    font-size: 16px;
    line-height: 1.5
}

h5 {
    font-size: 14px;
    line-height: 1.42
}

h6 {
    font-size: 12px;
    line-height: 1.33
}

.k03-text-xxxl {
    font-size: 48px;
    line-height: 1.2
}

@media (max-width: 1199px) {
    .k03-text-xxxl {
        font-size: 40px
    }
}

@media (max-width: 767px) {
    .k03-text-xxxl {
        font-size: 32px
    }
}

.k03-text-xxl {
    font-size: 32px;
    line-height: 40px
}

@media (min-width: 768px) {
    .k03-text-xxl {
        font-size: 36px;
        line-height: 48px
    }
}

.k03-text-xl {
    font-size: 32px;
    line-height: 1.25
}

@media (max-width: 767px) {
    .k03-text-xl {
        font-size: 28px
    }
}

.k03-text-lg {
    font-size: 24px;
    line-height: 1.16
}

.k03-text-md {
    font-size: 20px;
    line-height: 1.2
}

.k03-text-base {
    font-size: 16px;
    line-height: 1.5
}

.k03-text-sm {
    font-size: 14px;
    line-height: 1.42
}

.k03-text-xs {
    font-size: 12px;
    line-height: 1.33
}

.k03-text-44 {
    font-size: 44px;
    line-height: 1.27
}

.k03-text-36 {
    font-size: 36px;
    line-height: 1.33
}

.k03-text-32 {
    font-size: 32px;
    line-height: 1.25
}

.k03-text-24 {
    font-size: 24px;
    line-height: 1.16
}

.k03-text-20 {
    font-size: 20px;
    line-height: 1.2
}

@media (max-width: 767px) {
    .k03-mobile-text-md {
        font-size: 20px;
        line-height: 1.2
    }

    .k03-mobile-text-base {
        font-size: 16px;
        line-height: 1.5
    }

    .k03-mobile-text-36 {
        font-size: 36px;
        line-height: 1.33
    }

    .k03-mobile-text-24 {
        font-size: 24px;
        line-height: 1.16
    }

    .k03-mobile-text-18 {
        font-size: 18px;
        line-height: 1.33
    }
}

@media (min-width: 768px) {
    .k03-md-text-32 {
        font-size: 32px;
        line-height: 1.25
    }

    .k03-md-text-36 {
        font-size: 36px;
        font-style: normal;
        line-height: 1.33
    }

    .k03-d-text-32 {
        font-size: 32px;
        line-height: 1.25
    }

    .k03-d-text-36 {
        font-size: 36px;
        line-height: 1.33
    }

    .k03-d-text-44 {
        font-size: 44px;
        line-height: 1.27
    }
}

.k03-label-sm,
.k03-label-icon-sm {
    font-family: "Red Hat Display", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.k03-label-md {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin: 0 0 16px
}

.k03-label-lg {
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    margin: 0 0 20px
}

.k03-label-icon-sm {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 20px
}

.k03-label-icon-sm i[data-icon] {
    font-size: 12px
}

.k03-font-300 {
    font-weight: 300
}

.k03-font-400 {
    font-weight: 400
}

.k03-font-500 {
    font-weight: 500
}

.k03-font-600 {
    font-weight: 600
}

.k03-font-700 {
    font-weight: 700
}

.k03-font-main {
    font-family: "Red Hat Text", sans-serif
}

.k03-font-secondary {
    font-family: "Red Hat Display", sans-serif
}

.k03-icon-12 {
    font-size: 12px;
    line-height: 1
}

.k03-icon-16 {
    font-size: 16px;
    line-height: 1
}

.k03-icon-24 {
    font-size: 24px;
    line-height: 1
}

.k03-icon-32 {
    font-size: 32px;
    line-height: 1
}

.k03-icon-42 {
    font-size: 42px;
    line-height: 1
}

.k03-icon-48 {
    font-size: 48px;
    line-height: 1
}

@media (max-width: 767px) {
    .k03-mobile-icon-32 {
        font-size: 32px;
        line-height: 1
    }

    .k03-mobile-icon-24 {
        font-size: 24px;
        line-height: 1
    }
}

.k03-text-left {
    text-align: left
}

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

.k03-text-right {
    text-align: right
}

@media (max-width: 767px) {
    .k03-mobile-text-left {
        text-align: left
    }

    .k03-mobile-text-center {
        text-align: center
    }

    .k03-mobile-text-right {
        text-align: right
    }
}

@media (min-width: 768px) {
    .k03-md-text-center {
        text-align: center
    }
}

@media (min-width: 992px) {
    .k03-lg-text-center {
        text-align: center
    }
}

.k03-text-underline {
    text-decoration: underline
}

.k03-bg-primary-dark-1 {
    background-color: #470066
}

.k03-bg-primary {
    background-color: #6A0098
}

.k03-bg-secondary {
    background-color: #F4910F
}

.k03-bg-white {
    background-color: #fff
}

.k03-bg-text1 {
    background-color: #323232
}

.k03-bg-text2 {
    background-color: #4D4D4D
}

.k03-bg-text3 {
    background-color: #666
}

.k03-bg-text4 {
    background-color: #999
}

.k03-bg-text5 {
    background-color: #DBDBDB
}

.k03-bg-text6 {
    background-color: #F2F2F2
}

.k03-bg-text7 {
    background-color: #fff
}

.k03-bg-primary-gradient {
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%)
}

.k03-border-primary {
    border-color: #6A0098
}

.k03-border-secondary {
    border-color: #F4910F
}

.k03-border-white {
    border-color: #fff
}

.k03-border-text1 {
    border-color: #323232
}

.k03-border-text2 {
    border-color: #4D4D4D
}

.k03-border-text3 {
    border-color: #666
}

.k03-border-text4 {
    border-color: #999
}

.k03-border-text5 {
    border-color: #DBDBDB
}

.k03-border-text6 {
    border-color: #F2F2F2
}

.k03-border-text7 {
    border-color: #fff
}

.k03-bt-dash {
    position: relative
}

.k03-bt-dash::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: repeating-linear-gradient(90deg, #999 0 5px, rgba(0, 0, 0, 0) 0 10px)
}

.k03-bb-dash {
    position: relative
}

.k03-bb-dash::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: repeating-linear-gradient(90deg, #999 0 5px, rgba(0, 0, 0, 0) 0 10px)
}

.k03-clamp-4 {
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hidden-seo-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.k03-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap
}

.k03-table {
    overflow: hidden;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 45px 112px 0px rgba(0, 0, 0, 0.06), 0px 22.781px 48.825px 0px rgba(0, 0, 0, 0.04), 0px 9px 18.2px 0px rgba(0, 0, 0, 0.03), 0px 1.969px 6.475px 0px rgba(0, 0, 0, 0.02)
}

.k03-table-scroll {
    overflow-x: auto;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 45px 112px 0px rgba(0, 0, 0, 0.06), 0px 22.781px 48.825px 0px rgba(0, 0, 0, 0.04), 0px 9px 18.2px 0px rgba(0, 0, 0, 0.03), 0px 1.969px 6.475px 0px rgba(0, 0, 0, 0.02)
}

.k03-table-scroll .k03-table {
    border-radius: none;
    background: none;
    box-shadow: none
}

.k03-table td,
.k03-table th {
    text-align: left;
    padding: 4px 16px 4px 0;
    border: none;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 56px
}

.k03-table td:first-child,
.k03-table th:first-child {
    padding-left: 16px
}

@media (min-width: 768px) {

    .k03-table td,
    .k03-table th {
        height: 42px
    }
}

.k03-table th {
    font-weight: 700;
    color: #fff;
    background: #470066
}

.k03-table tr:nth-child(even) td {
    background-color: #f2f2f2
}

.color-primary {
    color: #6A0098
}

.color-secondary {
    color: #F4910F
}

.color-white {
    color: #fff
}

.color-text1 {
    color: #323232
}

.color-text2 {
    color: #4D4D4D
}

.color-text3 {
    color: #666
}

.color-text4 {
    color: #999
}

.color-text5 {
    color: #DBDBDB
}

.color-text6 {
    color: #F2F2F2
}

.color-text7 {
    color: #fff
}

.color-success {
    color: #1ED286
}

.color-success1 {
    color: #6CEAB5
}

.color-success2 {
    color: #C5F7E2
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-24 {
    font-size: 24px
}

.lh-16 {
    line-height: 16px
}

.lh-20 {
    line-height: 20px
}

.lh-28 {
    line-height: 28px
}

.fw-700 {
    font-weight: 700
}

.ff-secondary {
    font-family: "Red Hat Display", sans-serif
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left
    }
}

.k03-breadcrumb {
    margin: 0 0 16px;
    padding: 0;
    border-radius: 0
}

.k03-breadcrumb-white {
    margin: 0 0 16px
}

.k03-breadcrumb-white .k03-breadcrumb {
    margin-bottom: 0;
    opacity: 0.64
}

.k03-breadcrumb-white .k03-breadcrumb-item a,
.k03-breadcrumb-white .k03-breadcrumb-item:not(:last-child)::after,
.k03-breadcrumb-white .k03-breadcrumb-item.active span {
    color: #fff
}

.k03-breadcrumb-white .k03-breadcrumb-item a::after {
    background-color: #fff
}

.k03-breadcrumb ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 3px;
    list-style: none;
    padding: 0;
    margin: 0 !important
}

.k03-breadcrumb-item {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width: 767px) {
    .k03-breadcrumb-item {
        font-size: 12px
    }
}

.k03-breadcrumb-item:not(:last-child)::after {
    content: "";
    color: rgba(0, 0, 0, 0.56);
    font-size: 10px;
    padding: 0 12px;
    font-weight: 900
}

@media (max-width: 767px) {
    .k03-breadcrumb-item:not(:last-child)::after {
        padding: 0 10px;
        font-size: 7px
    }
}

.k03-breadcrumb-item a {
    text-decoration: none;
    color: rgba(102, 102, 102, 0.64);
    font-weight: 700;
    position: relative
}

.k03-breadcrumb-item a:hover {
    opacity: 1
}

.k03-breadcrumb-item a:hover::after {
    width: 100%
}

.k03-breadcrumb-item a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: rgba(102, 102, 102, 0.64);
    bottom: 0;
    left: 0;
    transition: width 0.3s ease
}

.k03-breadcrumb-item.active span {
    color: #666;
    font-weight: 400
}

::-moz-placeholder {
    color: #999;
    opacity: 1
}

:-ms-input-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

:focus:-ms-input-placeholder {
    color: transparent
}

:focus::-webkit-input-placeholder {
    color: transparent
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type="number"] {
    -moz-appearance: textfield
}

.k03-form-group {
    margin-bottom: 16px
}

label {
    display: inline-block;
    vertical-align: top;
    font-family: "Red Hat Display", sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #323232;
    margin-bottom: 4px
}

.k03-form-hint,
.k03-form-error {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    margin-bottom: 0;
    padding-top: 4px;
    transition: all 0.4s ease
}

.k03-form-hint:empty,
.k03-form-error:empty {
    display: none
}

.k03-form-error {
    color: #F6898A
}

.k03-general-error {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    color: #EE292B;
    padding: 6px 12px
}

.k03-form-title {
    color: #323232;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    padding: 12px 20px;
    margin-bottom: 16px;
    text-align: center;
    background: #f2f2f2;
    border-radius: 12px
}

.k03-form-add-info {
    font-size: 12px;
    line-height: 1.33;
    text-align: justify
}

input:focus,
textarea:focus,
select:focus {
    outline: none
}

.k03-form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 9px 12px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: #4D4D4D;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #999;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.k03-form-control:focus {
    border-color: #666666
}

.k03-form-control[disabled] {
    opacity: 0.5;
    pointer-events: none
}

textarea.k03-form-control {
    height: 76px;
    resize: none
}

select.k03-form-control {
    padding-right: 32px;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" viewBox="0 0 10 4" fill="none"><path d="M9.66732 0L5.00065 4L0.333984 0H9.66732Z" fill="%238D8292"/></svg>');
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.k03-error input,
.k03-error textarea,
.k03-error select {
    border-color: #F6898A
}

.k03-group-phone .iti {
    width: 100%;
    font-family: "Red Hat Display", sans-serif
}

.k03-group-phone .iti--separate-dial-code .iti__selected-flag {
    background: none;
    border-right: 1px solid #ededed
}

.k03-group-phone .iti__selected-dial-code {
    color: #999
}

.k03-group-phone .iti__country-list {
    z-index: 5;
    max-width: 382px
}

@media (max-width: 500px) {
    .k03-group-phone .iti__country-list {
        max-width: 100%
    }
}

.k03-group-phone .iti__selected-flag {
    padding: 0 6px 0 12px
}

.k03-group-phone input {
    padding-right: 12px !important
}

.k03-group-phone .k03-error input:focus {
    border-color: #F6898A
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none
}

.k03-search {
    position: relative
}

.k03-search .k03-form-control {
    padding-left: 40px;
    padding-right: 44px;
    font-size: 14px;
    border-color: #F2F2F2;
    background: #F2F2F2
}

.k03-search .k03-form-control:focus {
    border-color: #B200FF;
    box-shadow: 0 0 2px #8E00CC
}

.k03-search:before {
    content: "\e974";
    position: absolute;
    left: 16px;
    top: 16px;
    color: #999;
    font-size: 12px
}

.k03-search__clear {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease
}

.k03-search__clear.show {
    opacity: 1
}

.k03-search__clear icon {
    font-size: 8px;
    line-height: 1
}

.k03-search__clear:hover {
    color: #B200FF
}

.k03-search-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px
}

.k03-search-header__back {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #666
}

.k03-search-header__back:hover {
    color: #6A0098;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.k03-search-header__back icon {
    font-size: 16px;
    line-height: 1
}

.k03-search-header__title {
    font-size: 16px;
    line-height: 1.4;
    color: #666
}

.custom-select {
    position: relative
}

.custom-select:focus-within .custom-select__trigger {
    border-color: #666
}

.custom-select[aria-expanded="true"] .custom-select__options {
    display: block
}

.custom-select__trigger {
    color: #4D4D4D;
    font-family: "Red Hat Display", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.36px;
    text-align: left;
    width: 100%;
    height: 44px;
    padding: 9px 40px 9px 16px;
    border-radius: 8px;
    border: 1px solid #999;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" viewBox="0 0 10 4" fill="none"><path d="M9.66732 0L5.00065 4L0.333984 0H9.66732Z" fill="%238D8292"/></svg>');
    cursor: pointer
}

.custom-select__trigger:focus {
    outline: none;
    border-color: #666
}

.custom-select__trigger:focus-visible {
    border-color: #B200FF;
    box-shadow: 0 0 2px #8E00CC
}

.custom-select__trigger-value {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.custom-select__options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 440px;
    overflow-y: auto;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    background: #fff;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.12);
    margin: 4px 0 0;
    padding: 8px;
    list-style: none;
    display: none;
    z-index: 10
}

.custom-select__options li {
    border-radius: 8px;
    border: 1px solid transparent;
    border-bottom-color: #F2F2F2;
    padding: 9px 16px;
    cursor: pointer
}

.custom-select__options li[aria-selected="true"] {
    background: #DBDBDB
}

.custom-select__options li:hover {
    background: #F2F2F2
}

.custom-select__options li:focus {
    outline: none;
    border-color: #6A0098;
    background: #DBDBDB
}

.k03-checkbox,
.k03-checkbox-sm,
.k03-checkbox-sm-inline,
.k03-checkbox-md,
.k03-checkbox-md-inline {
    margin-bottom: 16px
}

.k03-checkbox label,
.k03-checkbox-sm label,
.k03-checkbox-sm-inline label,
.k03-checkbox-md label,
.k03-checkbox-md-inline label {
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.k03-checkbox label span,
.k03-checkbox-sm label span,
.k03-checkbox-sm-inline label span,
.k03-checkbox-md label span,
.k03-checkbox-md-inline label span {
    display: block;
    padding-left: 36px;
    min-height: 24px;
    position: relative;
    cursor: pointer
}

.k03-checkbox label span::before,
.k03-checkbox-sm label span::before,
.k03-checkbox-sm-inline label span::before,
.k03-checkbox-md label span::before,
.k03-checkbox-md-inline label span::before,
.k03-checkbox label span::after,
.k03-checkbox-sm label span::after,
.k03-checkbox-sm-inline label span::after,
.k03-checkbox-md label span::after,
.k03-checkbox-md-inline label span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background: transparent;
    border: 2px solid #DBDBDB;
    border-radius: 4px;
    transition: all 0.3s ease
}

.k03-checkbox label span::after,
.k03-checkbox-sm label span::after,
.k03-checkbox-sm-inline label span::after,
.k03-checkbox-md label span::after,
.k03-checkbox-md-inline label span::after {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    background: #6A0098;
    border-color: #6A0098;
    opacity: 0
}

.k03-checkbox input,
.k03-checkbox-sm input,
.k03-checkbox-sm-inline input,
.k03-checkbox-md input,
.k03-checkbox-md-inline input {
    position: absolute;
    opacity: 0;
    left: -9999px
}

.k03-checkbox input:not([disabled]):hover+span::before,
.k03-checkbox-sm input:not([disabled]):hover+span::before,
.k03-checkbox-sm-inline input:not([disabled]):hover+span::before,
.k03-checkbox-md input:not([disabled]):hover+span::before,
.k03-checkbox-md-inline input:not([disabled]):hover+span::before {
    border-color: #999
}

.k03-checkbox input:checked+span::after,
.k03-checkbox-sm input:checked+span::after,
.k03-checkbox-sm-inline input:checked+span::after,
.k03-checkbox-md input:checked+span::after,
.k03-checkbox-md-inline input:checked+span::after {
    opacity: 1
}

.k03-checkbox input:checked:not([disabled]):hover+span::after,
.k03-checkbox-sm input:checked:not([disabled]):hover+span::after,
.k03-checkbox-sm-inline input:checked:not([disabled]):hover+span::after,
.k03-checkbox-md input:checked:not([disabled]):hover+span::after,
.k03-checkbox-md-inline input:checked:not([disabled]):hover+span::after {
    background: #8E00CC;
    border-color: #8E00CC
}

.k03-checkbox input[disabled]+span,
.k03-checkbox-sm input[disabled]+span,
.k03-checkbox-sm-inline input[disabled]+span,
.k03-checkbox-md input[disabled]+span,
.k03-checkbox-md-inline input[disabled]+span {
    opacity: 0.3;
    pointer-events: none
}

.k03-checkbox-sm label span,
.k03-checkbox-sm-inline label span {
    padding-left: 28px
}

.k03-checkbox-sm label span::before,
.k03-checkbox-sm-inline label span::before,
.k03-checkbox-sm label span::after,
.k03-checkbox-sm-inline label span::after {
    top: 2px;
    height: 16px;
    width: 16px
}

.k03-checkbox-sm label span::after,
.k03-checkbox-sm-inline label span::after {
    font-size: 8px
}

.k03-checkbox-sm-inline {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.k03-checkbox-sm-inline label span {
    padding-left: 16px
}

.k03-checkbox-md-inline {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.k03-checkbox-md-inline label span {
    padding-left: 24px
}

.k03-radio,
.k03-radio-sm,
.k03-radio-sm-inline,
.k03-radio-md,
.k03-radio-md-inline {
    margin-bottom: 16px
}

.k03-radio label,
.k03-radio-sm label,
.k03-radio-sm-inline label,
.k03-radio-md label,
.k03-radio-md-inline label {
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.k03-radio label span,
.k03-radio-sm label span,
.k03-radio-sm-inline label span,
.k03-radio-md label span,
.k03-radio-md-inline label span {
    display: block;
    padding-left: 36px;
    position: relative;
    cursor: pointer
}

.k03-radio label span::before,
.k03-radio-sm label span::before,
.k03-radio-sm-inline label span::before,
.k03-radio-md label span::before,
.k03-radio-md-inline label span::before,
.k03-radio label span::after,
.k03-radio-sm label span::after,
.k03-radio-sm-inline label span::after,
.k03-radio-md label span::after,
.k03-radio-md-inline label span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background: transparent;
    border: 2px solid #DBDBDB;
    border-radius: 50%;
    transition: all 0.3s ease
}

.k03-radio label span::after,
.k03-radio-sm label span::after,
.k03-radio-sm-inline label span::after,
.k03-radio-md label span::after,
.k03-radio-md-inline label span::after {
    left: 6px;
    top: 6px;
    width: 12px;
    height: 12px;
    background: #6A0098;
    border: none;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0
}

.k03-radio input,
.k03-radio-sm input,
.k03-radio-sm-inline input,
.k03-radio-md input,
.k03-radio-md-inline input {
    position: absolute;
    opacity: 0;
    left: -9999px
}

.k03-radio input:not([disabled]):hover+span::before,
.k03-radio-sm input:not([disabled]):hover+span::before,
.k03-radio-sm-inline input:not([disabled]):hover+span::before,
.k03-radio-md input:not([disabled]):hover+span::before,
.k03-radio-md-inline input:not([disabled]):hover+span::before {
    border-color: #999
}

.k03-radio input:checked+span::before,
.k03-radio-sm input:checked+span::before,
.k03-radio-sm-inline input:checked+span::before,
.k03-radio-md input:checked+span::before,
.k03-radio-md-inline input:checked+span::before {
    border-color: #6A0098
}

.k03-radio input:checked+span::after,
.k03-radio-sm input:checked+span::after,
.k03-radio-sm-inline input:checked+span::after,
.k03-radio-md input:checked+span::after,
.k03-radio-md-inline input:checked+span::after {
    transform: scale(1);
    opacity: 1
}

.k03-radio input:checked:not([disabled]):hover+span::before,
.k03-radio-sm input:checked:not([disabled]):hover+span::before,
.k03-radio-sm-inline input:checked:not([disabled]):hover+span::before,
.k03-radio-md input:checked:not([disabled]):hover+span::before,
.k03-radio-md-inline input:checked:not([disabled]):hover+span::before {
    border-color: #8E00CC
}

.k03-radio input:checked:not([disabled]):hover+span::after,
.k03-radio-sm input:checked:not([disabled]):hover+span::after,
.k03-radio-sm-inline input:checked:not([disabled]):hover+span::after,
.k03-radio-md input:checked:not([disabled]):hover+span::after,
.k03-radio-md-inline input:checked:not([disabled]):hover+span::after {
    background: #8E00CC
}

.k03-radio input[disabled]+span,
.k03-radio-sm input[disabled]+span,
.k03-radio-sm-inline input[disabled]+span,
.k03-radio-md input[disabled]+span,
.k03-radio-md-inline input[disabled]+span {
    opacity: 0.3;
    pointer-events: none
}

.k03-radio-sm label span,
.k03-radio-sm-inline label span {
    padding-left: 28px
}

.k03-radio-sm label span::before,
.k03-radio-sm-inline label span::before,
.k03-radio-sm label span::after,
.k03-radio-sm-inline label span::after {
    top: 2px;
    height: 16px;
    width: 16px
}

.k03-radio-sm label span::after,
.k03-radio-sm-inline label span::after {
    left: 4px;
    top: 6px;
    width: 8px;
    height: 8px
}

.k03-radio-sm-inline {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.k03-radio-sm-inline label span {
    padding-left: 16px
}

.k03-radio-md-inline {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.k03-radio-md-inline label span {
    padding-left: 24px
}

.k03-files-uploader .k03-form-control-holder {
    position: relative
}

.k03-files-uploader .k03-form-control-holder .delete-all {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    color: #999;
    z-index: 5;
    cursor: pointer
}

.k03-files-uploader .k03-form-control-holder .delete-all:hover {
    color: #F6898A
}

.k03-files-uploader .k03-form-control {
    color: #999;
    padding-right: 35px;
    padding-top: 9px;
    margin: 0;
    position: relative;
    cursor: pointer
}

.k03-files-uploader .k03-form-control [data-icon] {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    color: #999
}

.k03-files-uploader [data-icon="close"] {
    position: absolute;
    top: 1px;
    right: -3px;
    font-size: 10px;
    line-height: 1;
    padding: 3px 5px;
    cursor: pointer
}

.k03-files-uploader [data-icon="close"]:hover {
    color: #F6898A
}

.k03-files-uploader input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    cursor: pointer
}

.k03-files-uploader .files-list {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    word-wrap: break-word
}

.k03-files-uploader .files-list ul {
    margin-bottom: 4px;
    padding-left: 5px
}

.k03-files-uploader .files-list li {
    position: relative;
    padding-right: 26px
}

.k03-range input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 8px;
    cursor: pointer;
    outline: none;
    margin: 12px 0;
    background: #d9d9d9
}

.k03-range input[type="range"]:focus {
    outline: none
}

.k03-range input[type="range"]::-webkit-slider-runnable-track {
    height: 8px
}

.k03-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #6A0098;
    margin-top: -12px
}

.k03-range input[type="range"]::-moz-range-track {
    height: 8px
}

.k03-range input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #6A0098;
    margin-top: -12px
}

.k03-range input[type="range"]::-ms-track {
    height: 8px
}

.k03-range input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #6A0098;
    margin-top: -12px
}

.k03-range__value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #6A0098;
    font-size: 16px;
    line-height: 24px;
    padding-top: 6px
}

.k03-range__error {
    color: #F6898A;
    font-size: 12px;
    line-height: 1.14;
    padding-top: 4px
}

.k03-toggle,
.k03-toggle-secondary {
    --toggle-bg: #DBDBDB;
    --toggle-bg-hover: #999;
    --toggle-bg-checked: #6A0098;
    --toggle-bg-checked-hover: #8E00CC;
    display: inline-block;
    vertical-align: top
}

.k03-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.k03-toggle span,
.k03-toggle-secondary span {
    display: block;
    position: relative;
    margin: 0;
    padding-right: 44px;
    min-height: 24px;
    cursor: pointer
}

.k03-toggle span::before,
.k03-toggle-secondary span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 24px;
    border-radius: 12px;
    background-color: var(--toggle-bg);
    transition: all 0.3s ease
}

.k03-toggle span::after,
.k03-toggle-secondary span::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    transition: all 0.3s ease
}

.k03-toggle input,
.k03-toggle-secondary input {
    position: absolute;
    opacity: 0
}

.k03-toggle input:not([disabled]):hover+span::before,
.k03-toggle-secondary input:not([disabled]):hover+span::before,
.k03-toggle input:not([disabled]):focus+span::before,
.k03-toggle-secondary input:not([disabled]):focus+span::before {
    background: var(--toggle-bg-hover)
}

.k03-toggle input:checked+span::before,
.k03-toggle-secondary input:checked+span::before {
    background-color: var(--toggle-bg-checked)
}

.k03-toggle input:checked+span::after,
.k03-toggle-secondary input:checked+span::after {
    left: 24px
}

.k03-toggle input:checked:not([disabled]):hover+span::before,
.k03-toggle-secondary input:checked:not([disabled]):hover+span::before,
.k03-toggle input:checked:not([disabled]):focus+span::before,
.k03-toggle-secondary input:checked:not([disabled]):focus+span::before {
    background-color: var(--toggle-bg-checked-hover)
}

.k03-toggle input[disabled]+span,
.k03-toggle-secondary input[disabled]+span {
    opacity: 0.3;
    pointer-events: none
}

.k03-toggle-secondary {
    --toggle-bg: #DBDBDB;
    --toggle-bg-hover: #999;
    --toggle-bg-checked: #F4910F;
    --toggle-bg-checked-hover: #F6A850
}

.k03-toggle-button {
    padding: 4px;
    border-radius: 12px;
    background: #F2F2F2
}

.k03-toggle-button__container {
    display: flex;
    position: relative
}

.k03-toggle-button__item {
    flex: 1;
    margin: 0;
    padding: 6px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    color: #323232;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: left 0.5s ease
}

.k03-toggle-button__item:hover {
    color: #6A0098
}

.k03-toggle-button input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.k03-toggle-button input:checked+.k03-toggle-button__item {
    color: #FFF;
    font-weight: 700
}

.k03-toggle-button input:nth-of-type(1):checked~.k03-toggle-button__indicator {
    left: 0
}

.k03-toggle-button input:nth-of-type(2):checked~.k03-toggle-button__indicator {
    left: 50%
}

.k03-toggle-button__indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background: #6A0098;
    transition: left 0.5s ease
}

.k03-hero-form {
    max-width: 520px;
    position: relative;
    padding-top: 94px
}

.k03-hero-form-gdprInfo {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease
}

.k03-hero-form-gdprInfo.active {
    opacity: 1;
    visibility: visible
}

.k03-hero-form-gdprInfo .k03-hero-form-gdprInfo-text {
    padding: 8px 24px;
    color: #470066;
    font-size: 14px;
    line-height: 1.42;
    border-radius: 12px;
    background: #E1CCEA;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06);
    margin-bottom: 12px
}

.k03-hero-form-gdprInfo a {
    color: #470066
}

.k03-hero-form-gdprInfo a:hover {
    color: #8E00CC
}

.k03-hero-form-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    position: relative
}

.k03-hero-form-group {
    flex: 1;
    position: relative
}

.k03-hero-form-group.k03-error .k03-hero-form-control {
    border-color: #EE292B;
    box-shadow: 0 0 0 1px #EE292B inset
}

.k03-hero-form-error {
    display: block;
    color: #EE292B
}

.k03-hero-form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 9px 50px 9px 16px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    color: #757575;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.k03-hero-form-control::-moz-placeholder {
    color: rgba(117, 117, 117, 0.4);
    opacity: 1
}

.k03-hero-form-control:-ms-input-placeholder {
    color: rgba(117, 117, 117, 0.4)
}

.k03-hero-form-control::-webkit-input-placeholder {
    color: rgba(117, 117, 117, 0.4)
}

.k03-hero-form-control:focus {
    border-color: #666666
}

.k03-hero-form-control:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0);
    opacity: 1
}

.k03-hero-form-control:focus:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0)
}

.k03-hero-form-control:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0)
}

.k03-hero-form-control[disabled] {
    opacity: 0.5;
    pointer-events: none
}

@media (max-width: 1199px) {
    .k03-hero-form-control.dzo-control {
        font-size: 20px
    }
}

.k03-hero-form-gdprIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 6px;
    color: #DBDBDB;
    font-size: 19px;
    line-height: 1;
    width: 44px;
    height: 48px;
    cursor: pointer
}

.k03-hero-form-gdprIcon:hover {
    opacity: 0.6
}

.k03-hero-form-btn {
    padding: 10px 24px !important;
    height: 48px
}

.k03-hero-form-label {
    text-align: center
}

.k03-hero-form-label label {
    color: #fff;
    font: 14px/20px "Red Hat Display";
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .k03-hero-form-label {
        text-align: left
    }
}

.k03-hero-form .k03-general-error {
    padding: 4px 0 0;
    font-size: 16px;
    line-height: 20px
}

@media (max-width: 991px) {
    .k03-hero-form {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .k03-hero-form {
        padding-top: 54px;
        max-width: 100%
    }

    .k03-hero-form-gdprInfo {
        position: static;
        opacity: 1;
        visibility: visible;
        max-height: 0;
        transition: max-height 0.3s ease
    }

    .k03-hero-form-gdprInfo.active {
        max-height: 160px
    }

    .k03-hero-form-holder {
        flex-direction: column;
        align-items: stretch
    }

    .k03-hero-form-control {
        height: 60px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .k03-hero-form-control::-moz-placeholder {
        text-align: center;
        padding-left: 34px
    }

    .k03-hero-form-control:-ms-input-placeholder {
        text-align: center;
        padding-left: 34px
    }

    .k03-hero-form-control::-webkit-input-placeholder {
        text-align: center;
        padding-left: 34px
    }

    .k03-hero-form-btn {
        padding: 10px 24px !important;
        height: 56px
    }

    .k03-hero-form-gdprIcon {
        top: 6px
    }
}

@media (min-width: 768px) {
    .k03-hero-form-group .k03-hero-form-error {
        position: absolute;
        top: 100%;
        left: 0
    }
}

.k03-tabs {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 15px;
    margin-bottom: 24px
}

.k03-tabs .k03-tab {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease
}

.k03-tabs .k03-tab:hover,
.k03-tabs .k03-tab.active {
    color: #6A0098
}

@media (min-width: 768px) {
    .k03-tabs {
        justify-content: flex-start;
        gap: 80px
    }
}

.k03-text-gdpr {
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    max-width: 400px
}

.k03-section-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    list-style: none
}

.k03-section-divider {
    height: 1px;
    width: 100%;
    max-width: 1320px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.k03-section-divider::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: repeating-linear-gradient(90deg, #999 0 5px, rgba(0, 0, 0, 0) 0 10px)
}

.k03-star-ratings {
    color: #f2f2f2;
    font-size: 27px;
    line-height: 1
}

.k03-star-ratings .holder {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.k03-star-ratings .fill {
    color: #f4910f;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden
}

.k03-star-ratings .empty {
    display: block;
    z-index: 1
}

.k03-star-ratings .fill::before,
.k03-star-ratings .empty::before {
    content: "" "" "" "" ""
}

.k03-cta-in-section {
    display: grid;
    gap: 16px;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    background: #470066
}

.k03-cta-in-section__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
    font-weight: 700;
    list-style: none;
    margin: 0
}

.k03-cta-in-section__btn [class*="k03-btn-"] {
    white-space: normal
}

@media (min-width: 992px) {
    .k03-cta-in-section {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        gap: 4px 24px;
        text-align: left
    }

    .k03-cta-in-section__text {
        grid-column: 1;
        grid-row: 1
    }

    .k03-cta-in-section__list {
        grid-column: 1;
        grid-row: 2;
        justify-content: flex-start
    }

    .k03-cta-in-section__btn {
        grid-column: 2;
        grid-row: 1 / span 2;
        display: flex;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .k03-cta-in-section {
        padding: 20px 80px
    }
}

.k03-cta-block {
    padding: 40px 24px;
    margin: 0 -16px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: #fff
}

.k03-cta-block__title {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto
}

.k03-cta-block__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
}

.k03-cta-block__buttons [class*="k03-btn-"] {
    min-width: 220px
}

.k03-cta-block .k03-text-sm a {
    color: #fff;
    text-decoration: underline
}

.k03-cta-block .k03-text-sm a:hover {
    color: #fff;
    text-decoration: none
}

@media (min-width: 768px) {
    .k03-cta-block {
        padding: 60px;
        margin: 0;
        border-radius: 12px
    }

    .k03-cta-block__buttons {
        gap: 32px
    }
}

.k03-cta-call-request {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
    color: #fff;
    padding: 20px;
    background: #470066;
    border-radius: 12px
}

@media (min-width: 768px) {
    .k03-cta-call-request {
        flex-direction: row;
        gap: 40px;
        text-align: left;
        padding: 20px 40px
    }
}

.k03-big-data {
    flex: 1;
    align-items: center;
    text-align: center;
    background: #F2F2F2;
    padding: 20px;
    z-index: 9
}

.k03-section.k03-bg-text6 .k03-big-data {
    background: #fff
}

.k03-big-data-wrapper {
    flex-direction: column;
    gap: 12px;
    margin-left: -16px;
    margin-right: -16px
}

.k03-big-data .k03-big-num {
    display: block;
    font-family: "Red Hat Display", sans-serif;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    color: #323232
}

.k03-big-data .k03-subtitle {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    color: #323232;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .k03-big-data {
        border-radius: 12px
    }

    .k03-big-data-wrapper {
        flex-direction: row;
        gap: 20px;
        margin-left: 0;
        margin-right: 0
    }

    .k03-big-data .k03-big-num {
        font-size: 36px
    }

    .k03-big-data .k03-subtitle {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .k03-big-data-wrapper {
        gap: 40px
    }

    .k03-big-data .k03-big-num {
        font-size: 40px
    }

    .k03-big-data .k03-subtitle {
        font-size: 20px
    }
}

.k03-big-num-section {
    position: relative;
    background-color: #fff
}

.k03-big-num-section.k03-bg-text6 {
    background-color: #F2F2F2
}

.k03-benefit-cards {
    flex-direction: column;
    gap: 20px
}

.k03-benefit-cards .k03-card {
    flex: 0 0 100%;
    justify-content: center;
    gap: 8px;
    width: auto;
    text-align: center
}

@media (min-width: 768px) {
    .k03-benefit-cards {
        flex-direction: row;
        gap: 40px
    }

    .k03-benefit-cards .k03-card {
        flex: 1;
        gap: 16px
    }
}

.k03-benefit-cards.steps {
    gap: 26px
}

.k03-benefit-cards.steps .k03-card {
    position: relative;
    padding-top: 32px
}

.k03-benefit-cards.steps .step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 21.5px;
    font-weight: 400;
    line-height: 1;
    border-radius: 50%;
    background: #6A0098
}

@media (min-width: 768px) {
    .k03-benefit-cards.steps {
        gap: 40px
    }

    .k03-benefit-cards.steps .k03-card {
        padding-top: 20px
    }

    .k03-benefit-cards.steps .step {
        display: none
    }
}

.k03-section-confirm {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 660px);
    max-width: 364px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.4;
    text-align: center
}

.k03-section-confirm .k03-confirm-icon {
    width: 112px;
    height: 112px;
    margin: 0 auto 32px
}

.k03-locations {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 14px;
    line-height: 20px
}

.k03-locations .k03-location p {
    margin: 0
}

.k03-locations .k03-location-title {
    font-size: 16px;
    line-height: 22px;
    display: block;
    color: #6A0098;
    text-transform: uppercase;
    cursor: pointer
}

.k03-locations .k03-location-title:hover {
    opacity: 0.6
}

.k03-steps-container {
    display: none
}

@media (min-width: 768px) {
    .k03-steps-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        max-width: 69%
    }

    .k03-steps-container::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 2px;
        background: #6A0098
    }

    .k03-steps-container .step {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        border-radius: 50%;
        background: #6A0098;
        position: relative
    }
}

.k03-stepper {
    height: 8px;
    width: 100%;
    background: #fff;
    position: fixed
}

.k03-stepper__progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #6CEAB5;
    border-radius: 0 4px 4px 0;
    transition: width 1s ease-in-out
}

.k03-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 7px
}

.k03-chip {
    font-size: 14px;
    line-height: 18px;
    padding: 2px 16px;
    min-height: 24px;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #F2EAF7;
    color: #470066;
    border-radius: 24px;
    transition: all 0.3s ease
}

.k03-chip.selected {
    background-color: #470066;
    color: #fff
}

.k03-chip[data-scrollToSection] {
    cursor: pointer
}

.k03-chip[data-scrollToSection]:hover {
    background-color: #470066;
    color: #fff
}

.k03-page-footer {
    color: #fcfcfc;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background-color: #323232
}

.k03-page-footer a {
    color: #fcfcfc;
    text-decoration: none
}

.k03-page-footer a:hover {
    opacity: 0.6
}

.k03-page-footer .k03-links-wrapper {
    padding: 40px 0;
    border-bottom: 1px dashed #6f6f6f
}

.k03-page-footer .k03-links-wrapper .k03-links-cols {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 52px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .k03-links-cols-wrapper {
    display: flex;
    gap: 16px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .k03-links-cols-wrapper .k03-links {
    min-width: 208px;
    max-width: 255px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .k03-company-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 192px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .k03-company-info .link:not(:last-child) {
    margin-bottom: 4px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    text-transform: uppercase;
    margin-bottom: 16px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .link {
    font-size: 14px;
    line-height: 1.42;
    margin-bottom: 8px
}

.k03-page-footer .k03-links-wrapper .k03-links-cols .link:last-child {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .k03-page-footer .k03-links-wrapper .k03-links-cols {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px
    }

    .k03-page-footer .k03-links-wrapper .k03-links-cols .k03-links-cols-wrapper {
        flex-direction: column;
        gap: 40px
    }

    .k03-page-footer .k03-links-wrapper .k03-links-cols .k03-company-info {
        width: inherit
    }
}

.k03-page-footer .k03-docs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

.k03-page-footer .k03-docs-links {
    display: flex;
    gap: 20px
}

.k03-page-footer .k03-docs-links .link:not(:first-child)::before {
    content: "|";
    padding-right: 20px
}

.k03-page-footer .k03-docs .copy {
    width: 192px
}

@media (max-width: 1199px) {
    .k03-page-footer .k03-docs-links {
        gap: 10px
    }

    .k03-page-footer .k03-docs-links .link:not(:first-child)::before {
        padding-right: 10px
    }
}

@media (max-width: 991px) {
    .k03-page-footer .k03-docs-links {
        flex-direction: column;
        gap: 20px
    }

    .k03-page-footer .k03-docs-links .link:not(:first-child)::before {
        content: none
    }

    .k03-page-footer .k03-docs .copy {
        display: none
    }
}

.k03-page-footer .k03-social-links {
    display: flex;
    gap: 32px
}

.k03-page-footer .k03-social-links a {
    display: flex;
    align-items: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 1
}

.k03-page-footer .k03-legal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding: 40px 0
}

.k03-page-footer .k03-legal p {
    margin: 0
}

.k03-page-footer .k03-legal a {
    text-decoration: underline
}

.k03-page-footer .k03-legal a:hover {
    text-decoration: none
}

@media (min-width: 992px) {
    .k03-page-footer .k03-legal {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        padding: 24px 0
    }

    .k03-page-footer .k03-legal .copy {
        display: none
    }
}

.k03-page-footer.k03-small-footer {
    padding: 50px 0
}

.k03-page-footer.k03-small-footer .k03-payment {
    padding: 0 0 12px
}

.k03-page-footer.k03-small-footer .k03-payment .k03-card-small {
    margin: 0 10px 10px 0;
    width: 45px
}

.k03-page-footer.k03-small-footer p:not(:last-child) {
    margin-bottom: 16px
}

.k03-page-footer.k03-small-footer .k03-copy-text {
    display: flex;
    align-items: center;
    margin-top: 25px;
    line-height: 1
}

.k03-page-footer.k03-small-footer .k03-copy-text .k03-copy-sign {
    font-size: 25px;
    margin-right: 7px
}

.k03-page-footer.k03-small-footer a {
    opacity: 0.6
}

.k03-page-footer.k03-small-footer a:hover {
    opacity: 1
}

@media (min-width: 481px) {
    .k03-page-footer.k03-small-footer .k03-payment {
        padding: 0 0 22px
    }

    .k03-page-footer.k03-small-footer .k03-payment .k03-card-small {
        width: 55px
    }
}

.k03-telco-footer {
    padding: 40px 0
}

.k03-telco-footer .k03-docs .copy {
    width: auto
}

@media (max-width: 991px) {
    .k03-telco-footer .k03-docs {
        flex-direction: column;
        align-items: stretch;
        gap: 40px
    }

    .k03-telco-footer .k03-docs-links {
        padding-bottom: 40px;
        border-bottom: 1px dashed #6f6f6f
    }

    .k03-telco-footer .k03-docs .copy {
        display: block
    }
}

.k03-telco-funnel {
    background: #F2F2F2
}

.k03-telco-funnel .k03-white-box {
    padding: 20px 16px
}

.k03-telco-funnel .k03-form-box {
    max-width: 352px
}

.k03-telco-funnel .k03-form-group {
    margin-bottom: 24px
}

.k03-telco-funnel .k03-checkbox-md label,
.k03-telco-funnel .k03-checkbox-md-inline label {
    font-size: 14px
}

.k03-telco-funnel-title {
    margin-bottom: 32px
}

.k03-telco-funnel-btn {
    width: 100%;
    margin-bottom: 4px
}

.k03-telco-funnel-service-count {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #999
}

.k03-telco-funnel-gdpr {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #DBDBDB
}

.k03-telco-funnel-gdpr .k03-text-gdpr {
    margin: 0 auto;
    max-width: 352px
}

@media (min-width: 768px) {
    .k03-telco-funnel-title {
        padding: 0 44px;
        text-align: center
    }

    .k03-telco-funnel-btn {
        max-width: 282px
    }
}

.k03-widget-reviews {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #666
}

.k03-widget-reviews .widget-reviews-avatars {
    display: flex
}

.k03-widget-reviews .widget-reviews-avatars .item {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    overflow: hidden
}

.k03-widget-reviews .widget-reviews-avatars .item+.item {
    margin-left: -8px
}

.k03-widget-reviews .widget-reviews-row {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 2px
}

.k03-widget-reviews .widget-reviews-rating {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.33
}

.k03-widget-reviews .widget-reviews-customers {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.33
}

.k03-widget-reviews .k03-star-ratings {
    color: #999999;
    font-size: 12px;
    line-height: 1
}

.k03-widget-reviews .k03-star-ratings .fill {
    color: #f4901f
}

.k03-widget-reviews .k03-star-ratings .fill::before,
.k03-widget-reviews .k03-star-ratings .empty::before {
    content: "" "" "" "" ""
}

@media (max-width: 374px) {
    .k03-widget-reviews {
        gap: 10px
    }

    .k03-widget-reviews .widget-reviews-avatars .item {
        width: 36px;
        height: 36px
    }
}

.k03-authors-section .k03-container {
    max-width: 930px
}

.k03-authors-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0 -10px
}

@media (min-width: 768px) {
    .k03-authors-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }
}

.k03-author {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #323232;
    padding: 10px;
    border-radius: 16px
}

.k03-author:hover {
    color: #323232;
    background-color: rgba(242, 242, 242, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

@media (min-width: 768px) {
    .k03-author {
        flex: 1 1 calc(50% - 20px);
        gap: 24px
    }
}

.k03-author__avatar {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 16px
}

.k03-author__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.k03-author__name {
    display: block;
    font: 700 20px/30px "Red Hat Display", sans-serif;
    color: #6A0098
}

.k03-author__role {
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase
}

.k03-blog-section__heading {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .k03-blog-section__heading {
        margin-bottom: 60px
    }
}

@media (min-width: 992px) {
    .k03-blog-section__heading {
        max-width: 50%
    }
}

.k03-blog-item {
    flex: 0 1 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    background: #F2F2F2;
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #323232
}

.k03-blog-item:hover {
    box-shadow: 0 0 0 1px #DBDBDB, 0 4px 40px rgba(0, 0, 0, 0.06)
}

.k03-section.k03-bg-text6 .k03-blog-item {
    background: #fff
}

.k03-blog-item-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px
}

.k03-blog-item-img {
    width: 100px;
    height: 95px;
    border-radius: 8px;
    margin: 0 2px;
    overflow: hidden
}

.k03-blog-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease
}

.k03-blog-item-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 6px;
    margin: -4px 0 0;
    font-size: 16px;
    line-height: 1.2
}

.k03-blog-item-text h3 {
    margin: 0;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.k03-blog-item-text p {
    display: none
}

.k03-blog-item .k03-read-more {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #6A0098
}

.k03-blog-item .k03-read-more [data-icon] {
    font-size: 12px;
    line-height: 1
}

@media (min-width: 992px) {
    .k03-blog-item .k03-read-more {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .k03-blog-item {
        flex: 0 1 400px;
        flex-direction: column;
        gap: 0
    }

    .k03-blog-item:hover .k03-blog-item-img img {
        transform: scale(1.05)
    }

    .k03-blog-item-holder {
        flex-direction: row;
        gap: 24px
    }

    .k03-blog-item-img {
        width: auto;
        height: 130px
    }

    .k03-blog-item-text {
        justify-content: space-between;
        gap: 24px;
        padding: 24px 10px 14px;
        margin: 0
    }

    .k03-blog-item-text h3 {
        font-size: 18px;
        margin-bottom: 24px
    }

    .k03-blog-item-text p {
        display: block
    }
}

@media (min-width: 992px) {
    .k03-blog-item {
        padding: 20px
    }

    .k03-blog-item-img {
        height: 170px
    }
}

@media (min-width: 1200px) {
    .k03-blog-item-holder {
        gap: 40px
    }

    .k03-blog-item-img {
        height: 230px;
        border-radius: 12px
    }

    .k03-blog-item-text {
        gap: 34px
    }

    .k03-blog-item-text h3 {
        font-size: 24px
    }
}

.k03-cta-columns {
    padding-top: 20px;
    padding-bottom: 20px
}

.k03-cta-columns .k03-cta-column {
    flex: 0 0 100%;
    text-align: center;
    padding: 20px;
    border-radius: 12px;
    background: #fff
}

.k03-cta-columns .k03-cta-column .text {
    text-align: left
}

.k03-cta-columns .k03-cta-column .image {
    display: none
}

@media (min-width: 768px) {
    .k03-cta-columns {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .k03-cta-columns .k03-cta-column {
        padding: 40px
    }

    .k03-cta-columns .k03-cta-column .text {
        text-align: center
    }

    .k03-cta-columns .k03-cta-column .image {
        display: block;
        margin: 0 auto;
        max-width: 400px
    }

    .k03-cta-columns .k03-cta-column .image img {
        max-width: 344px;
        max-height: 240px
    }
}

@media (min-width: 992px) {
    .k03-cta-columns .k03-cta-column {
        flex: 1 0 calc(50% - 20px)
    }
}

@media (min-width: 1200px) {
    .k03-cta-columns {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.k03-cta-main {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fff
}

.k03-cta-main.k03-bg-text6 {
    background: #F2F2F2
}

.k03-cta-main .k03-row.image-first {
    flex-direction: row-reverse
}

.k03-cta-main-description {
    max-width: 520px;
    padding-top: 40px
}

.k03-cta-main-btn {
    padding-top: 60px
}

.k03-cta-main-btn [class*="k03-btn-"] {
    min-width: 180px
}

.k03-cta-main .image {
    order: 1;
    max-width: 500px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.k03-cta-main .image img {
    border-radius: 12px;
    max-height: 400px;
    width: auto
}

.k03-cta-main .image iframe {
    width: 100% !important;
    border-radius: 16px;
    aspect-ratio: 16/9;
    height: auto !important
}

.k03-cta-main .text {
    order: 2
}

@media (min-width: 768px) {
    .k03-cta-main {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 992px) {
    .k03-cta-main .image {
        order: initial;
        max-width: none;
        margin: 0
    }

    .k03-cta-main .text {
        order: initial
    }

    .k03-cta-main-text {
        max-width: 520px
    }

    .k03-cta-main-description {
        padding-top: 60px
    }

    .k03-cta-main-btn {
        padding-top: 64px
    }
}

@media (min-width: 1200px) {
    .k03-cta-main {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.k03-cta-section.k03-bg-text6 {
    background: #F2F2F2
}

.k03-cta-section.k03-bg-text6 .k03-col-cards__item {
    background: #fff
}

.k03-cta-section .k03-row.image-first {
    flex-direction: row-reverse
}

.k03-cta-section .image {
    order: 1;
    max-width: 500px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.k03-cta-section .image img {
    border-radius: 12px;
    max-height: 400px
}

.k03-cta-section .text {
    order: 2
}

@media (min-width: 992px) {
    .k03-cta-section .image {
        order: inherit;
        max-width: none;
        margin: 0
    }

    .k03-cta-section .text {
        order: inherit
    }

    .k03-cta-section-text {
        max-width: 520px
    }
}

.k03-col-cards {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.k03-col-cards__item {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: #323232;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    border-radius: 12px;
    background: #F2F2F2;
    min-height: 64px
}

@media (min-width: 768px) {
    .k03-col-cards__item {
        flex: 0 0 calc(50% - 12px);
        min-height: 116px;
        padding: 16px
    }
}

@media (min-width: 992px) {
    .k03-col-cards {
        order: inherit;
        gap: 24px;
        min-width: 500px
    }
}

@media (min-width: 1200px) {
    .k03-col-cards {
        min-width: 652px
    }

    .k03-col-cards__item {
        padding: 16px 24px
    }
}

.k03-cta-single {
    padding: 0;
    background: #fff
}

.k03-cta-single .k03-cta-block {
    margin: 0 auto;
    max-width: 1280px;
    color: #fff;
    background: linear-gradient(76deg, #661495 0%, #841ac1 100%);
    box-shadow: 0px 8px 24px 0px rgba(71, 0, 102, 0.04), 0px 3px 1px 0px rgba(71, 0, 102, 0.01)
}

.k03-cta-single-text {
    max-width: 620px;
    margin: 0 auto 24px
}

@media (min-width: 768px) {
    .k03-cta-single {
        padding: 60px 20px
    }
}

@media (min-width: 1200px) {
    .k03-cta-single {
        padding: 80px 20px
    }
}

.k03-cta-row {
    padding-top: 32px;
    padding-bottom: 32px
}

.k03-cta-row.k03-bg-primary-dark-1 {
    background: #470066;
    color: #fff
}

.k03-cta-row__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    text-align: center;
    gap: 24px
}

.k03-cta-row__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 992px) {
    .k03-cta-row__content {
        flex-direction: row;
        align-items: center;
        text-align: left
    }

    .k03-cta-row__btn {
        flex: 0 0 240px
    }

    .k03-cta-row__btn [class^="k03-btn"] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .k03-cta-row__content {
        gap: 60px
    }

    .k03-cta-row__btn {
        flex: 0 0 462px
    }
}

.k03-heading-section {
    text-align: center;
    padding: 32px 0
}

.k03-heading-section.k03-bg-primary-dark-1 {
    color: #fff
}

.k03-heading-section.k03-bg-primary-dark-1 h2 {
    color: #fff
}

.k03-hero {
    color: #fff;
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%)
}

.k03-hero .k03-row {
    justify-content: space-between
}

.k03-hero-reviews {
    display: flex;
    padding-top: 38px;
    color: #fff
}

.k03-hero-reviews .text {
    font-size: 12px;
    line-height: 16px;
    margin: 0
}

.k03-hero-reviews .k03-star-ratings {
    color: #fff;
    font-size: 38px;
    margin-bottom: 6px
}

.k03-hero-description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.k03-hero .text {
    max-width: 620px
}

.k03-hero .image {
    max-width: 512px;
    text-align: right;
    font-size: 0;
    line-height: 0
}

.k03-hero .k03-widget-reviews {
    color: #fff;
    margin-bottom: 12px
}

@media (max-width: 991px) {
    .k03-hero .k03-widget-reviews {
        justify-content: center
    }
}

@media (max-width: 991px) {
    .k03-hero .image {
        order: 1;
        max-width: 500px;
        margin: 0 auto;
        text-align: center
    }

    .k03-hero .image img {
        max-height: 300px
    }

    .k03-hero .text {
        order: 2;
        max-width: none
    }
}

.k03-hero-white {
    color: #323232;
    background: #fff
}

.k03-hero-white .k03-hero-reviews {
    padding-top: 0;
    color: #323232
}

.k03-hero-white .k03-hero-reviews .k03-star-ratings {
    color: #F2F2F2
}

.k03-hero-white .k03-widget-reviews {
    color: #666
}

.k03-hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.k03-hero-buttons-container {
    max-width: 440px
}

.k03-hero-buttons-container .k03-label-md {
    margin-bottom: 8px
}

@media (max-width: 991px) {
    .k03-hero-buttons-container {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .k03-hero-buttons-container {
        max-width: none
    }
}

.k03-hero-btn {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 8px 24px;
    width: 100%;
    min-height: 52px;
    color: #F6A850;
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    border-radius: 8px;
    background: #470066;
    border: 2px solid #8E00CC;
    position: relative;
    cursor: pointer
}

.k03-hero-btn:hover {
    color: #F9C081;
    background: #8E00CC
}

.k03-hero-btn:focus {
    color: #FBD8B1;
    background: #B200FF
}

.k03-hero-btn:active {
    background: #240033
}

.k03-hero-btn .icon {
    color: #fff;
    font-size: 30px;
    line-height: 1
}

.k03-hero-btn .title {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.k03-hero-btn i[data-icon="arrow-right"] {
    font-size: 14px;
    line-height: 1;
    color: #fff
}

.k03-hero-btn .property-info {
    color: #F2F2F2;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    opacity: 0.64
}

.k03-hero-btn .property-info strong {
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

@media (max-width: 767px) {
    .k03-hero-btn {
        min-height: 72px
    }
}

@media (max-width: 374px) {
    .k03-hero-btn {
        gap: 14px;
        padding: 8px 14px
    }
}

.k03-hero-home .k03-container {
    max-width: 980px
}

.k03-hero-home .text {
    max-width: 440px
}

.k03-hero-home .image {
    max-width: 420px
}

@media (max-width: 991px) {
    .k03-hero-home .text {
        max-width: 100%
    }
}

.k03-hero_old .k03-hero-list {
    list-style: none;
    padding: 40px 0 0 4px;
    word-spacing: 1px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .k03-hero_old .k03-hero-list {
        font-size: 14px
    }
}

.k03-hero_old .k03-hero-list li {
    position: relative;
    padding-left: 13px;
    margin-bottom: 4px
}

.k03-hero_old .k03-hero-list li:last-child {
    margin-bottom: 0
}

.k03-hero_old .k03-hero-list li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%
}

.k03-hero_updated .k03-hero {
    padding: 64px 0
}

@media (max-width: 767px) {
    .k03-hero_updated .k03-hero {
        background: #6A0098;
        padding: 40px 0
    }
}

.k03-hero_updated .k03-hero-row {
    align-items: center
}

.k03-hero_updated .k03-hero-list {
    display: flex;
    gap: 12px;
    list-style: none;
    color: #fff;
    text-align: center;
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.k03-hero_updated .k03-hero-list li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 118px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(130, 26, 189, 0.32)
}

.k03-hero_updated .k03-hero-list li>div {
    max-width: 180px
}

@media (max-width: 767px) {
    .k03-hero_updated .k03-hero-list {
        flex-direction: column;
        gap: 8px;
        font-size: 14px;
        line-height: 20px
    }

    .k03-hero_updated .k03-hero-list li {
        height: auto
    }

    .k03-hero_updated .k03-hero-list li>div {
        max-width: none
    }

    .k03-hero_updated .k03-hero-list li>div br {
        display: none
    }
}

.k03-hero_updated .k03-hero-white {
    background: #fff
}

.k03-hero_updated .k03-hero-telco-trio {
    background: #6A0098;
    padding-top: 88px;
    padding-bottom: 96px
}

.k03-hero_updated .k03-hero-telco-trio-btn {
    min-width: 335px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .k03-hero_updated .k03-hero-telco-trio-btn {
        min-width: 100%
    }
}

.k03-faq-section.k03-bg-text6 .k03-faq-item {
    background: #fff
}

.k03-faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.k03-faq-item {
    color: #4D4D4D;
    position: relative;
    max-inline-size: 40rem;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #F2F2F2;
    transition: all 0.3s ease
}

.k03-section.k03-bg-text6 .k03-faq-item {
    background: #fff
}

.k03-faq-item::details-content {
    display: block;
    block-size: 0;
    overflow: hidden;
    transition-property: block-size, content-visibility;
    transition-duration: 0.5s;
    transition-behavior: allow-discrete
}

.k03-faq-item[open]::details-content {
    block-size: auto;
    block-size: calc-size(auto, size)
}

.k03-faq-item[open] {
    border-color: #DBDBDB
}

.k03-faq-item[open] .k03-faq-item__summary::after {
    content: ""
}

.k03-faq-item[open] .k03-faq-item__content {
    opacity: 1
}

.k03-faq-item:hover {
    border-color: #DBDBDB
}

.k03-faq-item__summary {
    padding: 16px 32px 16px 16px;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    list-style: none
}

.k03-faq-item__summary::marker {
    content: none
}

.k03-faq-item__summary::-webkit-details-marker {
    display: none
}

.k03-faq-item__summary::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    font-size: 12px;
    cursor: pointer;
    transform: translateY(-50%);
    transition: all 0.3s ease
}

.k03-faq-item__summary:focus-visible {
    box-shadow: 0 0 0 2px #8c8c8c;
    border-radius: 12px
}

.k03-faq-item__content {
    color: #666;
    line-height: 1.25;
    padding: 4px 16px 16px;
    max-width: 510px
}

.k03-faq-item__content a {
    color: #666;
    text-decoration: underline
}

.k03-faq-item__content a:hover {
    text-decoration: none
}

.k03-faq-item__content ul {
    list-style: none
}

.k03-faq-item__content ul>li {
    padding-left: 16px;
    margin-bottom: 16px;
    position: relative
}

.k03-faq-item__content ul>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background: #4D4D4D;
    border-radius: 50%
}

.k03-faq-item__content ul>li:last-child {
    margin-bottom: 0
}

.k03-faq-item__content p:empty {
    display: none
}

.k03-faq-item__content table {
    width: 100%;
    font-size: 14px;
    margin-bottom: 16px
}

.k03-faq-item__content table th,
.k03-faq-item__content table td {
    padding: 10px;
    border: 1px solid #999
}

.k03-faq-item__content table th {
    font-weight: 700
}

.k03-logo-wall {
    padding-top: 24px;
    padding-bottom: 24px
}

.k03-logo-wall.k03-bg-text6 {
    background: #F2F2F2
}

.k03-logo-wall-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 40px
}

.k03-logo-wall-col {
    flex: 0 0 825px;
    max-width: 825px;
    padding-right: 64px
}

.k03-logo-wall-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    overflow: hidden;
    gap: 20px
}

.k03-logo-wall-item .item {
    display: flex;
    align-items: center;
    height: 40px
}

.k03-logo-wall-item img {
    width: auto !important;
    max-width: 157px;
    max-height: 40px
}

.k03-logo-wall .owl-carousel .owl-nav {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%)
}

.k03-logo-wall .owl-carousel .owl-nav .owl-prev {
    display: none
}

.k03-logo-wall .owl-carousel .owl-nav .owl-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 1;
    color: #999;
    transition: all 0.3s ease
}

.k03-logo-wall .owl-carousel .owl-nav .owl-next:hover {
    color: #6A0098
}

@media (max-width: 1199px) {
    .k03-logo-wall-col {
        padding: 0;
        margin: 0 auto
    }

    .k03-logo-wall-item {
        justify-content: center;
        gap: 40px
    }

    .k03-logo-wall .owl-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding-top: 40px
    }

    .k03-logo-wall .owl-dots .owl-dot {
        display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 12px;
        height: 12px
    }

    .k03-logo-wall .owl-dots .owl-dot.active>span {
        width: 12px;
        height: 12px;
        background: #999;
        border-color: #999
    }

    .k03-logo-wall .owl-dots .owl-dot>span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(153, 153, 153, 0.5);
        transition: all 0.3s ease
    }
}

@media (max-width: 991px) {
    .k03-logo-wall-col {
        max-width: 750px
    }
}

@media (max-width: 767px) {
    .k03-logo-wall-col {
        max-width: 280px
    }

    .k03-logo-wall-item {
        flex-wrap: wrap;
        gap: 30px
    }

    .k03-logo-wall-item img {
        max-width: 120px
    }
}

.k03-logo-wall-wrapper {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 64px;
    padding: 24px 20px;
    background: #fff
}

.k03-logo-wall-wrapper .k03-logo-wall-slider {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 32px;
    animation: scroll-x 40s linear infinite
}

@media (min-width: 768px) {
    .k03-logo-wall-wrapper .k03-logo-wall-slider {
        gap: 64px
    }
}

.k03-logo-wall-wrapper .k03-logo-wall-slider img {
    max-width: 120px;
    max-height: 30px
}

@keyframes scroll-x {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% - 64px))
    }
}

.k03-logo-wall-static {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 24px 16px
}

.k03-logo-wall-static img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 30px
}

@media (min-width: 768px) {
    .k03-logo-wall-static {
        gap: 32px;
        padding: 24px 80px
    }

    .k03-logo-wall-static img {
        max-width: 120px
    }
}

.k03-image-n-text {
    position: relative
}

.k03-image-n-text.k03-bg-primary {
    background: #6A0098;
    color: #fff
}

.k03-image-n-text.k03-bg-primary h2 {
    color: #fff
}

.k03-image-n-text .k03-row.image-first {
    flex-direction: row-reverse
}

.k03-image-n-text-btn {
    padding-top: 60px
}

.k03-image-n-text-btn [class*="k03-btn-"] {
    min-width: 180px
}

.k03-image-n-text-btnSet {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 46px
}

.k03-image-n-text-btnSet.two-btn-in-row [class*="k03-btn-"] {
    min-width: 220px
}

.k03-image-n-text-btnSet.three-btn-in-row [class*="k03-btn-"] {
    min-width: 178px
}

.k03-image-n-text-btn [class*="k03-btn-"],
.k03-image-n-text-btnSet [class*="k03-btn-"] {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
    line-height: 24px
}

.k03-image-n-text .image {
    order: 1;
    max-width: 500px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.k03-image-n-text .image img {
    border-radius: 12px;
    max-height: 300px;
    width: auto
}

.k03-image-n-text .image iframe {
    width: 100% !important;
    border-radius: 16px;
    aspect-ratio: 16/9;
    height: auto !important
}

.k03-image-n-text .text {
    order: 2
}

.k03-image-n-text .text .k03-max-width-516 {
    max-width: none
}

@media (min-width: 768px) {

    .k03-image-n-text-btn [class*="k03-btn-"],
    .k03-image-n-text-btnSet [class*="k03-btn-"] {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 16px;
        line-height: 18px
    }

    .k03-image-n-text-btnSet {
        gap: 20px
    }
}

@media (min-width: 992px) {
    .k03-image-n-text .image {
        order: inherit;
        max-width: none
    }

    .k03-image-n-text .image img {
        max-height: 400px
    }

    .k03-image-n-text .text {
        order: inherit
    }

    .k03-image-n-text .text .k03-max-width-516 {
        max-width: 516px
    }

    .k03-image-n-text-btn {
        padding-top: 80px
    }
}

.k03-reviews-section {
    overflow: hidden
}

.k03-reviews-section.k03-bg-primary-dark-1 {
    background: #470066
}

.k03-reviews-section.k03-bg-primary-dark-1 .owl-carousel .owl-nav .owl-prev .color-primary,
.k03-reviews-section.k03-bg-primary-dark-1 .owl-carousel .owl-nav .owl-next .color-primary {
    color: #fff
}

@media (min-width: 768px) {
    .k03-reviews-section.k03-bg-primary-dark-1 .k03-reviews-section-row::before {
        background: #470066
    }

    .k03-reviews-section.k03-bg-primary-dark-1 .k03-all-reviews-card {
        top: -5px;
        bottom: -5px;
        border-radius: 0;
        width: 312px;
        padding-right: 72px
    }
}

.k03-reviews-section-row {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 0;
    min-height: 184px;
    position: relative
}

.k03-reviews-section-row .k03-all-reviews-card {
    position: static;
    padding-top: 20px;
    padding-bottom: 20px
}

.k03-reviews-section .owl-carousel {
    padding-top: 58px;
    padding-bottom: 20px
}

.k03-reviews-section .owl-carousel .owl-stage-outer {
    overflow: visible
}

.k03-reviews-section .owl-carousel .owl-stage {
    display: flex
}

.k03-reviews-section .owl-carousel .owl-nav {
    display: flex;
    gap: 12px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.k03-reviews-section .owl-carousel .owl-nav.disabled {
    display: none
}

.k03-reviews-section .owl-carousel .owl-nav .owl-prev,
.k03-reviews-section .owl-carousel .owl-nav .owl-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    font-size: 22px;
    line-height: 1
}

.k03-reviews-section .owl-carousel .k03-review-card {
    height: 100%
}

.k03-reviews-section .owl-carousel .k03-review-card img {
    display: inline-block;
    vertical-align: text-bottom;
    width: auto
}

@media (min-width: 768px) {
    .k03-reviews-section-row {
        display: block;
        padding: 0 0 0 312px
    }

    .k03-reviews-section-row::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: -10px;
        right: 100%;
        width: 9999px;
        background: #F2F2F2;
        z-index: 2
    }

    .k03-reviews-section-row .k03-all-reviews-card {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 10
    }

    .k03-reviews-section .owl-carousel {
        padding-top: 0;
        padding-bottom: 0
    }

    .k03-reviews-section .owl-carousel .k03-review-card {
        min-height: 184px
    }
}

.k03-all-reviews-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    text-align: center;
    color: #fff;
    width: 288px;
    padding: 48px;
    background: #470066;
    box-shadow: 0px 2px 4px 0px rgba(7, 4, 146, 0.1);
    border-radius: 8px
}

.k03-all-reviews-card .text {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 30px
}

.k03-all-reviews-card .k03-star-ratings {
    color: #fff;
    font-size: 38px
}

.k03-review-card {
    flex: 0 0 288px;
    width: 290px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(7, 4, 146, 0.1);
    border-radius: 8px
}

.k03-review-card-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px
}

.k03-review-card-holder .k03-review-card {
    display: none
}

.k03-review-card_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 32px;
    position: relative
}

.k03-review-card_text {
    font-size: 14px;
    line-height: 20px;
    color: #4D4D4D;
    overflow-wrap: break-word
}

.k03-review-card_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.k03-review-card_col {
    overflow: hidden
}

.k03-review-card_name {
    display: block;
    color: #4D4D4D;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.k03-review-card_date {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.k03-review-card_more {
    color: #6A0098;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.k03-review-card_more::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 1px;
    background: #6A0098;
    transition: width 0.3s ease
}

.k03-review-card_more:hover::before {
    width: 0
}

#loadMoreReviews {
    display: flex;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    cursor: pointer;
    margin: 0 auto;
    min-width: 180px
}

.k03-review-modal .k03-modal-content {
    max-width: 544px
}

.k03-review-modal-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 0;
    overflow-wrap: break-word
}

.k03-review-modal .k03-star-ratings {
    margin-bottom: 0
}

.k03-review-modal-text {
    color: #4D4D4D
}

.k03-review-modal-data {
    font-size: 12px;
    line-height: 16px;
    position: relative;
    padding-top: 24px
}

.k03-review-modal-data::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background: #999
}

.k03-review-modal-data .name {
    display: block
}

.k03-review-modal-close {
    min-width: 220px
}

@media (min-width: 768px) {
    .k03-service-steps-row {
        text-align: center;
        max-width: 635px;
        margin: 0 auto
    }
}

.k03-steps-n-btn {
    display: flex;
    align-items: stretch;
    gap: 33px
}

.k03-section.k03-bg-text6 .k03-steps-n-btn .step-content {
    background: #fff
}

.k03-steps-n-btn .step-wrapper {
    display: flex;
    flex-direction: column
}

.k03-steps-n-btn .stepper-line {
    display: flex;
    position: relative
}

.k03-steps-n-btn .steps {
    display: flex;
    gap: 24px;
    flex: 1
}

.k03-steps-n-btn .step {
    z-index: 10;
    display: flex;
    flex: 1;
    flex-direction: column
}

.k03-steps-n-btn .step-num {
    background-color: #470066;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    margin: 0 0 36px 55px;
    position: relative;
    z-index: 99
}

.k03-steps-n-btn .step:last-child {
    z-index: 9
}

.k03-steps-n-btn .step:last-child .step-num:before {
    content: "";
    display: block;
    height: 2px;
    width: 2000px;
    background-color: #470066;
    position: absolute;
    right: 50%;
    top: 16px;
    z-index: -10
}

.k03-steps-n-btn .step-content {
    background: #F2F2F2;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 160px;
    padding: 22px 32px;
    border-radius: 12px;
    flex: 1;
    font-size: 16px;
    line-height: 24px
}

.k03-steps-n-btn .k03-cta-call-request {
    flex: 0 0 262px;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 20px
}

@media (max-width: 1199px) {
    .k03-steps-n-btn {
        flex-direction: column;
        gap: 60px
    }

    .k03-steps-n-btn .steps {
        gap: 40px
    }

    .k03-steps-n-btn .step .step-content {
        padding: 20px
    }

    .k03-steps-n-btn .k03-cta-call-request {
        flex: auto;
        flex-direction: row;
        padding: 20px 40px
    }
}

@media (max-width: 767px) {
    .k03-steps-n-btn {
        gap: 20px
    }

    .k03-steps-n-btn .steps {
        flex-direction: column;
        gap: 26px
    }

    .k03-steps-n-btn .step {
        position: relative
    }

    .k03-steps-n-btn .step:last-child .step-num::before {
        content: none
    }

    .k03-steps-n-btn .step .step-num {
        width: 40px;
        height: 40px;
        margin: 0;
        font-size: 21.5px;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%)
    }

    .k03-steps-n-btn .step .step-content {
        gap: 8px;
        min-height: auto;
        text-align: center;
        padding-top: 32px
    }

    .k03-steps-n-btn .k03-cta-call-request {
        flex-direction: column;
        text-align: center;
        padding: 20px
    }
}

.k03-team-section .k03-team-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 42px
}

.k03-team-section .k03-team-item {
    align-items: flex-start;
    gap: 20px
}

.k03-team-section .k03-team-member {
    width: 100px;
    border-radius: 8px
}

.k03-team-section .k03-team-content {
    padding-top: 5px;
    color: #4D4D4D
}

.k03-team-section .k03-team-content .k03-label-sm,
.k03-team-section .k03-team-content .k03-label-icon-sm {
    color: #666
}

.k03-team-section .k03-team-content h3 {
    margin-bottom: 4px
}

@media (max-width: 1199px) {
    .k03-team-section .k03-team-row {
        gap: 32px
    }
}

@media (max-width: 991px) {
    .k03-team-section .k03-max-width-516 {
        max-width: none
    }

    .k03-team-section .k03-team-row {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .k03-team-section .k03-team-content {
        padding-top: 0
    }

    .k03-team-section .k03-team-content .k03-label-sm,
    .k03-team-section .k03-team-content .k03-label-icon-sm {
        font-size: 14px
    }
}

@media (max-width: 575px) {
    .k03-team-section .k03-team-row {
        grid-template-columns: 1fr;
        gap: 42px
    }
}

.k03-title-n-contact .k03-contact-card {
    margin: 0 auto;
    max-width: 390px;
    padding: 20px 30px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06)
}

.k03-title-n-contact .k03-contact-card .k03-locations {
    gap: 26px
}

.k03-title-n-contact .k03-max-width-516 {
    max-width: none
}

@media (min-width: 576px) {
    .k03-title-n-contact .k03-contact-card {
        justify-content: center
    }
}

@media (min-width: 768px) {
    .k03-title-n-contact .k03-contact-card {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width: 992px) {
    .k03-title-n-contact .k03-contact-card {
        margin: 0
    }

    .k03-title-n-contact .k03-max-width-516 {
        max-width: 516px
    }
}

.k03-title-n-faq {
    position: relative
}

.k03-title-n-faq_faq {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.k03-title-n-faq .k03-max-width-516 {
    max-width: none
}

@media (min-width: 992px) {
    .k03-title-n-faq .k03-max-width-516 {
        max-width: 516px
    }
}

@media (min-width: 992px) {
    .k03-title-n-text .text {
        max-width: 510px;
        padding-top: 20px
    }
}

.k03-treats-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 40px 20px
}

.k03-treats-item {
    flex: 0 0 100%
}

.k03-treats-item [data-icon] {
    font-size: 20px
}

.k03-treats-item h3 {
    font-size: 16px
}

@media (min-width: 576px) {
    .k03-treats-item {
        flex: 0 0 256px
    }
}

@media (min-width: 768px) {
    .k03-treats-row {
        gap: 40px
    }

    .k03-treats-item {
        flex: 0 0 340px
    }
}

@media (min-width: 1200px) {
    .k03-treats-row {
        justify-content: space-between
    }
}

@media (min-width: 992px) {
    .k03-treats-section-si .k03-treats-item {
        flex: 0 0 380px
    }
}

@media (min-width: 1200px) {
    .k03-treats-section-si .k03-treats-item {
        flex: 1
    }
}

.k03-type-comparison {
    padding: 32px 0
}

.k03-type-comparison .k03-table-scroll {
    max-width: 502px;
    margin: 0 auto
}

.k03-type-comparison .k03-table th,
.k03-type-comparison .k03-table td {
    padding-right: 4px;
    font-weight: 700
}

.k03-type-comparison .k03-table th:not(:first-child) {
    width: 80px;
    text-align: center
}

.k03-type-comparison .k03-table td:not(:first-child) {
    text-align: center;
    color: #1ED286;
    font-size: 12px
}

@media (min-width: 768px) {
    .k03-type-comparison {
        padding: 64px 0
    }

    .k03-type-comparison__heading {
        text-align: center;
        max-width: 450px;
        margin: 0 auto
    }

    .k03-type-comparison .k03-table th,
    .k03-type-comparison .k03-table td {
        padding-right: 16px;
        height: 32px
    }

    .k03-type-comparison .k03-table th:not(:first-child) {
        width: 1px;
        white-space: nowrap
    }
}

.k03-visit-us {
    padding-top: 32px;
    padding-bottom: 32px
}

.k03-visit-us.k03-bg-text6 {
    background: #F2F2F2
}

.k03-visit-us.k03-bg-text6 .k03-visit-us_item {
    background: #fff
}

.k03-visit-us_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px
}

.k03-visit-us_item {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
    padding: 16px;
    border-radius: 16px;
    background: #F2F2F2
}

.k03-visit-us_item p {
    margin-bottom: 4px
}

.k03-visit-us_title {
    text-transform: uppercase;
    color: #6A0098;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.k03-visit-us_tel a {
    color: #323232
}

.k03-visit-us_tel a:hover {
    color: #6A0098
}

@media (min-width: 576px) {
    .k03-visit-us_item {
        flex: 0 0 260px
    }
}

@media (min-width: 768px) {
    .k03-visit-us {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .k03-visit-us_item {
        flex: 0 0 310px
    }
}

@media (min-width: 992px) {
    .k03-visit-us_wrapper {
        justify-content: space-between;
        gap: 26px
    }

    .k03-visit-us_item {
        flex: 1
    }
}

@media (min-width: 1200px) {
    .k03-visit-us {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.k03-cta-registration {
    padding: 16px
}

.k03-cta-registration .k03-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 24px;
    border-radius: 16px;
    background: #470066
}

.k03-cta-registration .k03-hero-form {
    padding-top: 0
}

.k03-cta-registration .k03-hero-form-control {
    padding-right: 16px;
    text-align: center
}

.k03-cta-registration .k03-hero-form-control::-moz-placeholder {
    padding-left: 0
}

.k03-cta-registration .k03-hero-form-control:-ms-input-placeholder {
    padding-left: 0
}

.k03-cta-registration .k03-hero-form-control::-webkit-input-placeholder {
    padding-left: 0
}

@media (min-width: 768px) {
    .k03-cta-registration {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .k03-cta-registration .k03-container {
        align-items: center;
        text-align: center;
        padding: 32px 64px
    }
}

@media (min-width: 1200px) {
    .k03-cta-registration .k03-container {
        flex-direction: row;
        justify-content: center;
        gap: 44px;
        max-width: 1246px
    }

    .k03-cta-registration__heading {
        max-width: 492px;
        text-align: left
    }
}

.k03-hero-ao {
    padding: 40px 0;
    background: #6A0098
}

.k03-hero-ao .k03-hero-form {
    padding-top: 74px
}

.k03-hero-ao__no-reg {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 24px 0 0
}

.k03-hero-ao__no-reg a {
    color: rgba(255, 255, 255, 0.64);
    text-decoration: underline
}

.k03-hero-ao__no-reg a:hover {
    color: #fff
}

.k03-hero_old .k03-hero-ao .k03-hero-list {
    padding-top: 64px
}

@media (min-width: 768px) {
    .k03-hero-ao {
        padding: 64px 0
    }

    .k03-hero-ao__no-reg {
        padding: 12px 0 0;
        text-align: left
    }
}

@media (min-width: 992px) {
    .k03-hero-ao .text {
        max-width: 520px
    }

    .k03-hero-ao .image {
        display: block !important
    }
}

.k03-heading-ao {
    text-align: left;
    padding: 40px 0
}

.k03-heading-ao__text {
    font-size: 14px;
    font-style: normal;
    line-height: 1.42
}

.k03-heading-ao [data-call-me] {
    white-space: nowrap
}

@media (min-width: 768px) {
    .k03-heading-ao {
        text-align: center;
        padding: 32px 0
    }

    .k03-heading-ao .k03-container {
        max-width: 680px
    }

    .k03-heading-ao__text {
        max-width: 380px;
        margin: 0 auto
    }
}

.k03-instruction-steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 612px;
    padding-left: 40px;
    margin-left: -5px;
    position: relative;
    overflow: hidden
}

.k03-instruction-steps::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 17px;
    top: 44px;
    width: 2px;
    background: url("../images/bg-dashed.png") repeat-y 0 0
}

.k03-instruction-steps_pointer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
    left: 0;
    width: 36px;
    height: 36px;
    color: #fff;
    border-radius: 12px;
    background: #6A0098;
    z-index: 2;
    transition: all 0.3s ease
}

.k03-instruction-steps_pointer i {
    font-size: 16px;
    line-height: 1
}

@media (min-width: 768px) {
    .k03-instruction-steps {
        gap: 12px;
        padding-left: 104px;
        margin: 0 auto
    }

    .k03-instruction-steps::before {
        top: 0;
        left: 20px
    }

    .k03-instruction-steps_pointer {
        left: 2px;
        transition: all 0.6s ease
    }
}

.k03-instruction-step {
    padding: 24px;
    border-radius: 12px;
    background: #fff;
    position: relative
}

.k03-instruction-step:last-child::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 50px;
    bottom: 0;
    width: 5px;
    background: #F2F2F2
}

.k03-instruction-step_number {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -40px;
    top: 36px;
    width: 36px;
    height: 36px;
    background: #6A0098;
    border-radius: 50%;
    color: #fff;
    font-weight: 700
}

.k03-instruction-step_heading {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 12px
}

.k03-instruction-step_heading [data-icon] {
    display: none
}

.k03-instruction-step p:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .k03-instruction-step {
        padding: 20px 68px
    }

    .k03-instruction-step:last-child::before {
        content: none
    }

    .k03-instruction-step_number {
        top: 50%;
        left: -102px;
        transform: translateY(-50%)
    }

    .k03-instruction-step_heading [data-icon] {
        display: block;
        font-size: 24px;
        line-height: 1
    }
}

.k03-comparison-section {
    padding: 32px 0
}

.k03-comparison-section.k03-bg-text6 .k03-comparison-card {
    background: #fff
}

.k03-comparison-section__container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 768px) {
    .k03-comparison-section {
        padding: 64px 0
    }
}

@media (min-width: 992px) {
    .k03-comparison-section__container {
        flex-direction: row;
        max-width: 998px;
        margin: 0 auto
    }
}

.k03-comparison-card {
    flex: 1;
    color: #4D4D4D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    border-radius: 8px;
    background: #F2F2F2
}

.k03-comparison-card__title {
    padding: 19px 4px 17px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    background: #470066
}

.k03-comparison-card__title.gray {
    background: #979797
}

.k03-comparison-card__content {
    padding: 8px
}

.k03-comparison-card__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 4px 4px 8px;
    min-height: 36px
}

.k03-comparison-card__item [data-icon="check-v03"] {
    color: #1ED286;
    font-size: 12px;
    line-height: 1
}

.k03-comparison-card__item [data-icon="close"] {
    color: #EE292B;
    font-size: 8px;
    line-height: 1
}

.k03-comparison-card__text {
    font-size: 12px;
    line-height: 16px
}

@media (min-width: 992px) {
    .k03-comparison-card__content {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: calc(100% - 56px)
    }

    .k03-comparison-card__item {
        min-height: auto
    }
}

.k03-ao-price {
    padding: 32px 0
}

.k03-ao-price.k03-bg-text6 .k03-toggle-button {
    background: #fff
}

.k03-ao-price__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 24px;
    max-width: 728px;
    margin: 0 auto 20px
}

.k03-ao-price__item {
    flex: 0 0 100%
}

.k03-ao-price__text {
    max-width: 646px;
    margin: 0 auto;
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.k03-ao-price .k03-toggle-button {
    max-width: 422px;
    margin-left: -10px;
    margin-right: -10px
}

.k03-ao-price .k03-toggle-button__item {
    font-size: 14px
}

@media (min-width: 375px) {
    .k03-ao-price .k03-toggle-button {
        margin-left: auto;
        margin-right: auto
    }

    .k03-ao-price .k03-toggle-button__item {
        font-size: 16px
    }
}

@media (min-width: 625px) {
    .k03-ao-price__item {
        flex: 0 0 280px
    }
}

@media (min-width: 768px) {
    .k03-ao-price {
        padding: 64px 0
    }

    .k03-ao-price__row {
        margin-bottom: 30px
    }

    .k03-ao-price__container {
        padding: 0 16px 16px;
        border-radius: 16px;
        background: #fff
    }
}

@media (min-width: 1200px) {
    .k03-ao-price__row {
        max-width: 1192px
    }
}

.k03-car-card {
    padding-top: 36px;
    height: 100%
}

.k03-car-card.your-vehicle .k03-car-card__container {
    color: #fff;
    background: #6A0098
}

.k03-car-card.your-vehicle .k03-car-card__image {
    margin: -67px auto 18px
}

.k03-car-card__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    height: 100%;
    color: #470066;
    font-style: normal;
    text-align: center;
    font-weight: 700;
    padding: 24px;
    border-radius: 16px;
    background: #F2EAF7
}

.k03-car-card__image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -62px auto 0;
    width: 168px;
    height: 88px;
    overflow: hidden;
    margin-bottom: 12px
}

.k03-car-card__image img {
    max-width: 168px;
    max-height: 88px
}

.k03-car-card__title {
    font-size: 18px;
    line-height: 24px
}

.k03-car-card__details {
    font-size: 12px;
    line-height: 16px
}

.k03-car-card__price {
    font-size: 24px
}

.k03-car-card__price-container {
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    background: #fff;
    width: 100%;
    padding: 10px 6px 6px
}

.k03-car-card__button {
    width: 100%
}

.k03-casco-franchise {
    padding: 32px 0;
    background: #F2F2F2
}

.k03-casco-franchise .k03-table {
    max-width: 646px;
    margin-left: auto;
    margin-right: auto
}

.k03-casco-franchise .k03-table th,
.k03-casco-franchise .k03-table td {
    height: 42px
}

.k03-casco-franchise .k03-table td {
    padding-right: 8px
}

.k03-casco-franchise .k03-table td:first-child {
    width: 41%
}

@media (min-width: 576px) {
    .k03-casco-franchise .k03-table td {
        padding-right: 16px
    }

    .k03-casco-franchise .k03-table td:first-child {
        width: auto
    }
}

@media (min-width: 768px) {
    .k03-casco-franchise {
        padding: 64px 0
    }
}

.k03-casco-franchise-si .k03-table td:first-child {
    width: auto
}

.k03-coverage-carousel {
    overflow: hidden
}

.k03-coverage-carousel .owl-stage-outer {
    overflow: visible !important
}

.k03-coverage-carousel .owl-stage {
    display: flex
}

.k03-coverage-carousel .k03-coverage-card {
    display: flex;
    width: 290px;
    min-height: 336px;
    height: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(7, 4, 146, 0.1), 0 24px 60px rgba(6, 47, 125, 0.05), 0 12px 24px rgba(27, 59, 119, 0.05);
    position: relative
}

@media (max-width: 374px) {
    .k03-coverage-carousel .k03-coverage-card {
        width: 260px !important
    }
}

.k03-coverage-carousel .k03-coverage-card .holder {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    position: relative
}

.k03-coverage-carousel .k03-coverage-card h3 {
    color: #323232;
    margin: 0
}

.k03-coverage-carousel .k03-coverage-card .text {
    flex: 1
}

.k03-coverage-carousel .k03-coverage-card .price {
    color: #6A0098;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    text-align: right
}

.k03-coverage-carousel .k03-coverage-card .label {
    padding: 5px 4px 4px;
    color: #4D4D4D;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    text-align: center;
    border-radius: 8px 8px 0 0;
    background: #c5f7e2;
    box-shadow: 0 -1px 43px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(20.5px);
    -webkit-backdrop-filter: blur(20.5px);
    position: absolute;
    bottom: 100%;
    left: 20px;
    right: 20px
}

.k03-hero-credit .image {
    max-width: none
}

.k03-hero-credit .k03-hero-description {
    max-width: 490px
}

.k03-hero-credit .k03-hero-description p {
    margin-bottom: 8px
}

.k03-hero-credit .k03-hero-description p:last-child {
    margin-bottom: 0
}

.k03-hero-credit-content {
    padding-top: 44px
}

.k03-hero-credit-content_icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 10px;
    position: relative
}

.k03-hero-credit-content_icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px
}

.k03-hero-credit-content .k03-label-md {
    display: inline-flex;
    align-items: center
}

@media (min-width: 768px) {
    .k03-hero-credit-content {
        padding-top: 60px
    }

    .k03-hero-credit-content_icon {
        display: none
    }
}

@media (max-width: 767px) {
    .k03-hero-credit-content_holder {
        border-radius: 8px;
        background: #F2EAF7;
        border: 1px solid transparent;
        transition: all 0.3s ease
    }

    .k03-hero-credit-content_holder.active .k03-hero-credit-content_icon::before {
        content: ""
    }

    .k03-hero-credit-content_holder.active .k03-hero-credit-content_body {
        max-height: 500px
    }

    .k03-hero-credit-content_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px
    }

    .k03-hero-credit-content_header:hover .k03-hero-credit-content_icon {
        color: #8E00CC
    }

    .k03-hero-credit-content_body {
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease
    }

    .k03-hero-credit-content .k03-label-md {
        color: #4D4D4D;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-transform: capitalize;
        letter-spacing: 0;
        margin: 0
    }

    .k03-hero-credit-content .k03-chips {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 2px 16px 16px
    }

    .k03-hero-credit-content .k03-chip {
        justify-content: flex-start;
        background: none;
        border-radius: 0;
        min-height: auto;
        color: #323232;
        position: relative;
        padding: 0;
        padding-left: 13px;
        margin-left: 16px;
        margin-top: 12px
    }

    .k03-hero-credit-content .k03-chip::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 3px;
        height: 3px;
        background: #666;
        border-radius: 50%
    }

    .k03-hero-credit-content .k03-chip:first-child {
        margin-top: 0
    }

    .k03-hero-credit-content .k03-chip:hover {
        background: none;
        color: #470066
    }

    .k03-hero-credit-content .k03-chip.selected {
        background: none;
        color: #323232
    }

    .k03-hero-credit-content .k03-chip.sub-chip {
        margin-left: 40px;
        margin-top: 8px
    }
}

.k03-credit-hero-with-input .k03-hero-form {
    padding-top: 88px;
    padding-bottom: 44px
}

@media (min-width: 768px) {
    .k03-creditworthiness-hero .k03-breadcrumb ul {
        justify-content: center
    }
}

.k03-loan-calculator {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06);
    max-width: 856px;
    margin: 0 auto
}

.k03-loan-calculator-section {
    padding: 32px 0
}

.k03-loan-calculator__data-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    line-height: 24px
}

.k03-loan-calculator__data-header label {
    margin: 0
}

.k03-loan-calculator__data-value {
    flex: 0 0 140px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #470066;
    font-weight: 700
}

.k03-loan-calculator__data-input {
    flex: 1;
    display: block;
    width: 100%;
    height: 44px;
    padding: 9px 8px;
    font-family: "Red Hat Text", sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    text-align: center;
    color: #470066;
    background-color: #F2EAF7;
    border-radius: 4px;
    border: 1px solid #F2EAF7;
    transition: border-color 0.15s ease-in-out
}

.k03-loan-calculator__data-input:focus {
    border-color: #6A0098
}

.k03-loan-calculator__data-input.has-error {
    border-color: #EE292B
}

.k03-loan-calculator__result {
    overflow: hidden;
    border-radius: 8px;
    background: #F2F2F2
}

.k03-loan-calculator__result-header {
    color: #fff;
    padding: 24px 16px;
    background: #470066
}

.k03-loan-calculator__result-header .k03-loan-calculator__result-option {
    margin-bottom: 4px
}

.k03-loan-calculator__result-header .k03-loan-calculator__result-option:first-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.k03-loan-calculator__result-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px;
    min-height: 207px
}

.k03-loan-calculator__result-option {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 4px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

.k03-loan-calculator__result-option:last-child {
    margin-bottom: 0
}

.k03-loan-calculator__result-value {
    white-space: nowrap;
    text-align: right
}

.k03-loan-calculator .k03-range__value {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    padding-top: 0;
    margin-top: -4px
}

.k03-loan-calculator .k03-general-error {
    padding: 0
}

@media (min-width: 375px) {
    .k03-loan-calculator__result-body {
        min-height: 167px
    }
}

@media (min-width: 576px) {
    .k03-loan-calculator__result-body {
        min-height: 157px
    }
}

@media (min-width: 768px) {
    .k03-loan-calculator {
        flex-direction: row
    }

    .k03-loan-calculator-section {
        padding: 64px 0
    }

    .k03-loan-calculator__data {
        flex: 1
    }

    .k03-loan-calculator__data-value {
        flex: 0 0 auto;
        padding-right: 5px
    }

    .k03-loan-calculator__data-input {
        width: auto;
        height: 28px;
        padding-top: 1px;
        padding-bottom: 1px
    }

    .k03-loan-calculator__data-input#loanAmountValue {
        width: 96px
    }

    .k03-loan-calculator__data-input#repaymentPeriodValue {
        width: 50px
    }

    .k03-loan-calculator__data-input#interestRateValue {
        width: 64px
    }

    .k03-loan-calculator__result {
        display: flex;
        flex-direction: column;
        flex: 0 0 320px
    }

    .k03-loan-calculator__result-body {
        flex: 1;
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width: 992px) {
    .k03-loan-calculator__result {
        flex: 0 0 380px
    }

    .k03-loan-calculator__result-header .k03-loan-calculator__result-option {
        font-size: 14px;
        line-height: 20px
    }

    .k03-loan-calculator__result-header .k03-loan-calculator__result-option:first-child {
        font-size: 18px
    }

    .k03-loan-calculator__result-body {
        font-size: 14px;
        line-height: 20px
    }

    .k03-loan-calculator__result-option {
        font-size: 16px;
        line-height: 24px
    }
}

.credit-landing .k03-image-n-text .image img {
    max-height: 308px
}

.k03-hero-property__form .form-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    line-height: 1.42
}

.k03-hero-property__form .form-info-price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

.k03-hero-property .image img {
    max-width: 550px;
    max-height: 400px
}

@media (max-width: 1199px) {
    .k03-hero-property .image img {
        max-width: 100%
    }
}

.k03-hero-property .k03-radio-hero {
    margin-bottom: 12px
}

.k03-hero-property .k03-radio-hero label {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.k03-hero-property .k03-radio-hero label span {
    display: block;
    padding: 20px 56px 18px 16px;
    border-radius: 8px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.24);
    position: relative;
    cursor: pointer
}

.k03-hero-property .k03-radio-hero label span::before,
.k03-hero-property .k03-radio-hero label span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    transition: all 0.3s ease
}

.k03-hero-property .k03-radio-hero label span::after {
    right: 21px;
    width: 14px;
    height: 14px;
    background: #F4910F;
    border: none;
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    opacity: 0
}

.k03-hero-property .k03-radio-hero label input {
    position: absolute;
    opacity: 0;
    left: -9999px
}

.k03-hero-property .k03-radio-hero label input:not([disabled]):hover+span::before {
    border-color: #999
}

.k03-hero-property .k03-radio-hero input:checked+span::before {
    border-color: #F4910F;
    background: rgba(255, 255, 255, 0.75)
}

.k03-hero-property .k03-radio-hero input:checked+span::after {
    transform: translateY(-50%) scale(1);
    opacity: 1
}

.k03-hero-property .k03-radio-hero input:checked:not([disabled]):hover+span::before {
    border-color: #F6A850
}

.k03-hero-property .k03-radio-hero input:checked:not([disabled]):hover+span::after {
    background: #F6A850
}

@media (max-width: 767px) {
    .k03-hero-property .k03-radio-hero label span {
        padding-left: 26px
    }
}

.k03-property-calculator {
    color: #323232;
    padding: 20px;
    max-width: 516px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06)
}

.k03-property-calculator-section {
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%);
    color: #fff
}

.k03-property-calculator-form {
    padding: 16px 0 10px;
    margin-bottom: 16px
}

.k03-property-calculator-form .with-measure {
    position: relative
}

.k03-property-calculator-form .k03-form-control {
    border-color: #DBDBDB;
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 200px;
    height: 40px
}

.k03-property-calculator-form .measure {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 12px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189px;
    color: #999;
    background: #DBDBDB;
    border-radius: 0 8px 8px 0
}

.k03-property-calculator-result {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 7px;
    border-radius: 12px;
    background: #F2F2F2
}

.k03-property-calculator-result .month {
    font-size: 24px;
    line-height: 1;
    font-weight: 700
}

.k03-property-calculator [class*="k03-btn-"] {
    display: block;
    font-size: 20px;
    line-height: 24px;
    padding-top: 16px;
    padding-bottom: 16px
}

@media (max-width: 992px) {
    .k03-property-calculator {
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .k03-property-calculator {
        padding: 20px
    }

    .k03-property-calculator-form .k03-form-control {
        text-align: center;
        padding-right: 84px
    }

    .k03-property-calculator-form .measure {
        width: 76px
    }
}

.k03-hero-speedtest {
    background: #6A0098;
    position: relative
}

.k03-hero-speedtest .k03-speedtest_iframe {
    max-width: 100%;
    max-height: 650px
}

.k03-hero-speedtest .k03-speedtest_iframe iframe {
    width: 100%
}

.k03-hero-speedtest .k03-banner {
    position: sticky
}

.k03-banner {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 20px;
    z-index: 99
}

.k03-banner__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px 24px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    border-radius: 12px;
    background: #470066
}

.k03-banner__icon {
    display: none
}

.k03-banner__text {
    flex: 1
}

.k03-banner__btn {
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .k03-banner {
        bottom: 40px
    }

    .k03-banner__content {
        flex-direction: row;
        align-items: center;
        text-align: left
    }

    .k03-banner__icon {
        display: block;
        flex: 0 0 108px;
        width: 108px
    }

    .k03-banner__btn {
        flex: 0 0 220px
    }
}

@media (min-width: 992px) {
    .k03-banner__text {
        min-width: 480px;
        max-width: 580px
    }

    .k03-banner__btn {
        flex: 1
    }
}

@media (min-width: 1200px) {
    .k03-banner__content {
        gap: 40px;
        padding: 24px 90px
    }
}

.k03-internet-speed {
    max-width: 357px;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    padding: 9px 16px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.44)
}

.k03-internet-speed [data-icon] {
    font-size: 8px
}

.k03-internet-speed__data {
    color: #DBDBDB;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.k03-internet-speed__value {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.k03-availability-form {
    border-radius: 16px;
    background: linear-gradient(76deg, #661495 0%, #841ac1 100%);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
    padding: 40px 24px;
    max-width: 428px
}

.k03-availability-form .k03-availability-options {
    list-style-type: none;
    padding: 0;
    margin: 16px 0 16px;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px
}

.k03-availability-form .k03-availability-options .item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 14px
}

.k03-availability-form .k03-availability-options .k03-availability-checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.k03-availability-form .k03-availability-options .k03-form-group {
    margin-bottom: 16px
}

.k03-availability-form .k03-availability-line {
    max-width: 380px;
    height: 1px;
    background-color: #8e00cc
}

.k03-availability-form .k03-form-availability {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px
}

.k03-availability-form .k03-form-availability .k03-form-availability-item {
    min-width: 285px
}

.k03-availability-form .k03-form-availability .k03-form-availability-text {
    margin-right: 8px
}

@media (max-width: 575px) {
    .k03-availability-form .k03-form-availability {
        flex-direction: column !important;
        gap: 0px
    }

    .k03-availability-form .k03-form-availability .k03-form-availability-item {
        min-width: auto
    }

    .k03-availability-form .k03-form-availability .k03-form-availability-text {
        margin-right: 0px
    }
}

.k03-availability-form .k03-form-control {
    background-color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px
}

.k03-availability-form .k03-form-box {
    max-width: 375px
}

.k03-availability-form .k03-btn-secondary {
    width: 100%
}

.k03-availability-form .k03-availability-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 40px 40px 40px
}

.k03-availability-form .k03-spinner {
    width: 56px;
    height: 56px;
    display: grid;
    border-radius: 50%;
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) 40%, #fff 41%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 50%, #fff 0) center/4.5px 100%, linear-gradient(90deg, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.75) 0) center/100% 4.5px;
    background-repeat: no-repeat;
    animation: spinner-d3o0rx 1s infinite steps(12)
}

.k03-availability-form .k03-spinner::before,
.k03-availability-form .k03-spinner::after {
    content: "";
    grid-area: 1/1;
    border-radius: 50%;
    background: inherit;
    opacity: 0.915;
    transform: rotate(30deg)
}

.k03-availability-form .k03-spinner::after {
    opacity: 0.83;
    transform: rotate(60deg)
}

@keyframes spinner-d3o0rx {
    100% {
        transform: rotate(1turn)
    }
}

.k03-availability-form .k03-text-gdpr a {
    color: #fff;
    text-decoration: underline
}

.k03-availability-form .k03-text-gdpr a:hover {
    text-decoration: none
}

.k03-availability-form-loader {
    width: 428px !important;
    height: 318px !important
}

.k03-availability-item {
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .k03-availability-item {
        padding-top: 16px
    }
}

.k03-availability-check {
    display: flex;
    align-items: center;
    gap: 40px
}

.k03-availability-check .image {
    max-height: 48px
}

@media (max-width: 767px) {
    .k03-availability-check {
        justify-content: center;
        gap: 24px
    }

    .k03-availability-check .image {
        max-height: 36px;
        max-width: 102px
    }
}

.k03-telco-thank-you .k03-container {
    max-width: 596px
}

.k03-telco-thank-you .k03-widget-reviews {
    color: #323232;
    flex-direction: column
}

.k03-telco-thank-you .k03-widget-reviews .widget-reviews-row {
    justify-content: center
}

@media (min-width: 375px) {
    .k03-telco-thank-you .k03-widget-reviews {
        flex-direction: row
    }

    .k03-telco-thank-you .k03-widget-reviews .widget-reviews-row {
        justify-content: flex-start
    }
}

.k03-telco-thank-you__reviews {
    display: block;
    padding: 5px;
    cursor: pointer
}

.k03-telco-thank-you__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 487px;
    margin: 0 auto 16px;
    padding: 24px 16px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15)
}

.k03-telco-thank-you__actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    max-width: 487px;
    margin: 0 auto;
    padding: 16px;
    color: #4D4D4D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    border: 1px dashed #999
}

.k03-telco-thank-you__actions [class*="k03-btn"] {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 18px
}

@media (min-width: 375px) {
    .k03-telco-thank-you__actions {
        flex-direction: row
    }
}

.k03-mb-0 {
    margin-bottom: 0px
}

.k03-mb-2 {
    margin-bottom: 2px
}

.k03-mb-4 {
    margin-bottom: 4px
}

.k03-mb-6 {
    margin-bottom: 6px
}

.k03-mb-8 {
    margin-bottom: 8px
}

.k03-mb-10 {
    margin-bottom: 10px
}

.k03-mb-12 {
    margin-bottom: 12px
}

.k03-mb-14 {
    margin-bottom: 14px
}

.k03-mb-16 {
    margin-bottom: 16px
}

.k03-mb-18 {
    margin-bottom: 18px
}

.k03-mb-20 {
    margin-bottom: 20px
}

.k03-mb-22 {
    margin-bottom: 22px
}

.k03-mb-24 {
    margin-bottom: 24px
}

.k03-mb-26 {
    margin-bottom: 26px
}

.k03-mb-28 {
    margin-bottom: 28px
}

.k03-mb-30 {
    margin-bottom: 30px
}

.k03-mb-32 {
    margin-bottom: 32px
}

.k03-mb-34 {
    margin-bottom: 34px
}

.k03-mb-36 {
    margin-bottom: 36px
}

.k03-mb-38 {
    margin-bottom: 38px
}

.k03-mb-40 {
    margin-bottom: 40px
}

.k03-mb-42 {
    margin-bottom: 42px
}

.k03-mb-44 {
    margin-bottom: 44px
}

.k03-mb-46 {
    margin-bottom: 46px
}

.k03-mb-48 {
    margin-bottom: 48px
}

.k03-mb-50 {
    margin-bottom: 50px
}

.k03-mb-52 {
    margin-bottom: 52px
}

.k03-mb-54 {
    margin-bottom: 54px
}

.k03-mb-56 {
    margin-bottom: 56px
}

.k03-mb-58 {
    margin-bottom: 58px
}

.k03-mb-60 {
    margin-bottom: 60px
}

.k03-mb-62 {
    margin-bottom: 62px
}

.k03-mb-64 {
    margin-bottom: 64px
}

.k03-mb-66 {
    margin-bottom: 66px
}

.k03-mb-68 {
    margin-bottom: 68px
}

.k03-mb-70 {
    margin-bottom: 70px
}

.k03-mb-72 {
    margin-bottom: 72px
}

.k03-mb-74 {
    margin-bottom: 74px
}

.k03-mb-76 {
    margin-bottom: 76px
}

.k03-mb-78 {
    margin-bottom: 78px
}

.k03-mb-80 {
    margin-bottom: 80px
}

.k03-mb-82 {
    margin-bottom: 82px
}

.k03-mb-84 {
    margin-bottom: 84px
}

.k03-mb-86 {
    margin-bottom: 86px
}

.k03-mb-88 {
    margin-bottom: 88px
}

.k03-pt-0 {
    padding-top: 0px
}

.k03-pt-2 {
    padding-top: 2px
}

.k03-pt-4 {
    padding-top: 4px
}

.k03-pt-6 {
    padding-top: 6px
}

.k03-pt-8 {
    padding-top: 8px
}

.k03-pt-10 {
    padding-top: 10px
}

.k03-pt-12 {
    padding-top: 12px
}

.k03-pt-14 {
    padding-top: 14px
}

.k03-pt-16 {
    padding-top: 16px
}

.k03-pt-18 {
    padding-top: 18px
}

.k03-pt-20 {
    padding-top: 20px
}

.k03-pt-22 {
    padding-top: 22px
}

.k03-pt-24 {
    padding-top: 24px
}

.k03-pt-26 {
    padding-top: 26px
}

.k03-pt-28 {
    padding-top: 28px
}

.k03-pt-30 {
    padding-top: 30px
}

.k03-pt-32 {
    padding-top: 32px
}

.k03-pt-34 {
    padding-top: 34px
}

.k03-pt-36 {
    padding-top: 36px
}

.k03-pt-38 {
    padding-top: 38px
}

.k03-pt-40 {
    padding-top: 40px
}

.k03-pt-42 {
    padding-top: 42px
}

.k03-pt-44 {
    padding-top: 44px
}

.k03-pt-46 {
    padding-top: 46px
}

.k03-pt-48 {
    padding-top: 48px
}

.k03-pt-50 {
    padding-top: 50px
}

.k03-pt-52 {
    padding-top: 52px
}

.k03-pt-54 {
    padding-top: 54px
}

.k03-pt-56 {
    padding-top: 56px
}

.k03-pt-58 {
    padding-top: 58px
}

.k03-pt-60 {
    padding-top: 60px
}

.k03-pt-62 {
    padding-top: 62px
}

.k03-pt-64 {
    padding-top: 64px
}

.k03-pt-66 {
    padding-top: 66px
}

.k03-pt-68 {
    padding-top: 68px
}

.k03-pt-70 {
    padding-top: 70px
}

.k03-pt-72 {
    padding-top: 72px
}

.k03-pt-74 {
    padding-top: 74px
}

.k03-pt-76 {
    padding-top: 76px
}

.k03-pt-78 {
    padding-top: 78px
}

.k03-pt-80 {
    padding-top: 80px
}

.k03-pt-82 {
    padding-top: 82px
}

.k03-pt-84 {
    padding-top: 84px
}

.k03-pt-86 {
    padding-top: 86px
}

.k03-pt-88 {
    padding-top: 88px
}

.k03-pb-0 {
    padding-bottom: 0px
}

.k03-pb-2 {
    padding-bottom: 2px
}

.k03-pb-4 {
    padding-bottom: 4px
}

.k03-pb-6 {
    padding-bottom: 6px
}

.k03-pb-8 {
    padding-bottom: 8px
}

.k03-pb-10 {
    padding-bottom: 10px
}

.k03-pb-12 {
    padding-bottom: 12px
}

.k03-pb-14 {
    padding-bottom: 14px
}

.k03-pb-16 {
    padding-bottom: 16px
}

.k03-pb-18 {
    padding-bottom: 18px
}

.k03-pb-20 {
    padding-bottom: 20px
}

.k03-pb-22 {
    padding-bottom: 22px
}

.k03-pb-24 {
    padding-bottom: 24px
}

.k03-pb-26 {
    padding-bottom: 26px
}

.k03-pb-28 {
    padding-bottom: 28px
}

.k03-pb-30 {
    padding-bottom: 30px
}

.k03-pb-32 {
    padding-bottom: 32px
}

.k03-pb-34 {
    padding-bottom: 34px
}

.k03-pb-36 {
    padding-bottom: 36px
}

.k03-pb-38 {
    padding-bottom: 38px
}

.k03-pb-40 {
    padding-bottom: 40px
}

.k03-pb-42 {
    padding-bottom: 42px
}

.k03-pb-44 {
    padding-bottom: 44px
}

.k03-pb-46 {
    padding-bottom: 46px
}

.k03-pb-48 {
    padding-bottom: 48px
}

.k03-pb-50 {
    padding-bottom: 50px
}

.k03-pb-52 {
    padding-bottom: 52px
}

.k03-pb-54 {
    padding-bottom: 54px
}

.k03-pb-56 {
    padding-bottom: 56px
}

.k03-pb-58 {
    padding-bottom: 58px
}

.k03-pb-60 {
    padding-bottom: 60px
}

.k03-pb-62 {
    padding-bottom: 62px
}

.k03-pb-64 {
    padding-bottom: 64px
}

.k03-pb-66 {
    padding-bottom: 66px
}

.k03-pb-68 {
    padding-bottom: 68px
}

.k03-pb-70 {
    padding-bottom: 70px
}

.k03-pb-72 {
    padding-bottom: 72px
}

.k03-pb-74 {
    padding-bottom: 74px
}

.k03-pb-76 {
    padding-bottom: 76px
}

.k03-pb-78 {
    padding-bottom: 78px
}

.k03-pb-80 {
    padding-bottom: 80px
}

.k03-pb-82 {
    padding-bottom: 82px
}

.k03-pb-84 {
    padding-bottom: 84px
}

.k03-pb-86 {
    padding-bottom: 86px
}

.k03-pb-88 {
    padding-bottom: 88px
}

.k03-mt-0 {
    margin-top: 0
}

.k03-mt-4 {
    margin-top: 4px
}

.k03-mt-40 {
    margin-top: 40px
}

.k03-mt-44 {
    margin-top: 44px
}

.k03-mt-60 {
    margin-top: 60px
}

.k03-ml-auto {
    margin-left: auto
}

.k03-mr-auto {
    margin-right: auto
}

@media (max-width: 1199px) {
    .k03-tablet-mb-40 {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .k03-mobile-mt-0 {
        margin-top: 0
    }

    .k03-mobile-mt-20 {
        margin-top: 20px
    }

    .k03-mobile-mt-40 {
        margin-top: 40px
    }

    .k03-mobile-mb-0 {
        margin-bottom: 0
    }

    .k03-mobile-mb-12 {
        margin-bottom: 12px
    }

    .k03-mobile-mb-20 {
        margin-bottom: 20px
    }

    .k03-mobile-mb-32 {
        margin-bottom: 32px
    }

    .k03-mobile-mb-40 {
        margin-bottom: 40px
    }

    .k03-mobile-mb-54 {
        margin-bottom: 54px
    }

    .k03-mobile-mb-64 {
        margin-bottom: 64px
    }

    .k03-mobile-pb-40 {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .k03-d-mb-24 {
        margin-bottom: 24px
    }

    .k03-md-mb-20 {
        margin-bottom: 20px
    }

    .k03-md-mb-32 {
        margin-bottom: 32px
    }

    .k03-md-mb-64 {
        margin-bottom: 64px
    }

    .k03-md-pt-4 {
        padding-top: 4px
    }

    .k03-md-pt-6 {
        padding-top: 6px
    }

    .k03-md-pt-12 {
        padding-top: 12px
    }
}

@media (min-width: 992px) {
    .k03-lg-mt-60 {
        margin-top: 60px
    }

    .k03-lg-pt-60 {
        padding-top: 60px
    }
}

.mb-0 {
    margin-bottom: 0
}

.mb-12 {
    margin-bottom: 12px
}

.mb-20 {
    margin-bottom: 20px
}

.p-4 {
    padding: 4px
}

.pt-12 {
    padding-top: 12px
}

.pr-34 {
    padding-right: 34px
}

@media (min-width: 768px) {
    .mb-md-4 {
        margin-bottom: 4px
    }

    .pt-md-4 {
        padding-top: 4px
    }

    .pr-md-0 {
        padding-right: 0
    }
}

.k03-items-list-holder {
    margin-bottom: 80px
}

.k03-items-list-holder:last-child {
    margin-bottom: 0
}

.k03-items-list-holder {
    margin-bottom: 80px
}

.k03-items-list-holder:last-child {
    margin-bottom: 0
}

.k03-items-list .k03-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    color: #323232;
    border-bottom: 1px dashed #999;
    cursor: pointer
}

.k03-items-list .k03-item[data-type="link"] {
    gap: 12px
}

.k03-items-list .k03-item[data-type="link"]:hover {
    color: #6A0098
}

.k03-items-list .k03-item[data-type="link"] .title {
    font-weight: 700
}

.k03-items-list .k03-item[data-type="doc"] {
    gap: 8px
}

.k03-items-list .k03-item:hover .download {
    color: #fff;
    background: #6A0098
}

.k03-items-list .k03-item .icon {
    font-size: 12px
}

.k03-items-list .k03-item .title {
    flex: 1;
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    padding: 6px 0
}

.k03-items-list .k03-item .download {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #6A0098;
    font-size: 12px;
    border: 1px solid #6A0098;
    border-radius: 50%;
    transition: all 0.3s ease
}

@media (max-width: 767px) {
    .k03-items-list-holder {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .k03-items-list-holder {
        margin-bottom: 40px
    }
}

.k03-white-box {
    background-color: #fff;
    border-radius: 12px;
    padding: 40px 80px;
    margin-bottom: 40px
}

.k03-white-box:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .k03-white-box {
        padding: 20px 50px;
        margin-bottom: 20px
    }
}

@media (max-width: 575px) {
    .k03-white-box {
        padding: 20px 30px
    }
}

.k03-bordered-box {
    padding: 16px;
    border: 1px dashed #6A0098;
    border-radius: 20px
}

.k03-form-box {
    max-width: 320px;
    margin: 0 auto
}

.k03-contact-us {
    background: #F2F2F2
}

.k03-contact-us .k03-contact-info {
    display: flex;
    gap: 20px;
    font-size: 14px;
    line-height: 20px
}

.k03-contact-us .k03-contact-info-link {
    color: #323232
}

.k03-contact-us .k03-contact-info-link:hover {
    color: #6A0098
}

.k03-contact-us p {
    margin: 0
}

.k03-contact-us p.k03-mb-40 {
    margin-bottom: 40px
}

.k03-contact-us .k03-contact-social {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 7px 10px 0
}

.k03-contact-us .k03-contact-social i[data-icon] {
    font-size: 18px;
    cursor: pointer
}

.k03-contact-us .k03-contact-social i[data-icon]:hover {
    opacity: 0.7
}

@media (max-width: 767px) {
    .k03-contact-us .k03-contact-info {
        gap: 40px
    }
}

@media (max-width: 579px) {
    .k03-contact-us .k03-white-box.k03-mob-no-box {
        padding: 0;
        background-color: transparent
    }

    .k03-contact-us .k03-contact-info {
        flex-direction: column;
        gap: 20px
    }

    .k03-contact-us .k03-mob-no-box .k03-contact-info .k03-column {
        background-color: #fff;
        padding: 20px 30px;
        border-radius: 12px
    }

    .k03-contact-us .k03-white-box.credit .k03-contact-info {
        flex-direction: column-reverse;
        gap: 32px
    }
}

@media (max-width: 575px) {
    #employeeInsuranceForm .k03-btn-md {
        white-space: normal
    }
}

.k03-services-section .k03-service-wrapper {
    padding: 40px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 40px
}

.k03-services-section .k03-service-wrapper .k03-service {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    border-radius: 8px;
    background-color: #6A0098
}

.k03-services-section .k03-service-wrapper .k03-service:hover {
    background-color: #8E00CC;
    border-color: #8E00CC
}

.k03-services-section .k03-service-wrapper .k03-service:focus {
    background-color: #B200FF;
    border-color: #B200FF
}

.k03-services-section .k03-service-wrapper .k03-service:active {
    background-color: #470066;
    border-color: #6A0098
}

@media (max-width: 1280px) {
    .k03-services-section .k03-service-wrapper {
        gap: 8px 20px
    }
}

@media (max-width: 1199px) {
    .k03-services-section .k03-service-wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 991px) {
    .k03-services-section .k03-service-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 10px
    }
}

@media (max-width: 767px) {
    .k03-services-section .k03-service-wrapper {
        padding: 20px 0
    }
}

@media (max-width: 575px) {
    .k03-services-section .k03-service-wrapper {
        grid-template-columns: 1fr
    }
}

.k03-policy-section .k03-policy-wrapper {
    display: flex;
    justify-content: center;
    gap: 4px 24px;
    color: #fff
}

.k03-policy-section .k03-policy-wrapper ul {
    flex: 1;
    padding: 0;
    margin: 0;
    list-style: none
}

.k03-policy-section .k03-policy-wrapper .k03-policy {
    position: relative;
    padding-left: 24px;
    margin-bottom: 4px
}

.k03-policy-section .k03-policy-wrapper .k03-policy:last-child {
    margin-bottom: 0
}

.k03-policy-section .k03-policy-wrapper .k03-policy::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff
}

@media (max-width: 991px) {
    .k03-policy-section .k03-max-width-516 {
        max-width: none
    }

    .k03-policy-section .k03-policy-wrapper {
        flex-direction: column
    }
}

.k03-other-links-section .k03-other-links-wrapper {
    padding-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 40px
}

.k03-other-links-section .k03-other-links-wrapper .k03-other-link {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 10px;
    color: #6A0098;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    border: 2px solid #6A0098;
    background-color: transparent
}

.k03-other-links-section .k03-other-links-wrapper .k03-other-link:hover {
    color: #fff;
    background-color: #8E00CC;
    border-color: #8E00CC
}

.k03-other-links-section .k03-other-links-wrapper .k03-other-link:focus {
    color: #fff;
    background-color: #B200FF;
    border-color: #B200FF
}

.k03-other-links-section .k03-other-links-wrapper .k03-other-link:active {
    color: #470066;
    background-color: transparent;
    border-color: #470066
}

@media (max-width: 1199px) {
    .k03-other-links-section .k03-other-links-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 20px
    }
}

@media (max-width: 991px) {
    .k03-other-links-section .k03-max-width-516 {
        max-width: none
    }

    .k03-other-links-section .k03-other-links-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .k03-other-links-section .k03-other-links-wrapper {
        grid-template-columns: 1fr;
        padding-top: 20px
    }
}

.k03-steps-carousel {
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%);
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%);
    overflow: hidden
}

.k03-steps-carousel .k03-steps-carousel-title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    color: #fff
}

.k03-steps-carousel .k03-steps-carousel-title .k03-steps-carousel-arrow {
    line-height: 1
}

.k03-steps-carousel .owl-carousel .owl-stage-outer {
    overflow: visible
}

.k03-steps-carousel .owl-carousel .owl-stage {
    display: flex
}

.k03-steps-carousel .owl-carousel .k03-card {
    height: 100%;
    font-size: 14px;
    line-height: 1.4
}

.k03-steps-carousel .owl-carousel .k03-card-title {
    min-height: 48px;
    font-size: 14px;
    line-height: 1.4
}

@media (max-width: 767px) {
    .k03-steps-carousel .k03-steps-carousel-title {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px
    }
}

.k03-4cards-carousel {
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%);
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%);
    overflow: hidden
}

.k03-4cards-carousel .k03-4cards-carousel-arrow {
    display: none;
    margin-bottom: 24px
}

.k03-4cards-carousel .owl-carousel .owl-stage-outer {
    overflow: visible
}

.k03-4cards-carousel .owl-carousel .owl-stage {
    display: flex
}

.k03-4cards-carousel .owl-carousel .k03-card {
    height: 100%;
    padding: 40px 20px
}

@media (max-width: 1399px) {
    .k03-4cards-carousel .k03-4cards-carousel-arrow {
        display: block
    }

    .k03-4cards-carousel .owl-carousel .k03-card {
        font-size: 14px;
        line-height: 20px
    }
}

.k03-services-carousel {
    background: linear-gradient(76deg, #661495 0%, #841AC1 100%);
    overflow: hidden
}

.k03-services-carousel .k03-carousel-title {
    position: relative;
    color: #fff;
    padding-bottom: 35px;
    margin-bottom: 10px
}

.k03-services-carousel .k03-carousel-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52px;
    height: 20px;
    background: url("../images/long-arrow-right.svg") no-repeat 100% 0
}

.k03-services-carousel .owl-carousel .owl-stage-outer {
    overflow: visible
}

.k03-services-carousel .owl-carousel .owl-stage {
    display: flex
}

.k03-services-carousel .owl-carousel .k03-card {
    height: 100%;
    padding: 40px 20px
}

.k03-services-carousel .owl-carousel .k03-card .k03-text-md {
    font-size: 18px
}

@media (max-width: 991px) {
    .k03-services-carousel .k03-max-width-516 {
        max-width: none
    }
}

.k03-job-section {
    background: #F2F2F2
}

.k03-job-section .k03-job-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    line-height: 1.2;
    padding: 20px 40px 20px 20px;
    border-bottom: 1px dashed #999
}

.k03-job-section .k03-job-item:first-child {
    border-top: 1px dashed #999
}

.k03-job-section .k03-job-item .title {
    flex: 0 1 700px
}

.k03-job-section .k03-job-item .title h3 {
    margin-bottom: 0;
    font-size: 20px
}

.k03-job-section .k03-job-item .info {
    flex: 0 1 240px;
    color: #4D4D4D
}

.k03-job-section .k03-job-text {
    text-align: center
}

@media (max-width: 1199px) {
    .k03-job-section .k03-job-item {
        font-size: 16px;
        padding: 20px
    }

    .k03-job-section .k03-job-item .title h3 {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .k03-job-section .k03-job-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 62px 20px 12px;
        position: relative;
        transition: all 0.15s ease-in-out
    }

    .k03-job-section .k03-job-item:hover {
        background-color: rgba(255, 255, 255, 0.55)
    }

    .k03-job-section .k03-job-item:hover [class*="k03-btn-"] {
        background: #6A0098 !important;
        color: #fff
    }

    .k03-job-section .k03-job-item .title {
        flex: 0 1 100%
    }

    .k03-job-section .k03-job-item .title h3 {
        font-size: 16px
    }

    .k03-job-section .k03-job-item .info {
        flex: 0 1 100%
    }

    .k03-job-section .k03-job-item .job-link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .k03-job-section .k03-job-item [class*="k03-btn-"] {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        width: 29px;
        height: 29px;
        padding: 0;
        border-radius: 50%;
        background-color: #DBDBDB !important
    }

    .k03-job-section .k03-job-item [class*="k03-btn-"] .btn-text {
        display: none
    }

    .k03-job-section .k03-job-text {
        text-align: left
    }
}

.k03-employees-section .employees-category-dropdown {
    display: none
}

.k03-employees-section .k03-employees-categories {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 20px 0
}

.k03-employees-section .k03-employees-categories button {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: transparent;
    border: none;
    padding-left: 30px
}

.k03-employees-section .k03-inline-employee-categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    margin: 0 0 28px
}

.k03-employees-section .k03-inline-employee-categories .k03-chip-holder {
    display: flex;
    align-items: center;
    height: 60px
}

.k03-employees-section .k03-inline-employee-categories .k03-chip-employees {
    padding: 7px 14px;
    border-width: 3px;
    transition: all 0.5s ease
}

.k03-employees-section .k03-inline-employee-categories .k03-chip-employees.selected {
    font-size: 25px;
    line-height: 38px;
    border-color: #fff;
    background-color: transparent;
    border-radius: 14px;
    padding: 8px 30px
}

.k03-employees-section .k03-employees-categories {
    display: none
}

.k03-employees-section .k03-employees-category-wrapper.open .k03-employees-categories {
    display: flex
}

.k03-employees-section .employees-category-dropdown {
    font-size: 25px;
    font-weight: 700;
    line-height: 37px;
    border: 3px solid;
    border-radius: 8px;
    background-color: transparent
}

.k03-employees-section .k03-employees-categories .k03-btn-primary.selected {
    opacity: 0.45
}

.k03-employees-section .k03-employees-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

@media (max-width: 991px) {
    .k03-employees-section .k03-employees-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 575px) {
    .k03-employees-section .k03-employees-wrapper {
        grid-template-columns: 1fr;
        gap: 24px
    }
}

@media (max-width: 575px) {
    .k03-employees-section .employees-category-dropdown {
        display: block;
        text-align: left;
        white-space: pre-wrap
    }

    .k03-employees-section .k03-inline-employee-categories {
        display: none
    }
}

@media (min-width: 575px) {
    .k03-employees-section .k03-employees-category-wrapper {
        display: none
    }
}

.k03-employee {
    background-color: #fff;
    padding: 24px 24px 24px 148px;
    border-radius: 12px;
    position: relative
}

.k03-employee-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%
}

.k03-employee-img img {
    width: 100%
}

.k03-employee-name {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 2px
}

.k03-employee-title {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.96px;
    text-transform: uppercase
}

.k03-employee-info {
    padding-top: 12px
}

@media (max-width: 1199px) {
    .k03-employee {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 16px
    }

    .k03-employee-img {
        flex: 0 0 50px;
        position: static;
        transform: none;
        width: 50px;
        height: 50px;
        margin-right: 12px
    }

    .k03-employee-data {
        flex: 0 0 calc(100% - 62px)
    }

    .k03-employee-info {
        flex: 1
    }
}

.k03-cta-reviews .k03-container {
    max-width: 837px
}

.k03-cta-reviews .k03-all-reviews-card {
    margin-left: auto
}

@media (max-width: 767px) {
    .k03-cta-reviews {
        text-align: center
    }

    .k03-cta-reviews-row {
        flex-direction: column-reverse
    }

    .k03-cta-reviews .k03-all-reviews-card {
        margin: 0 auto
    }
}

.k03-service-chips {
    display: flex;
    align-items: center;
    gap: 8px
}

.k03-service-chips .k03-service-chip {
    font-size: 14px;
    padding: 8px 16px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2EAF7;
    color: #470066;
    border-radius: 15px;
    cursor: pointer
}

.k03-service-chips .k03-service-chip:hover {
    background-color: #9308cf;
    color: #ffffff
}

.k03-service-chips .k03-service-chip.selected {
    background-color: #470066;
    color: #ffffff
}

@media (max-width: 992px) {
    .k03-service-chips .k03-service-chip {
        height: auto;
        line-height: 17px;
        width: auto
    }
}

@media (max-width: 480px) {
    .k03-service-chips {
        display: none
    }
}

.k03-service-chip-mobile {
    font-size: 14px;
    padding: 8px 16px;
    height: 24px;
    align-items: center;
    width: max-content;
    background-color: #F2EAF7;
    color: #470066;
    border-radius: 15px;
    display: none
}

@media (max-width: 480px) {
    .k03-service-chip-mobile {
        display: inline-flex
    }
}

.k03-service-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 30px 0
}

.k03-service-cards-wrapper .k03-service-card {
    padding: 25px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    row-gap: 9px;
    cursor: pointer
}

.k03-service-cards-wrapper .k03-service-card:hover .k03-service-link span::before {
    width: 0
}

.k03-service-cards-wrapper .k03-service-card.primary-bg1 {
    background-color: #470066
}

.k03-service-cards-wrapper .k03-service-card.primary-bg1:hover {
    background-color: #6b0099
}

.k03-service-cards-wrapper .k03-service-card.primary-bg2 {
    background-color: #6A0098
}

.k03-service-cards-wrapper .k03-service-card.primary-bg2:hover {
    background-color: #8e00cb
}

.k03-service-cards-wrapper .k03-service-card.primary-bg3 {
    background-color: #8E00CC
}

.k03-service-cards-wrapper .k03-service-card.primary-bg3:hover {
    background-color: #b200ff
}

.k03-service-cards-wrapper .k03-service-card .k03-service-heading {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    padding-right: 35px
}

.k03-service-cards-wrapper .k03-service-card .k03-service-heading .icon {
    position: absolute;
    right: 10px;
    top: -2px;
    font-size: 23px;
    color: white
}

.k03-service-cards-wrapper .k03-service-card .k03-service-text {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: white;
    line-height: 20px
}

.k03-service-cards-wrapper .k03-service-card .k03-service-link {
    font-size: 14px;
    font-weight: 700;
    color: #F4910F;
    line-height: 16px
}

.k03-service-cards-wrapper .k03-service-card .k03-service-link span {
    position: relative
}

.k03-service-cards-wrapper .k03-service-card .k03-service-link span::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 1px;
    background: #F4910F;
    transition: width 0.3s ease
}

@media (max-width: 992px) {
    .k03-service-cards-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 480px) {
    .k03-service-cards-wrapper {
        grid-template-columns: 1fr
    }
}

.k03-cards-with-icons .k03-benefit-cards .k03-card {
    justify-content: flex-start;
    text-align: left
}

.k03-cards-with-icons .k03-benefit-cards .k03-card .k03-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

.k03-cards-with-icons .k03-benefit-cards .k03-card .k03-card-header span[data-icon] {
    font-size: 30px;
    color: #666
}

@media (max-width: 992px) {
    .k03-cards-with-icons .k03-benefit-cards .k03-card .k03-card-header {
        align-items: flex-start
    }
}

.k03-tips-carousel {
    overflow: hidden
}

.k03-tips-carousel .owl-carousel .owl-stage-outer {
    overflow: visible
}

.k03-tips-carousel .owl-carousel .owl-stage {
    display: flex
}

.k03-tips-carousel .owl-carousel .k03-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    height: 100%;
    min-height: 306px;
    padding: 20px 20px 40px;
    color: #323232;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(7, 4, 146, 0.1), 0 24px 60px rgba(6, 47, 125, 0.05), 0 12px 24px rgba(27, 59, 119, 0.05)
}

.k03-tips-carousel .owl-carousel .k03-card:hover {
    box-shadow: 0 2px 4px rgba(7, 4, 146, 0.1), 0 24px 60px rgba(6, 47, 125, 0.05), 0 12px 24px rgba(27, 59, 119, 0.05), 0 4px 40px rgba(0, 0, 0, 0.06)
}

.k03-tips-carousel .owl-carousel .k03-card .text {
    flex: 1
}

.k03-tips-carousel .owl-carousel .k03-card .k03-read-more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #6A0098;
    letter-spacing: 0.5px;
    padding: 10px 0;
    position: relative
}

.k03-tips-carousel .owl-carousel .k03-card .k03-read-more:hover::before {
    width: 100%
}

.k03-tips-carousel .owl-carousel .k03-card .k03-read-more::before {
    content: "";
    position: absolute;
    bottom: 10px;
    width: 0;
    left: 0;
    height: 1px;
    background: #6A0098;
    transition: width 0.3s ease
}