@charset "UTF-8";

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@-ms-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

body,
button,
input,
optgroup,
select,
textarea {
    color: #52525c;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5
}

a {
    transition: all .3s ease-in-out
}

a:hover {
    text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: Poppins, sans-serif;
    line-height: 1.2em;
    font-weight: 700;
    color: #071c4d
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 0;
    margin-bottom: 15px
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 10px
}

.h1,
h1 {
    font-size: 34px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 26px
}

.h4,
h4 {
    font-size: 24px
}

.h5,
h5 {
    font-size: 16px
}

.h6,
h6 {
    font-size: 14px
}

p {
    margin-bottom: 1.5em
}

cite,
dfn,
em,
i {
    font-style: italic
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code {
    color: var(--color_primary)
}

code,
kbd,
tt,
var {
    font-family: Poppins, sans-serif;
    font-size: 16px
}

abbr,
acronym {
    border-bottom: 1px dotted #8a8da1;
    cursor: help
}

ins,
mark {
    text-decoration: none
}

big {
    font-size: 125%
}

html {
    box-sizing: border-box;
    margin-top: 0 !important
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    background: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow-x: hidden;
    color: #52525c
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

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

p {
    margin-bottom: 1em
}

.pr {
    position: relative
}

.no-scroll {
    overflow: hidden
}

.pb-100 {
    padding-bottom: 100px
}

.pt-80 {
    padding-top: 63px
}

.pt-100 {
    padding-top: 110px
}

@media (max-width:576px) {
    .pt-100 {
        padding-top: 50px
    }
}

.pt-50 {
    padding-top: 50px
}

.h-100 {
    height: 100%
}

.site-main {
    min-height: 50vh
}

@media (max-width:767px) {
    .position-default {
        position: static !important
    }
}

.pts-18 {
    padding-top: 18%
}

@media (max-width:1024px) {
    .pts-18 {
        padding-top: 30%
    }
}

@media (max-width:576px) {
    .pts-18 {
        padding-top: 40%
    }
}

@media (min-width:992px) {
    .pl_30 {
        padding-left: 30px
    }
}

@media (max-width:991px) {
    .tt-order-2 {
        order: 2
    }
}

.pb-50 {
    padding-bottom: 50px
}

.pb-110 {
    padding-bottom: 110px
}

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

.mb-70 {
    margin-bottom: 67px !important;
    font-weight: 500 !important
}

@font-face {
    font-family: Futura;
    src: url(../fonts/FuturaPTLight.woff) format("WOFF");
    font-weight: 300
}

@font-face {
    font-family: Futura;
    src: url(../fonts/FuturaPTBook.woff) format("WOFF");
    font-weight: 400
}

@font-face {
    font-family: Futura;
    src: url(../fonts/FuturaPTMedium.woff) format("WOFF");
    font-weight: 500
}

@font-face {
    font-family: Futura;
    src: url(../fonts/FuturaPTDemi.woff) format("WOFF");
    font-weight: 600
}

@font-face {
    font-family: Futura;
    src: url(../fonts/FuturaPTHeavy.woff) format("truetype");
    font-weight: 700
}

.tt-slider-pagination {
    height: 40px
}

.tt-portfolio-pagination {
    margin: 45px auto 0;
    width: max-content
}

.swiper-pagination-bullet {
    background: #05003c;
    opacity: 1 !important;
    position: relative;
    transition: all .3s ease-in-out;
    margin: 0 9px !important
}

.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid var(--color_primary);
    border-radius: 50%;
    opacity: 0;
    top: -7px;
    left: -7px;
    transition: all .3s ease-in-out;
    transform: scale(.5)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color_primary)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 1;
    transform: scale(1)
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px
    }
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1170px
}

@media (max-width:1200px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 960px !important
    }
}

@media (max-width:991px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 720px !important
    }
}

@media (max-width:767px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 540px !important
    }
}

@media (max-width:576px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 100% !important
    }
}

@media (min-width:991px) {
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
}

@media (max-width:1024px) {
    .nio-order-md {
        order: 1
    }

    .btn-responsive {
        max-width: 70%
    }
}

@media (max-width:767px) {
    .btn-responsive {
        max-width: 100%;
        width: 100%
    }

    .btn-responsive .btn {
        font-size: 1rem
    }
}

b,
strong {
    font-weight: 700
}

figure {
    margin: 1em 0
}

.container-full {
    max-width: 1670px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.extended-parallax {
    position: absolute
}

.height-max-content {
    height: max-content
}

.tt-image-order-2 {
    order: 2
}

ol,
ul {
    padding-left: 20px;
    margin-bottom: 30px
}

.comment-list ol,
.comment-list ul {
    padding-left: 25px;
    margin-bottom: 30px
}

.comment-list ol ol,
.comment-list ol ul,
.comment-list ul ol,
.comment-list ul ul {
    margin-bottom: 0
}

ul ul {
    list-style-type: disc
}

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

.tt__list li {
    color: #575757;
    line-height: 1.9;
    display: flex;
    align-items: baseline;
    position: relative;
    font-size: 16px;
    margin-bottom: 6px
}

.tt__list li.icon-shape i {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(23, 92, 255, .102);
    border-radius: 50%;
    color: var(--color_primary);
    display: inline-block
}

.tt__list li p {
    margin: 0
}

.tt__list li i {
    margin-right: 10px;
    font-size: 14px;
    color: #a6afbc;
    min-width: 18px;
    text-align: center
}

.tt__list li a {
    color: #071c4d;
    display: flex;
    align-items: baseline
}

.tt__list li a:hover {
    color: var(--color_primary)
}

.tt__list.list-dice li {
    padding-left: 25px;
    display: block
}

.tt__list.list-dice li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 0;
    top: 15px;
    background: #6730e3;
    transform: translateY(-50%);
    transition: all .5s
}

.tt__list.inline-items li {
    display: inline-block
}

.tt__list.inline-items li:not(:last-child) {
    margin-right: 20px
}

table {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #dce0e5
}

table thead {
    background: #f5f5f5
}

table th {
    text-align: left;
    padding: 10px 15px;
    color: #071c4d;
    font-size: 16px;
    font-weight: 600;
    min-width: 130px;
    vertical-align: middle
}

table th a {
    color: #071c4d
}

table th a:hover {
    color: var(--color_primary)
}

table td {
    padding: 10px 15px;
    border-top: none;
    border-right: none;
    vertical-align: middle
}

table td:last-child {
    border-right: 1px solid #dce0e5
}

.wp-block-calendar table th {
    min-width: 40px;
    text-align: center
}

tbody {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    direction: ltr
}

tbody>tr {
    border-top: 1px solid #dce0e5
}

tfoot tr #next a:hover,
tfoot tr #prev a:hover {
    color: var(--color_primary)
}

tbody>tr>th {
    background-color: #f5f5f5
}

table thead~tbody>tr>th {
    background-color: transparent
}

caption {
    caption-side: top;
    text-align: center
}

.calendar_wrap caption {
    text-align: center;
    background: #f0f2f9;
    color: #051441;
    font-weight: 500
}

.calendar_wrap table td,
.calendar_wrap table tr {
    border: 0
}

.calendar_wrap table thead tr {
    border: 0
}

.calendar_wrap table thead tr th {
    border: 0
}

nav.wp-calendar-nav {
    background: #f0f2f9;
    padding: 5px 20px
}

.wp-calendar-nav-next {
    float: right
}

@media (max-width:576px) {
    table th {
        min-width: 80px
    }
}

.tt-btn {
    padding: 9px 33px;
    position: relative;
    z-index: 1;
    border: 2px solid var(--color_primary);
    color: #fff;
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    transition: all .4s ease-in-out;
    background-color: var(--color_primary);
    border-radius: 6px
}

.tt-btn.btn-circle {
    border-radius: 30px
}

.tt-btn.btn-sqr {
    border-radius: 0
}

.tt-btn.btn-round {
    border-radius: 6px
}

.tt-btn .tt-btn-content-wrapper {
    display: flex;
    align-items: center
}

.tt-btn .tt-btn-content-wrapper .elementor-align-icon-right,
.tt-btn .tt-btn-content-wrapper .tt-btn__align-icon-right {
    order: 2
}

.tt-btn:hover {
    background: 0 0;
    color: var(--color_primary)
}

.tt-btn:hover:before {
    height: 0
}

.tt-btn.btn-small {
    padding: 5px 30px
}

.tt-btn.btn-lg {
    padding: 14px 35px;
    font-size: 20px
}

.tt-btn.btn-outline {
    background: 0 0;
    color: var(--color_primary);
    border-color: var(--color_primary)
}

.tt-btn.btn-outline:hover {
    color: #fff;
    border-color: var(--color_primary);
    background-color: var(--color_primary)
}

.tt-btn.btn-light {
    color: var(--color_primary);
    background-color: #fff;
    border-color: #fff
}

.tt-btn.btn-light:hover {
    color: #fff;
    background: 0 0;
    border-color: #fff
}

.tt-btn .elementor-align-icon-left {
    margin-right: 5px
}

.tt-btn .elementor-align-icon-right {
    margin-left: 5px
}

.tt-btn .tt-btn-icon {
    font-size: 14px
}

.tt-btn.hover_translate i {
    vertical-align: middle;
    transition: all .2s ease
}

.tt-btn.hover_translate:hover i {
    transform: translateX(3px);
    margin-left: 3px
}

.play-button {
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    font-weight: 400
}

.play-button i {
    height: 45px;
    width: 45px;
    line-height: 43px;
    border: 2px solid rgba(255, 255, 255, .4);
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 14px;
    transition: all .3s ease-in-out;
    color: #fff
}

.play-button i:before {
    margin-left: 3px
}

.play-button:hover {
    color: #fff
}

.play-button:hover i {
    background-color: #fff;
    color: var(--color_primary)
}

.play-button.btn-fill {
    color: #071c4d
}

.play-button.btn-fill i {
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

.tt-inline>div {
    display: inline-block
}

@media (max-width:420px) {
    .tt-inline .tt-button-primary {
        margin-bottom: 15px;
        margin-right: 0 !important
    }
}

.tt-block>div {
    display: block
}

.tt-btn-wrapper.block .tt-app-btn {
    display: block;
    width: max-content
}

.tt-btn-wrapper .popup-youtube.watch-now-btn {
    text-align: center;
    border: none
}

.tt-btn-wrapper .popup-youtube.watch-now-btn i {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #c0c0c5
}

.tt-btn-wrapper .popup-youtube.watch-now-btn:hover i {
    background: #fff;
    color: var(--color_primary)
}

.tt-app-btn {
    padding: 13px 35px;
    border: 2px solid var(--color_primary);
    border-radius: 6px;
    display: inline-block;
    background-color: var(--color_primary);
    color: #fff;
    text-align: left;
    margin-bottom: 10px
}

.tt-app-btn .tt-btn-content-wrapper {
    display: flex;
    align-items: center
}

.tt-app-btn .text-wrapper>span {
    display: block
}

.tt-app-btn .btn-tagline {
    font-size: 12px;
    line-height: 1
}

.tt-app-btn .tt-btn-text {
    line-height: 1.2;
    font-weight: 600;
    font-size: 16px
}

.tt-app-btn .tt-btn-icon {
    margin-right: 10px;
    font-size: 26px
}

.tt-app-btn.btn-outline {
    background-color: transparent;
    border-color: #eee;
    color: #071c4d
}

.tt-app-btn.btn-outline:hover {
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

.tt-app-btn:hover {
    background-color: transparent;
    color: var(--color_primary)
}

.tt-btn-wrapper .tt-app-btn:not(:last-child) {
    margin-right: 15px
}

.popup-video-btn {
    display: inline-block;
    height: 75px;
    width: 75px;
    line-height: 77px;
    text-align: center;
    background-color: var(--color_primary);
    color: #fff;
    border-radius: 50%;
    position: relative;
    font-size: 20px
}

.popup-video-btn i {
    margin-left: 5px
}

.popup-video-btn:before {
    content: "";
    position: absolute;
    left: -12.5px;
    top: -12.5px;
    height: 100px;
    width: 100px;
    opacity: 0;
    border-radius: 50%;
    border: 1px solid var(--color_primary);
    animation: btnWave 1.5s linear infinite
}

.popup-video-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 50%;
    border: 10px solid var(--color_primary);
    animation: btnWave 1s linear infinite
}

.popup-video-btn:hover {
    color: #fff
}

@keyframes btnWave {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes shape_one {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    50% {
        -webkit-transform: translate(2000px, 2000px) rotate(72deg);
        transform: translate(2000px, 2000px) rotate(72deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shape_two {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    10% {
        -webkit-transform: translate(53px, -80px) rotate(36deg);
        transform: translate(53px, -80px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(161px, 72px) rotate(72deg);
        transform: translate(161px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 112px) rotate(108deg);
        transform: translate(83px, 112px) rotate(108deg)
    }

    70% {
        -webkit-transform: translate(-60px, 92px) rotate(144deg);
        transform: translate(-60px, 92px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shape_three {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    30% {
        -webkit-transform: translate(90px, -36px) rotate(36deg);
        transform: translate(90px, -36px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(101px, 32px) rotate(72deg);
        transform: translate(101px, 32px) rotate(72deg)
    }

    50% {
        -webkit-transform: translate(103px, 102px) rotate(108deg);
        transform: translate(103px, 102px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-76px, 62px) rotate(144deg);
        transform: translate(-76px, 62px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes shape_four {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    10% {
        -webkit-transform: translate(80px, -36px) rotate(36deg);
        transform: translate(80px, -36px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(191px, 72px) rotate(72deg);
        transform: translate(191px, 72px) rotate(72deg)
    }

    50% {
        -webkit-transform: translate(93px, 122px) rotate(108deg);
        transform: translate(93px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-56px, 92px) rotate(144deg);
        transform: translate(-56px, 92px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shape_four {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    10% {
        -webkit-transform: translate(80px, -36px) rotate(36deg);
        transform: translate(80px, -36px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(191px, 72px) rotate(72deg);
        transform: translate(191px, 72px) rotate(72deg)
    }

    50% {
        -webkit-transform: translate(93px, 122px) rotate(108deg);
        transform: translate(93px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-56px, 92px) rotate(144deg);
        transform: translate(-56px, 92px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes shape_five {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    30% {
        -webkit-transform: translate(80px, -36px) rotate(36deg);
        transform: translate(80px, -36px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, -92px) rotate(72deg);
        transform: translate(141px, -92px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(153px, 92px) rotate(108deg);
        transform: translate(153px, 92px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-99px, 62px) rotate(144deg);
        transform: translate(-99px, 62px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shape_five {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    30% {
        -webkit-transform: translate(80px, -36px) rotate(36deg);
        transform: translate(80px, -36px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, -92px) rotate(72deg);
        transform: translate(141px, -92px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(153px, 92px) rotate(108deg);
        transform: translate(153px, 92px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-99px, 62px) rotate(144deg);
        transform: translate(-99px, 62px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes shape_six {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(95px, -58px) rotate(36deg);
        transform: translate(95px, -58px) rotate(36deg)
    }

    30% {
        -webkit-transform: translate(81px, 82px) rotate(72deg);
        transform: translate(81px, 82px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(53px, 152px) rotate(108deg);
        transform: translate(53px, 152px) rotate(108deg)
    }

    70% {
        -webkit-transform: translate(-56px, 32px) rotate(144deg);
        transform: translate(-56px, 32px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shape_six {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(95px, -58px) rotate(36deg);
        transform: translate(95px, -58px) rotate(36deg)
    }

    30% {
        -webkit-transform: translate(81px, 82px) rotate(72deg);
        transform: translate(81px, 82px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(53px, 152px) rotate(108deg);
        transform: translate(53px, 152px) rotate(108deg)
    }

    70% {
        -webkit-transform: translate(-56px, 32px) rotate(144deg);
        transform: translate(-56px, 32px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

.ttUpX {
    animation-name: ttUpX
}

@keyframes ttUpX {
    0% {
        opacity: 0;
        transform: translate(-80px, 30px)
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes zoommd {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1.5)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(40px)
    }
}

@keyframes movexy {
    0% {
        -webkit-transform: translateX(-10px) scale(.9);
        transform: translateX(-10px) scale(.9)
    }

    100% {
        -webkit-transform: translateX(30px) scale(1.1) translateY(10px);
        transform: translateX(30px) scale(1.1) translateY(10px)
    }
}

@keyframes zoom {
    from {
        -webkit-transform: scale(1) translate(0)
    }

    to {
        -webkit-transform: scale(1.1) translate(0)
    }
}

@font-face {
    font-family: Quiety;
    src: url(../fonts/Quiety.eot);
    src: url(../fonts/Quiety.eot?#iefix) format("embedded-opentype"), url(../fonts/Quiety.woff2) format("woff2"), url(../fonts/Quiety.woff) format("woff"), url(../fonts/Quiety.ttf) format("truetype"), url(../fonts/Quiety.svg#Quiety) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: Quiety;
        src: url(Quiety.svg#Quiety) format("svg")
    }
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Quiety;
    font-style: normal
}

.flaticon-ruler:before {
    content: "\f100"
}

.flaticon-globe:before {
    content: "\f101"
}

.flaticon-web-programming:before {
    content: "\f102"
}

.flaticon-analysis:before {
    content: "\f103"
}

.flaticon-analytics:before {
    content: "\f104"
}

.flaticon-web-design:before {
    content: "\f105"
}

.flaticon-account:before {
    content: "\f106"
}

.flaticon-megaphone:before {
    content: "\f107"
}

.flaticon-web-development:before {
    content: "\f108"
}

.flaticon-magnifying-glass:before {
    content: "\f109"
}

.flaticon-edit:before {
    content: "\f10a"
}

.flaticon-clock:before {
    content: "\f10b"
}

.flaticon-search:before {
    content: "\f10c"
}

.flaticon-pin:before {
    content: "\f10d"
}

.flaticon-phone-call:before {
    content: "\f10e"
}

.section-heading {
    position: relative;
    z-index: 2
}

.section-heading .subtitle {
    color: var(--color_primary);
    font-size: 1.1rem;
    display: block;
    font-weight: 500
}

.section-heading .section-title {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 17px
}

@media (max-width:992px) {
    .section-heading .section-title {
        font-size: 32px
    }
}

@media (max-width:992px) {
    .section-heading .section-title br {
        display: none
    }
}

.section-heading .section-title>span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section-heading .highlighted_img {
    position: absolute;
    left: auto;
    top: auto
}

.section-heading .description {
    font-weight: 400;
    margin: 0;
    font-size: 16px
}

@media (max-width:991px) {
    .section-heading .description br {
        display: none
    }
}

.section-heading.text-left .description {
    margin: 0
}

.section-heading.text-right .description {
    margin: 0 0 0 auto
}

.section-heading.style-two .subtitle {
    position: relative;
    display: inline-block;
    line-height: 1;
    margin-bottom: 27px
}

.section-heading.style-two .subtitle:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: var(--color_primary);
    left: -60px;
    bottom: 4px
}

.section-heading.style-two .subtitle:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: var(--color_primary);
    right: -60px;
    bottom: 4px
}

.tt-text-align-left .section-heading.style-two .subtitle:before {
    display: none
}

.tt-text-align-right .section-heading.style-two .subtitle:after {
    display: none
}

.banner {
    height: 950px;
    position: relative;
    overflow: hidden
}

.banner .container {
    margin-top: 70px
}

@media (max-width:768px) {
    .banner .container {
        margin-top: 0
    }
}

@media (max-width:1024px) {
    .banner {
        height: auto;
        padding: 140px 0 80px
    }
}

.banner__description {
    margin-bottom: 42px;
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, .7)
}

@media (max-width:1200px) {
    .banner__description br {
        display: none
    }
}

.banner__subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .3em;
    margin-bottom: 13px
}

.banner__title {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 14px;
    letter-spacing: -2px;
    line-height: 1.2
}

@media (max-width:1200px) {
    .banner__title {
        font-size: 50px
    }
}

@media (max-width:991px) {
    .banner__title {
        font-size: 40px
    }

    .banner__title br {
        display: none
    }
}

@media (max-width:767px) {
    .banner__title {
        font-size: 34px
    }
}

.banner__brand-logo-wrapper {
    margin-top: 55px
}

.banner__brand-title {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 20px
}

.banner__brand-logos {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0 0 0 -20px;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .banner__brand-logos {
        margin: 0 auto
    }
}

.banner__brand-logos li {
    width: 25%;
    padding: 0 10px
}

@media (max-width:767px) {
    .banner__brand-logos li {
        width: 33.33%
    }
}

.banner--one {
    background-image: linear-gradient(90deg, #021048, #1e38a3)
}

.banner--one .banner__content {
    padding-right: 100px
}

@media (max-width:767px) {
    .banner--one .banner__content {
        text-align: center;
        padding-right: 0
    }
}

@media (max-width:1024px) {
    .banner--one .container {
        margin-top: 0
    }

    .banner--one .banner__feature-image {
        max-width: 600px;
        margin: 0 auto
    }
}

.banner__btns .banner-btn {
    padding: 10px 34px
}

.banner__btns .banner-btn:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .5)
}

.banner__btns .play-button {
    margin-left: 15px
}

@media (max-width:420px) {
    .banner__btns .play-button {
        display: block;
        margin-left: 0;
        margin-top: 15px
    }
}

.banner__content,
.banner__feature-image {
    position: relative;
    z-index: 3
}

.banner__feature-image {
    position: relative;
    z-index: 3
}

@media (max-width:1024px) {
    .banner__feature-image {
        margin-bottom: 50px
    }
}

.banner__feature-multiimage {
    position: relative
}

@media (max-width:991px) {
    .banner__feature-multiimage {
        min-height: 490px
    }
}

@media (max-width:768px) {
    .banner__feature-multiimage {
        min-height: 250px;
        margin: 0 auto 40px;
        max-width: 310px
    }
}

.banner__image-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner__image-lists li {
    position: absolute;
    height: 100%;
    width: 100%
}

.banner__image-lists li img {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    border-radius: 20px
}

.banner__image-lists li .inner {
    position: absolute
}

.banner__image-lists li:nth-child(1) .inner {
    top: 22%;
    left: -90px
}

@media (max-width:1023px) {
    .banner__image-lists li:nth-child(1) .inner {
        left: -40px;
        max-width: 180px
    }
}

@media (max-width:620px) {
    .banner__image-lists li:nth-child(1) .inner {
        left: 0
    }
}

@media (max-width:576px) {
    .banner__image-lists li:nth-child(1) .inner {
        max-width: 120px
    }
}

.banner__image-lists li:nth-child(2) .inner {
    top: 40%;
    right: -100px
}

@media (max-width:1023px) {
    .banner__image-lists li:nth-child(2) .inner {
        right: -40px;
        max-width: 200px
    }
}

@media (max-width:620px) {
    .banner__image-lists li:nth-child(2) .inner {
        right: 0
    }
}

@media (max-width:576px) {
    .banner__image-lists li:nth-child(2) .inner {
        max-width: 150px
    }
}

.banner.banner--two {
    height: 950px;
    padding: 136px 0 150px;
    overflow: visible
}

@media (max-width:768px) {
    .banner.banner--two {
        padding: 100px 0
    }
}

@media (max-width:767px) {
    .banner.banner--two {
        height: auto
    }
}

.banner.banner--two .banner__feature-image {
    position: relative
}

.banner.banner--two .banner__content {
    position: relative;
    z-index: 2;
    margin-bottom: 60px
}

@media (max-width:767px) {
    .banner.banner--two .banner__content {
        text-align: center;
        max-width: 500px;
        margin: 0 auto
    }
}

.banner.banner--two .banner__content .banner__subtitle {
    color: #fff
}

.banner.banner--two .banner__content .banner__title {
    color: #071c4d;
    font-size: 45px;
    margin-bottom: 36px;
    font-weight: 800
}

@media (max-width:1200px) {
    .banner.banner--two .banner__content .banner__title {
        font-size: 40px
    }
}

@media (max-width:992px) {
    .banner.banner--two .banner__content .banner__title {
        font-size: 32px
    }
}

.banner.banner--two .banner__content .banner__description {
    font-size: 1.25rem;
    margin: 0 auto 40px;
    color: #575757
}

.banner.banner--two .banner__btns .banner-btn {
    color: #fff;
    border-color: rgba(225, 227, 235, .161);
    margin: 0 8px
}

@media (max-width:576px) {
    .banner.banner--two .banner__btns .banner-btn {
        margin: 0 8px 15px
    }
}

.banner.banner--two .banner__btns .banner-btn:hover {
    color: var(--color_primary);
    border-color: var(--color_primary)
}

.banner.banner--two .banner__btns .banner-btn.btn-outline {
    color: var(--color_primary);
    border-color: var(--color_primary);
    margin: 0 10px
}

.banner.banner--two .banner__btns .banner-btn.btn-outline:hover {
    color: #fff;
    background-color: var(--color_primary)
}

.banner__newsletter-form {
    max-width: 420px
}

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

.banner__newsletter-form .newsletter-inner {
    display: flex;
    overflow: hidden
}

.banner__newsletter-form .newsletter-inner input[type=email] {
    background-color: transparent;
    flex: 1;
    margin-bottom: 0 !important;
    height: 50px;
    border-radius: 6px !important;
    border: 2px solid #e4e4e4;
    margin-right: 10px
}

.banner__newsletter-form .newsletter-inner input[type=email]::placeholder {
    font-size: 14px;
    color: #7e8086
}

.banner__newsletter-form .form-result {
    margin-bottom: 0;
    margin-top: 20px
}

.banner__newsletter-form .newsletter-submit {
    border-radius: 6px;
    outline: 0;
    background-color: var(--color_primary);
    border: 0;
    box-shadow: 0 11px 18px -8px var(--color_primary)
}

.banner__newsletter-form .newsletter-submit i {
    display: none
}

.banner__newsletter-form .newsletter-submit.clicked i {
    display: block
}

.banner__newsletter-form .newsletter-submit.clicked span {
    display: none
}

.banner__newsletter-form .newsletter-submit:hover {
    color: #fff;
    box-shadow: none
}

.banner__feature {
    margin: 17px 0 0;
    padding: 0;
    list-style: none
}

@media (max-width:991px) {
    .banner__feature {
        text-align: center
    }
}

.banner__feature li {
    display: inline-block;
    font-size: 14px;
    color: #4f5158
}

.banner__feature li:not(:last-child) {
    margin-right: 30px
}

.banner__feature li i {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 50%;
    background-color: rgba(42, 92, 255, .102);
    margin-right: 10px;
    color: var(--color_primary)
}

.banner.banner--three {
    height: auto;
    padding: 140px 0 100px
}

@media (max-width:991px) {
    .banner.banner--three .banner__content {
        text-align: center
    }
}

.banner.banner--three .banner__title {
    color: #071c4d
}

.banner.banner--three .banner__description {
    color: #575757;
    max-width: 85%
}

.banner.banner--three .banner_secondary_image {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 200px
}

@media (max-width:767px) {
    .banner.banner--three .banner_secondary_image {
        max-width: 120px
    }
}

@media (max-width:480px) {
    .banner.banner--three .banner_secondary_image {
        max-width: 80px
    }
}

.banner.banner--three .banner__brand-logos {
    display: grid;
    grid-auto-columns: 1fr;
    grid-row-gap: 16px;
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto
}

@media (min-width:1200px) {
    .banner.banner--three .banner__brand-logos {
        grid-column-gap: 40px
    }
}

@media (max-width:991px) {
    .banner.banner--three .banner__brand-logos {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px
    }
}

@media (max-width:767px) {
    .banner.banner--three .banner__brand-logos {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 0
    }
}

@media (max-width:420px) {
    .banner.banner--three .banner__brand-logos {
        grid-template-columns: 1fr 1fr
    }
}

.banner.banner--three .banner__brand-logos li {
    padding: 10px 30px;
    width: 100%;
    opacity: .5;
    transition: all .3s ease-in-out
}

.banner.banner--three .banner__brand-logos li:hover {
    opacity: 1
}

.banner--four {
    background-color: var(--color_secondary)
}

.banner--four .banner__feature li {
    color: #d6d5e1
}

.banner--four .banner__feature li i {
    background-color: rgba(255, 255, 255, .3);
    color: #fff
}

.banner--four .banner__animate-element li {
    z-index: 1
}

.banner--four .banner__animate-element li .inner {
    opacity: 1
}

.banner--four .banner__animate-element li:nth-child(1) .inner {
    bottom: 0;
    left: auto;
    right: 0;
    width: max-content
}

@media (max-width:991px) {
    .banner--four .banner__animate-element li:nth-child(1) .inner {
        max-width: 530px
    }
}

.banner--four .banner__animate-element li:nth-child(3) .inner {
    top: auto;
    left: -50px;
    bottom: 100px;
    width: max-content
}

.banner--four .banner__animate-element li:nth-child(4) .inner {
    left: auto;
    top: auto;
    right: 0;
    bottom: -60px;
    width: max-content
}

@media (max-width:767px) {
    .banner--four .banner__animate-element li:nth-child(4) .inner {
        bottom: -30px
    }
}

.banner--four .btn-outline {
    color: #fff;
    border-color: rgba(255, 255, 255, .5);
    margin-left: 15px
}

.banner--four .btn-outline:hover {
    background-color: #fff;
    color: var(--color_primary)
}

.banner--four .banner__feature-image {
    margin-right: 0
}

@media (max-width:991px) {
    .banner--four .container {
        margin-top: 0
    }

    .banner--four .banner__content {
        text-align: center
    }

    .banner--four .banner__brand-logos {
        max-width: 330px;
        margin: 0 auto
    }

    .banner--four .banner__brand-logos li {
        width: 50%
    }
}

@media (max-width:420px) {
    .banner--four .banner__btns .btn-outline {
        margin-left: 0;
        margin-top: 15px
    }
}

.banner--five {
    background-color: var(--color_primary)
}

.banner__circle-shape {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 50%;
    background-color: #f6c37b;
    width: 500px;
    height: 500px;
    z-index: -1
}

.banner--six {
    background-color: rgba(23, 92, 255, .1)
}

@media (max-width:1024px) {
    .banner--six {
        padding: 100px 0 80px
    }
}

.banner--six .container {
    margin-top: 0
}

.banner--six .banner__title {
    font-size: 50px;
    color: #071c4d
}

@media (max-width:767px) {
    .banner--six .banner__title {
        font-size: 34px
    }
}

.banner--six .banner__description {
    color: #575757
}

.banner--six .banner__feature-image {
    margin-right: -150px
}

@media (max-width:991px) {
    .banner--six .banner__feature-image {
        max-width: 625px;
        margin: 0 auto 40px
    }
}

.banner--six .banner-btn:hover {
    background-color: transparent;
    color: var(--color_primary);
    border-color: var(--color_primary)
}

.banner--six .banner__btns .play-button {
    color: var(--color_primary)
}

.banner--six .banner__btns .play-button i {
    border-color: var(--color_primary);
    color: var(--color_primary)
}

.banner--six .banner__btns .play-button:hover i {
    background-color: var(--color_primary);
    color: #fff
}

.banner .box-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.banner .box-shape li {
    position: absolute;
    height: 400px;
    width: 400px;
    background-color: rgba(23, 92, 255, .07);
    border-radius: 70px;
    transform: rotate(45deg)
}

@media (max-width:767px) {
    .banner .box-shape li {
        height: 300px;
        width: 300px
    }
}

.banner .box-shape li:nth-child(1) {
    left: -12%;
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

@media (max-width:1440px) {
    .banner .box-shape li:nth-child(1) {
        left: -20%
    }
}

@media (max-width:440px) {
    .banner .box-shape li:nth-child(1) {
        left: -50%
    }
}

.banner .box-shape li:nth-child(2) {
    left: 44%;
    top: -30%
}

.banner .box-shape li:nth-child(3) {
    right: -13%;
    bottom: -13%
}

@media (max-width:1440px) {
    .banner .box-shape li:nth-child(3) {
        right: -20%
    }
}

.banner .image-bubble {
    margin: 0;
    padding: 0;
    list-style: none
}

.banner .image-bubble li {
    position: absolute;
    border-radius: 50%
}

@media (max-width:440px) {
    .banner .image-bubble li {
        display: none
    }
}

.banner .image-bubble li.bubble-one {
    height: 160px;
    width: 160px;
    background-color: var(--color_primary);
    left: 0;
    bottom: 10%
}

@media (max-width:767px) {
    .banner .image-bubble li.bubble-one {
        width: 100px;
        height: 100px;
        left: 40px;
        bottom: 10%
    }
}

.banner .image-bubble li.bubble-two {
    height: 85px;
    width: 85px;
    background-color: #fff;
    right: 0;
    top: 30%;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .1)
}

@media (max-width:767px) {
    .banner .image-bubble li.bubble-two {
        width: 60px;
        height: 60px
    }
}

.banner .image-bubble li.banner-dot-one {
    bottom: 20px;
    left: 65px;
    z-index: -1
}

.banner .image-bubble li.banner-dot-two {
    top: 115px;
    right: 25px;
    z-index: -1
}

.banner--seven {
    background-color: #000
}

.banner--seven .banner__feature-image {
    margin: 160px -200px 0 0
}

@media (max-width:1600px) {
    .banner--seven .banner__feature-image {
        margin: 160px -100px 0 0
    }
}

.banner--seven .banner__feature-image .banner-main-image-seven {
    position: relative;
    z-index: -1
}

.banner--seven .banner__title {
    font-size: 72px;
    font-weight: 600
}

@media (max-width:1400px) {
    .banner--seven .banner__title {
        font-size: 60px
    }
}

@media (max-width:1400px) {
    .banner--seven .banner__title {
        font-size: 60px
    }
}

@media (max-width:1200px) {
    .banner--seven .banner__title {
        font-size: 50px
    }
}

@media (max-width:991px) {
    .banner--seven .banner__title {
        font-size: 40px
    }
}

.banner--seven .banner__title span {
    position: relative;
    display: inline-block;
    z-index: 1
}

.banner--seven .banner__title span:before {
    position: absolute;
    content: "";
    background: linear-gradient(96.49deg, #0082f8 0, #3c10f2 101.82%);
    height: 12px;
    width: 105%;
    left: 0;
    bottom: 15px;
    z-index: -1
}

@media (max-width:997px) {
    .banner--seven .banner__title span:before {
        height: 8px;
        bottom: 10px
    }
}

.banner--seven .banner-btn {
    border-radius: 30px
}

.banner--seven .banner__currency-logos {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1
}

@media (max-width:576px) {
    .banner--seven .banner__currency-logos {
        display: none
    }
}

.banner--seven .banner__currency-logos li {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    background-color: #282828;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner--seven .banner__currency-logos li:nth-child(1) {
    height: 114px;
    width: 114px;
    top: 34%;
    animation: zoomIn .5s both 1s
}

.banner--seven .banner__currency-logos li:nth-child(2) {
    height: 84px;
    width: 84px;
    left: 17%;
    top: 44px;
    animation: zoomIn .5s both 1.2s
}

.banner--seven .banner__currency-logos li:nth-child(3) {
    height: 110px;
    width: 110px;
    right: 17%;
    animation: zoomIn .5s both 1.4s
}

.banner--seven .banner__currency-logos li:nth-child(4) {
    height: 78px;
    width: 78px;
    right: 0;
    top: 29%;
    animation: zoomIn .5s both 1.6s
}

.banner--seven .banner__currency-logos li:nth-child(5) {
    height: 78px;
    width: 78px;
    right: 0;
    top: 40%;
    animation: zoomIn .5s both 1.8s
}

@media (max-width:991px) {
    .banner--seven .banner__content {
        margin-top: 40px
    }
}

.banner__animate-element {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width:420px) {
    .banner__animate-element {
        display: none
    }
}

.banner__animate-element li {
    position: absolute;
    width: 100%;
    height: 100%
}

.banner__animate-element li .inner {
    position: absolute;
    opacity: .6
}

.banner__animate-element li:nth-child(1) .inner {
    width: 340px;
    left: 0;
    bottom: -50px
}

@media (max-width:576px) {
    .banner__animate-element li:nth-child(1) .inner {
        width: 200px;
        left: 50px
    }
}

.banner__animate-element li:nth-child(2) .inner {
    width: 180px;
    top: 0;
    right: 0
}

@media (max-width:576px) {
    .banner__animate-element li:nth-child(2) .inner {
        width: 140px;
        top: -30px;
        right: 0
    }
}

.banner__animate-element li:nth-child(3) .inner {
    left: 115px;
    top: 25px;
    width: 36px
}

.banner__animate-element li:nth-child(4) .inner {
    left: 140px;
    top: 50px;
    width: 80px
}

@media (max-width:576px) {
    .banner__animate-element li:nth-child(4) .inner {
        width: 60px
    }
}

.banner__animate-element li:nth-child(5) .inner {
    right: 55px;
    bottom: -45px;
    width: 100px
}

@media (max-width:576px) {
    .banner__animate-element li:nth-child(5) .inner {
        width: 60px;
        bottom: -10px
    }
}

.banner__animate-element li:nth-child(6) .inner {
    right: 20px;
    bottom: -90px;
    width: 50px
}

@media (max-width:576px) {
    .banner__animate-element li:nth-child(6) .inner {
        width: 36px;
        bottom: -40px;
        right: 30px
    }
}

.banner__animate-element-two {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin: 0;
    padding: 0;
    list-style: none
}

.banner__animate-element-two li {
    position: absolute;
    width: 100%;
    height: 100%
}

.banner__animate-element-two li .inner {
    position: absolute
}

.banner__animate-element-two li:nth-child(1) .inner {
    left: 25%;
    top: -80px;
    opacity: 1
}

.banner__animate-element-two li:nth-child(2) .inner {
    top: 50%;
    left: -100px;
    transform: translateY(-50%)
}

.banner__animate-element-two li:nth-child(3) .inner {
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px
}

.event-hero {
    padding: 150px 0
}

.event-hero .text-pink {
    color: #fd035a
}

.event-hero .display-5 {
    font-size: 48px;
    color: var(--color_secondary)
}

.event-hero .display-5 span {
    font-size: 72px
}

@media (max-width:767.98px) {
    .event-hero .display-5 span {
        font-size: 40px
    }
}

.event-hero .banner__description {
    color: #575757
}

.event-hero .action-btns .btn {
    font-weight: 500;
    padding: 13px 28px;
    font-size: 15px;
    font-family: Poppins, sans-serif
}

.event-hero .action-btns .bg-pink {
    color: #fff;
    background-color: #fd035a;
    border: 1px solid transparent
}

.event-hero .action-btns .bg-pink:hover {
    background-color: transparent;
    border: 1px solid #fd035a;
    color: #fd035a
}

.event-hero .action-btns .border-pink {
    border: 1px solid #fd035a;
    color: #fd035a
}

.event-hero .event-hero-img {
    position: relative;
    z-index: 5
}

.event-hero .event-hero-img .popup-youtube {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 20%;
    bottom: -5%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fd035a;
    color: #fff;
    border: 10px solid #fff;
    box-shadow: 0 50px 50px -25px rgba(43, 9, 150, .25)
}

.event-hero .ev-hero-shape li {
    position: absolute
}

.event-hero .ev-hero-shape li:nth-child(1) {
    bottom: 8%;
    left: 45%
}

.event-hero .ev-hero-shape li:nth-child(2) {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    left: 35%;
    top: 25%;
    background-image: linear-gradient(231.28deg, #ff0766 -30.62%, rgba(255, 255, 255, 0) 93.05%)
}

.event-hero .ev-hero-shape li:nth-child(3) {
    width: 158px;
    height: 47px;
    right: 10%;
    top: 20%;
    background: linear-gradient(286.4deg, rgba(255, 7, 102, .61) -14.68%, rgba(43, 9, 150, 0) 99.55%);
    border-radius: 50px;
    transform: rotate(-38.54deg)
}

.event-hero .ev-hero-shape li:nth-child(4) {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    right: 20%;
    bottom: 2%;
    z-index: 2;
    background: linear-gradient(286.4deg, #ff0766 -14.68%, rgba(43, 9, 150, 0) 99.55%)
}

.event-hero .ev-hero-shape li:nth-child(5) {
    left: 5%;
    bottom: 45%
}

.banner__slider {
    height: 820px;
    position: relative
}

.banner__slider .swiper-slide {
    height: 820px;
    width: 100%
}

.banner__slider .banner__image {
    height: 820px
}

.banner__slider .banner__image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.banner__slider .banner__slide {
    position: relative;
    overflow: hidden
}

.banner__slider .banner__slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2
}

.banner__slider .banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 3;
    transform: translate(-50%, -50%);
    max-width: 630px
}

@media (max-width:991px) {
    .banner__slider .banner__content {
        padding: 0 30px
    }
}

.banner__slider .banner__description,
.banner__slider .banner__title {
    color: #fff
}

.banner__slider .banner__title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 15px
}

@media (max-width:991px) {
    .banner__slider .banner__title {
        font-size: 50px;
        line-height: 60px
    }
}

@media (max-width:767px) {
    .banner__slider .banner__title {
        font-size: 40px;
        line-height: 50px
    }
}

@media (max-width:575px) {
    .banner__slider .banner__title {
        font-size: 30px;
        line-height: 40px
    }
}

.banner__slider .banner__description {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 42px
}

@media (max-width:400px) {
    .banner__slider .banner__description {
        margin-bottom: 32px
    }
}

.banner__slider .tt-btn {
    padding: 10px 41px
}

.banner__slider .tt-btn:before {
    transition: all .6s ease-in-out
}

.banner__slider .tt-btn:hover {
    color: #fff
}

.banner__slider .tt-btn:hover:after {
    border-image-source: linear-gradient(90deg, #fff 100%, #fff 100%)
}

.banner__slider .tt-btn.btn-outline {
    margin-left: 20px;
    color: #fff;
    border-color: #fff
}

@media (max-width:400px) {
    .banner__slider .tt-btn.btn-outline {
        margin-left: 0;
        margin-top: 20px
    }
}

.banner__slider .tt-btn.btn-outline:before {
    transition: all .6s ease-in-out
}

.banner__slider .tt-btn.btn-outline:after {
    border-image-source: linear-gradient(90deg, #fff 100%, #fff 100%)
}

.banner__slider .tt-btn.btn-outline:hover {
    border-color: var(--color_primary)
}

.banner__slider .tt-btn.btn-outline:hover:after {
    border-image-source: linear-gradient(90deg, #2acaff 25%, #13ade6 75%)
}

.banner__slider .swiper-slide-active .banner__title {
    animation: fadeInUp 1s both 1s
}

.banner__slider .swiper-slide-active .banner__description {
    animation: fadeInUp 1s both 1.2s
}

.banner__slider .swiper-slide-active .tt-btn {
    animation: fadeInUp 1s both 1.5s
}

.banner__slider .swiper-slide-active .tt-btn.btn-outline {
    margin-left: 20px;
    color: #fff;
    border-color: #fff
}

.banner__slider .swiper-slide-active .tt-btn.btn-outline:hover {
    border-color: var(--color_primary)
}

.banner__slider .swiper-pagination {
    width: auto !important;
    left: auto !important;
    right: 160px;
    bottom: auto !important;
    transform: translateY(-50%);
    top: 50%
}

@media (max-width:1200px) {
    .banner__slider .swiper-pagination {
        right: 50px
    }
}

@media (max-width:767px) {
    .banner__slider .swiper-pagination {
        display: none
    }
}

.banner__slider .swiper-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .2);
    opacity: 1;
    width: 8px;
    height: 20px;
    border-radius: 6px;
    outline: 0;
    transition: all .3s ease-in-out;
    display: block;
    left: auto;
    right: 0;
    margin: 15px 0 !important
}

.banner__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    height: 30px
}

.video_section {
    overflow: hidden
}

.video_section {
    overflow: hidden
}

.video_section.video_sec_padding {
    padding: 130px 0 120px
}

@media (max-width:991px) {
    .video_section.video_sec_padding {
        padding: 100px 0
    }
}

.video_section .video_section_content {
    position: relative;
    z-index: 1
}

.video_section .video_section_content .video_popup {
    height: 80px;
    width: 80px;
    box-shadow: 10px 17.321px 40px 0 rgba(1, 16, 58, .14)
}

.video_section .video_section_content .video_popup img {
    max-width: 14px;
    margin-left: 3px
}

@media (max-width:991px) {
    .video_section .video_section_content .video_popup {
        height: 60px;
        width: 60px
    }
}

.video_section .about_img_shape {
    position: absolute;
    top: -70px;
    left: -40px;
    z-index: -1
}

.video_section .round_shape_animation {
    border-radius: 50%;
    background: #acf2f0;
    position: absolute;
    right: -130px;
    bottom: -65px;
    width: 280px;
    height: 280px;
    -webkit-animation: circleAnimation 5s linear infinite;
    animation: circleAnimation 5s linear infinite;
    z-index: -1
}

@media (max-width:991px) {
    .video_section .round_shape_animation {
        width: 150px;
        height: 150px;
        right: -70px
    }
}

.video_popup_section .video_popup {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.video_popup_section .video_popup i {
    font-size: 18px;
    color: var(--color_primary);
    margin-left: 5px
}

.video_popup.play_animation:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite;
    z-index: -1
}

.video_popup img {
    position: relative;
    z-index: 9;
    -webkit-transition: .3s;
    transition: .3s
}

.video_popup {
    background-color: #fff;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.video_popup:hover {
    background-color: var(--color_primary)
}

.video_popup:hover i {
    color: #fff
}

.popup-video-box.video_section .round_shape_animation {
    top: auto
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.img_section {
    position: relative;
    min-height: 490px;
    z-index: -1
}

@media (max-width:767.98px) {
    .img_section {
        min-height: 410px
    }
}

.img_section .about_img_1 {
    position: absolute;
    bottom: 35px;
    z-index: -2;
    left: 30px
}

@media (max-width:767.98px) {
    .img_section .about_img_1 {
        bottom: 52px;
        left: 30px;
        max-width: 250px
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .img_section .about_img_1 {
        left: 30px;
        max-width: 300px
    }
}

.img_section .about_img_1 {
    position: absolute;
    bottom: -25px;
    z-index: -1;
    left: -67px
}

@media (max-width:767.98px) {
    .img_section .about_img_1 {
        bottom: 62px;
        left: 30px;
        max-width: 250px
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .img_section .about_img_1 {
        left: -62px;
        max-width: 300px
    }
}

@media (max-width:576px) {
    .img_section .about_img_2 {
        max-width: 235px
    }
}

.img_section .about_img_3 {
    position: absolute;
    top: 160px;
    right: 0;
    z-index: 1
}

@media (max-width:767.98px) {
    .img_section .about_img_3 {
        max-width: 250px;
        right: 0;
        top: 108px
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .img_section .about_img_3 {
        right: -70px;
        top: 167px
    }
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .img_section .about_img_3 {
        right: -70px;
        top: 60px
    }
}

.about_section_img {
    display: flex;
    max-width: 540px
}

.about_section_img .about_us_img {
    position: relative;
    margin-right: 30px;
    z-index: 1;
    margin-top: 50px
}

.about_section_img .about_us_img:last-child {
    margin-top: 70px
}

@media (max-width:991px) {
    .about_section_img .about_us_img:last-child {
        margin-top: 10px
    }
}

.about_section_img .about_us_img .about_img_shape {
    position: absolute;
    position: absolute;
    left: -45px;
    top: -15px;
    z-index: -1
}

.about_section_img .about_us_img .round_shape_animation {
    border-radius: 50%;
    background: #acf2f0;
    position: absolute;
    left: -45px;
    bottom: -70px;
    width: 110px;
    height: 110px;
    -webkit-animation: circleAnimation 5s linear infinite;
    animation: circleAnimation 5s linear infinite;
    z-index: -1
}

@media (max-width:991px) {
    .about_section_img .about_us_img .round_shape_animation {
        bottom: -30px
    }
}

.round_shape_animation {
    border-radius: 50%;
    background: #85b0fc;
    position: absolute;
    right: 95px;
    top: 60px;
    width: 190px;
    height: 190px;
    -webkit-animation: circleAnimation 5s linear infinite;
    animation: circleAnimation 5s linear infinite;
    z-index: -1
}

.about_img {
    position: relative;
    z-index: 1;
    max-width: 475px;
    margin-left: auto
}

@media (max-width:1440px) {
    .about_img {
        margin-left: 40px
    }
}

@media (max-width:1280px) {
    .about_img {
        margin-left: 20px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .about_img {
        max-width: 350px
    }
}

@media (max-width:1280px) {
    .about_img {
        margin-left: 0
    }
}

.about_img .about_overlay {
    position: absolute;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

@media (max-width:1440px) {
    .about_img .about_overlay {
        right: -100px
    }
}

.quiety-portfolio-filter {
    margin-bottom: 50px;
    border-radius: 10px;
    text-align: center
}

.portfolio-filter {
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0
}

.portfolio-filter li {
    display: inline-block;
    margin: 0 15px
}

@media (max-width:767px) {
    .portfolio-filter li {
        margin: 0 10px
    }
}

.portfolio-filter li a {
    color: #6f7785;
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
    display: inline-block;
    position: relative
}

.portfolio-filter li a:after {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    width: 0;
    bottom: 0;
    background-color: var(--color_primary);
    transition: all .3s ease-in-out
}

.portfolio-filter li a:hover {
    color: var(--color_primary)
}

.portfolio-filter li.current a {
    color: var(--color_primary)
}

.portfolio-filter li.current a:after {
    width: 100%
}

.column-3 .quiety-portfolio-item {
    width: 33.33%
}

@media (max-height:767px) {
    .column-3 .quiety-portfolio-item {
        width: 50%
    }
}

.column-4 .quiety-portfolio-item {
    width: 25%
}

@media (max-height:991px) {
    .column-4 .quiety-portfolio-item {
        width: 33.33%
    }
}

@media (max-height:767px) {
    .column-4 .quiety-portfolio-item {
        width: 50%
    }
}

.column-2 .quiety-portfolio-item {
    width: 50%
}

.quiety-portfolio-item {
    margin-bottom: 30px;
    width: 50%;
    padding: 0 15px
}

@media (max-width:575px) {
    .quiety-portfolio-item {
        width: 100%
    }
}

.quiety-portfolio-item .quiety-portfolio-img {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.quiety-portfolio-item .quiety-portfolio-img img {
    width: 100%;
    transform: scale(1.1) translateX(-7px);
    transition: all .3s ease-in-out
}

.quiety-portfolio-item .quiety-portfolio-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all .3s ease-in-out
}

.quiety-portfolio-item .quiety-portfolio-info {
    position: absolute;
    z-index: 2;
    bottom: 35px;
    left: 0;
    width: 100%;
    padding: 0 40px;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    overflow: hidden
}

@media (max-width:767px) {
    .quiety-portfolio-item .quiety-portfolio-info {
        padding: 0 20px
    }
}

.quiety-portfolio-item .portfolio-info-item {
    text-align: center
}

.quiety-portfolio-item .quiety-portfolio-title {
    font-size: 20px;
    margin: 0;
    transition: all .4s ease-in-out;
    transform: translateY(-20px);
    font-weight: 600
}

.quiety-portfolio-item .quiety-portfolio-title a {
    color: #fff
}

.quiety-portfolio-item .quiety-portfolio-categories {
    transform: translateY(20px);
    transition: all .3s ease-in-out
}

.quiety-portfolio-item .portfolio-categories {
    color: rgba(255, 255, 255, .7);
    position: relative;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 8px
}

.quiety-portfolio-item .portfolio-categories:not(:last-child):after {
    content: ",";
    position: absolute;
    right: -5px;
    bottom: 2px;
    line-height: 1;
    font-size: 18px
}

.quiety-portfolio-item:hover .quiety-portfolio-info {
    opacity: 1;
    visibility: visible
}

.quiety-portfolio-item:hover .quiety-portfolio-img img {
    transform: scale(1.1) translateX(0)
}

.quiety-portfolio-item:hover .quiety-portfolio-img:after {
    opacity: 1
}

.quiety-portfolio-item:hover .quiety-portfolio-categories,
.quiety-portfolio-item:hover .quiety-portfolio-title {
    transform: translateY(0)
}

.quiety-portfolio-item.portfolio-related-post {
    width: 100%;
    padding: 0
}

.portfolio_details_area {
    padding: 100px 0
}

.portfolio-info-item {
    margin-bottom: 30px
}

.portfolio-info-item .title {
    font-size: 20px;
    margin-bottom: 5px
}

.portfolio-info-item .info {
    font-size: 15px;
    margin-bottom: 0
}

.tt-testimonial-wrapper .slider-control {
    display: flex;
    width: calc(100% + 40px);
    justify-content: space-between;
    left: -22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

@media (max-width:575px) {
    .tt-testimonial-wrapper .slider-control {
        display: none
    }
}

.tt-testimonial-wrapper .slider-control>div {
    height: 40px;
    width: 40px;
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, .07);
    line-height: 40px;
    text-align: center;
    color: var(--color_primary);
    cursor: pointer;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.tt-testimonial-wrapper .slider-control>div:hover {
    background-color: var(--color_primary);
    box-shadow: none;
    color: #fff
}

.testimonial {
    padding: 50px 50px 43px;
    margin: 25px 0;
    background-color: #fff;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .06);
    border-radius: 15px;
    position: relative;
    z-index: 2
}

.testimonial .testimonial-content-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 28px
}

.testimonial p {
    margin-bottom: 26px
}

.testimonial .bio-wrapper .name {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    color: #071c4d
}

.testimonial .bio-wrapper .designation {
    color: #575757;
    margin-bottom: 2px;
    display: block;
    line-height: 1.5
}

.testimonial .quotes-dot {
    position: absolute;
    left: -25px;
    top: -25px;
    z-index: -1
}

.testimonial .avatar {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 2
}

.testimonial .avatar .author-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 6px
}

.testimonial .quote-icon {
    position: absolute;
    right: 20px;
    bottom: 50px;
    z-index: -1
}

.testimonial.style-two {
    border: 2px solid #dee2e6;
    box-shadow: none;
    padding: 32px 30px 40px
}

.testimonial.style-two .avatar {
    border-radius: 50%;
    overflow: hidden;
    height: 50px;
    width: 50px
}

.testimonial.style-two .testimonial-content-wrapper {
    margin-bottom: 0
}

.testimonial.style-two .bio-wrapper .name {
    font-size: 16px;
    font-weight: 600
}

.testimonial.style-two .bio-wrapper .designation {
    font-size: 14px
}

.testimonial.style-two .star-rating {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 1
}

.testimonial.style-two .testimonial-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500
}

.testimonial.style-three {
    padding: 40px
}

.testimonial.style-three .avatar {
    height: 65px;
    width: 65px;
    margin-right: 15px
}

.testimonial.style-three .avatar img {
    border-radius: 50%
}

.testimonial.style-three .bio-wrapper .name {
    font-size: 16px;
    font-weight: 600
}

.testimonial.style-three .bio-wrapper .designation {
    font-size: 14px
}

.testimonial.style-three .star-rating {
    line-height: 1
}

.testimonial.style-three .star-rating>span::before {
    font-size: 11px
}

.testimonial.style-three p {
    font-size: 18px;
    line-height: 30px
}

.testimonial.style-five {
    box-shadow: none;
    padding: 30px;
    margin: 0
}

.testimonial.style-five .quote-icon {
    margin-bottom: 20px;
    position: static
}

.testimonial.style-five .testimonial-content-wrapper {
    margin-bottom: 0
}

.testimonial.style-five p {
    font-style: italic
}

.testimonial.style-five .avatar {
    border-radius: 50%;
    overflow: hidden
}

.testimonial.style-five .bio-wrapper .name {
    font-size: 18px;
    font-weight: 600;
    color: #4b4b4b
}

.testimonial.style-five .bio-wrapper .designation {
    color: #848484
}

.testi-swiper-pagination {
    width: max-content !important;
    left: auto !important;
    right: 25px;
    bottom: 25px !important;
    position: absolute;
    z-index: 2
}

.testi-swiper-pagination .swiper-pagination-bullet {
    display: block;
    margin: 14px 0 !important
}

.tt-testimonial-five {
    background: #fff;
    box-shadow: 0 15px 55px rgba(182, 182, 182, .15);
    border-radius: 10px
}

.tt-star-1:before,
.tt-star-2:before,
.tt-star-3:before,
.tt-star-4:before,
.tt-star-5:before {
    content: "\f005";
    color: #ffbc08;
    font-family: "Font Awesome 5 Free";
    font-size: 14px
}

.tt-star-10 .tt-star-1:before,
.tt-star-20 .tt-star-1:before,
.tt-star-20 .tt-star-2:before,
.tt-star-30 .tt-star-1:before,
.tt-star-30 .tt-star-2:before,
.tt-star-30 .tt-star-3:before,
.tt-star-40 .tt-star-1:before,
.tt-star-40 .tt-star-2:before,
.tt-star-40 .tt-star-3:before,
.tt-star-40 .tt-star-4:before,
.tt-star-50 .tt-star-1:before,
.tt-star-50 .tt-star-2:before,
.tt-star-50 .tt-star-3:before,
.tt-star-50 .tt-star-4:before,
.tt-star-50 .tt-star-5:before {
    content: "\f005";
    color: #ffbc08;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.tt-slider-navigation {
    max-width: 200px;
    margin-top: 40px
}

.testimonial-two__content {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 30px
}

.testimonial-two__name {
    font-size: 16px;
    margin-bottom: 0
}

.testimonial-two__designation {
    font-size: 14px;
    color: #a3a3a3
}

.testimonial-two__avatar {
    border-radius: 50%;
    height: 55px;
    width: 55px
}

.testimonial-two__avatar img {
    border-radius: 50% !important;
    height: 100% !important;
    width: 100%;
    object-fit: cover
}

.digi-testimonial .digi-testimonial-single {
    border-radius: 10px;
    padding: 30px
}

.digi-testimonial .digi-testimonial-single img {
    border-radius: 50%
}

.digi-testimonial .digi-testimonial-single .contents {
    flex: 1
}

.digi-testimonial .digi-nav-control {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 20px
}

.digi-testimonial .digi-nav-control .swiper-button-next,
.digi-testimonial .digi-nav-control .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: var(--color_secondary);
    background-image: none
}

.digi-testimonial .digi-nav-control .swiper-button-next:hover,
.digi-testimonial .digi-nav-control .swiper-button-prev:hover {
    background-color: #ff3951;
    color: #fff
}

.digi-testimonial .digi-nav-control .swiper-button-prev {
    right: 60px;
    left: auto
}

.digi-testimonial .digi-nav-control .swiper-button-next {
    right: 0
}

.tt-countdown {
    transition: all .3s ease-in-out
}

.tt-countdown.style-one {
    text-align: center;
    padding-right: 40px
}

.tt-countdown.style-two {
    background-color: #fff;
    border: 2px solid #dee2e6;
    border-radius: 15px;
    padding: 45px 35px
}

.tt-countdown.style-two .tt-countdown__number {
    color: #071c4d;
    font-weight: 700;
    margin-bottom: 27px
}

.tt-countdown.style-two .tt-countdown__title {
    font-size: 20px
}

.tt-countdown.style-two:hover {
    border-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transform: translateY(-5px)
}

.tt-countdown__number {
    font-size: 46px;
    font-weight: 800;
    color: var(--color_primary);
    margin-bottom: 16px;
    display: inline-flex;
    line-height: 1
}

.tt-countdown__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px
}

.tt-countdown__description {
    margin-bottom: 0
}

.tt-countdown.style-three {
    display: flex;
    padding: 27px 20px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 8px;
    border-right: 10px solid var(--color_primary)
}

.tt-countdown.style-three .tt-countdown__title {
    margin-bottom: 0
}

.tt-countdown.style-three .tt-countdown__number {
    font-size: 42px;
    font-weight: 700;
    margin-right: 10px;
    margin-bottom: 0;
    color: #071c4d
}

.tt-countdown.style-three .tt-countdown__description {
    font-size: 15px
}

.countdown {
    display: flex
}

.countdown .CountdownSeparator {
    display: none
}

.CountdownContent {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #071c4d
}

@media (max-width:991px) {
    .CountdownContent {
        font-size: 16px
    }
}

.CountdownContent {
    font-size: 30px;
    color: #fff
}

.CountdownContent .CountdownLabel {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-top: 5px
}

@media (max-width:991px) {
    .CountdownContent .CountdownLabel {
        font-size: 12px
    }
}

.counting {
    position: relative;
    line-height: 1;
    background-color: var(--color_primary);
    padding: 10px;
    margin: 0 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px
}

.counting:first-child {
    margin-left: 0
}

@media (max-width:440px) {
    .counting {
        min-width: 55px;
        height: 55px
    }
}

.progressbar-wrapper {
    margin-top: 35px
}

.progressbar-wrapper .progress-title {
    font-size: 24px;
    color: #fff
}

.progressbar-wrapper .progress {
    border-radius: 20px;
    background-color: #1f1f1f
}

.progressbar-wrapper .progress-bar {
    background-image: linear-gradient(96.49deg, #0082f8 0, #3c10f2 101.82%)
}

.tt-count-info {
    background-color: var(--color_secondary);
    padding: 45px 30px;
    text-align: center;
    border-radius: 15px
}

.tt-count-info__icon {
    margin-bottom: 15px
}

.tt-count-info__icon i {
    display: inline-flex;
    color: #ffc107;
    font-size: 38px;
    margin-right: 5px
}

.tt-count-info__title {
    display: inline-block;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-size: 40px
}

.tt-count-info__description {
    color: #d6d5e1;
    margin-bottom: 0
}

.tt-count-info__logo {
    margin-top: 30px
}

.tt-count-info__logo img {
    height: 24px !important
}

.client-logo {
    padding: 20px;
    transition: all .3s ease-in-out
}

.at-client-logo .swiper-wrapper {
    display: flex;
    align-items: center
}

.tt-logo-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    justify-content: space-between;
    grid-gap: 25px;
    justify-items: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.tt-logo-list li {
    width: 100%
}

.tt-logo-list.style_one .tt-logo-list__item {
    box-shadow: rgba(13, 21, 55, .06) 0 5px 50px;
    background-color: #fff
}

.tt-logo-list.style_two .tt-logo-list__item img {
    max-width: 160px
}

.tt-logo-list__item {
    display: block;
    margin: auto;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    transition: all .3s ease
}

.tt-logo-list__brand-name {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 16px
}

.tt-logo-list.column__three {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

@media (max-width:991px) {
    .tt-logo-list.column__three {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
    }
}

@media (max-width:768px) {
    .tt-logo-list.column__three {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
    }
}

.tt-logo-list.column__four {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr))
}

@media (max-width:1200px) {
    .tt-logo-list.column__four {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
    }
}

@media (max-width:991px) {
    .tt-logo-list.column__four {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
    }
}

@media (max-width:768px) {
    .tt-logo-list.column__four {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
    }
}

.tt-logo-list.column__five {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

@media (max-width:1200px) {
    .tt-logo-list.column__five {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))
    }
}

@media (max-width:991px) {
    .tt-logo-list.column__five {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))
    }
}

@media (max-width:768px) {
    .tt-logo-list.column__five {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
    }
}

.tt-logo-list-two {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 305px;
    width: 100%
}

.tt-logo-list-two li {
    position: relative;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 5px 10px 20px 0 rgba(55, 65, 81, .12)
}

.tt-logo-list-two li:nth-child(1) {
    margin-left: 73px
}

.tt-logo-list-two li:nth-child(2) {
    margin-left: auto;
    right: 28px;
    margin-top: -20px
}

.tt-logo-list-two li:nth-child(3) {
    left: 0;
    margin-top: 20px
}

.tt-logo-list-two li:nth-child(4) {
    margin-left: auto;
    right: 45px
}

.tt-logo-list-two li:nth-child(5) {
    left: 40px;
    margin-top: 30px
}

.tt-logo-list-two li:nth-child(6) {
    margin-left: auto;
    margin-right: 0;
    margin-top: -30px
}

.tt-logo-list-two.align-right {
    margin-left: auto
}

.tt-logo-list-two.align-right li:nth-child(1) {
    margin-left: auto;
    right: 70px
}

.tt-logo-list-two.align-right li:nth-child(2) {
    margin-left: 65px
}

.tt-logo-list-two.align-right li:nth-child(3) {
    margin-left: auto
}

.tt-logo-list-two.align-right li:nth-child(4) {
    margin-left: 100px
}

.tt-logo-list-two.align-right li:nth-child(5) {
    margin-left: auto;
    right: 40px;
    left: auto
}

.tt-logo-list-two.align-right li:nth-child(6) {
    margin-left: 0
}

.tt-logo-list-two.align-center {
    margin: 0 auto
}

.tt-logo-list-two.align-center li:nth-child(1) {
    margin: 0 auto
}

.tt-logo-list-two.align-center li:nth-child(2) {
    margin-left: auto;
    right: 0;
    margin-top: 20px
}

.tt-logo-list-two.align-center li:nth-child(3) {
    left: 0;
    margin-top: 20px
}

.tt-logo-list-two.align-center li:nth-child(4) {
    margin-left: auto;
    right: 0
}

.tt-logo-list-two.align-center li:nth-child(5) {
    left: 0;
    margin-top: 0
}

.tt-logo-list-two.align-center li:nth-child(6) {
    margin: 20px auto 0
}

.pricing {
    position: relative
}

.pricing .animated-shape {
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.pricing-switch-wrap {
    align-items: center;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    justify-content: space-between
}

.pricing-switch-wrap span {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    width: 50%;
    text-align: center;
    z-index: 2;
    position: relative;
    line-height: 35px;
    color: #fff
}

.pricing-switch-wrap span.beforeinput.active {
    color: var(--color_primary)
}

.pricing-switch-wrap span.afterinput.active {
    color: var(--color_primary)
}

.pricing-switch-wrap .switch-icon {
    position: relative;
    width: 200px;
    height: 37px;
    border: 1px solid var(--color_primary);
    border-radius: 25px;
    transition: all .3s linear;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    margin: 0 auto 50px
}

.pricing-switch-wrap .switch-icon:after {
    content: "";
    position: absolute;
    left: 4px;
    width: 100px;
    height: 35px;
    background-color: var(--color_primary);
    border-radius: 25px;
    transform: translate3d(-6px, 0, 0);
    transition: all .2s ease-in-out
}

.pricing-switch-wrap.yearly .switch-icon:after {
    transform: translate3d(95px, 0, 0)
}

.yearly-price {
    display: none
}

.pricing-table {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
    border-radius: 10px
}

.pricing-table svg {
    position: absolute;
    left: 52%;
    z-index: -1;
    transform: translateX(-50%);
    top: -262px
}

.pricing-table svg path {
    transition: all .3s ease-in-out
}

.pricing-table .table-feature-image {
    padding: 26px 0 15px
}

.pricing-table .price-content-wrapper {
    padding: 30px 30px 60px
}

.pricing-table .pricing-header {
    padding-bottom: 10px;
    margin-bottom: 42px;
    border-bottom: 1px solid #e4e4e4
}

.pricing-table .pricing-header .price {
    font-size: 40px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 0
}

.pricing-table .pricing-header .price span {
    color: #575757;
    font-size: 16px;
    font-weight: 400
}

.pricing-table .pricing-header .price-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color_primary);
    margin-bottom: 15px
}

.pricing-table .price-feture {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.pricing-table .price-feture li {
    position: relative;
    z-index: 1;
    margin-bottom: 10px
}

.pricing-table .price-feture li:before {
    position: absolute;
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0
}

.pricing-table .price-feture li.have:before {
    content: "\f00c";
    color: #1cc941
}

.pricing-table .price-feture li.not:before {
    content: "\f00d";
    color: #f72323
}

.pricing-table.featured,
.pricing-table:hover {
    border-color: var(--color_primary);
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125)
}

.pricing-table.featured svg path,
.pricing-table:hover svg path {
    fill: var(--color_primary)
}

.tt-pricing-table-simple {
    text-align: center;
    padding: 55px 40px;
    border-radius: 5px;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
    position: relative
}

.tt-pricing-table-simple .pricing__title {
    position: relative;
    z-index: 2;
    transition: all .3s ease-in-out
}

.tt-pricing-table-simple .pricing__title h5 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 23px
}

.tt-pricing-table-simple .pricing__price {
    margin-bottom: 40px
}

.tt-pricing-table-simple .pricing__price .price {
    font-size: 50px;
    font-size: 3.5714285714em;
    font-weight: 600;
    color: #071c4d;
    margin: 0;
    position: relative;
    z-index: 2;
    line-height: 1.1
}

.tt-pricing-table-simple .pricing__price span {
    font-size: 18px
}

.tt-pricing-table-simple .pricing__feature {
    margin-top: 32px;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 0
}

.tt-pricing-table-simple .pricing__feature li {
    font-size: 18px;
    line-height: 30px;
    position: relative;
    margin-bottom: 5px;
    color: #52525c
}

.tt-pricing-table-simple.featured {
    background-color: #fff;
    box-shadow: 0 30px 70px 0 rgba(1, 4, 45, .08)
}

.tt-pricing-table-simple.featured .tt-btn {
    border-color: var(--color_primary);
    color: #fff
}

.tt-pricing-table-simple.featured .tt-btn:before {
    background: var(--color_primary);
    height: 300%
}

.tt-pricing-table-simple.featured .tt-btn:hover {
    color: var(--color_primary)
}

.tt-pricing-table-simple.featured .tt-btn:hover:before {
    height: 0
}

.tt-pricing-table-simple .tt-btn {
    display: block;
    padding: 6px 33px
}

.tt-pricing {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(210, 210, 245, .5);
    padding: 55px 50px 60px;
    border-radius: 10px;
    transition: all .3s ease-in-out
}

@media (max-width:420px) {
    .tt-pricing {
        padding: 55px 30px 60px
    }
}

.tt-pricing__header {
    margin-bottom: 34px
}

.tt-pricing__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color_primary)
}

.tt-pricing__price {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0
}

.tt-pricing__period {
    font-size: 16px;
    font-weight: 400;
    color: #52525c
}

.tt-pricing__feature-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.tt-pricing__feature-list li {
    font-size: 15px;
    color: #52525c;
    display: flex;
    align-items: center
}

.tt-pricing__feature-list li:not(:last-child) {
    margin-bottom: 8px
}

.tt-pricing__feature-list li i {
    margin-right: 7px
}

.tt-pricing__feature-list li .bullet {
    display: inline-block;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: var(--color_primary);
    margin-right: 10px;
    vertical-align: 1px
}

.tt-pricing__feature-list li .ei-icon_check_alt2 {
    color: #21d09a
}

.tt-pricing__action {
    margin-top: 35px
}

.tt-pricing .tt-btn.featured_btn {
    background-color: #ffb116;
    border-color: #ffb116
}

.tt-pricing .tt-btn.featured_btn:hover {
    background-color: #e29600;
    border-color: #e29600;
    color: #fff
}

.tt-pricing.featured {
    position: relative;
    z-index: 2;
    background: linear-gradient(90deg, #021048, #1e38a3)
}

.tt-pricing.featured .tt-pricing__title {
    color: #ffb116
}

.tt-pricing.featured .tt-pricing__price {
    color: #fff
}

.tt-pricing.featured .tt-pricing__period {
    color: #d6d5e1
}

.tt-pricing.featured .bullet {
    background-color: #ffb116
}

.tt-pricing.featured .tt-pricing__feature-list li {
    color: rgba(255, 255, 255, .6)
}

.tt-pricing.featured .feature-star {
    display: block;
    position: absolute;
    top: -8px;
    right: 25px
}

.tt-pricing.style-two .tt-pricing__header {
    padding-bottom: 30px;
    border-bottom: 1px dashed #c7c7c7
}

.tt-pricing.style-two .tt-pricing__feature-list li {
    font-weight: 500;
    color: #071c4d;
    margin-bottom: 12px;
    font-size: 16px
}

.tt-pricing.style-two .tt-pricing__feature-list li.exclude {
    color: #a7a7a7
}

.tt-pricing.style-two .tt-btn {
    text-align: center
}

.tt-pricing.style-two .tt-btn.featured_btn {
    background-color: var(--color_primary);
    border-color: var(--color_primary)
}

.tt-pricing.style-two .tt-btn.featured_btn:hover {
    background-color: transparent;
    color: var(--color_primary)
}

.tt-pricing.style-three {
    border-radius: 5px;
    padding: 50px 40px 55px
}

.tt-pricing.style-three .tt-pricing__header {
    padding-bottom: 24px;
    border-bottom: 1px dashed #c7c7c7
}

.tt-pricing.style-three .tt-pricing__period {
    display: block;
    margin-top: 15px
}

.tt-pricing.style-three .tt-pricing__feature-list .include .ei-icon_check_alt2::before {
    content: "N"
}

.tt-pricing.style-three .tt-pricing__feature-list .exclude .ei-icon_close_alt2 {
    font-size: 18px
}

.tt-pricing.style-three .tt-pricing__feature-list .exclude .ei-icon_close_alt2:before {
    content: "M"
}

.tt-pricing.style-three.featured .tt-pricing__feature-list li i {
    color: #fff
}

.tt-pricing.style-three.featured .tt-pricing__header {
    border-bottom: 1px dashed #0025ba
}

.tt-pricing .tt-btn.featured_btn {
    background-color: var(--color_primary);
    border-color: var(--color_primary)
}

.tt-pricing-list {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #dee2e6;
    border-radius: 15px;
    overflow: hidden
}

.tt-pricing-list>div {
    width: 50%;
    padding: 40px
}

@media (max-width:575px) {
    .tt-pricing-list>div {
        width: 100%
    }
}

.tt-pricing-list__info {
    background-color: #ceddff;
    display: flex;
    align-items: center
}

.tt-pricing-list__feature {
    margin: 0;
    padding: 0;
    list-style: none
}

.tt-pricing-list__feature li {
    font-size: 15px;
    line-height: 33px;
    display: flex
}

.tt-pricing-list__feature li i {
    background-color: var(--color_primary);
    color: #fff;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    align-self: center;
    display: inline-block
}

.tt-pricing-list__title {
    font-size: 20px
}

.tt-pricing-list__description {
    margin-bottom: 0
}

.tt-pricing-list__price-wrapper {
    margin-top: 40px
}

.tt-pricing-list__price {
    margin-bottom: 30px
}

.tt-pricing-list__price .price {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #071c4d
}

.pricing-tab-nav {
    margin-bottom: 30px;
    display: inline-flex;
    border-radius: 6px;
    overflow: hidden
}

.pricing-tab-nav .nav-link {
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    background-color: #f7f9fc;
    color: #071c4d
}

.pricing-tab-nav .nav-link.active {
    background-color: var(--color_secondary);
    color: #fff
}

.elementor .elementor-progress-bar {
    position: relative
}

.elementor .elementor-widget-progress .elementor-title {
    font-size: 18px;
    color: #071c4d;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    display: inline-block
}

.elementor .elementor-progress-percentage-outside .elementor-progress-percentage {
    position: absolute;
    top: -34px;
    right: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 1;
    color: #111
}

.tt-image-overlay {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    text-align: center;
    height: 360px;
    border-radius: 15px
}

.tt-image-overlay img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.tt-image-overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1
}

.tt-image-overlay__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    z-index: 2;
    transform: translateY(calc(100% - 4.5rem));
    margin-bottom: 0
}

.tt-image-overlay__title {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.tt-image-overlay__description {
    color: rgba(255, 255, 255, .7);
    opacity: 0;
    margin: 0;
    transform: translateY(1rem);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), opacity .7s cubic-bezier(.19, 1, .22, 1)
}

.tt-image-overlay a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.tt-image-overlay:hover {
    align-items: center
}

.tt-image-overlay:hover .tt-image-overlay__content {
    transform: translateY(0)
}

.tt-image-overlay:hover .tt-image-overlay__description {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 87.5ms
}

.dt-social-link {
    margin: 0
}

.dt-social-link li {
    display: inline-block;
    color: #696969;
    font-size: 14px;
    margin-right: 23px
}

.dt-social-link li:last-child {
    margin-right: 0
}

.dt-social-link li a {
    color: #696969;
    display: block
}

.dt-social-link li a:hover {
    color: var(--color_primary)
}

.tt-service-image-box {
    position: relative;
    overflow: hidden;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    border-radius: 15px;
    padding: 3rem
}

.tt-service-image-box:after {
    z-index: 1;
    top: 100%;
    background-image: linear-gradient(75deg, rgba(26, 44, 121, .75) 10%, rgba(232, 5, 102, .8));
    content: "";
    height: 100%;
    right: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    transition: all .3s ease;
    opacity: .8
}

.tt-service-image-box:before {
    top: 80%;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: brightness(40%);
    filter: brightness(40%)
}

.tt-service-image-box .box-image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 80%;
    opacity: 0;
    transition: all .3s ease-in-out
}

.tt-service-image-box .box-image a {
    display: block
}

.tt-service-image-box .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out
}

.tt-service-image-box .box-image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

.tt-service-image-box .box-info {
    position: relative;
    z-index: 2
}

.tt-service-image-box .box-info .icon {
    font-size: 40px;
    margin-bottom: 30px;
    color: #1a2c79
}

.tt-service-image-box .box-info .box-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600
}

.tt-service-image-box .box-info .box-title a {
    color: #071c4d
}

.tt-service-image-box .box-info .box-title a:hover {
    color: var(--color_primary)
}

.tt-service-image-box .box-info p {
    margin: 0
}

.tt-service-image-box:hover:after {
    top: 0
}

.tt-service-image-box:hover .icon {
    color: #fff
}

.tt-service-image-box:hover .box-info .box-title {
    color: #fff
}

.tt-service-image-box:hover .box-info .box-title a {
    color: #fff
}

.tt-service-image-box:hover .box-info p {
    color: #fff
}

.tt-service-image-box:hover .box-image {
    top: 0;
    opacity: 1;
    transition: all .17s ease-out .18s
}

.tt-team {
    position: relative;
    margin-bottom: 50px
}

.tt-team__avater {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.tt-team__avater img {
    width: 100%;
    transition: all .3s ease-in-out
}

.tt-team__avater:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color_primary);
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 2;
    top: 0;
    left: 0
}

.tt-team__social {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 2;
    height: 36px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.tt-team__social li {
    display: inline-block;
    transition: all .3s ease-in-out;
    transform: translateY(20px);
    opacity: 0
}

.tt-team__social li:not(:last-child) {
    margin-right: 3px
}

.tt-team__social li:nth-child(2) {
    transition-delay: .1s
}

.tt-team__social li:nth-child(3) {
    transition-delay: .2s
}

.tt-team__social li:nth-child(4) {
    transition-delay: .3s
}

.tt-team__social li:nth-child(5) {
    transition-delay: .4s
}

.tt-team__social li:nth-child(6) {
    transition-delay: .5s
}

.tt-team__social li a {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, .5);
    color: #fff;
    font-size: 14px
}

.tt-team__social li a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--color_primary)
}

.tt-team__info {
    padding: 15px 30px 0;
    text-align: center
}

.tt-team__name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px
}

.tt-team__designation {
    font-size: 14px;
    color: #4f5158;
    font-weight: 400
}

.tt-team:hover .tt-team__avater:before {
    opacity: 0.6
}

.tt-team:hover .tt-team__avater img {
    transform: scale(1.05) rotate(3deg)
}

.tt-team:hover .tt-team__social li {
    transform: translateY(0);
    opacity: 1
}

.tt-team.style--two {
    background-color: #181818;
    padding: 20px
}

.tt-team.style--two .tt-team__avater {
    border-radius: 0
}

.tt-team.style--two .tt-team__avater:before {
    display: none
}

.tt-team.style--two .tt-team__info {
    text-align: left;
    padding: 20px 0 0
}

.tt-team.style--two .tt-team__info .tt-team__name {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px
}

.tt-team.style--two .tt-team__designation {
    color: #d7d7d7;
    margin-bottom: 18px
}

.tt-team .tt-team__social-two {
    margin: 0;
    padding: 0;
    list-style: none
}

.tt-team .tt-team__social-two li {
    display: inline-block;
    position: relative
}

.tt-team .tt-team__social-two li:not(:last-child) {
    margin-right: 15px
}

.tt-team .tt-team__social-two li:not(:last-child):after {
    content: "";
    position: absolute;
    right: -9px;
    top: 9px;
    height: 11px;
    width: 1px;
    border-right: 1px dotted #999
}

.tt-team .tt-team__social-two li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.tt-team .tt-team__social-two li a:hover {
    color: var(--color_primary)
}

.team-items {
    position: relative;
    z-index: 1
}

.team-member {
    margin-bottom: 30px
}

.team-member .member-avater {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.team-member .member-avater a {
    position: relative;
    display: block;
    overflow: hidden
}

.team-member .member-avater a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    opacity: 0;
    transition: all .3s ease-in-out
}

.team-member .member-avater a img {
    transition: all .3s ease-in-out;
    width: 100%
}

.team-member .member-avater a:hover:before {
    opacity: 1
}

.team-member .member-avater a:hover img {
    transform: scale(1.06)
}

.team-member .team-info {
    text-align: center;
    padding-top: 15px;
    position: relative
}

.team-member .team-info .name {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 600
}

.team-member .team-info .name a {
    color: #071c4d
}

.team-member .team-info .name a:hover {
    color: var(--color_primary)
}

.team-member .team-info .designation {
    color: #676869;
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif
}

.team-member .team-info .member-social {
    position: relative;
    height: 35px;
    width: 100%;
    margin-top: 10px
}

.team-member .team-info .member-social .social_link_expand,
.team-member .team-info .member-social a {
    height: 35px;
    width: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    background: var(--color_primary);
    color: #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s ease-in-out
}

.team-member .team-info .member-social .social_link_expand {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    cursor: pointer
}

.team-member .team-info .member-social .social_link_expand i {
    transition: all .3s ease-in-out
}

.team-member .team-info .member-social.active a {
    opacity: 1;
    visibility: visible
}

.team-member .team-info .member-social.active a:nth-child(1) {
    transform: translateX(-62px)
}

.team-member .team-info .member-social.active a:nth-child(2) {
    transform: translateX(27px)
}

.team-member .team-info .member-social.active a:nth-child(3) {
    transform: translateX(-106px)
}

.team-member .team-info .member-social.active a:nth-child(4) {
    transform: translateX(71px)
}

.team-member .team-info .member-social.active .social_link_expand i {
    transform: rotate(45deg)
}

.team-member.style-two .member-social {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    text-align: center;
    height: 0;
    z-index: 3;
    opacity: 0;
    transition: all .3s ease-in-out
}

.team-member.style-two .member-social li {
    display: inline-block
}

.team-member.style-two .member-social li:not(:last-child) {
    margin-right: 10px
}

.team-member.style-two .member-social li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background-color: var(--color_primary);
    border-radius: 50%;
    font-size: 13px
}

.team-member.style-two .member-social li a:before {
    display: none
}

.team-member.style-two .member-avater {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: .5s cubic-bezier(.17, .85, .438, .99)
}

.team-member.style-two .member-avater img {
    min-height: 360px;
    object-fit: cover;
    width: 100%
}

.team-member.style-two .member-avater:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 2
}

.team-member.style-two .member-avater:hover:before {
    opacity: 1
}

.team-member.style-two .member-avater:hover img {
    transform: scale(1)
}

.team-member.style-two .member-avater:hover .member-social {
    opacity: 1;
    visibility: visible;
    bottom: 50px
}

.team-member.style-two .team-info {
    padding-top: 27px
}

.team-member.style-two .team-info .name {
    font-weight: 600
}

.text___bg {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 40px 70px 0 rgba(1, 4, 45, .1);
    position: absolute;
    left: 475px;
    top: 426px;
    width: 970px;
    height: 500px;
    z-index: 63
}

.team__info__wrapper {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 40px 70px 0 rgba(1, 4, 45, .1);
    overflow: hidden
}

.team__info__wrapper .info {
    position: relative;
    z-index: 22;
    max-width: 300px
}

.team__info__wrapper .team__info {
    padding: 50px 70px
}

.team__info__wrapper .team__info .member__name {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px
}

.team__info__wrapper .team__info .tt__member-info {
    margin: 0;
    padding: 0;
    list-style: none
}

.team__info__wrapper .team__info .tt__member-info li {
    color: #52525c;
    line-height: 39px;
    font-size: 18px;
    font-weight: 500
}

.team__info__wrapper .team__info .tt__member-info li:not(:last-child) {
    border-bottom: 1px solid #ececef
}

.team__info__wrapper .team__info .tt__member-info li span {
    font-weight: 600;
    color: #071c4d
}

.team__info__wrapper .team__info .member-social {
    margin: 27px 0 0;
    padding: 0;
    list-style: none
}

.team__info__wrapper .team__info .member-social li {
    display: inline-block
}

.team__info__wrapper .team__info .member-social li:not(:last-child) {
    margin-right: 8px
}

.team__info__wrapper .team__info .member-social li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    background: var(--color_primary);
    color: #fff;
    border-radius: 50%;
    transition: all .5s ease-in-out
}

.team__info__wrapper .team__info .team-svg-shape {
    position: absolute;
    left: 0;
    bottom: 0
}

.content_title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px
}

.member__image {
    text-align: right;
    padding: 50px 70px
}

.member__image img {
    border-radius: 10px
}

@media (max-width:767px) {
    .member__image {
        padding: 70px
    }
}

@media (max-width:576px) {
    .member__image {
        padding: 30px
    }
}

.team-single-wrapper {
    padding: 0 0 97px;
    max-width: 970px;
    margin: -280px auto 0;
    z-index: 2;
    position: relative
}

@media (max-width:991px) {
    .team-single-wrapper {
        padding: 80px 0 41px
    }
}

.team__contents {
    margin-top: 78px
}

.team__contents p {
    font-size: 20px;
    line-height: 30px
}

.team__info-content .content_title {
    margin-bottom: 50px
}

#skills {
    position: relative;
    max-width: 550px
}

.skill-wrapper .skill-value {
    display: inline-block;
    float: right;
    text-align: right;
    color: #1a133b
}

.skill-wrapper .skill:not(:last-child) {
    margin-bottom: 40px
}

.skill-wrapper .skill-label,
.skill-wrapper .skill-value {
    font-size: 16px;
    color: #1a133b;
    font-weight: 500
}

.skill-wrapper .skill-value {
    font-style: italic
}

.skill-wrapper .skill .line {
    background-color: #eaecf2;
    position: relative;
    width: 100%;
    height: 6px;
    margin: 10px 0 0 0;
    border-radius: 6px
}

.skill-wrapper .skill .line .active-line {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width 1.5s ease;
    background-color: var(--color_primary);
    border-radius: 6px
}

.skill-wrapper .skill.color--two .line .active-line {
    background-color: #6b64fe
}

.skill-wrapper .skill.color--three .line .active-line {
    background-color: #43bdab
}

.progress-box {
    margin-bottom: 32px;
    max-width: 450px
}

.progress-box p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #071c4d;
    margin-bottom: 11px
}

.progress-box .bar-inner {
    position: relative;
    display: block;
    width: 0;
    height: 6px;
    transition: all 1.5s ease;
    background: var(--color_primary);
    border-radius: 6px
}

.progress-box .bar {
    position: relative;
    width: 100%;
    height: 6px;
    background: #eaeaea;
    border-radius: 6px
}

.progress-box .count-text {
    font-family: Poppins, sans-serif;
    position: absolute;
    top: -33px;
    right: 0;
    background: 0 0;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    opacity: 1;
    transition: all .5s ease
}

.team__contact-form {
    margin-top: 78px
}

.team__contact-form .content_title {
    margin-bottom: 29px
}

.tt-blog-posts {
    position: relative
}

.tt-blog-posts .section-circle-shape {
    left: 0;
    bottom: 75px;
    width: 320px
}

.tt-blog-posts .section-circle-shape .circle-bottom {
    right: 0;
    bottom: 0
}

.tt-blog-posts-slider {
    margin: 0 -20px
}

.tt-post-slider {
    padding: 20px 20px 50px
}

.post-slider {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 20px;
    transition: all .3s ease-in-out
}

.post-slider .feature-image img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.post-slider .blog-content {
    padding-top: 25px
}

.post-slider .post-meta {
    padding-top: 0;
    margin-bottom: 10px
}

.post-slider h3.entry-title {
    font-size: 20px;
    line-height: 26px
}

.post-slider .read-more-text {
    font-weight: 600;
    font-size: 15px;
    display: inline-block
}

.post-slider:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 10px 66px rgba(102, 102, 102, .1)
}

.blog-swiper-pagination {
    text-align: center;
    margin-top: 40px
}

.tt-blog-posts .digi-blog-single .digi-blog-thumb {
    position: relative
}

.tt-blog-posts .digi-blog-single .digi-blog-thumb .d-tag {
    padding: 8px 30px;
    border-radius: 50px;
    color: #fff;
    position: absolute;
    bottom: -20px;
    right: 30px;
    background-color: #ffc226
}

.tt-blog-posts .digi-blog-single .digi-blog-info .date {
    color: #94a3b8;
    margin-bottom: 16px;
    display: block;
    font-size: 14px
}

.tt-blog-posts .digi-blog-single .digi-blog-info h3 {
    font-size: 20px;
    color: #14142b
}

.tt-blog-posts .digi-blog-single .digi-blog-info p {
    color: #575757;
    font-weight: 400
}

.tt-blog-posts .digi-blog-single .digi-blog-info .read-more-link {
    color: #14142b;
    font-weight: 600;
    font-size: .9375rem
}

.tt-blog-posts .digi-blog-single .digi-blog-info .read-more-link i {
    vertical-align: middle;
    transition: all .3s ease-in-out
}

.tt-blog-posts .digi-blog-single .digi-blog-info .read-more-link:hover {
    color: #ff3951
}

.tt-blog-posts .digi-blog-single .digi-blog-info .read-more-link:hover i {
    transform: translateX(3px);
    margin-left: 10px
}

.tt-blog-posts .digi-markgeting_blog-posts .meta-info span {
    color: #94a3b8
}

.tt-blog-posts .digi-markgeting_blog-posts .meta-info .separator {
    margin: 0 5px
}

.tt-blog-posts .digi-markgeting_blog-posts a h3 {
    font-size: 17px
}

.tt-icon-box {
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out;
    text-align: center
}

.tt-icon-box.icon--left,
.tt-icon-box.icon--right {
    display: flex;
    flex-wrap: wrap
}

.tt-icon-box.icon--left .tt-icon-box__icon-container,
.tt-icon-box.icon--right .tt-icon-box__icon-container {
    margin-bottom: 0
}

.tt-icon-box.icon--left .tt-icon-box__content,
.tt-icon-box.icon--right .tt-icon-box__content {
    flex: 2
}

.tt-icon-box.icon--left {
    text-align: left
}

.tt-icon-box.icon--left .tt-icon-box__icon-container {
    margin-right: 20px
}

.tt-icon-box.icon--right {
    text-align: right
}

.tt-icon-box.icon--right .tt-icon-box__icon-container {
    order: 2;
    margin-left: 20px
}

.tt-icon-box__icon-container {
    margin-bottom: 30px;
    display: inline-flex;
    flex-wrap: wrap-reverse;
    align-items: baseline;
    font-size: 2em;
    color: var(--color_primary);
    position: relative;
    transition: transform .3s, border .3s, background .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, color .3s, -webkit-transform .3s;
    height: max-content
}

.tt-icon-box__icon-container i,
.tt-icon-box__icon-container img,
.tt-icon-box__icon-container svg {
    position: relative;
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.tt-icon-box__content {
    position: relative
}

.tt-icon-box__title {
    font-weight: 600;
    margin-bottom: 7px;
    font-size: 20px;
    transition: all .3s ease-in-out
}

.tt-icon-box__title a {
    color: #071c4d
}

.tt-icon-box__title a:hover {
    color: var(--color_primary)
}

.tt-icon-box__description {
    margin: 0;
    transition: all .3s ease-in-out
}

@media (max-width:1024px) {
    .tt-icon-box__description br {
        display: none
    }
}

.tt-icon-box__button {
    display: inline-block;
    margin-top: 20px;
    font-size: 15px
}

.tt-icon-box__button i {
    font-size: 90%
}

.tt-icon-box__button:not(.tt-btn) {
    color: #071c4d;
    font-weight: 500
}

.tt-icon-box__button:not(.tt-btn):hover {
    color: var(--color_primary)
}

.tt-icon-box__badge {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 17px;
    line-height: 1;
    background-color: rgba(23, 92, 255, .2);
    color: var(--color_primary);
    border-radius: 4px;
    width: max-content;
    height: max-content
}

.tt-icon-box.style--one {
    background-color: #fff;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .08);
    border-radius: 5px;
    margin-bottom: 0;
    padding: 45px 40px 35px;
    margin-bottom: 30px
}

.tt-icon-box.style--one .tt-icon-box__title {
    margin-bottom: 10px
}

.tt-icon-box.style--two {
    text-align: center;
    border: 1px solid #e6e8ef;
    border-radius: 6px;
    padding: 42px 55px
}

.tt-icon-box.style--two .tt-icon-box__icon-container {
    height: 65px;
    width: 65px;
    line-height: 65px;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    background: var(--color_primary);
    color: #fff;
    display: inline-block;
    margin-bottom: 31px
}

.tt-icon-box.style--two .tt-icon-box__icon-container i {
    line-height: 65px
}

.tt-icon-box.style--two .tt-icon-box__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px
}

.tt-icon-box.style--two:hover {
    border-color: var(--color_primary);
    background-color: var(--color_primary)
}

.tt-icon-box.style--two:hover:before {
    opacity: 0
}

.tt-icon-box.style--two:hover .tt-icon-box__icon-container {
    background: #fff;
    color: var(--color_primary)
}

.tt-icon-box.style--two:hover .tt-icon-box__title {
    color: #fff
}

.tt-icon-box.style--two:hover p {
    color: #fff
}

.tt-icon-box.style--three {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(8, 2, 51, .1);
    padding: 50px 35px 40px 35px
}

.tt-icon-box.style--three .tt-icon-box__icon-container {
    font-size: 36px;
    color: var(--color_primary);
    margin-bottom: 29px
}

.tt-icon-box.style--three .tt-icon-box__icon-container img,
.tt-icon-box.style--three .tt-icon-box__icon-container svg {
    max-height: 54px
}

.tt-icon-box.style--three .tt-icon-box__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px
}

.tt-icon-box.style--three .tt-icon-box__description {
    color: rgba(14, 17, 51, .8)
}

.tt-icon-box.style--three .tt-btn-link {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #071c4d;
    display: block
}

.tt-icon-box.style--three .tt-btn-link i {
    font-size: 20px;
    vertical-align: middle;
    transition: all .3s ease-in-out
}

.tt-icon-box.style--three .tt-btn-link:hover {
    color: var(--color_primary)
}

.tt-icon-box.style--three .tt-btn-link:hover i {
    margin-left: 3px;
    color: var(--color_primary)
}

.tt-icon-box.style--three:hover {
    box-shadow: 0 30px 50px 0 rgba(1, 4, 45, .08)
}

.tt-icon-box .button-text-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.tt-icon-box .button-text-wrapper .tt-button-icon {
    line-height: 1
}

.tt-icon-box .button-text-wrapper .elementor-button-text {
    flex-grow: 1;
    display: inline-block;
    order: 1
}

.tt-icon-box .button-text-wrapper .tt-align-icon-right {
    order: 2
}

.tt-icon-box:hover {
    z-index: 2
}

.tt-shape-circle .tt-icon-box__icon-container {
    border-radius: 50%
}

.tt-view-framed .tt-icon-box__icon-container,
.tt-view-stacked .tt-icon-box__icon-container {
    padding: .5em;
    text-align: center
}

.tt-view-stacked .tt-icon-box__icon-container {
    background-color: var(--color_primary);
    color: #fff
}

.tt-view-framed .tt-icon-box__icon-container {
    border: 2px solid var(--color_primary);
    color: var(--color_primary)
}

.tt-shape-rounded .tt-icon-box__icon-container {
    border-radius: 6px
}

.digi-how-works {
    background-color: #f5f7fc;
    border-radius: 10px;
    position: relative;
    padding: 40px 25px;
    overflow: hidden
}

.digi-how-works .dig-how-steps ul li {
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 110.121px 88.0972px rgba(0, 0, 0, .03);
    backdrop-filter: blur(64px);
    border-radius: 10px;
    padding: 20px;
    position: relative;
    z-index: 6
}

.digi-how-works .dig-how-steps .shape ul li {
    position: absolute;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 110.121px 88.0972px rgba(0, 0, 0, .03);
    backdrop-filter: blur(64px);
    border-radius: 10px;
    padding: 20px;
    z-index: 6
}

.digi-how-works .dig-how-steps .shape ul li:nth-child(1) {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: #ffd08a;
    top: -88px;
    left: -103px;
    z-index: 3
}

.digi-how-works .dig-how-steps .shape ul li:nth-child(2) {
    width: 195px;
    height: 195px;
    border-radius: 50%;
    background: #52f5d8;
    z-index: 3;
    left: -100px;
    bottom: -90px
}

.digi-how-works .dig-how-steps .shape ul li:nth-child(3) {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: #888efe;
    z-index: 3;
    right: -122px;
    top: 39%
}

.tt-process-box.style-one {
    display: flex;
    margin-bottom: 48px;
    position: relative
}

.tt-process-box.style-one:last-child {
    margin-bottom: 0
}

.tt-process-box.style-one .icon-container {
    background-color: #fff;
    border: 2px solid #dee2e6;
    border-radius: 1rem;
    margin-right: 1.5rem;
    height: 65px;
    min-width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all .3s ease-in-out
}

.tt-process-box.style-one .tt-process_step {
    font-size: 16px;
    font-weight: 500;
    color: var(--color_primary);
    margin-bottom: 6px
}

.tt-process-box.style-one .box-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.tt-process-box.style-one .description {
    margin-bottom: 0
}

.tt-process-box.style-one:hover .icon-container {
    background-color: var(--color_primary);
    color: #fff;
    border-color: var(--color_primary)
}

.tt-process-box.style-two {
    text-align: center
}

.tt-process-box.style-two .icon-container {
    font-size: 32px;
    margin-bottom: 28px;
    color: var(--color_primary);
    display: inline-block
}

.tt-process-box.style-two .tt-process_step {
    font-size: 13px;
    font-weight: 400;
    background-color: #ceddff;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 15px;
    color: var(--color_primary);
    margin-bottom: 18px
}

.tt-process-box.style-two .box-title {
    font-size: 18px;
    font-weight: 600
}

.tt-process-box.style-three {
    text-align: center;
    position: relative;
    display: block;
    transition: all .3s ease;
    padding: 40px 30px;
    border-radius: 15px;
    z-index: 2;
    margin-bottom: 30px
}

@media (max-width:575px) {
    .tt-process-box.style-three {
        max-width: 400px;
        margin: 0 auto
    }
}

.tt-process-box.style-three .icon-container {
    height: 80px;
    width: 80px;
    line-height: 77px;
    text-align: center;
    color: var(--color_primary);
    font-size: 40px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 25px;
    border: 2px solid rgba(101, 101, 101, .1);
    border-radius: 10px;
    transition: all .3s ease-in-out
}

.tt-process-box.style-three .box-title {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

.tt-process-box.style-three p {
    margin: 0
}

.tt-process-box.style-three:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
    transition: all .3s ease-in-out
}

.tt-process-box.style-three:hover {
    box-shadow: 0 5px 20px 0 rgba(210, 210, 245, .5);
    z-index: 2
}

.tt-process-box.style-three:hover .icon-container {
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

.tt-process-box.style-three:hover:before {
    background-color: #fff
}

.process-box-wrapper .tt-process-box:not(:last-child) .icon-container:before {
    content: "";
    position: absolute;
    top: 64px;
    left: 33px;
    height: 100%;
    z-index: -1;
    border-style: dashed;
    border-width: 1px;
    border-color: #d6d5e1;
    background-color: transparent
}

.process-box-wrapper .row .col-lg-3:not(:nth-child(4)) .tt-process-box.style-three:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    border-bottom: 2px dashed var(--color_primary);
    right: -55px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -2
}

@media (max-width:991px) {
    .process-box-wrapper .row .col-lg-3:not(:nth-child(4)):nth-child(3) .tt-process-box.style-three:after {
        display: none
    }
}

@media (max-width:767px) {
    .process-box-wrapper .row .col-lg-3:not(:nth-child(4)):nth-child(2) .tt-process-box.style-three:after {
        display: none
    }

    .process-box-wrapper .row .col-lg-3:not(:nth-child(4)):nth-child(3) .tt-process-box.style-three:after {
        display: block
    }
}

@media (max-width:767px) {
    .process-box-wrapper .row .col-lg-3:not(:nth-child(4)):nth-child(2) .tt-process-box.style-three:after {
        display: none
    }

    .process-box-wrapper .row .col-lg-3:not(:nth-child(4)):nth-child(3) .tt-process-box.style-three:after {
        display: block
    }
}

@media (max-width:575px) {
    .process-box-wrapper .row .col-lg-3:not(:nth-child(4)) .tt-process-box.style-three:after {
        display: none !important
    }
}

.tt-image-overlay {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    text-align: center;
    height: 360px;
    border-radius: 15px
}

.tt-image-overlay img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.tt-image-overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1
}

.tt-image-overlay__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    z-index: 2;
    transform: translateY(calc(100% - 4.5rem));
    margin-bottom: 0
}

.tt-image-overlay__title {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.tt-image-overlay__description {
    color: rgba(255, 255, 255, .7);
    opacity: 0;
    margin: 0;
    transform: translateY(1rem);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), opacity .7s cubic-bezier(.19, 1, .22, 1)
}

.tt-image-overlay a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.tt-image-overlay:hover {
    align-items: center
}

.tt-image-overlay:hover .tt-image-overlay__content {
    transform: translateY(0)
}

.tt-image-overlay:hover .tt-image-overlay__description {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 87.5ms
}

@media (max-width:768px) {
    #newsletter {
        padding: 40px 30px
    }
}

#newsletter .section-heading {
    margin-bottom: 30px
}

@media (max-width:991px) {
    #newsletter .section-heading {
        text-align: center;
        margin-bottom: 40px
    }
}

#newsletter .section-heading .section-title {
    color: #fff;
    font-size: 45px;
    margin-bottom: 10px
}

@media (max-width:991px) {
    #newsletter .section-heading .section-title {
        font-size: 30px
    }
}

#newsletter .section-heading .subtitle {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400
}

@media (max-width:768px) {
    #newsletter .section-heading {
        text-align: center;
        margin-bottom: 40px
    }
}

.newsletter-form {
    max-width: 600px;
    margin: 0 auto
}

.newsletter-form .newsletter-inner {
    display: flex;
    border-radius: 30px;
    padding: 5px
}

@media (max-width:440px) {
    .newsletter-form .newsletter-inner {
        display: block
    }
}

.newsletter-form .form-result {
    margin: 20px 5px 0
}

.newsletter-form input:not([type=checkbox]):not([type=submit]) {
    border-radius: 5px;
    padding: 17px 25px;
    line-height: 19px;
    font-size: 16px;
    height: 54px;
    flex: 1;
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .302);
    color: #fff;
    margin: 0 10px 0 0
}

.newsletter-form input:not([type=checkbox]):not([type=submit])::placeholder {
    color: rgba(255, 255, 255, .7)
}

.newsletter-form input:not([type=checkbox]):not([type=submit]):focus {
    border-color: #fff;
    box-shadow: none
}

@media (max-width:440px) {
    .newsletter-form input:not([type=checkbox]):not([type=submit]) {
        margin-bottom: 15px
    }
}

.newsletter-form .newsletter-submit {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    height: 54px;
    border: 1px solid var(--color_primary);
    padding: 0 30px;
    border-radius: 5px;
    outline: 0;
    min-width: 150px
}

@media (max-width:440px) {
    .newsletter-form .newsletter-submit {
        width: 100%
    }
}

.newsletter-form .newsletter-submit:hover {
    color: #fff;
    border-color: #fff
}

.newsletter-form .newsletter-submit .fa-spin {
    display: none
}

.newsletter-form .newsletter-submit.clicked .fa-spin {
    display: block
}

.newsletter-form .newsletter-submit.clicked span {
    display: none
}

.newsletter-2 form button.payment-btn {
    background: linear-gradient(96.49deg, #0082f8 0, #3c10f2 101.82%)
}

.digi_seo_area .seo_subscribe_form .digi-form .form-control {
    margin-bottom: 0;
    background: #fff;
    border-radius: 50px;
    height: 52px;
    border: 0
}

.digi_seo_area .seo_subscribe_form .digi-form .digi-button {
    position: absolute;
    right: 0;
    top: 0;
    background: #ff3951;
    border-radius: 0 50px 50px 0;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600;
    border: 0;
    display: inline-block;
    color: #fff
}

.tabs-wrapper {
    position: relative
}

#tt-tabs {
    position: relative;
    z-index: 2;
    justify-content: space-between
}

#tt-tabs-nav {
    margin: 60px 0 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 2;
    display: grid;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    grid-auto-columns: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));
    grid-template-rows: auto
}

#tt-tabs-nav li {
    transition: all .3s ease-in-out;
    padding: 15px;
    border: 2px solid #eaeaeb;
    border-radius: 10px;
    min-width: 20%
}

#tt-tabs-nav li .author-image {
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 20px
}

#tt-tabs-nav li .author-image img {
    border-radius: 50%
}

#tt-tabs-nav li a {
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1
}

#tt-tabs-nav li a .tab-name {
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: 600;
    transition: all .3s ease-in-out
}

#tt-tabs-nav li a .tab-designation {
    font-size: 14px;
    color: #575757;
    font-weight: 400
}

#tt-tabs-nav li a span {
    display: inline-block
}

#tt-tabs-nav li.active {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .1);
    transform: translateY(-3px)
}

#tt-tabs-nav li.active .tab-name {
    color: var(--color_primary)
}

.tt-tabs-wrapper .tab-image-wrapper {
    position: relative;
    padding: 30px 0 0 30px
}

@media (max-width:767px) {
    .tt-tabs-wrapper .tab-image-wrapper {
        margin-top: 40px;
        padding: 20px 0 0 20px
    }
}

.tt-tabs-wrapper .tab-image-wrapper .dot-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .6
}

.tt-tabs-wrapper .watermark {
    margin-bottom: 32px
}

.tt-tabs-wrapper .tab-image {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.tt-tabs-wrapper .tab-image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .6;
    transition: all .3s ease;
    border-radius: 1rem;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, transparent, #171347)
}

.tt-tabs-wrapper .tab-image img {
    border-radius: 15px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
}

.tt-tabs-wrapper .tab-image .play-button {
    position: absolute;
    left: 8%;
    bottom: 8%
}

.tt-tabs-wrapper .title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0
}

.tt-tabs-wrapper p {
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

.tt-tabs-wrapper .author-info {
    margin-top: 33px
}

.tt-tabs-wrapper .author-info .name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.tt-tabs-wrapper .author-info .designation {
    font-size: 15px;
    font-weight: 400
}

.tt-tabs-wrapper .play-button {
    color: rgba(255, 255, 255, .9)
}

@media (min-width:767px) {
    .tt-tabs-wrapper.style-two .content-tab-image {
        padding-right: 40px
    }
}

.tab-feature-list-wrap .tab-feature-list:not(:last-child) {
    margin-bottom: 33px
}

.tab-feature-list {
    display: flex
}

.tab-feature-list .tab-feature-count {
    height: 50px;
    min-width: 50px;
    border: 2px solid #e7e7e7;
    border-radius: 50%;
    line-height: 47px;
    text-align: center;
    margin-right: 20px
}

.tab-feature-list .tab-feature-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 9px
}

.gp-star-1:before,
.gp-star-2:before,
.gp-star-3:before,
.gp-star-4:before,
.gp-star-5:before {
    content: "\f005";
    color: #ffbc08;
    font-family: "Font Awesome 5 Free";
    font-size: 12px
}

.gp-star-10 .gp-star-1:before,
.gp-star-20 .gp-star-1:before,
.gp-star-20 .gp-star-2:before,
.gp-star-30 .gp-star-1:before,
.gp-star-30 .gp-star-2:before,
.gp-star-30 .gp-star-3:before,
.gp-star-40 .gp-star-1:before,
.gp-star-40 .gp-star-2:before,
.gp-star-40 .gp-star-3:before,
.gp-star-40 .gp-star-4:before,
.gp-star-50 .gp-star-1:before,
.gp-star-50 .gp-star-2:before,
.gp-star-50 .gp-star-3:before,
.gp-star-50 .gp-star-4:before,
.gp-star-50 .gp-star-5:before {
    content: "\f005";
    color: #ffbc08;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

#content-tabs-nav {
    margin-bottom: 50px;
    padding: 0;
    list-style: none;
    text-align: center
}

#content-tabs-nav li {
    display: inline-block;
    margin: 0 8px
}

@media (max-width:767px) {
    #content-tabs-nav li {
        margin-bottom: 10px
    }
}

#content-tabs-nav li a i {
    margin-right: 5px
}

#content-tabs-nav.style-one li a {
    display: block;
    border: 2px solid rgba(216, 216, 216, .2);
    background: rgba(216, 216, 216, .25);
    border-radius: .5rem;
    padding: .5rem 1.5rem;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#content-tabs-nav.style-one li.active a {
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

#content-tabs-nav.style-two {
    border-bottom: 2px solid #eee;
    width: max-content;
    margin: 0 auto 50px
}

@media (max-width:767px) {
    #content-tabs-nav.style-two {
        width: auto;
        border-bottom: 0
    }
}

#content-tabs-nav.style-two li {
    margin: 0 30px
}

#content-tabs-nav.style-two li:first-child {
    margin-left: 0
}

#content-tabs-nav.style-two li:last-child {
    margin-right: 0
}

#content-tabs-nav.style-two li a {
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    font-size: 18px
}

#content-tabs-nav.style-two li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: var(--color_primary);
    transition: all .3s ease-in-out
}

@media (max-width:767px) {
    #content-tabs-nav.style-two li a:after {
        bottom: 12px
    }
}

#content-tabs-nav.style-two li.active a:after {
    width: 100%
}

.content-tab-contents .title {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 700
}

.content-tab-contents .content-description {
    margin-bottom: 30px
}

.content-tab-contents ul {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.content-tab-contents ul li {
    position: relative;
    padding-left: 25px
}

.content-tab-contents ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--color_primary);
    font-size: 14px
}

.content-tab-contents .read-more-link {
    font-size: 16px;
    color: var(--color_primary)
}

.content-tab-contents .read-more-link i {
    margin-left: 7px;
    font-size: 85%;
    transition: all .3s ease-in-out
}

.content-tab-contents .read-more-link:hover i {
    margin-left: 10px
}

.faq_content {
    position: relative
}

.faq_content .card-header {
    padding: 0;
    background-color: transparent;
    line-height: 18px;
    border-bottom: 0
}

.faq_content .card-header .btn {
    border: none;
    padding: 20px 45px 20px 30px;
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none
}

.faq_content .card-header .btn:hover {
    color: var(--color_primary)
}

.faq_content .card-header .btn:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    transition: .5s;
    color: var(--color_primary);
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 24px
}

.faq_content .card-header .btn.collapsed:after {
    content: "\f067";
    color: #071c4d
}

.faq_content .card-header .btn.collapsed {
    color: #071c4d;
    background: 0 0
}

.faq_content .card {
    border: 2px solid #dee2e6;
    border-radius: 15px
}

.faq_content .card:not(:last-child) {
    margin-bottom: 15px
}

.faq_content .card.active .card-header .btn {
    color: var(--color_primary)
}

.faq_content .card-body {
    padding: 0 1.5rem 1.5rem 1.5rem;
    font-size: 16px
}

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

.elementor-widget-tt-faq-list .tt-faq-list:not(:last-child) {
    margin-bottom: 53px
}

.tt-faq-list.left-icon {
    display: flex
}

.tt-faq-list.left-icon .tt-faq-list__title {
    font-size: 18px
}

.tt-faq-list__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.3
}

@media (max-width:767px) {
    .tt-faq-list__title {
        font-size: 18px
    }
}

.tt-faq-list__number {
    color: var(--color_primary);
    margin-right: 5px;
    font-size: 1.75rem
}

@media (max-width:767px) {
    .tt-faq-list__number {
        font-size: 1.5rem
    }
}

.tt-faq-list i {
    margin-right: 10px;
    font-size: 22px;
    color: var(--color_primary);
    width: 30px;
    text-align: left
}

.tt-faq-list__answer {
    margin-bottom: 0
}

.quiety-accordion .accordion-item {
    border: 2px solid #dee2e6;
    border-radius: 15px;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.quiety-accordion .accordion-button {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    text-align: left;
    text-decoration: none;
    background-color: transparent
}

.quiety-accordion .accordion-button .accordion__icon-container {
    margin-right: 10px
}

.quiety-accordion .accordion-button:focus {
    box-shadow: none
}

.quiety-accordion .accordion-button:after {
    background-image: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    transition: .5s;
    color: #071c4d;
    text-align: right;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%)
}

.quiety-accordion .accordion-button:not(.collapsed) {
    color: var(--color_primary);
    background-color: transparent;
    box-shadow: none
}

.quiety-accordion .accordion-button:not(.collapsed):after {
    content: "\f068";
    color: var(--color_primary);
    background-image: none;
    transform: translateY(-50%) rotate(0)
}

.quiety-accordion .accordion-body {
    padding: 0 1.5rem 1.5rem 1.5rem
}

.tt-promo {
    background-color: #fcdde1;
    padding: 3rem;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.tt-promo__content {
    width: 320px
}

.tt-promo__title {
    color: #071c4d;
    font-weight: 700;
    font-size: 20px
}

.tt-promo__description {
    margin-bottom: 30px
}

.tt-promo .btn-outline {
    border-color: var(--color_primary);
    color: var(--color_primary)
}

.tt-promo .btn-outline:before {
    background: #fff
}

.tt-promo__image {
    position: absolute;
    right: 0;
    width: 34%;
    bottom: 0
}

.promo-box-two {
    position: relative;
    margin-bottom: 30px
}

.promo-box-two:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 22, 54, .8)
}

.promo-box-two .box-image img {
    width: 100%
}

.promo-box-two .promo-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 50px 60px
}

@media (max-width:991px) {
    .promo-box-two .promo-content {
        padding: 0 30px 35px
    }
}

@media (max-width:420px) {
    .promo-box-two .promo-content {
        padding: 0 30px 20px
    }
}

.promo-box-two .promo-content .box-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 11px
}

.promo-box-two .promo-content .description {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 18px
}

@media (max-width:420px) {
    .promo-box-two .promo-content .description {
        font-size: 14px
    }

    .promo-box-two .promo-content .description br {
        display: none
    }
}

.promo-box-two .promo-content .more-link {
    color: #fff;
    font-size: 14px
}

.promo-box-two .promo-content .more-link i {
    margin-left: 5px
}

.promo-content-wrap {
    max-width: 670px;
    margin: 0 auto 140px;
    position: relative
}

@media (max-width:991px) {
    .promo-content-wrap {
        margin: 0 auto 80px
    }
}

.promo-content-wrap .section-heading {
    margin-bottom: 0
}

.promo-content-wrap .section-heading .section-title {
    font-size: 50px;
    margin-bottom: 11px;
    color: #071c4d
}

.promo-content-wrap .section-heading .description {
    font-size: 18px;
    color: #4f5158;
    margin-bottom: 31px
}

.promo-content-wrap .phone-info {
    font-size: 30px;
    color: #071c4d;
    font-weight: 700;
    margin-bottom: 38px
}

.promo-content-wrap .phone-info img {
    max-width: 28px;
    margin-right: 10px
}

.promo-content-wrap .tt-btn {
    border-color: var(--color_primary);
    color: var(--color_primary);
    padding: 14px 34px
}

.promo-content-wrap .tt-btn:before {
    background-color: var(--color_primary)
}

.promo-content-wrap .badge-wrap {
    position: absolute;
    bottom: -40px;
    width: 100%
}

.promo-content-wrap .badge-wrap img {
    position: absolute;
    bottom: 0
}

.promo-content-wrap .badge-wrap img.badge-right {
    right: 0
}

.call-to-action {
    padding: 62px 50px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: linear-gradient(140deg, #f6335c 0, #e56f4c 100%);
    border-radius: 6px
}

@media (max-width:767px) {
    .call-to-action .actions-content {
        text-align: center
    }
}

.call-to-action .actions-content .action-title {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    line-height: 65px
}

.call-to-action .actions-content p {
    color: #fff;
    margin: 0
}

.call-to-action .button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.call-to-action .button-wrapper .contact-info {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.call-to-action .button-wrapper .contact-info i {
    font-size: 30px;
    color: #fff;
    margin-right: 17px
}

.call-to-action .button-wrapper .contact-info .phone-title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0
}

.call-to-action .button-wrapper .contact-info .phone {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0
}

.call-to-action .button-wrapper .tt-btn {
    padding: 8px 25px;
    box-shadow: 0 20px 20px 0 rgba(84, 21, 0, .2)
}

.call-to-action .button-wrapper .tt-btn:hover {
    box-shadow: none
}

@media (max-width:767px) {
    .call-to-action .button-wrapper {
        text-align: center;
        margin-top: 30px;
        padding-left: 0
    }
}

.contact-info-wrapper .contact-info {
    margin-bottom: 23px
}

.contact-info-wrapper .contact-info .info-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.contact-info-wrapper .contact-info .info-title.style-two {
    color: var(--color_primary)
}

.contact-info-wrapper .contact-info p {
    margin-bottom: 0
}

.contact-info-wrapper .phone {
    display: flex;
    margin-bottom: 21px
}

.contact-info-wrapper .phone i {
    color: var(--color_primary);
    margin-right: 12px;
    font-size: 25px
}

@media (max-width:480px) {
    .contact-info-wrapper .phone i {
        font-size: 20px
    }
}

.contact-info-wrapper .phone .phone-number {
    font-size: 30px;
    font-weight: 600;
    margin: 0
}

@media (max-width:480px) {
    .contact-info-wrapper .phone .phone-number {
        font-size: 24px
    }
}

.contact-info-wrapper .email {
    margin-bottom: 44px
}

.contact-info-wrapper .email .email-id {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    color: #4c4c4c;
    margin: 0
}

.tt-job {
    background-color: var(--color_secondary);
    padding: 33px 40px 45px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 30px
}

.tt-job__type {
    color: #d6d5e1;
    font-size: 14px;
    margin-bottom: 8px
}

.tt-job__type i {
    margin-right: 5px
}

.tt-job__info {
    margin-bottom: 44px;
    padding: 0;
    list-style: none
}

.tt-job__info li {
    display: inline-block;
    margin-right: 15px;
    color: #d6d5e1;
    font-size: 14px
}

.tt-job__info li i {
    margin-right: 5px
}

.tt-job__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px
}

.tt-job__title a {
    color: #fff
}

.tt-job__categories {
    position: absolute;
    top: 30px;
    right: 30px
}

.tt-job__category {
    background-color: rgba(255, 255, 255, .1);
    padding: 6px 25px;
    color: #d6d5e1;
    border-radius: 30px;
    font-size: 13px;
    line-height: 1
}

.tt-job .btn-outline {
    border-color: rgba(255, 255, 255, .402);
    color: #fff;
    padding: 13px 25px;
    line-height: 1
}

.tt-job .btn-outline:hover {
    background-color: #fff;
    border-color: #fff;
    color: #071c4d
}

.tt-job.job-light {
    background-color: #fff;
    padding: 40px 30px
}

.tt-job.job-light .tt-job__type {
    color: #6c757d
}

.tt-job.job-light .tt-job__title a {
    color: #071c4d
}

.tt-job.job-light .tt-job__title a:hover {
    color: var(--color_primary)
}

.tt-job.job-light .tt-job__info li {
    color: #575757
}

.tt-job.job-light .tt-job__category {
    background-color: rgba(23, 92, 255, .1);
    color: var(--color_primary)
}

.tt-job.job-light .tt-btn {
    padding: 7px 25px
}

.job-single {
    padding: 120px 0
}

.job-information {
    background-color: #f8f9fa;
    padding: 40px;
    border-radius: 15px
}

h3.job-info-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px
}

.job-info-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.job-info-items li {
    display: flex
}

.job-info-items li:not(:last-child) {
    margin-bottom: 22px
}

.job-info-items li i {
    margin-right: 15px;
    width: 15px;
    text-align: left;
    color: var(--color_primary);
    font-size: 15px
}

.job-info-items .info-title {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0
}

.job-info-items p {
    font-size: 14px;
    margin-bottom: 0
}

.job-single h2 {
    font-size: 40px
}

.job-single h3 {
    font-size: 20px
}

.job-single ul li {
    line-height: 34px
}

.job-header {
    display: flex;
    text-align: left
}

.job-header .job-logo {
    height: 130px;
    width: 130px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 15px;
    margin-right: 20px
}

.job-header .header-content .single-post-title {
    color: #fff;
    margin-bottom: 0
}

.job-header .company-short-description {
    color: #fff
}

.job-header .company-info {
    margin: 0;
    padding: 0;
    list-style: none
}

.job-header .company-info li {
    display: inline-block;
    margin-right: 20px;
    color: #d6d5e1
}

.job-header .company-info li i {
    margin-right: 8px
}

.job-header .company-info li .star-rating {
    display: inline-block
}

.salary-info {
    background-color: #fff;
    padding: 40px;
    text-align: center;
    border-radius: 15px
}

.salary-info .salary-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.salary-info .salary {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 0;
    color: #071c4d
}

.job-single .wp-block-image img {
    border-radius: 15px
}

.related-job {
    padding: 115px 0 90px;
    background-color: #f8f9fa
}

.related-job .section-heading {
    max-width: 600px;
    margin: 0 auto 60px
}

.tt-support-item {
    margin-bottom: 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(101, 101, 101, .1)
}

.tt-support-item .tt-support-title {
    font-size: 20px;
    margin-bottom: 7px;
    font-weight: 600
}

.tt-support-item p {
    color: #6c757d
}

.tt-support-item .read-more-btn {
    font-size: 15px;
    font-weight: 500
}

.tt-support-item .read-more-btn i {
    font-size: 90%
}

.quiety-filter-wrapper {
    padding: 40px;
    background-color: #f8f9fa;
    border-radius: 15px
}

.tt-content-filter {
    margin: 0;
    padding: 0;
    list-style: none
}

.tt-content-filter li {
    padding: 12px 0;
    line-height: 1.2
}

.support_details_area {
    padding: 115px 0 80px
}

@media (min-width:992px) {
    .tt-support-wrapper {
        padding-left: 50px
    }
}

.support-related-title {
    font-size: 20px;
    margin-bottom: 22px
}

.support-content {
    padding-left: 40px
}

.related-support {
    padding: 40px;
    background-color: #f8f9fa;
    border-radius: 15px
}

.related-support .tt-support__title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px
}

.related-support .tt-support__title a {
    color: #6c757d;
    font-weight: 400
}

.related-support .tt-support__title a:hover {
    color: var(--color_primary)
}

.support-title {
    font-size: 36px;
    margin-bottom: 22px
}

.support-single ul li {
    margin-bottom: 10px
}

.page-pagination {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-pagination li {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 37px;
    text-align: center;
    border: 2px solid #eee;
    margin: 0 3px;
    border-radius: 6px;
    font-weight: 500
}

.page-pagination li i {
    font-size: 15px
}

.page-pagination li .page-numbers {
    display: block
}

@media (max-width:767px) {
    .sidebar-wrap {
        margin-bottom: 40px
    }
}

.support-contact-info {
    margin: 30px 0 0;
    padding: 40px;
    list-style: none;
    background-color: #f8f9fa;
    border-radius: 15px
}

.support-contact-info li {
    display: block;
    color: #6c757d
}

.support-contact-info li:not(:last-child) {
    margin-bottom: 15px
}

.support-contact-info li i {
    margin-right: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #def4ed;
    color: #5cc9a7
}

.support-contact-info li:nth-child(2) i {
    color: var(--color_primary);
    background-color: #ceddff
}

.support-contact-info li:nth-child(3) i {
    color: #f25767;
    background-color: #fcdde1
}

.tt-crypto-table {
    background: #1f1f1f;
    border: 0
}

.tt-crypto-table>:not(caption)>*>* {
    box-shadow: none;
    border: 0
}

.tt-crypto-table>:not(:first-child) {
    border-top: 0
}

.tt-crypto-table td:last-child {
    border-right: 0
}

.tt-crypto-table thead {
    background: #333
}

.tt-crypto-table thead th {
    padding: 16px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 0
}

@media (max-width:991px) {
    .tt-crypto-table thead th {
        padding: 15px;
        font-size: 14px
    }
}

.tt-crypto-table tbody {
    color: #fff
}

.tt-crypto-table tbody td {
    padding: 12px 30px
}

@media (max-width:991px) {
    .tt-crypto-table tbody td {
        padding: 12px 15px;
        font-size: 14px
    }
}

.tt-crypto-table tbody>tr {
    border-bottom: 1px dashed #585858 !important
}

.tt-crypto-table .tt-coin-symbol {
    margin-bottom: 0
}

.tt-crypto-table tr {
    border-style: dashed !important;
    border-color: #585858
}

.tt-crypto-table .tt-coin-price-change {
    position: relative;
    padding-left: 8px
}

.tt-crypto-table .tt-coin-price-change:before {
    content: "";
    position: absolute;
    left: -8px;
    bottom: 8px
}

.tt-crypto-table .tt-coin-price-change.price-down:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid red
}

.tt-crypto-table .tt-coin-price-change.price-up:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2ace93
}

.tt-coin-info {
    display: flex;
    align-items: center
}

.tt-coin-info .coin-icon {
    margin-right: 10px
}

.tt-coin-info .tt-coin-name {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin: 0
}

.tt-coin-info .tt-coin-symbol {
    margin-bottom: 0;
    color: #d7d7d7;
    font-size: 13px
}

.image-wrapper {
    position: relative;
    overflow: hidden
}

.image-wrapper .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-wrapper .content-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%
}

.image-wrapper img {
    object-fit: cover
}

.popup-play-btn {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 55px;
    width: 55px;
    background: #fff;
    display: block;
    line-height: 58px;
    font-size: 24px;
    border-radius: 50%;
    animation: ripple-white 1s linear infinite;
    color: var(--color_primary)
}

.popup-play-btn i {
    margin-left: 8px
}

.popup-play-btn:hover {
    background: var(--color_primary);
    color: #fff
}

.tt-parallax__image {
    position: relative;
    padding: 40px;
    z-index: 1
}

.tt-parallax__image .parallax-image {
    background-color: #fcdde1;
    padding: 3em;
    border-radius: 20px
}

.tt-parallax__image .parallax-image img {
    border-radius: 1rem;
    width: 100%
}

.tt-parallax__image .image-five,
.tt-parallax__image .image-four,
.tt-parallax__image .image-three,
.tt-parallax__image .image-two {
    position: absolute
}

.tt-parallax__image .image-one.image_skew {
    backface-visibility: hidden;
    transform: rotateY(-35deg) rotateX(15deg)
}

.tt-parallax__image .image-two {
    bottom: 0;
    right: 0
}

.tt-parallax__image .image-two img {
    border-radius: 1rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

@media (max-width:576px) {
    .tt-parallax__image .image-two {
        max-width: 150px
    }
}

.tt-parallax__image .dot_shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    max-width: 80%;
    width: 100%
}

.tt-parallax__image--two .parallax-image-two {
    text-align: center
}

.tt-parallax__image--two .dot_shape {
    left: 50%;
    transform: translateX(-50%);
    top: 150px
}

.tt-parallax__image--two .image-three img,
.tt-parallax__image--two .image-two img {
    box-shadow: 0 5px 20px 0 rgba(210, 210, 245, .5)
}

.tt-parallax__image--two .image-two {
    left: 0;
    top: 33%
}

.tt-parallax__image--two .image-three {
    right: -4%;
    top: 36%
}

.tt-parallax__image--two .image-four {
    right: 46%;
    top: 66%
}

.tt-timeline--wrapper {
    position: relative;
    z-index: 1
}

.tt-timeline {
    overflow-x: hidden;
    position: relative
}

.tt-timeline__icon {
    height: 52px;
    width: 52px;
    line-height: 52px;
    background: rgba(255, 255, 255, .1);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 15px
}

.tt-timeline__content {
    background-color: #181818;
    padding: 30px 20px 65px 20px;
    border-radius: 3px;
    position: relative
}

.tt-timeline__title--container {
    margin-top: -35px;
    overflow-y: auto;
    position: relative
}

.tt-timeline .tt-timeline__title-wrapper {
    display: inline-block;
    padding: 10px 20px 10px 45px;
    width: 80%;
    margin: 0 0 0 -20px;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    background: red;
    overflow: hidden;
    position: relative
}

.tt-timeline .tt-timeline__title-wrapper:before {
    content: "";
    background: linear-gradient(96.49deg, #0082f8 0, #3c10f2 101.82%);
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg)
}

.tt-timeline .shape-wrapper {
    position: relative
}

.tt-timeline .shape-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 27px solid transparent;
    border-right: 45px solid #3c10f2;
    z-index: 2
}

.tt-timeline__title {
    color: #fff;
    font-size: 18px;
    letter-spacing: .01em;
    font-weight: 600;
    margin-bottom: 5px;
    transform: skew(-20deg)
}

.tt-timeline__date {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    display: block;
    transform: skew(-20deg);
    margin-left: -8px
}

.tt-timeline__description {
    color: rgba(255, 255, 255, .5);
    margin-bottom: 0
}

.tt-timeline__year-wrapper {
    padding-left: 30px
}

.tt-timeline__bubble {
    height: 26px;
    width: 26px;
    background: linear-gradient(96.49deg, #0082f8 0, #3c10f2 101.82%);
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 18px
}

.tt-timeline__bubble:before {
    content: "";
    position: absolute;
    border: 20px solid rgba(2, 56, 247, .3);
    left: -7px;
    top: -7px;
    border-radius: 50%
}

.tt-timeline__year {
    font-size: 20px;
    color: #fff
}

.tt-timeline__border {
    height: 2px;
    width: 100%;
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    bottom: 71px;
    z-index: -1
}

.tt-timeline__border:after,
.tt-timeline__border:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #181818;
    border-radius: 50%;
    top: -10px
}

.tt-timeline__border:after {
    left: 0
}

.tt-timeline__border:before {
    right: 0
}

.quiety-products-container {
    padding: 120px 0
}

@media (max-width:991px) {
    .quiety-products-container {
        padding: 80px 0 50px
    }
}

.woocommerce-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

.woocommerce-products-header .woocommerce-result-count {
    margin-bottom: 0;
    color: #4f5158;
    font-size: 14px
}

.single-product .quiety-products-container {
    padding: 180px 0 100px
}

@media (max-width:991px) {
    .single-product .quiety-products-container {
        padding: 100px 0 50px
    }
}

.quiety-products-container {
    padding: 120px 0 100px
}

@media (max-width:991px) {
    .quiety-products-container {
        padding: 80px 0 50px
    }
}

.quiety-products-container .woocommerce-products-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (max-width:380px) {
    .quiety-products-container .woocommerce-products-header {
        display: block
    }
}

.quiety-products-container .woocommerce-products-header .woocommerce-notices-wrapper {
    position: absolute
}

.ultraland-product-result-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
    align-items: center
}

.ultraland-product-result-wrapper p {
    margin: 0
}

.ultraland-product-result-wrapper .woocommerce-notices-wrapper {
    width: 100%
}

.ultraland-orderby-wrapper {
    display: flex;
    align-items: center
}

.ultraland-orderby-wrapper .product-layout {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 30px
}

.ultraland-orderby-wrapper .product-layout li {
    display: inline-block;
    color: #777;
    font-size: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.ultraland-orderby-wrapper .product-layout li:not(:last-child) {
    margin-right: 15px
}

.ultraland-orderby-wrapper .product-layout li.active {
    color: var(--color_primary)
}

.ultraland-orderby-wrapper select {
    font-size: 14px;
    background-color: #f6f6f7;
    border: 0;
    height: 40px;
    color: #4f5158;
    margin-bottom: 0
}

@media (max-width:380px) {
    .ultraland-orderby-wrapper select {
        margin-top: 10px
    }
}

.products .featured {
    padding-top: 0
}

.quiety-product-item {
    overflow: hidden;
    margin-bottom: 52px;
    position: relative;
    text-align: center;
    background-color: #fff
}

@media (max-width:576px) and (min-width:481px) {
    .quiety-product-item {
        max-width: 255px;
        margin: 0 auto
    }
}

.quiety-product-item .woo_product_image .picture {
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

@media (max-width:480px) {
    .quiety-product-item .woo_product_image .picture img {
        width: 100%
    }
}

.quiety-product-item .woo_product_image .picture .woo_post-link {
    display: block
}

.quiety-product-item .woo_product_image .picture:hover .woo_post-link:after {
    opacity: 1
}

.quiety-product-item .woo_product_image .picture:hover .add_to_cart_button,
.quiety-product-item .woo_product_image .picture:hover .added_to_cart,
.quiety-product-item .woo_product_image .picture:hover .button {
    visibility: visible;
    opacity: 1;
    z-index: 2
}

.quiety-product-item .woo_product_image img {
    transition: all .4s;
    transform: scale(1);
    backface-visibility: hidden;
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.quiety-product-item .woo_product_image img:nth-child(2) {
    position: absolute;
    opacity: 0;
    transition: all .4s;
    filter: blur(0);
    top: 0;
    left: 0;
    right: auto;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.quiety-product-item .woo_product_image:hover .woo_button {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.quiety-product-item .woo_product_image:hover .picture:not(.no_effects) img {
    opacity: 0;
    visibility: hidden
}

.quiety-product-item .woo_product_image:hover .picture:not(.no_effects) img:nth-child(2) {
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible
}

.quiety-product-item .quiety-product-image {
    position: relative
}

.quiety-product-item .quiety-product-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(23, 92, 255, .7);
    transition: all .3s ease-in-out;
    opacity: 0
}

.quiety-product-item .quiety-product-image:hover:before {
    opacity: 1
}

.quiety-product-item .quiety-product-image:hover .add_to_cart_button,
.quiety-product-item .quiety-product-image:hover .added_to_cart,
.quiety-product-item .quiety-product-image:hover .button {
    opacity: 1;
    visibility: visible
}

.quiety-product-item .woo_post-link {
    display: block;
    position: relative
}

.quiety-product-item .woo_post-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(12, 22, 54, .2);
    z-index: 1;
    opacity: 0;
    transition: all .3s ease-in-out
}

.quiety-product-item .woo_button {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 15px;
    width: max-content;
    transition: transform .65s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.23, 1, .32, 1), -webkit-transform .65s cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px)
}

.quiety-product-item .woo_button .added_to_cart {
    display: none
}

.quiety-product-item .woo_button>a,
.quiety-product-item .woo_button>div {
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    background: #fff;
    color: var(--color_primary);
    line-height: 36px;
    font-size: 16px;
    padding: 0;
    transition: all .3s ease-in-out;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px
}

.quiety-product-item .woo_button>a i,
.quiety-product-item .woo_button>div i {
    margin-right: 0
}

.quiety-product-item .woo_button>a .fa-spinner,
.quiety-product-item .woo_button>div .fa-spinner {
    display: none !important
}

.quiety-product-item .woo_button>a.added,
.quiety-product-item .woo_button>a:hover,
.quiety-product-item .woo_button>div.added,
.quiety-product-item .woo_button>div:hover {
    background: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

.quiety-product-item .woo_button>div a {
    display: block
}

.quiety-product-item .woo_button>div a i {
    color: var(--color_primary)
}

.quiety-product-item .woo_button>div a:hover i {
    color: #fff
}

.quiety-product-item .onsale {
    display: inline-block;
    border-radius: 4px;
    margin: 0 !important;
    top: 10px !important;
    left: 10px !important;
    font-size: 14px;
    line-height: 1;
    padding: 6px 10px;
    background-color: var(--color_primary);
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 22
}

.quiety-product-item .quiety-product-info {
    padding-top: 19px
}

.quiety-product-item .quiety-product-info .star-rating {
    margin: 0 auto
}

.quiety-product-item .quiety-product-info .quiety-product-list-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: #071c4d
}

.quiety-product-item .quiety-product-info .price {
    display: inline-flex;
    color: #0c1636;
    font-size: 14px;
    font-weight: 600;
    flex-direction: row-reverse;
    line-height: 1
}

.quiety-product-item .quiety-product-info .price del {
    font-size: 14px;
    font-weight: 400;
    color: #4f5158;
    text-decoration: line-through;
    margin-left: 10px
}

.quiety-product-item .quiety-product-info .price ins {
    background: 0 0;
    color: #0c1636
}

.quiety-product-item .quiety-product-info .product-description,
.quiety-product-item .quiety-product-info .ultraland-product-category {
    display: none
}

.quiety-product-item.style_two {
    background: #fff;
    box-shadow: 0 15px 55px rgba(136, 136, 136, .1);
    border-radius: 5px;
    margin-bottom: 30px
}

.quiety-product-item.style_two .woo_product_image .picture {
    border-radius: 0
}

.quiety-product-item.style_two .woo_product_image .woo_post-link img {
    height: 240px
}

.quiety-product-item.style_two .quiety-product-info {
    padding: 20px 25px
}

.quiety-product-item.style_two .quiety-product-list-title {
    margin-bottom: 7px
}

.quiety-product-item.style_two .woocommerce-Price-amount {
    color: #666;
    font-size: 16px
}

.quiety-product-item.style_two .woo_button>a,
.quiety-product-item.style_two .woo_button>div {
    border-radius: 2px
}

.related-products .products .product .quiety-product-item {
    margin-bottom: 0
}

@media (max-width:767px) {
    .related-products .products .product .quiety-product-item {
        margin-bottom: 30px
    }
}

.animation.animated {
    transition: transform .65s, opacity .25s cubic-bezier(.25, .46, .45, .94);
    transform: none;
    opacity: 1;
    animation-name: fadeIn
}

.animation {
    will-change: opacity, transform;
    opacity: 0;
    animation: none;
    transition: all .3s ease-in-out
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both
}

.single_product .single-product-wrapper {
    display: flex;
    flex-wrap: wrap
}

.single_product .single-product-wrapper .onsale {
    position: absolute
}

@media (min-width:768px) {

    .single_product .entry-summary,
    .single_product .woocommerce-product-gallery {
        width: 50%
    }
}

.single_product .woocommerce-product-gallery {
    padding-right: 30px
}

.single_product .woocommerce-product-details__short-description {
    margin-bottom: 30px
}

.related .products {
    position: relative
}

.related .products .slider-control {
    top: 29%;
    z-index: 1;
    height: auto
}

.related .products .slider-control .product-button-next,
.related .products .slider-control .product-button-prev {
    border: 1px solid #fff;
    height: 65px;
    width: 65px;
    line-height: 57px;
    text-align: center;
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    transition: .3s;
    z-index: 99;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .06);
    background-color: #fff;
    outline: 0;
    cursor: pointer
}

.related .products .slider-control .product-button-next svg,
.related .products .slider-control .product-button-prev svg {
    width: 20px
}

.related .products .slider-control .product-button-next:hover,
.related .products .slider-control .product-button-prev:hover {
    background-color: var(--color_primary)
}

.related .products .slider-control .product-button-next:hover svg path,
.related .products .slider-control .product-button-prev:hover svg path {
    fill: #fff
}

.related .products .slider-control .product-button-prev {
    left: -13%
}

.related .products .slider-control .product-button-next {
    right: -13%
}

.related .products .quiety-product-item {
    position: relative;
    margin-bottom: 0
}

.ultraland-products-single-wrapper .woocommerce-product-gallery {
    position: relative
}

.ultraland-products-single-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 22
}

.ultraland-products-single-wrapper .star-rating {
    float: none !important;
    width: 5.6em !important
}

.ultraland-products-single-wrapper .price {
    font-size: 24px;
    font-weight: 600;
    color: #071c4d;
    margin-bottom: 30px
}

.ultraland-products-single-wrapper .woocommerce-product-details__short-description {
    margin-bottom: 30px
}

.ultraland-products-single-wrapper .cart {
    margin-bottom: 20px
}

.ultraland-products-single-wrapper .cart .quantity {
    width: 80px;
    margin-right: 20px;
    display: inline-block
}

.ultraland-products-single-wrapper .cart .quantity input {
    margin: 0 !important
}

.woocommerce-cart-form .cart-collaterals {
    max-width: 40%;
    margin-left: auto
}

.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistexistsbrowse {
    display: block !important
}

.widget_price_filter .price_slider {
    margin-bottom: 1.5em
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4em
}

.widget_price_filter .price_slider_amount .button {
    float: left;
    padding: 6px 39px;
    border-radius: 6px
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: 0;
    background: var(--color_primary);
    box-sizing: border-box;
    margin-top: -.4em;
    opacity: 1;
    border-radius: 50%
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em
}

.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active,
.widget_price_filter .ui-slider .ui-slider-handle:hover {
    box-shadow: 0 0 0 .25em rgba(0, 0, 0, .1)
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: var(--color_primary)
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #dbe2e9;
    border-radius: 3px
}

.widget_price_filter .ui-slider-horizontal {
    height: 5px
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%
}

.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--max,
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--min {
    width: 80px !important;
    background: 0 0 !important;
    border: 0 !important
}

.woocommerce-product-search {
    display: flex;
    background: #f3f4f9;
    border: 1px solid #f3f4f9;
    border-radius: 6px;
    transition: all .3s ease-in-out
}

.woocommerce-product-search input {
    margin-bottom: 0 !important;
    border: 0 !important;
    background: 0 0
}

.woocommerce-product-search button {
    border: 0;
    background: 0 0;
    padding: 0;
    padding-right: 20px;
    color: #7d7d7d
}

.woocommerce-product-search:focus,
.woocommerce-product-search:hover {
    border-color: rgba(255, 112, 112, .5) !important;
    outline: 0
}

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

.product_list_widget li {
    display: flex;
    margin-bottom: 30px !important;
    flex-wrap: wrap;
    align-items: center
}

.product_list_widget li a {
    padding-left: 0 !important
}

.product_list_widget li a:before {
    display: none
}

.product_list_widget li>a {
    width: 60px;
    height: 60px;
    margin-right: 20px
}

.product_list_widget li>a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px
}

.product_list_widget li .product-info {
    flex: 2
}

.product_list_widget li .product-info .woocommerce-Price-amount,
.product_list_widget li .product-info del,
.product_list_widget li .product-info ins {
    font-weight: 400;
    color: #4f5158;
    font-size: 14px;
    line-height: 1
}

.product_list_widget li .product-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    padding-bottom: 0
}

.product_list_widget li .product-title:after {
    display: none
}

.product_list_widget li .product-title a {
    color: #071c4d
}

.product_list_widget li .product-title a:hover {
    color: var(--color_primary)
}

.woocommerce-widget-layered-nav-list li {
    display: flex
}

.woocommerce-widget-layered-nav-list li .count {
    display: inline;
    margin-left: 5px
}

.wc-block-price-filter__range-input-wrapper input:not([type=checkbox]):not([type=submit]) {
    border: 0;
    padding: 0
}

.wc-block-price-filter__range-input-wrapper input:not([type=checkbox]):not([type=submit]):focus,
.wc-block-price-filter__range-input-wrapper textarea:focus {
    border: 0 !important
}

input.wc-block-components-price-slider__amount {
    padding: 0 !important;
    margin: 0;
    width: auto;
    background-color: transparent !important;
    height: max-content;
    border-radius: 0 !important
}

.wc-block-components-price-slider__range-input-progress {
    --range-color: #2a5cff
}

.wc-block-components-price-slider__range-input-progress,
.wc-block-components-price-slider__range-input-wrapper {
    height: 3px;
    box-shadow: none
}

.wc-block-price-filter__controls input {
    margin-bottom: 0 !important
}

.wc-block-components-price-slider__controls {
    display: block
}

wc-block-components-price-slider__range-input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    pointer-events: none;
    outline: 0 !important;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px !important;
    background: red
}

.wc-block-components-price-slider__range-input::-webkit-slider-runnable-track {
    cursor: default;
    height: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wc-block-components-price-slider__range-input::-webkit-slider-thumb {
    background-color: transparent;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    border: 0;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
    z-index: 20;
    pointer-events: auto;
    background-image: none;
    -webkit-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: -6px 0 0;
    background-color: var(--color_primary);
    border-radius: 30px;
    box-shadow: 0 4px 10px 0 rgba(0, 14, 58, .2);
    border: 2px solid #fff
}

.wc-block-components-price-slider__range-input::-webkit-slider-thumb:hover {
    background-position-y: -23px;
    transform: scale(1.1)
}

.wc-block-components-price-slider__range-input::-webkit-slider-progress {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wc-block-components-price-slider__range-input::-moz-focus-outer {
    border: 0
}

.wc-block-components-price-slider__range-input::-moz-range-track {
    cursor: default;
    height: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wc-block-components-price-slider__range-input::-moz-range-progress {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wc-block-components-price-slider__range-input::-moz-range-thumb {
    background-color: transparent;
    background-position: 0 0;
    width: 28px;
    height: 23px;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    z-index: 20;
    pointer-events: auto;
    background-image: none;
    -moz-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wc-block-components-price-slider__range-input::-moz-range-thumb:hover {
    background-position-y: -23px;
    transform: scale(1.1)
}

.wc-block-components-price-slider__range-input::-ms-thumb {
    background-color: transparent;
    background-position: 0 0;
    width: 28px;
    height: 23px;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    z-index: 20;
    pointer-events: auto;
    background-image: none;
    -ms-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wc-block-components-price-slider__range-input::-ms-thumb:hover {
    background-position-y: -23px;
    transform: scale(1.1)
}

.wc-block-components-price-slider__range-input:focus::-webkit-slider-thumb {
    background-position-y: -23px;
    transform: scale(1.1)
}

.wc-block-components-price-slider__range-input:focus::-moz-range-thumb {
    background-position-y: -23px;
    transform: scale(1.1)
}

.wc-block-components-price-slider__range-input:focus::-ms-thumb {
    background-position-y: -23px;
    transform: scale(1.1)
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min {
    z-index: 21
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-webkit-slider-thumb {
    margin-left: -2px;
    background-position-x: left
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-moz-range-thumb {
    background-position-x: left;
    transform: translate(-2px, 4px)
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-ms-thumb {
    background-position-x: left
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max {
    z-index: 20
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-webkit-slider-thumb {
    background-position-x: right;
    margin-left: 2px
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-moz-range-thumb {
    background-position-x: right;
    transform: translate(2px, 4px)
}

.wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-ms-thumb {
    background-position-x: right
}

.entry-summary .quantity {
    width: 110px;
    display: inline-block;
    position: relative;
    background-color: transparent;
    border: 2px solid #e3e5ee;
    border-radius: 6px
}

.entry-summary .quantity input {
    border: 0 !important
}

.entry-summary .quantity input::-webkit-inner-spin-button,
.entry-summary .quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.entry-summary .product_title {
    margin-bottom: 10px !important
}

.entry-summary .woocommerce-Price-amount {
    font-size: 24px;
    color: var(--color_primary);
    font-weight: 600
}

.entry-summary del .woocommerce-Price-amount {
    color: #76787d
}

.quantity {
    width: 110px;
    display: inline-block;
    position: relative;
    background-color: transparent;
    border: 2px solid #e3e5ee;
    border-radius: 6px
}

.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity .qty {
    padding: 0 7px 0 12px;
    margin: 0 !important;
    border-radius: 0;
    height: 40px;
    background-color: transparent !important;
    text-align: center;
    border: 0 !important
}

.quantity .qty:focus {
    border-color: transparent
}

.quantity .minus-button {
    height: 100%;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.quantity .minus-button:before {
    content: "\e996";
    font-family: feather !important
}

.quantity .plus-button {
    height: 100%;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.quantity .plus-button:before {
    content: "\e9b1";
    font-family: feather !important
}

.quiety-single-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.quiety-single-wrapper .woocommerce-product-gallery__wrapper {
    margin: 0
}

.quiety-single-wrapper .onsale {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: var(--color_primary);
    padding: 6px 10px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1
}

.quiety-single-wrapper .quantity {
    margin-right: 10px
}

.quiety-single-wrapper .price {
    font-size: 20px;
    font-weight: 500;
    color: #071c4d
}

.quiety-single-wrapper .price del {
    color: #76787d;
    font-size: 16px
}

.quiety-single-wrapper .woocommerce-product-gallery__image img {
    border-radius: 6px
}

.quiety-single-wrapper .entry-summary {
    padding-top: 40px
}

.quiety-single-wrapper .product_title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 3px;
    color: #0c1636
}

@media (max-width:767px) {
    .quiety-single-wrapper .product_title {
        font-size: 22px
    }
}

.quiety-single-wrapper .yith-wcwl-add-to-wishlist {
    display: inline-block
}

.quiety-single-wrapper .yith-wcwl-add-to-wishlist {
    margin-top: 15px;
    margin-left: 5px
}

.quiety-single-wrapper .yith-wcwl-add-to-wishlist a {
    line-height: 18px;
    font-size: 15px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    border-radius: 6px
}

.quiety-single-wrapper .yith-wcwl-add-to-wishlist a i {
    margin-right: 0
}

.comment-form-rating {
    margin-bottom: 15px
}

.single_add_to_cart_button {
    font-size: 15px;
    color: #fff;
    background: var(--color_primary);
    border: 2px solid var(--color_primary);
    border-radius: 6px;
    padding: 6px 33px;
    line-height: 1;
    height: 44px;
    font-weight: 500
}

.flex-control-thumbs {
    margin: 10px 0 0;
    padding: 0;
    list-style: none
}

.flex-control-thumbs li {
    display: inline-block;
    width: 70px;
    height: 74px;
    margin-right: 10px
}

.flex-control-thumbs li img {
    border-radius: 6px;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.flex-control-thumbs li img.flex-active {
    border-color: var(--color_primary)
}

.product_meta {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #eff1f6
}

.product_meta>span {
    display: block
}

.woocommerce-breadcrumb {
    margin-bottom: 40px
}

.wc-tabs-wrapper {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-top: 100px;
    padding: 100px 0
}

@media (max-width:991px) {
    .wc-tabs-wrapper {
        padding: 80px 0 80px
    }
}

.tabs.wc-tabs {
    margin-bottom: 36px;
    list-style: none;
    padding: 0;
    text-align: center
}

.tabs.wc-tabs li {
    display: inline-block;
    margin-right: 20px
}

.tabs.wc-tabs li a {
    color: #071c4d;
    padding: 0 0 8px;
    display: inline-block;
    position: relative;
    transition: all .3s ease-in-out
}

.tabs.wc-tabs li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    background-color: var(--color_primary);
    transition: all .3s ease-in-out
}

.tabs.wc-tabs li.active a {
    color: var(--color_primary)
}

.tabs.wc-tabs li.active a:after {
    width: 100%
}

.woocommerce-Tabs-panel h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px
}

.woocommerce-Tabs-panel #comments {
    margin-top: 0
}

.woocommerce-product-attributes {
    border-color: #dedfe3
}

.woocommerce-product-attributes tbody>tr {
    border-top-color: #dedfe3
}

.woocommerce-product-attributes td:last-child {
    border-right-color: #dedfe3
}

.woocommerce-product-attributes p {
    margin-bottom: 0
}

.comment-form-rating label {
    margin-right: 10px
}

.woocommerce-Reviews .comment-respond .comment-reply-title {
    display: block;
    margin-bottom: 5px;
    color: #071c4d;
    font-weight: 600
}

.woocommerce-Reviews input:not([type=checkbox]):not([type=submit]),
.woocommerce-Reviews textarea {
    background-color: #fff;
    border: 2px solid #fff
}

.woocommerce-Reviews input:not([type=checkbox]):not([type=submit]):focus,
.woocommerce-Reviews textarea:focus {
    border-color: var(--color_primary);
    background-color: #fff
}

.woocommerce-Reviews .comment-form .comment-form-author,
.woocommerce-Reviews .comment-form .comment-form-email {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 22
}

.woocommerce-Reviews .comment-form .comment-form-cookies-consent label:not(:empty) {
    padding-left: 20px
}

.woocommerce-Reviews .comment-form textarea {
    height: 120px;
    border-color: transparent !important;
    background-color: #f4f5f7
}

.woocommerce-Reviews .commentlist {
    margin-bottom: 76px;
    padding: 0;
    list-style: none
}

.woocommerce-Reviews .commentlist li .thiscommentbody .commentava {
    float: left
}

.woocommerce-Reviews .commentlist .comment_container {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-bottom: 20px;
    border-radius: 6px
}

.woocommerce-Reviews .commentlist .comment_container img {
    max-width: 50px;
    flex: 1;
    height: max-content;
    margin-right: 20px;
    border-radius: 50%
}

.woocommerce-Reviews .commentlist .comment_container .comment-text {
    flex: 2
}

.woocommerce-Reviews .commentlist .meta {
    font-size: 14px;
    margin-bottom: 2px
}

p.stars {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0
}

p.stars a:before {
    display: block;
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3em;
    color: #666;
    content: "\f006";
    transition: all .3s ease
}

p.stars a {
    display: inline-block
}

p.stars a:hover~a:before,
p.stars.selected:not(:hover) a.active~a:before {
    color: #666
}

p.stars.selected:not(:hover) a:before,
p.stars:hover a:before {
    color: #ffbc53;
    content: "\f005"
}

p.stars a:before {
    display: block;
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3em;
    color: #666;
    content: "\f005";
    transition: all .3s ease
}

.related-products {
    padding: 115px 0 0
}

@media (max-width:480px) {
    .related-products {
        padding-top: 70px
    }
}

@media (max-width:480px) {
    .related-products .row {
        margin: 0 !important
    }
}

.related-products .section-heading {
    margin-bottom: 50px
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1 {
    margin-left: 15px;
    margin-top: 10px
}

.woocommerce-cart-form__cart-item .product-thumbnail a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #071c4d
}

.woocommerce-cart-form__cart-item .product-thumbnail a:hover {
    color: var(--color_primary)
}

.woocommerce-cart-form__cart-item .product-thumbnail .attachment-woocommerce_thumbnail {
    width: 60px;
    margin-right: 20px;
    border-radius: 4px
}

.woocommerce-Price-amount {
    font-size: 14px;
    color: #071c4d;
    font-weight: 600
}

.woocommerce-cart-form .coupon {
    display: flex;
    background-color: #f1f2f3;
    width: max-content;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.woocommerce-cart-form .coupon .input-text {
    margin: 0;
    background-color: transparent !important;
    max-width: 220px
}

.woocommerce-cart-form .coupon .input-text:focus {
    border-color: transparent
}

.woocommerce-cart-form .coupon button {
    background-color: #0c1636;
    border: 0;
    padding: 10px 25px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 15px;
    min-width: 150px
}

.woocommerce-cart-form table {
    border: 0
}

.woocommerce-cart-form table thead {
    background: 0 0
}

.woocommerce-cart-form table thead th {
    color: #76787d;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0
}

.woocommerce-cart-form table td {
    padding: 20px 0
}

.woocommerce-cart-form table td:last-child {
    border-right: 0
}

.woocommerce-cart-form table .product-remove {
    text-align: right
}

.woocommerce-cart-form .tt__btn {
    padding: 14px 30px;
    border-radius: 6px
}

.cart-collaterals {
    padding: 35px 40px 50px;
    background-color: #f6f6f7;
    border-radius: 6px
}

.cart-collaterals h2 {
    font-size: 20px
}

.cart-collaterals .shop_table {
    border: 0;
    margin-bottom: 17px
}

.cart-collaterals .shop_table th {
    padding: 16px 0;
    font-size: 14px
}

.cart-collaterals .shop_table tbody>tr {
    border-top: 1px solid #e1e1e4
}

.cart-collaterals .shop_table td:last-child {
    border-right: 0;
    text-align: right;
    padding: 0
}

.cart-collaterals .shop_table .woocommerce-Price-amount {
    color: #76787d;
    font-weight: 500
}

.cart-collaterals .shop_table .order-total .woocommerce-Price-amount {
    color: var(--color_primary)
}

.cart-collaterals .checkout-button {
    padding: 9px 25px;
    display: block;
    background-color: var(--color_primary);
    color: #fff;
    border-radius: 6px;
    text-align: center
}

.woocommerce-form-coupon-toggle {
    margin-bottom: 46px
}

.woocommerce-NoticeGroup-checkout {
    width: 100%
}

.woocommerce-NoticeGroup-checkout .woocommerce-error {
    padding-left: 15px;
    list-style: none
}

.woocommerce-billing-fields>h3 {
    font-size: 20px;
    font-weight: 600;
    color: #071c4d
}

.woocommerce-billing-fields__field-wrapper .form-row {
    display: block;
    margin-bottom: 24px
}

.woocommerce-billing-fields__field-wrapper input:not([type=checkbox]):not([type=submit]),
.woocommerce-billing-fields__field-wrapper textarea.input-text {
    margin: 0;
    background-color: #f1f2f3 !important;
    font-size: 14px
}

.woocommerce-billing-fields__field-wrapper input:not([type=checkbox]):not([type=submit]) {
    height: 50px
}

.woocommerce-billing-fields__field-wrapper input:not([type=checkbox]):not([type=submit])::placeholder {
    color: #83858c
}

.woocommerce-billing-fields__field-wrapper textarea.input-text {
    background-color: #f1f2f3 !important
}

.woocommerce-billing-fields__field-wrapper .form-row-first {
    width: 50%;
    padding-right: 15px;
    float: left
}

.woocommerce-billing-fields__field-wrapper .form-row-last {
    padding-left: 15px;
    width: 50%;
    float: right
}

.woocommerce-additional-fields {
    margin-top: 26px
}

.woocommerce-additional-fields textarea.input-text {
    background-color: #f1f2f3 !important;
    font-size: 14px
}

.woocommerce-additional-fields>h3 {
    font-size: 20px;
    font-weight: 600;
    color: #071c4d
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 6px;
    height: 50px;
    padding: 10px
}

.form-row.notes {
    display: block
}

.woocommerce-input-wrapper select {
    border: 0
}

.select2-container--default .select2-selection--single {
    background-color: #f1f2f3;
    border: 0;
    border-radius: 6px;
    height: 50px;
    padding: 10px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px
}

.tt_checkout-wrapper {
    padding: 30px;
    background-color: #f6f6f7
}

.tt_checkout-wrapper h3 {
    font-size: 20px;
    font-weight: 500;
    color: #071c4d
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table {
    border: 0
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table .product-name,
.tt_checkout-wrapper .woocommerce-checkout-review-order-table .product-total {
    padding: 12px 0
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table .product-total {
    text-align: right
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table tbody>tr {
    border-top-color: #e1e1e4
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table td:last-child {
    border-right: 0
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table tfoot th {
    padding: 10px 0;
    font-weight: 400;
    color: #0c1636
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table tfoot td {
    text-align: right;
    padding: 10px 0
}

.tt_checkout-wrapper .woocommerce-checkout-review-order-table tfoot td,
.tt_checkout-wrapper .woocommerce-checkout-review-order-table tfoot th {
    border-top: 1px solid #e1e1e4
}

.tt_checkout-wrapper #place_order {
    background-color: var(--color_primary);
    border: 2px solid var(--color_primary);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px;
    display: block;
    width: 100%;
    border-radius: 6px
}

.woocommerce-info {
    background-color: #f6f6f7;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 6px;
    margin-bottom: 20px
}

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

.wc_payment_methods li {
    padding: 0
}

.woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 {
    display: flex
}

.woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 .woocommerce-column {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 !important
}

.woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 .woocommerce-column .woocommerce-column__title {
    font-size: 20px;
    font-weight: 600
}

.wishlist_table .product-add-to-cart a {
    padding: 7px 20px;
    display: inline-block !important;
    background-color: #2a5cff;
    color: #fff;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500
}

.wishlist_table .product-add-to-cart a:hover {
    background-color: #0044e3
}

.wishlist_table .product-stock-status span.wishlist-in-stock {
    color: var(--color_primary);
    font-size: 16px;
    font-weight: 500
}

.wishlist_table .product-name>a {
    font-weight: 600;
    color: #071c4d;
    font-size: 16px
}

.wishlist_table .product-name>a:hover {
    color: var(--color_primary)
}

.wishlist_table .woocommerce-Price-amount {
    font-size: 18px
}

@media (max-width:575px) {
    .products .col-sm-6 {
        width: 50%;
        max-width: 50%
    }
}

@media (max-width:380px) {
    .products .col-sm-6 {
        width: 100%;
        max-width: 100%
    }
}

.woocommerce-message {
    padding: 14px 30px;
    background: #f5f5f5;
    margin-bottom: 20px;
    border-radius: 6px
}

.woocommerce-message a {
    color: var(--color_primary)
}

.single_product .widget {
    padding: 0;
    border: 0
}

.single_product .widget:not(:last-child) {
    margin-bottom: 50px
}

.woocommerce-account .site-main {
    padding: 100px 0
}

.woocommerce-my-account-page-wrapper {
    display: flex
}

.woocommerce-my-account-page-wrapper .u-columns {
    margin-left: -15px;
    margin-right: -15px
}

.woocommerce-my-account-page-wrapper .woocommerce-Address {
    width: 50% !important;
    padding: 0 15px
}

.woocommerce-my-account-page-wrapper .woocommerce-Address .woocommerce-Address-title {
    display: flex;
    background-color: #f9f9f9;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px
}

.woocommerce-my-account-page-wrapper .woocommerce-Address .woocommerce-Address-title h3 {
    font-size: 20px;
    margin: 0
}

.woocommerce-my-account-page-wrapper .woocommerce-Address address {
    padding: 15px;
    border: 1px solid #f5f5f5;
    margin-bottom: 0
}

.woocommerce-MyAccount-navigation {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin-bottom: 60px;
    padding: 40px 30px;
    width: 30%;
    border-radius: 10px;
    height: max-content
}

.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.woocommerce-MyAccount-navigation ul li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--color_primary)
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--color_primary)
}

.woocommerce-MyAccount-content {
    flex: 2;
    padding-left: 40px
}

p.woocommerce-form-row {
    margin: 0
}

p.woocommerce-form-row label {
    margin-bottom: 10px;
    display: block
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: block;
    margin-bottom: 10px
}

.woocommerce-button {
    border-radius: 6px
}

.hero-twelve .hero-slider .slider-one {
    padding: 230px 0
}

.hero-twelve .hero-slider .slider-one .hero-content .btn-gradient {
    background: linear-gradient(287.85deg, #ff0766 0, #ff7e5d 95.32%);
    border-radius: 50px;
    padding: 16px 35px;
    display: inline-block;
    color: var(--bs-white);
    text-decoration: none
}

.benifits-area .benifits-left {
    text-align: left
}

.benifits-area .benifits-left ul li:nth-child(1) {
    position: absolute;
    top: 0;
    right: 8%
}

.benifits-area .benifits-left ul li:nth-child(2) {
    position: absolute;
    right: 8%;
    bottom: -13%
}

.benifits-area .benifits-left ul li:nth-child(3) {
    top: 0;
    position: absolute;
    left: auto
}

.benifits-area .benifits-left ul li:nth-child(4) {
    position: absolute;
    left: -12%;
    z-index: 3;
    bottom: -7%
}

.payment-feature-img .payment-feature-mockup::before {
    content: "";
    position: absolute;
    left: 10%;
    right: 0;
    width: 565px;
    height: 565px;
    background: linear-gradient(255.07deg, #f97956 -2.38%, #ff4579 102.02%);
    border-radius: 50%;
    z-index: -3
}

.payment-feature-img .payment-feature-mockup img {
    z-index: 5
}

.payment-feature-img ul li:nth-child(1) {
    position: absolute;
    left: -5px;
    bottom: 165px;
    z-index: 5;
    box-shadow: 0 .3rem 1.525rem -.375rem rgba(12, 8, 0, .1)
}

.payment-feature-img ul li:nth-child(2) {
    position: absolute;
    top: -16px;
    right: 154px;
    z-index: 5;
    box-shadow: 0 .3rem 1.525rem -.375rem rgba(12, 8, 0, .1)
}

.payment-feature-img ul li:nth-child(3) {
    position: absolute;
    left: -44px;
    bottom: 136px
}

.payment-feature-img ul li:nth-child(4) {
    position: absolute;
    top: -40px;
    left: 168px;
    z-index: -2
}

.payment-feature-img ul li:nth-child(5) {
    position: absolute;
    top: -16px;
    right: 0
}

.payment-news-letter .p-cta-right::before {
    position: absolute;
    content: "";
    width: 518px;
    height: 518px;
    background: #fae0d9;
    border-radius: 50%;
    left: 15%;
    top: 5%;
    z-index: -3
}

.payment-news-letter .p-cta-right img {
    z-index: 5
}

.payment-news-letter ul li:nth-child(1) {
    position: absolute;
    left: 13%;
    bottom: 21%
}

.payment-news-letter ul li:nth-child(2) {
    right: 23%;
    position: absolute;
    top: -10%;
    z-index: -4
}

.payment-news-letter ul li:nth-child(3) {
    position: absolute;
    left: 20%;
    top: 10%
}

.payment-news-letter ul li:nth-child(4) {
    position: absolute;
    right: 12%;
    top: 24%
}

.payment-news-letter ul li:nth-child(5) {
    position: absolute;
    bottom: 1%
}

.payment-counter ul li:nth-child(1) {
    position: absolute;
    left: -7%;
    top: 35%
}

.payment-counter ul li:nth-child(2) {
    position: absolute;
    top: -9%;
    left: 40%
}

.payment-counter ul li:nth-child(3) {
    position: absolute;
    bottom: -8%;
    right: 42%
}

.payment-counter ul li .counter-circle {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff
}

@media (max-width:768px) {
    .benifits-area .benifits-left ul {
        display: none
    }
}

.event_schedule_area .ev-schedule ul li {
    padding-right: 16px
}

.event_schedule_area .ev-schedule ul li .nav-link {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    color: #575757;
    background: 0 0
}

.event_schedule_area .ev-schedule ul li .nav-link.active {
    background-color: #fd035a;
    border: 1px solid transparent;
    color: #fff
}

.event_schedule_area .ev-schedule .tab-content .single-eve-session {
    background-color: #fff;
    position: relative;
    z-index: 5
}

.event_schedule_area .ev-schedule .tab-content .single-eve-session .speaker-info {
    position: relative
}

@media (min-width:992px) {
    .event_schedule_area .ev-schedule .tab-content .single-eve-session .speaker-info::before {
        content: "";
        position: absolute;
        height: 100%;
        background-color: #e3e3e3;
        width: 1px;
        right: 0;
        top: 0
    }
}

.event_schedule_area .ev-schedule .tab-content .single-eve-session .speaker-info .name {
    font-size: 17px
}

.event_schedule_area .ev-schedule .tab-content .single-eve-session:hover {
    box-shadow: 5px 25px 80px -10px rgba(0, 108, 236, .12)
}

.ins-hero-section {
    margin-top: -100px;
    padding: 160px 0 120px 0;
    z-index: 1
}

.ins-hero-section .rectangle-shape {
    z-index: -1
}

.ins-hero-section .ins-hero-curve {
    z-index: 2
}

.ins-hero-section .arrow-shape {
    right: 26%;
    bottom: 500px;
    z-index: -1
}

.ins-hero-section .heart-sign {
    width: 70px;
    height: 70px;
    font-size: 30px;
    left: 26%;
    bottom: 290px
}

.ins-hero-section .hero-play {
    width: 90px;
    height: 90px;
    font-size: 30px;
    color: #00e1be;
    right: 30%;
    bottom: 400px;
    transition: all .3s ease-in-out;
    z-index: 1
}

.ins-hero-section .hero-play i {
    line-height: 0
}

.ins-hero-section .hero-play:hover {
    transform: translateY(-6px)
}

.ins-hero-section .hero-content img {
    position: relative;
    z-index: 10
}

@media (max-width:1920px) {
    .ins-hero-section {
        padding-bottom: 60px
    }
}

@media (max-width:991.98px) {
    .ins-hero-section {
        padding-bottom: 0
    }
}

@media (max-width:575.98px) {
    .ins-hero-section .hero-play {
        width: 60px;
        height: 60px;
        font-size: 24px;
        bottom: 200px
    }
}

.ins-service-top {
    margin-top: -140px;
    position: relative;
    z-index: 2
}

.ins-service-contact {
    padding: 40px 30px;
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1)
}

.ins-service-contact .icon-wrapper {
    background: #f5cd4b;
    width: 50px;
    height: 50px
}

.ins-brand-slider .ins-brand-single {
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.ins-brand-slider .ins-brand-single:hover {
    background-color: #fff
}

.ins-title .subtitle {
    color: #00e1be
}

.ins-title mark {
    padding: 0;
    background: 0 0;
    color: #00e1be
}

.ins-service-card {
    transition: all .3s ease-in-out
}

.ins-service-card h5 {
    transition: all .3s ease-in-out
}

.ins-service-card h5:hover {
    color: #00e1be
}

.ins-service-card .ins-service-explore {
    color: #003478;
    transition: all .3s ease-in-out
}

.ins-service-card .ins-service-explore svg {
    transition: all .3s ease-in-out
}

.ins-service-card .ins-service-explore svg path {
    transition: all .3s ease-in-out
}

.ins-service-card .ins-service-explore:hover {
    color: #00e1be
}

.ins-service-card .ins-service-explore:hover svg {
    stroke: #00e1be
}

.ins-service-card .ins-service-explore:hover svg path {
    stroke: #00e1be;
    fill: #00e1be
}

.ins-service-card:hover {
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1)
}

.ins-gallery-info-btns {
    gap: 24px
}

.ins-gallery-info-btns .video-icon i {
    background: #f5cd4b;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.ins-gallery-info-btns .video-icon span {
    color: #003478
}

.ins-gallery-slider {
    width: calc(100% + 500px);
    margin-left: -250px
}

.ins-gallery-slider .swiper-control {
    position: absolute;
    bottom: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    z-index: 3;
    text-align: center;
    line-height: 40px
}

.ins-gallery-slider .swiper-control.swiper-btn-prev {
    background: #003478;
    transition: all .3s ease-in-out;
    left: 62%
}

.ins-gallery-slider .swiper-control.swiper-btn-prev:hover {
    background: #00e1be
}

.ins-gallery-slider .swiper-control.swiper-btn-next {
    background: #00e1be;
    transition: all .3s ease-in-out;
    left: calc(62% + 55px)
}

.ins-gallery-slider .swiper-control.swiper-btn-next:hover {
    background: #003478
}

@media (max-width:767.98px) {
    .ins-gallery-slider {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:575.98px) {
    .ins-gallery-slider .swiper-control.swiper-btn-prev {
        left: 64%
    }
}

.ins-gallery-slide-single {
    padding-bottom: 25px;
    opacity: .3;
    transition: all .3s ease-in-out
}

.ins-gallery-slide-single .ins-primary-btn {
    left: 40px;
    bottom: -25px;
    opacity: 0;
    visibility: hidden;
    transition: .6s
}

.ins-gallery-slide-single.swiper-slide-active {
    opacity: 1
}

.ins-gallery-slide-single.swiper-slide-active .ins-primary-btn {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.ins-achivements-box {
    padding: 24px 0 14px;
    z-index: 1
}

.ins-achivements-box::before {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -120px;
    width: 200px;
    height: 200px;
    background: #f5cd4b;
    opacity: .1;
    border-radius: 50%;
    z-index: -1
}

.ins-achivements-box::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -90px;
    width: 200px;
    height: 200px;
    background: #00e1be;
    opacity: .1;
    border-radius: 50%;
    z-index: -1
}

.ins-achivements-box .border-hr {
    width: 100%;
    height: 1px;
    background: #def8f6;
    top: 50%;
    left: 0;
    z-index: -1;
    transform: translateY(-50%)
}

.ins-achivements-box .border-vr {
    width: 1px;
    height: 100%;
    background: #def8f6;
    left: 50%;
    top: 0;
    z-index: -1;
    transform: translateX(-50%)
}

.ins-achievement-box-item {
    padding: 34px
}

.ins-achievement-box-item h3 span {
    color: #003478
}

@media (max-width:575.98px) {
    .ins-achievement-box-item {
        padding: 16px
    }
}

.ins-info-list {
    max-width: 460px
}

.ins-info-list li+li {
    margin-top: 20px
}

.ins-info-list li .icon-wrapper {
    width: 60px;
    height: 60px;
    font-size: 30px
}

.ins-info-list li .icon-wrapper.bg-telegram {
    background: #0091c8
}

.ins-info-list li .icon-wrapper.bg-discord {
    background: #5865f2
}

.ins-contact-section {
    z-index: 1
}

.ins-contact-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(95.5deg, #fff 42.48%, rgba(255, 255, 255, 0) 63.05%);
    z-index: -1
}

@media (max-width:1920px) {
    .ins-contact-section::before {
        width: 1930px
    }
}

.ins-contact-form .ins-input-field {
    position: relative
}

.ins-contact-form .ins-input-field label {
    position: absolute;
    left: 20px;
    top: -12px;
    font-size: 14px;
    font-weight: 600;
    color: #003478;
    background: #fff;
    padding: 0 1px
}

.ins-contact-form .ins-input-field input,
.ins-contact-form .ins-input-field select {
    padding: 13px 15px 10px;
    outline: 0;
    color: #5c6a7c
}

.ins-contact-form .ins-input-field input::placeholder,
.ins-contact-form .ins-input-field select::placeholder {
    color: #e4e4e4
}

.ins-team-card {
    padding: 48px 24px 30px;
    transition: all .3s ease-in-out
}

.ins-team-card .ins-team-social {
    gap: 12px
}

.ins-team-card .ins-team-social a {
    width: 32px;
    height: 32px;
    background: #fafafa;
    border-radius: 4px;
    color: #003478;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out
}

.ins-team-card:hover {
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1)
}

.ins-team-card:hover .ins-team-social a {
    background: #003478;
    color: #fff
}

.ins-team-card:hover .ins-team-social a:hover {
    background: #00e1be
}

.ins-center-explore a {
    color: #00e1be
}

.ins-center-explore a:hover {
    color: #003478
}

.ins-feedback-section {
    background-repeat: no-repeat;
    background-position: center
}

.ins-feedback-slider-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 0 80px
}

.ins-feedback-slider-wrapper .swiper-control-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    color: #fff;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.ins-feedback-slider-wrapper .swiper-control-btn.swiper-btn-prev {
    background-color: #003478;
    left: -80px
}

.ins-feedback-slider-wrapper .swiper-control-btn.swiper-btn-prev:hover {
    background-color: #00e1be
}

.ins-feedback-slider-wrapper .swiper-control-btn.swiper-btn-next {
    background-color: #00e1be;
    right: -80px
}

.ins-feedback-slider-wrapper .swiper-control-btn.swiper-btn-next:hover {
    background-color: #003478
}

@media (max-width:1199.98px) {
    .ins-feedback-slider-wrapper {
        max-width: 100%;
        padding: 0
    }
}

.ins-feedback-content .ins-feedback-author img {
    width: 55px
}

.ins-subscription {
    background: #e7fdf9;
    padding: 70px 24px;
    z-index: 1
}

.ins-subscription .circle-shape-right {
    position: absolute;
    right: -180px;
    top: -260px;
    width: 410px;
    height: 410px;
    background: #faf1cf;
    border-radius: 50%;
    z-index: -1
}

.ins-subscription .circle-shape-left {
    position: absolute;
    left: -180px;
    bottom: -200px;
    width: 410px;
    height: 410px;
    background: #daf4f8;
    border-radius: 50%;
    z-index: -1
}

.ins-subscription .circle-shape-top {
    position: absolute;
    left: 210px;
    top: -130px;
    width: 254px;
    height: 254px;
    border-radius: 50%;
    background: rgba(218, 244, 248, .7);
    z-index: -1
}

.ins-sb-form {
    gap: 24px
}

.ins-sb-form input {
    padding: 12px 15px;
    min-width: 330px;
    outline: 0
}

@media (max-width:575.98px) {
    .ins-sb-form {
        gap: 16px
    }

    .ins-sb-form input {
        min-width: 100%
    }
}

.ins-blog-card {
    transition: all .3s ease-in-out
}

.ins-blog-card .ins-feature-img img {
    transition: all .3s ease-in-out
}

.ins-blog-card .ins-blog-content {
    padding: 30px 24px 40px
}

.ins-blog-card .ins-blog-content .ins-blog-meta span {
    font-size: 14px;
    font-weight: 500
}

.ins-blog-card .ins-blog-content .ins-blog-meta span i {
    margin-right: 6px
}

.ins-blog-card .ins-blog-content .ins-heading {
    transition: all .3s ease-in-out
}

.ins-blog-card .ins-blog-content .ins-heading:hover {
    color: #00e1be
}

.ins-blog-card .ins-blog-content .ins-service-explore {
    color: #003478
}

.ins-blog-card .ins-blog-content .ins-service-explore svg path {
    transition: all .3s ease-in-out
}

.ins-blog-card .ins-blog-content .ins-service-explore:hover {
    color: #00e1be
}

.ins-blog-card .ins-blog-content .ins-service-explore:hover svg path {
    stroke: #00e1be;
    fill: #00e1be
}

.ins-blog-card:hover {
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1)
}

.ins-blog-card:hover .ins-feature-img img {
    transform: scale(1.03)
}

.ins-btn-meta {
    padding: 5px 15px;
    background-color: rgba(0, 52, 120, .1);
    color: #003478;
    display: inline-block;
    font-size: 13px;
    border-radius: 4px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    transition: all .3s ease-in-out
}

.ins-btn-meta:hover {
    background: rgba(0, 225, 190, .1);
    color: #00e1be
}

.ins-btn {
    padding: 14px 24px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 15px;
    outline: 0;
    border: 0;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.ins-primary-btn {
    background: #00e1be;
    color: #fff
}

.ins-primary-btn:hover {
    background: #003478;
    color: #fff
}

.ins-primary-btn-shadow {
    position: relative;
    z-index: 1
}

.ins-primary-btn-shadow::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 98%;
    height: 20px;
    background-color: #00e1be;
    filter: blur(30px);
    z-index: -1;
    transition: all .3s ease-in-out
}

.ins-primary-btn-shadow:hover::before {
    background-color: #003478
}

.ins-secondary-btn {
    background: #003478;
    color: #fff
}

.ins-secondary-btn:hover {
    background: #00e1be;
    color: #fff
}

.ins-text-secondary,
h1.ins-heading,
h2.ins-heading,
h3.ins-heading,
h4.ins-heading,
h5.ins-heading,
h6.ins-heading {
    color: #003478
}

p.ins-text {
    color: #5c6a7c
}

.mk-hero-section {
    padding: 130px 0 130px;
    z-index: 1;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat
}

.mk-hero-section .mk-hero-circle-line {
    z-index: -1;
    top: 200px
}

.mk-hero-section .mk-hero-rectangle-shape {
    width: 115px;
    height: 220px;
    background: linear-gradient(43.97deg, #2b0996 12.53%, rgba(98, 98, 239, .3) 70.44%);
    top: -50px;
    right: 100px;
    z-index: -1;
    border-radius: 50px;
    transform: rotate(180deg)
}

.mk-hero-section .mk-hero-dashboard {
    z-index: 2
}

.mk-hero-section .mk-hero-dashboard .mk-gradient-hero-shape {
    width: 110px;
    height: 110px;
    background: linear-gradient(43.97deg, #2b0996 12.53%, rgba(98, 98, 239, .3) 70.44%);
    z-index: -1;
    left: 70px;
    top: -10px
}

.mk-hero-section .mk-hero-dashboard .mk-secondary-gradient-shape {
    bottom: -30px;
    left: 230px;
    width: 70px;
    height: 70px;
    background: linear-gradient(60.66deg, rgba(255, 88, 0, .2) -8.14%, rgba(255, 88, 0, 0) 80.43%);
    z-index: -1
}

.mk-hero-section .mk-hero-dashboard .mk-hero-doted {
    right: 110px;
    bottom: 50px;
    z-index: -1
}

@media (max-width:1440px) {
    .mk-hero-section {
        background-position: center bottom
    }

    .mk-hero-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 80%;
        background-color: #2b0996;
        z-index: -1
    }
}

.mk-hero-content .mk-btn-group {
    gap: 24px
}

.mk-hero-content .mk-btn-group .mk-white-btn {
    min-width: 180px;
    text-align: center
}

.mk-hero-content .mk-hero-play {
    color: #fff;
    transition: all .3s ease-in-out
}

.mk-hero-content .mk-hero-play span {
    width: 52px;
    height: 52px;
    background: #ff724b
}

.mk-hero-dashboard {
    padding: 0 80px
}

.mk-hero-dashboard .dashboard-sm {
    position: absolute;
    bottom: -100px;
    left: -80px
}

@media (max-width:767.98px) {
    .mk-hero-dashboard {
        padding: 0
    }

    .mk-hero-dashboard .dashboard-sm {
        position: relative;
        bottom: 0;
        left: 0;
        max-width: 90%;
        margin-left: -60px;
        margin-top: -200px
    }
}

.mk-title mark {
    color: #ff724b
}

span.mk-subtitle {
    padding: 4px 24px;
    background: rgba(255, 114, 75, .1);
    display: inline-block;
    color: #ff724b;
    border-radius: 3px
}

.mk-explore-btn {
    color: #ff724b;
    transition: all .3s ease-in-out
}

.mk-explore-btn svg {
    transition: all .3s ease-in-out
}

.mk-explore-btn svg path {
    transition: all .3s ease-in-out
}

.mk-explore-btn:hover {
    color: #2b0996
}

.mk-explore-btn:hover svg {
    fill: #2b0996
}

.mk-explore-btn:hover svg path {
    fill: #2b0996;
    stroke: #2b0996
}

.mk-feature-dashboard {
    z-index: 1
}

.mk-feature-dashboard .mk-feature-dot {
    right: 30px;
    top: 70px;
    z-index: -1
}

.mk-business-pr {
    z-index: 1
}

.mk-business-pr .mk-doted-lg {
    right: 102px;
    top: 100px;
    z-index: -1
}

.mk-business-reports li+li {
    margin-top: 24px
}

.mk-business-reports li .icon-wrapper {
    width: 56px;
    height: 56px;
    background: rgba(255, 114, 75, .15)
}

.mk-business-reports li .icon-wrapper.bg-mk-primary {
    background: rgba(43, 9, 150, .15)
}

.mk-sf-bottom {
    z-index: 1
}

.mk-sf-bottom .mk-wave {
    margin-left: -80px;
    bottom: -30px;
    z-index: -1
}

.mk-sf-item {
    padding: 48px 32px;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
    transition: all .3s ease-in-out
}

.mk-sf-item .icon-wrapper {
    width: 56px;
    height: 56px;
    background: rgba(5, 215, 230, .15)
}

.mk-sf-item .icon-wrapper.warning-bg {
    background: rgba(245, 205, 75, .2)
}

.mk-sf-item .icon-wrapper.mk-primary {
    background: rgba(43, 9, 150, .1)
}

.mk-sf-item:hover {
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1);
    border-color: transparent
}

.mk-offer-text {
    color: #ff724b
}

.mk-pricing-control-wrapper .mk-arrow-shape {
    width: 60px;
    transform: rotate(70deg);
    margin-left: 15px
}

.mk-pricing-control {
    border-radius: 3px;
    overflow: hidden
}

.mk-pricing-control li a {
    padding: 10px 24px;
    background: #fff;
    color: #222;
    font-weight: 700;
    display: inline-block
}

.mk-pricing-control li a.active {
    background: #ff724b;
    color: #fff
}

.mk-pricing-column {
    padding: 56px 32px
}

.mk-pricing-column .icon-wrapper {
    width: 56px;
    height: 56px;
    background-color: rgba(43, 9, 150, .05)
}

.mk-pricing-column .icon-wrapper.blue-bg {
    background-color: rgba(24, 139, 254, .1)
}

.mk-pricing-column .icon-wrapper.warning-bg {
    background-color: rgba(245, 205, 75, .15)
}

.mk-pricing-column .mk-price-title span {
    font-size: 16px;
    font-weight: 400
}

.mk-pricing-column .mk_yearly_price {
    display: none
}

.mk-pricing-column .mk-pricing-list li {
    font-size: 14px
}

.mk-pricing-column .mk-pricing-list li+li {
    margin-top: 12px
}

.mk-pricing-btn {
    background: rgba(255, 114, 75, .1);
    color: #ff724b;
    padding: 16px 32px;
    border-radius: 4px;
    display: inline-block;
    transition: all .3s ease-in-out
}

.mk-pricing-btn:hover {
    color: #fff;
    background-color: #ff724b
}

.mk-pricing-btn.btn-deep {
    background-color: #ff724b;
    color: #fff
}

.mk-pricing-btn.btn-deep:hover {
    background-color: rgba(255, 114, 75, .1);
    color: #ff724b
}

.mk-app-single {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.mk-app-single .icon-wrapper {
    width: 60px;
    height: 60px;
    font-size: 32px
}

.mk-app-single .icon-wrapper.instagram {
    background-color: rgba(228, 64, 95, .1);
    color: #e4405f
}

.mk-app-single .icon-wrapper.slack {
    background-color: rgba(58, 175, 133, .1);
    color: #3aaf85
}

.mk-app-single .icon-wrapper.twitter {
    background-color: rgba(29, 161, 242, .1);
    color: #1da1f2
}

.mk-app-single .icon-wrapper.figma {
    background-color: rgba(255, 114, 98, .1);
    color: #ff7262
}

.mk-app-single .icon-wrapper.facebook {
    background-color: rgba(59, 89, 153, .1);
    color: #3b5999
}

.mk-app-single .icon-wrapper.zapier {
    background-color: rgba(253, 74, 1, .1);
    color: #fd4a01
}

.mk-app-single .icon-wrapper.drive {
    background-color: rgba(255, 207, 99, .1);
    color: #ffcf63
}

.mk-app-single p {
    font-weight: 500
}

.mk-app-single:hover {
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1);
    border-color: transparent
}

.text-mk-secondary {
    color: #ff724b
}

.mk-carousel-control {
    justify-content: flex-start;
    align-items: center;
    margin: 0
}

.mk-carousel-control button[data-bs-target] {
    width: 80px;
    height: 80px;
    opacity: 1;
    border-radius: 50%;
    transform: scale(.8);
    flex-shrink: 0;
    display: block;
    padding: 0;
    border: 2px solid #fff;
    transition: all .3s ease-in-out
}

.mk-carousel-control button[data-bs-target] img {
    display: block
}

.mk-carousel-control button[data-bs-target]+button[data-bs-target] {
    margin-left: -35px
}

.mk-carousel-control button[data-bs-target].active {
    transform: scale(1);
    border: 2px solid #ff724b;
    position: relative;
    z-index: 1
}

.mk-feedback-right {
    z-index: 1
}

.mk-feedback-right .mk-doted {
    position: absolute;
    left: 60px;
    top: 130px
}

.mk-feedback-slider {
    max-width: 500px;
    margin-top: -180px;
    position: relative;
    box-shadow: 13.836px 23.06px 64.5679px rgba(23, 0, 117, .1)
}

.mk-feedback-single {
    background-color: #fff;
    padding: 32px 24px;
    border-radius: 10px
}

.mk-feedback-single .mk-feedback-author h6 {
    font-size: 16px;
    margin-bottom: 4px
}

.mk-feedback-single .mk-feedback-author .mk-rating li {
    color: #ff9d4d;
    font-size: 14px
}

.mk-subscribe-box {
    background-color: rgba(255, 227, 219, .5);
    padding: 80px 48px 110px;
    z-index: 1
}

.mk-subscribe-box .sb-shape {
    z-index: -1
}

.mk-subscribe-box .sb-object {
    right: 96px;
    top: 62px
}

@media (max-width:1199.98px) {
    .mk-subscribe-box .sb-object {
        right: 30px;
        max-width: 360px;
        z-index: -1
    }
}

@media (max-width:991.98px) {
    .mk-subscribe-box {
        overflow: hidden
    }
}

@media (max-width:575.98px) {
    .mk-subscribe-box {
        padding: 60px 32px
    }
}

.mk-sb-form {
    max-width: 490px
}

.mk-sb-form input[type=email] {
    padding: 16px 21px;
    background-color: #fff;
    border: 0;
    font-size: 18px;
    width: 100%;
    outline: 0;
    border-radius: 4px 0 0 4px;
    font-weight: 500
}

.mk-sb-form .mk-submit-btn {
    background-color: #ff724b;
    border: 0;
    padding: 18px 36px;
    color: #fff;
    transition: all .3s ease-in-out;
    font-weight: 600;
    border-radius: 0 4px 4px 0
}

.sb-meta-text {
    gap: 16px
}

.sb-meta-text span {
    font-weight: 600;
    color: #222;
    display: inline-flex;
    align-items: center
}

.sb-meta-text span .dot {
    width: 16px;
    height: 16px;
    background-color: rgba(255, 114, 75, .2);
    border-radius: 50%;
    display: inline-block;
    position: relative
}

.sb-meta-text span .dot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff724b
}

.mk-accordion .accordion-item {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.mk-accordion .accordion-item .accordion-header .accordion-button {
    background: 0 0;
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    color: #222
}

.mk-accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: none;
    width: auto;
    height: auto;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 700
}

.mk-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "-"
}

.mk-accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
    content: "+"
}

.mk-accordion .accordion-item+.accordion-item {
    margin-top: 16px
}

.mk-accordion .accordion-item.active {
    background-color: #fff;
    box-shadow: 13.836px 23.06px 64.5679px rgba(23, 0, 117, .1);
    border-color: transparent
}

.mk-partners-list {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap
}

.mk-partners-list .mk-partner-item {
    width: calc(20% - 24px);
    height: 70px;
    padding: 16px 24px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out
}

.mk-partners-list .mk-partner-item img {
    transition: all .3s ease-in-out
}

.mk-partners-list .mk-partner-item:hover {
    background-color: #fff;
    box-shadow: 20px 20px 80px rgba(53, 58, 97, .1);
    border-color: transparent
}

.mk-partners-list .mk-partner-item:hover img {
    filter: grayscale(100)
}

@media (max-width:991.98px) {
    .mk-partners-list .mk-partner-item {
        width: calc(33% - 24px)
    }
}

@media (max-width:575.98px) {
    .mk-partners-list {
        gap: 16px
    }

    .mk-partners-list .mk-partner-item {
        width: calc(50% - 12px)
    }
}

.mk-white-btn {
    background-color: #fff;
    color: #222
}

.mk-white-btn:hover {
    background: #ff724b;
    color: #fff
}

h1.mk-heading,
h2.mk-heading,
h3.mk-heading,
h4.mk-heading,
h5.mk-heading,
h6.mk-heading {
    color: #222;
    line-height: 1.2em
}

h1.mk-heading.lh-lg,
h2.mk-heading.lh-lg,
h3.mk-heading.lh-lg,
h4.mk-heading.lh-lg,
h5.mk-heading.lh-lg,
h6.mk-heading.lh-lg {
    line-height: 1.5em
}

.error_page {
    position: relative;
    padding: 240px 0 155px;
    background-color: var(--color_secondary)
}

@media (max-width:991px) {
    .error_page {
        padding: 120px 0 130px
    }
}

.error_page .error-page-content {
    position: relative;
    z-index: 2;
    max-width: 990px;
    margin: 0 auto;
    padding: 0 15px
}

@media (max-width:991px) {
    .error_page .error-page-content {
        text-align: center;
        margin-bottom: 40px
    }
}

.error_page .error-page-content .error-text {
    font-size: 180px;
    color: #ffb116;
    margin-bottom: 30px;
    line-height: .889em
}

@media (max-width:576px) {
    .error_page .error-page-content .error-text {
        font-size: 130px
    }
}

.error_page .error-page-content .error-title {
    font-size: 40px;
    margin-bottom: 7px;
    color: #fff
}

@media (max-width:576px) {
    .error_page .error-page-content .error-title {
        font-size: 32px
    }
}

.error_page .error-page-content p {
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7)
}

.error_page .error-page-content .tt-btn {
    padding: 12px 40px
}

.error_page .error-info {
    max-width: 600px;
    margin: 0 auto
}

.error_page .error-image {
    position: relative;
    z-index: 2
}

.comments-rating {
    border: none;
    padding: 0;
    margin-left: 0
}

.comments-rating label {
    display: inline-block
}

.rating-container {
    font-size: 0;
    unicode-bidi: bidi-override;
    direction: rtl
}

.rating-container * {
    font-size: 1.4rem
}

.rating-container>input {
    display: none
}

.rating-container>input+label {
    font-family: dashicons;
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    width: 1em;
    white-space: nowrap;
    cursor: pointer;
    margin: 0
}

.rating-container>input+label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "\f154";
    color: #888
}

.rating-container>input+label:hover:before,
.rating-container>input+label:hover~label:before,
.rating-container>input:checked~label:before {
    content: "\f155";
    color: #f0ae0f;
    text-shadow: 0 0 1px #333
}

.rating-container>.star-cb-clear+label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em
}

.rating-container>.star-cb-clear+label:before {
    width: .5em
}

.rating-container:hover>input+label:before {
    content: "\f154";
    color: #888;
    text-shadow: none
}

.rating-container:hover>input+label:hover:before,
.rating-container:hover>input+label:hover~label:before {
    content: "\f155";
    color: #f0ae0f;
    text-shadow: 0 0 1px #333
}

.comment-respond .rating-container>.star-cb-clear+label,
.comment-respond .rating-container>input+label:before {
    text-indent: 9999px
}

.comment-respond .rating-container>input+label {
    text-indent: -9999px
}

.site-footer {
    position: relative;
    overflow: hidden
}

.site-footer.footer_dark {
    background: var(--color_secondary)
}

.site-footer.footer_dark .description {
    color: #fff
}

.site-footer.footer_dark .logo-dark {
    display: none
}

.site-footer .widget {
    position: relative;
    z-index: 2;
    padding: 0
}

.site-footer .widget ul.footer-social-link {
    margin-top: 15px
}

.site-footer .widget ul.footer-social-link li {
    display: inline-block
}

.site-footer .widget ul.footer-social-link li:not(:last-child) {
    margin-right: 7px
}

.site-footer .widget ul.footer-social-link li a {
    border: 2px solid rgba(255, 255, 255, .2);
    height: 44px;
    width: 44px;
    line-height: 41px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.site-footer .widget ul.footer-social-link li a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--color_primary)
}

.site-footer .footer-wrapper {
    padding: 107px 0 70px
}

.site-footer .site-info {
    border-top: 1px solid rgba(237, 237, 237, .05);
    position: relative;
    z-index: 22
}

.site-footer .site-info .site-info-inner {
    padding: 35px 0;
    justify-content: space-between
}

@media (max-width:768px) {
    .site-footer .site-info .site-info-inner {
        display: block !important;
        text-align: center;
        padding: 20px 0
    }

    .site-footer .site-info .site-info-inner .copyright {
        margin-bottom: 10px
    }
}

.site-footer .site-info .copyright {
    padding: 27px 0;
    text-align: center
}

@media (max-width:767px) {
    .site-footer .site-info .copyright {
        padding: 15px 0
    }
}

.site-footer .site-info .copyright p {
    margin: 0;
    color: #999aa8;
    font-size: 16px
}

.site-footer .site-info .copyright p a {
    color: rgba(255, 255, 255, .9)
}

.site-footer .site-info .copyright p a:hover {
    color: var(--color_primary)
}

.site-footer.footer_light .logo-light {
    display: none
}

.site-footer.footer_light .site-info {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.site-footer.footer_light .site-info .copyright p {
    color: #65676d
}

.site-footer.footer_light .site-info .copyright p a {
    color: #071c4d
}

.site-footer.footer_light .site-info .copyright p a:hover {
    color: var(--color_primary)
}

.site-footer.footer_light .widget .widget-title,
.site-footer.footer_light .widget h1,
.site-footer.footer_light .widget h2,
.site-footer.footer_light .widget h3,
.site-footer.footer_light .widget h4,
.site-footer.footer_light .widget h5,
.site-footer.footer_light .widget h6 {
    color: #071c4d
}

.site-footer.footer_light .widget ul li a {
    color: rgba(87, 87, 87, .8)
}

.site-footer.footer_light .widget ul li a:hover {
    color: var(--color_primary)
}

.site-footer.footer_light .widget-newsletter input#newsletter-form-email {
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, .12)
}

.site-footer.footer_light .widget-newsletter .newsletter-submit {
    box-shadow: 0 11px 18px -8px var(--color_primary)
}

.site-footer.footer_light .widget-newsletter .newsletter-submit:hover {
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    box-shadow: none
}

.site-footer.footer_light .footer-social-link li a {
    border-color: rgba(0, 0, 0, .12);
    color: #65676d
}

.site-footer.footer_light .footer-social-link li a:hover {
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

.widget-newsletter .form-result {
    margin: 10px 0 0
}

.widget-newsletter .form-control {
    margin-bottom: 0 !important;
    height: 50px;
    padding: 0 15px !important
}

.widget-newsletter .newsletter-submit {
    margin-left: 10px;
    border-radius: 6px;
    padding: 10px 25px;
    min-width: 120px
}

.widget-newsletter .newsletter-submit i {
    display: none
}

.widget-newsletter .newsletter-submit:hover {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
}

.footer-social-link {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-social-link li {
    display: inline-block
}

.footer-social-link li:not(:last-child) {
    margin-right: 5px
}

.footer-social-link li a {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .7);
    border: 2px solid rgba(255, 255, 255, .302);
    border-radius: 6px;
    font-size: 14px
}

.footer-social-link li a i {
    margin-right: 0
}

.footer-social-link li a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--color_primary)
}

.footer-social-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:767px) {
    .footer-social-wrap {
        display: block;
        text-align: center
    }

    .footer-social-wrap .footer-social-wrapper {
        margin-bottom: 20px
    }

    .footer-social-wrap .copyright {
        padding: 15px 0 5px
    }
}

.wp-widget-block-newsletter {
    max-width: 400px
}

.archive .footer_light,
.blog .footer_light,
.search-results .footer_light,
.single-portfolio .footer_light,
.single-post .footer_light,
.single-product .footer_light,
.single-quiety_job .footer_light,
.single-quiety_support .footer_light,
.woocommerce-checkout .footer_light {
    background-color: #f8f9fa
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    color: #fff;
    transition: all .3s ease-in-out;
    cursor: pointer;
    display: inline-block;
    padding: 11px 41px;
    height: auto;
    background-color: var(--color_primary);
    border: 2px solid var(--color_primary)
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background-color: transparent;
    color: var(--color_primary)
}

.return-to-top {
    position: fixed;
    bottom: -40px;
    right: 30px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    z-index: 998;
    border-radius: 3%;
    opacity: 0;
    transition: bottom .5s ease, opacity .5s ease
}

.return-to-top:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    opacity: 1;
    display: block;
    transform: scale(1);
    transition: all .3s ease;
    border-radius: inherit;
    transition: transform .5s ease, opacity .6s ease
}

.return-to-top:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: inherit
}

.return-to-top>i {
    position: relative;
    overflow: hidden;
    font-size: 12px;
    width: inherit;
    height: inherit;
    line-height: inherit;
    display: block;
    color: transparent;
    text-shadow: 0 0 #fff, 0 50px #fff;
    transition: text-shadow .2s ease;
    z-index: 1
}

.return-to-top:hover:after {
    transform: scale(1.07);
    background: var(--color_primary);
    box-shadow: 0 10px 20px 8px rgba(0, 0, 0, .15)
}

.return-to-top:hover>i {
    text-shadow: 0 -50px #fff, 0 0 #fff
}

.return-to-top.back-top {
    bottom: 30px;
    opacity: 1
}

input:not([type=checkbox]):not([type=submit]),
textarea {
    margin-bottom: 20px;
    width: 100%;
    padding: 0 15px;
    border: 2px solid #f5f5f5;
    font-weight: 400;
    outline: 0;
    transition: all .3s linear;
    border-radius: 6px;
    background-color: #f4f5f7;
    font-size: 15px
}

input:not([type=checkbox]):not([type=submit])::placeholder,
textarea::placeholder {
    color: #8b8b8b
}

input:not([type=checkbox]):not([type=submit]):focus,
textarea:focus {
    border-color: var(--color_primary);
    box-shadow: none;
    background-color: transparent
}

select {
    width: 100%;
    border: 1px solid #f5f5f5;
    height: 54px;
    font-size: 16px;
    display: inline-block;
    background-position: right 10px center;
    -moz-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 20px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.656 490.656' style='enable-background:new 0 0 490.656 490.656;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.317,347.581L18.203,120.445c-4.16-4.16-10.923-4.16-15.083,0 c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.069,2.091,4.8,3.136,7.531,3.136s5.461-1.045,7.552-3.115l234.667-234.667 C491.696,131.368,491.696,124.627,487.536,120.445z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-color: #f4f5f7;
    border-radius: 6px;
    margin-bottom: 20px
}

select:focus {
    outline: 0
}

.form-submit {
    margin: 0
}

input {
    height: 54px
}

textarea {
    height: 130px;
    margin-bottom: 20px;
    padding: 10px 20px
}

textarea:focus {
    border-color: rgba(23, 92, 255, .5)
}

.post-password-form input,
.post-password-form label {
    margin: 0
}

.post-password-form input[type=password] {
    height: 50px;
    border-width: 2px;
    padding: 0 15px
}

.post-password-form input[type=submit] {
    background: var(--color_primary);
    color: #fff;
    border: 0;
    height: 50px;
    border-radius: 4px
}

.post-password-form input[type=submit]:hover {
    background: #071c4d
}

input[type=checkbox],
input[type=radio] {
    height: auto
}

.wpcf7-form-control input[type=checkbox],
.wpcf7-form-control input[type=radio] {
    margin: 10px
}

.wpcf7-form-control .wpcf7-list-item {
    margin-left: 0;
    margin-bottom: 15px
}

.wpcf7-form-control .wpcf7-list-item>label {
    display: flex;
    align-items: baseline;
    font-size: 15px;
    line-height: 22px
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: var(--color_primary);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

[type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form-result {
    display: none
}

.wpcf7 .ajax-loader {
    display: block
}

a {
    color: #071c4d;
    transition: all .3s ease-in-out;
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    color: var(--color_primary);
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all .3s ease-in-out
}

.site-header .site-logo .site-title {
    font-size: 34px;
    font-weight: 500;
    padding: 8px 0;
    margin: 0
}

.site-header .site-logo a {
    font-size: 30px;
    font-weight: 700;
    padding: 24px 0;
    display: block;
    color: #fff
}

@media (max-width:991px) {
    .site-header .site-logo a {
        padding: 13px 0
    }
}

.site-header .site-logo a h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.site-header .site-logo .logo-sticky {
    display: none
}

.site-header .add-menu {
    margin: 0;
    padding: 31px 0;
    list-style: none;
    font-weight: 500
}

.site-header .add-menu li a {
    color: #fff
}

.site-header .tt-hamburger {
    width: 24px;
    cursor: pointer
}

.site-header .tt-hamburger.active {
    opacity: 0;
    visibility: hidden
}

@media (min-width:992px) {
    .site-header .tt-hamburger {
        display: none
    }
}

.site-header .tt-hamburger:focus {
    outline: 0
}

.site-header .tt-hamburger .bar {
    background: #fff;
    height: 2px;
    display: block
}

.site-header .tt-hamburger .bar:not(:last-child) {
    margin-bottom: 5px
}

.header-position .site-header.header-fixed.showed,
.header-position .site-header.mobile-header.showed {
    top: 32px
}

@media (max-width:782px) {

    .header-position .site-header.header-fixed.showed,
    .header-position .site-header.mobile-header.showed {
        top: 46px
    }
}

.site-header.header-fixed.showed .site-logo .main-logo,
.site-header.mobile-header.showed .site-logo .main-logo {
    display: none
}

.site-header.header-fixed.showed .site-logo a,
.site-header.mobile-header.showed .site-logo a {
    color: #071c4d
}

.site-header.header-fixed.showed .site-logo h3,
.site-header.mobile-header.showed .site-logo h3 {
    color: #071c4d
}

.site-header.header-fixed.showed .add-menu li a,
.site-header.mobile-header.showed .add-menu li a {
    color: #071c4d
}

.site-header.header-fixed.showed .tt-hamburger .bar,
.site-header.mobile-header.showed .tt-hamburger .bar {
    background: #071c4d
}

@media (min-width:992px) {
    .site-header .container {
        position: relative
    }
}

.site-header.header_dark .tt-hamburger .bar {
    background: #071c4d
}

.site-header .site-main-menu li a {
    font-family: Poppins, sans-serif;
    text-decoration: none
}

.site-header:not(.mobile-header) .nav-right {
    display: flex;
    justify-content: flex-end
}

.site-header:not(.mobile-header) .menu-wrapper {
    justify-content: center;
    display: flex;
    align-items: center
}

.submenu-align-right .site-header:not(.mobile-header) {
    width: auto
}

.site-header:not(.mobile-header) .site-main-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.site-header:not(.mobile-header) .site-main-menu>li {
    padding: 35px 0;
    position: relative
}

.site-header:not(.mobile-header) .site-main-menu>li>a {
    font-weight: 500;
    font-size: 15px;
    font-family: Poppins, sans-serif
}

.site-header:not(.mobile-header) .site-main-menu>li>a:hover {
    color: var(--color_primary)
}

.site-header:not(.mobile-header) .site-main-menu>li:not(.menu_half_width):nth-last-child(-n+3).menu-item-has-children .sub-menu {
    left: auto;
    right: 0
}

.site-header:not(.mobile-header) .site-main-menu>li:not(.menu_half_width):nth-last-child(-n+3).menu-item-has-children .sub-menu li ul {
    right: 100%
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width {
    position: static
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width .elementor-widget {
    margin-bottom: 0 !important
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width .elementor-icon-list-items li,
.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width .tt-list li {
    display: flex !important
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width .elementor-icon-list-items li p,
.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width .tt-list li p {
    margin: 0
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_full_width>.sub-menu {
    width: 100%;
    padding: 0 !important
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_half_width .elementor-widget {
    margin-bottom: 0 !important
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_half_width>.sub-menu {
    width: 600px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 !important
}


.site-header:not(.mobile-header) .site-main-menu>li.menu_75_width .elementor-widget {
    margin-bottom: 0 !important
}

.site-header:not(.mobile-header) .site-main-menu>li.menu_75_width>.sub-menu {
    width: 900px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 !important
}

@media (max-width: 1350px) {
    .site-header:not(.mobile-header) .site-main-menu>li.menu_75_width>.sub-menu {
        left: 160px !important;
    }
}

@media (max-width: 1199.99px) {
    .site-header:not(.mobile-header) .site-main-menu>li.menu_75_width>.sub-menu {
        left: 330px !important;
    }
}

.site-header:not(.mobile-header) .site-main-menu>li.single_width .elementor-widget {
    margin-bottom: 0 !important
}

.site-header:not(.mobile-header) .site-main-menu>li.single_width>.sub-menu {
    width: 350px
}

.site-header:not(.mobile-header) .site-main-menu>li.single_width li a {
    padding: 0 !important
}

.site-header:not(.mobile-header) .site-main-menu>li:not(.mega-menu) {
    position: relative
}

.site-header:not(.mobile-header) .site-main-menu li {
    display: inline-block
}

.site-header:not(.mobile-header) .site-main-menu li:not(:last-child) {
    margin-right: 40px
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children>a {
    position: relative
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children>a:after {
    content: "\f078";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -16px;
    font-size: 13px;
    top: 0
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu {
    margin: 0;
    padding: 15px 0;
    position: absolute;
    top: 115%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    transition: all .3s ease-in-out;
    border-radius: .25rem;
    min-width: 220px;
    box-shadow: 0 5px 10px rgba(20, 48, 58, .0823529412);
    z-index: 2222;
    display: block !important;
    border-radius: 10px
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu.sub-menu-wide {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 40px 80px 25px
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu.sub-menu-wide>.mega-menu-item>a.menu-link {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    color: #071c4d
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu.sub-menu-wide .sub-menu {
    position: unset;
    box-shadow: unset;
    visibility: unset;
    opacity: unset
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu li {
    display: block;
    position: relative;
    margin-right: 0;
    line-height: 36px
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu li a:not(.tt-btn-link) {
    font-size: 14px;
    padding: 7px 25px;
    display: block;
    line-height: 1.5;
    color: #464a56;
    font-weight: 500
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu li a:not(.tt-btn-link):hover {
    color: var(--color_primary)
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu li .sub-menu {
    padding: 15px 0;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    min-width: 220px;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 5px 10px rgba(20, 48, 58, .0823529412)
}

.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
    top: -15px
}
.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children .sub-menu li a:after {
    right: 14px;
    top: 8px;
}
.site-header:not(.mobile-header) .site-main-menu li.menu-item-has-children:hover ul {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.site-header:not(.mobile-header).submenu-align-right .menu-wrapper {
    width: auto
}

.site-header:not(.mobile-header).submenu-align-right .site-main-menu>li:nth-last-child(-n+3).menu-item-has-children .sub-menu {
    left: auto;
    right: 0
}

.site-header:not(.mobile-header).submenu-align-right .site-main-menu>li:nth-last-child(-n+3).menu-item-has-children .sub-menu li ul {
    right: 100%
}

.site-header:not(.mobile-header) .nav-right {
    margin-left: 40px
}

.site-header:not(.mobile-header) .nav-right .tt-btn {
    padding: 8px 26px;
    min-width: auto;
    margin-left: 15px;
}

.site-header:not(.mobile-header).header_light .site-main-menu>li>a {
    color: rgba(255, 255, 255, .7)
}

.site-header:not(.mobile-header).header_light .site-main-menu>li>a:hover {
    color: #fff
}

.site-header.header-fixed.showed:not(.mobile-header) .site-main-menu>li {
    padding: 27px 0
}

.site-header.header-fixed.showed,
.site-header.mobile-header.showed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    animation: stickySlideDown .65s cubic-bezier(.23, 1, .32, 1) both
}

.header-position .site-header.header-fixed.showed,
.header-position .site-header.mobile-header.showed {
    top: 32px
}

@media (max-width:782px) {

    .header-position .site-header.header-fixed.showed,
    .header-position .site-header.mobile-header.showed {
        top: 46px
    }
}

.header-position .site-header.header-fixed.showed .fullscreen-menu,
.header-position .site-header.mobile-header.showed .fullscreen-menu {
    top: 0
}

.site-header.header-fixed.showed .site-logo .main-logo,
.site-header.mobile-header.showed .site-logo .main-logo {
    display: none
}

.site-header.header-fixed.showed .site-logo .logo-sticky,
.site-header.mobile-header.showed .site-logo .logo-sticky {
    display: block
}

.site-header.header-fixed.showed .menu-trigger .dot_icon .dot,
.site-header.mobile-header.showed .menu-trigger .dot_icon .dot {
    background: #071c4d
}

.site-header.header-fixed.showed .site-main-menu li a,
.site-header.mobile-header.showed .site-main-menu li a {
    color: #071c4d
}

.site-header.header-fixed.showed .site-main-menu li a:hover,
.site-header.mobile-header.showed .site-main-menu li a:hover {
    color: var(--color_primary)
}

.site-header .elementor-widget .elementor-icon-list-icon {
    display: inline-flex
}

.site-header .tt-btn {
    display: inline-block !important;
    padding: 5px 35px;
    font-family: Poppins, sans-serif;
    text-decoration: none
}

.site-header .tt__list li {
    margin-bottom: 0
}

.site-header .tt__list li a {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media (max-width:991px) {
    .site-header .tt__list li a {
        padding: 5px 25px
    }
}

.single-product .site-header {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05)
}

.single-product .site-header .logo-sticky {
    display: block
}

.single-product .site-header .main-logo {
    display: none
}

@keyframes stickySlideDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.menu-trigger {
    overflow: hidden;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    border: 0 solid transparent
}

@media (max-width:991px) {
    .menu-trigger {
        justify-content: center;
        display: block !important
    }
}

.menu-trigger .dot_icon {
    display: flex;
    flex-wrap: wrap;
    width: 24px;
    height: 24px;
    margin: -2px;
    overflow: hidden
}

.menu-trigger .dot_icon .dot {
    width: 4px;
    height: 4px;
    background: #071c4d;
    margin: 2px;
    transition: all .3s linear
}

.menu-light .menu-trigger .dot_icon .dot {
    background: #fff
}

.menu-trigger:hover .dot_icon .dot:nth-child(odd) {
    transform: translate(8px, 8px)
}

.menu-trigger:hover .dot_icon .dot:nth-child(5) {
    opacity: 0
}

#site-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width:992px) {
    .close-menu {
        display: none
    }
}

.mobile-menu-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 30px 25px;
    border-bottom: 1px solid #eee
}

.mobile-menu-header h3 {
    margin-bottom: 0
}

.close-menu {
    height: 40px;
    width: 40px;
    background: rgba(136, 136, 136, .1);
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    color: #051441;
    font-size: 14px
}

.site-main-menu {
    list-style: none
}

.site-main-menu ul {
    list-style: none
}

@media (max-width:991px) {
    .site-header {
        height: auto
    }

    .site-header .mobile-menu-header {
        display: flex
    }

    .site-header .site-logo .logo-sticky {
        display: none
    }

    .site-header .tt-hamburger {
        display: block
    }

    .site-header.header-fixed.showed .logo-sticky {
        display: block
    }

    .site-header.header-fixed.showed .main-nav-container .menu-item-depth-0>a.active {
        color: #fff
    }

    .site-header .nav-right {
        display: none
    }

    .site-header .main-nav-container {
        position: fixed;
        top: 0;
        height: 100vh;
        background: #fff;
        max-width: 400px;
        width: 100%;
        text-align: left;
        overflow-y: auto;
        padding-bottom: 50px;
        left: -100px;
        transition-duration: .3s;
        opacity: 0;
        visibility: hidden;
        z-index: 999
    }

    .header-position .site-header .main-nav-container {
        top: 32px
    }
}

@media (max-width:991px) and (max-width:780px) {
    .header-position .site-header .main-nav-container {
        top: 46px
    }
}

@media (max-width:991px) and (max-width:420px) {
    .site-header .main-nav-container {
        max-width: 100%
    }
}

@media (max-width:991px) {
    .site-header .main-nav-container.open {
        opacity: 1;
        left: 0;
        visibility: visible
    }
}

@media (max-width:991px) {
    .site-header .main-nav-container li {
        padding: 0 10px;
        position: relative
    }

    .site-header .main-nav-container li a:not(.tt-btn-link) {
        font-size: 14px;
        color: #071c4d;
        position: relative;
        z-index: 1;
        padding: 8px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 6px;
        margin-bottom: 5px
    }

    .site-header .main-nav-container li a:not(.tt-btn-link):hover {
        display: block;
        background-color: #f5f5f5
    }

    .site-header .main-nav-container li.is-open>a {
        background-color: #f5f5f5
    }

    .site-header .main-nav-container li .tt-btn-link {
        padding: 11px 35px
    }

    .site-header .main-nav-container li i.fa-chevron-down {
        position: absolute;
        right: 15px;
        top: 0px;
        font-size: 12px;
        z-index: 3;
        width: 35px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header .main-nav-container li.menu-item-has-children>a {
        position: relative
    }

    .site-header .main-nav-container li.menu-item-has-children>a.active:after {
        content: "\e622"
    }

    .site-header .main-nav-container li.menu-item-has-children li a {
        font-size: 14px;
        text-transform: capitalize
    }
}

@media (max-width:991px) {
    .site-header .main-nav-container.current-menu-item.is-open>a {
        display: block;
        background-color: #f5f5f5
    }
}

@media (max-width:991px) {
    .site-header .main-nav-container .menu-item-depth-0>a.active {
        color: #fff;
        background: var(--color_primary)
    }
}

@media (max-width:991px) {
    .header-position .site-header.showed .main-nav-container {
        top: 0
    }
}

@media (max-width:991px) {
    .site-header .main-nav {
        position: static;
        z-index: 3333;
        line-height: 1.2
    }

    .site-header .main-nav .site-main-menu {
        padding-left: 0
    }

    .site-header .main-nav .sub-menu {
        padding-left: 15px;
        margin-left: 0;
        margin-bottom: 0;
        display: none
    }

    .site-header .main-nav .sub-menu>li {
        padding: 0
    }

    .site-header .main-nav .sub-menu.active .main-item>.menu-link {
        background: #f8f9fa
    }

    .site-header .main-nav .sub-menu li a {
        border-top: 0
    }

    .site-header .main-nav .sub-menu li.is-open a.is-open .fa-chevron-down {
        color: var(--color_primary)
    }

    .site-header .main-nav .sub-menu li.current-menu-item a.active {
        color: var(--color_primary)
    }

    .site-header .main-nav .nav-item.active-main-item>.menu-link {
        color: var(--color_primary);
        background: #f8f9fa;
        border-color: var(--color_primary)
    }

    .site-header .main-nav .sub-menu {
        padding-left: 10px;
        margin-bottom: 0
    }
}

@media (max-width:991px) {
    .site-header .main-nav {
        cursor: default;
        position: relative;
        z-index: 10;
        text-align: left;
        font-weight: 500;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media (max-width:991px) and (max-width:991px) {
    .site-header .main-nav {
        min-height: 60px
    }
}

@media (max-width:991px) {

    .site-header .main-nav .close-bar,
    .site-header .main-nav a:before {
        display: none
    }
}

@media (max-width:991px) {
    .site-header .main-nav .site-main-menu {
        margin-top: 20px
    }
}

@media (max-width:991px) {

    .site-header .main-nav .site-main-menu,
    .site-header .main-nav .site-main-menu ul {
        list-style: none
    }
}

@media (max-width:991px) {

    .site-header .main-nav .nav-item.current-menu-ancestor:before,
    .site-header .main-nav .nav-item.current-menu-item:before,
    .site-header .main-nav .nav-item:before {
        background-color: var(--color_primary)
    }
}

@media (max-width:991px) {
    .site-header .main-nav .nav-item.active-main-item>.menu-link {
        color: var(--color_primary)
    }
}

@media (max-width:991px) {
    .site-header .main-nav.hidden {
        display: none
    }
}

@media screen and (max-width:991px) and (max-width:1024px) {
    .site-header .main-nav .close-menu {
        display: block
    }
}

@media (max-width:991px) {

    .site-header .elementor-column.elementor-col-50,
    .site-header .elementor-column[data-col="50"] {
        width: 100% !important
    }
}

.mask-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 222
}

.tt-menu-item {
    transition: all .3s ease-in-out;
    border-radius: .375rem
}

.tt-menu-item .description {
    margin: 0
}

.tt-menu-item .menu-link {
    display: block;
    padding: 0 !important
}

.tt-menu-item .wrapper {
    padding: 10px;
    display: flex;
    transition: all .3s ease-in-out;
    border-radius: 4px
}

.tt-menu-item .wrapper .icon-container {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--color_primary);
    color: #fff;
    margin-right: 15px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500
}

.tt-menu-item .wrapper .box-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0
}

.tt-menu-item .wrapper .box-title a {
    padding: 0 !important
}

.tt-menu-item .wrapper:hover {
    background-color: #f7f9fc
}

.tt-menu-item .description {
    color: #8392a5;
    font-size: 13px;
    line-height: 1.4;
    margin: 0
}

.tt-menu-item.style-one {
    display: block;
    color: #464646;
    border-radius: .375rem
}

.tt-menu-item.style-one .icon-container {
    font-size: 18px
}

.tt-menu-item.style-one .icon-container img {
    height: 22px
}

.tt-menu-item.style-one:hover {
    background-color: #fafafa
}

.mega-menu-wrapper a {
    display: block !important
}

@media (max-width:991px) {
    .mega-menu-wrapper .elementor-element>.elementor-element-populated {
        padding: 10px !important
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 10px
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 40px
}

.alignright.size-full {
    margin-bottom: 60px
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 2em 1em
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

.content-area {
    padding: 120px 0;
    min-height: 35vh
}

@media (max-width:991px) {
    .content-area {
        padding: 80px 0
    }
}

.blog-archive-wrapper {
    padding: 120px 0
}

@media (max-width:991px) {
    .blog-archive-wrapper {
        padding: 80px 0
    }
}

.sidebar_left {
    flex-direction: row-reverse
}

.page_404_wrapper .banner_404_text {
    max-width: 500px;
    margin: 0 auto 40px
}

.page_404_wrapper .search_result_form {
    max-width: 400px;
    margin: 0 auto 30px
}

.page-header {
    text-align: center;
    min-height: 450px;
    padding: 50px 0;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-color: var(--color_secondary)
}

.single-team .page-header {
    height: 700px
}

.page-header .page-header-description {
    color: #fff;
    margin-top: 20px
}

@media (max-width:991px) {
    .page-header {
        min-height: 300px !important
    }
}

.page-header .page-header_wrapper {
    position: relative;
    z-index: 2;
    margin-top: 70px
}

.page-header .page-header_title {
    font-size: 50px;
    font-weight: 700;
    position: relative;
    z-index: 2;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #fff
}

@media (max-width:991px) {
    .page-header .page-header_title {
        font-size: 40px !important
    }
}

@media (max-width:767.98px) {
    .page-header .page-header_title {
        font-size: 34px !important
    }
}

.page-header .breadcrumbs {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7)
}

.page-header .breadcrumbs a {
    color: #fff
}

.page-header .breadcrumbs a:hover {
    color: #fff
}

.page-header .breadcrumbs .separator {
    display: inline-block;
    margin: 0 9px;
    height: 4px;
    width: 4px;
    background-color: #fff;
    border-radius: 6px
}

.page-header .animated-element {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (max-width:620px) {
    .page-header .animated-element {
        display: none
    }
}

.page-header .animated-element li {
    width: -webkit-fill-available;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.page-header .animated-element li img {
    position: absolute
}

.page-header .animated-element li:nth-child(1) img {
    top: 155px;
    left: 120px
}

@media (max-width:991px) {
    .page-header .animated-element li:nth-child(1) img {
        top: 130px;
        left: 50px;
        width: 40px
    }
}

.page-header .animated-element li:nth-child(2) img {
    bottom: 90px;
    left: 30%
}

@media (max-width:991px) {
    .page-header .animated-element li:nth-child(2) img {
        bottom: 70px;
        left: 24%;
        width: 30px
    }
}

.page-header .animated-element li:nth-child(3) img {
    top: 50%;
    right: 29%
}

@media (max-width:991px) {
    .page-header .animated-element li:nth-child(3) img {
        top: 40%;
        right: 25%;
        width: 50px
    }
}

.page-header .animated-element li:nth-child(4) img {
    bottom: 80px;
    right: 15%
}

@media (max-width:991px) {
    .page-header .animated-element li:nth-child(4) img {
        bottom: 70px;
        right: 13%;
        width: 30px
    }
}

.page-header .animated-element li:nth-child(5) img {
    top: 145px;
    right: -65px
}

@media (max-width:991px) {
    .page-header .animated-element li:nth-child(5) img {
        top: 130px;
        right: -44px;
        width: 80px
    }
}

.header-transparent~.page-header .page-header_wrapper {
    margin-top: 134px
}

@media (max-width:991px) {
    .header-transparent~.page-header .page-header_wrapper {
        margin-top: 50px
    }
}

#header-middle-area>div {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (max-width:991.98px) {
    #header-middle-area>div {
        padding: 10px 0
    }

    #header-middle-area #middle-logo {
        margin-bottom: 15px;
        text-align: center
    }
}

.sidebar_left .col-lg-4 {
    order: 1
}

.widget {
    border: 2px solid #f1f1f3;
    padding: 30px;
    border-radius: 10px
}

.widget:not(:last-child) {
    margin-bottom: 30px
}

.widget .widget-title {
    font-size: 20px;
    margin-bottom: 34px;
    font-weight: 600;
    position: relative
}

.widget.tt-recent-posts .widget-title {
    margin-bottom: 25px
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget ul li {
    position: relative
}

.widget ul li:not(:last-child) {
    margin-bottom: 8px
}

.widget ul li a {
    font-family: Poppins, sans-serif;
    font-size: 15px;
    color: #52525c;
    font-weight: 400
}

.widget ul li a .post_count {
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    transition: all .3s ease-in-out
}

.widget ul li a:hover {
    color: var(--color_primary)
}

@media (max-width:991px) {
    .sidebar {
        margin-top: 50px
    }
}

.sidebar .widget-title,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
    font-size: 20px;
    margin-bottom: 27px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px
}

.sidebar .widget-title:after,
.sidebar h2:after,
.sidebar h3:after,
.sidebar h4:after,
.sidebar h5:after,
.sidebar h6:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 35px;
    background-color: var(--color_primary)
}

.sidebar .wp-block-latest-posts__list {
    margin-top: 7px
}

.sidebar .widget_calendar caption {
    background-color: #f0f2f9
}

@media (max-width:991px) {
    .sidebar-container {
        padding-left: 15px !important
    }
}

.sidebar-widget-area .widget ul li:last-child a {
    border-bottom: 0
}

.sidebar .widget-title {
    position: relative;
    display: inline-block
}

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
    margin: 0;
    padding: 0
}

.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_product_categories li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_rss li {
    transition: all .3s ease-in-out;
    display: block;
    margin: 0;
    list-style-type: none;
    position: relative
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_product_categories li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child,
.widget_rss li:last-child {
    border-bottom: 0
}

.widget_archive li .children,
.widget_categories li .children,
.widget_meta li .children,
.widget_nav_menu li .children,
.widget_pages li .children,
.widget_product_categories li .children,
.widget_recent_comments li .children,
.widget_recent_entries li .children,
.widget_rss li .children {
    margin-top: 5px;
    padding-left: 20px
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_product_categories li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child,
.widget_rss li:last-child {
    margin-bottom: 0
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_product_categories a,
.widget_recent_comments a,
.widget_recent_entries a,
.widget_rss a {
    display: block;
    font-size: inherit;
    font-family: inherit
}

.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_nav_menu a:hover,
.widget_pages a:hover,
.widget_product_categories a:hover,
.widget_recent_comments a:hover,
.widget_recent_entries a:hover,
.widget_rss a:hover {
    color: var(--color_primary)
}

.widget_recent_comments ul {
    margin-top: 10px
}

.widget_rss ul li {
    padding-left: 0;
    margin-bottom: 25px
}

.widget_rss ul li:before {
    display: none
}

.widget_rss ul li .rsswidget {
    font-weight: 600;
    color: #051441;
    line-height: 1.4
}

.widget_rss ul li .rssSummary {
    color: #051441;
    line-height: 1.4
}

.widget_rss ul li .rss-date {
    margin-bottom: 5px;
    display: block
}

.widget_rss ul li cite {
    font-weight: 500;
    margin-top: 6px;
    display: inline-block
}

.widget_rss a {
    border-bottom: 0 !important;
    display: inline-block
}

.post-count {
    transition: all .3s ease-in-out;
    margin-left: 3px
}

.widget_archive .post-count {
    margin-left: 3px
}

.widget_nav_menu .sub-menu,
.widget_pages .sub-menu {
    margin-top: 7px
}

.widget_nav_menu .sub-menu>li,
.widget_pages .sub-menu>li {
    border-bottom: 0
}

.widget_nav_menu .sub-menu>li .sub-menu,
.widget_pages .sub-menu>li .sub-menu {
    padding-left: 20px
}

.widget_nav_menu .sub-menu>li .sub-menu>li>a,
.widget_pages .sub-menu>li .sub-menu>li>a {
    padding-left: 5px
}

.widget_nav_menu .sub-menu>li .sub-menu>li>a,
.widget_pages .sub-menu>li .sub-menu>li>a {
    padding: 0
}

.widget_categories li,
.widget_product_categories li {
    margin: 0;
    padding: 0;
    position: relative
}

.widget_categories a,
.widget_product_categories a {
    display: block
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.widget_recent_comments .recentcomments {
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px;
    word-break: break-word;
    display: inline-block;
    border-top: 0 !important;
    width: 100%
}

.widget_recent_comments .recentcomments a {
    line-height: 30px;
    border-bottom: 0 !important;
    padding-left: 0 !important
}

.widget_recent_comments .recentcomments a:before {
    display: none
}

.widget_recent_comments .recentcomments:before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "\e645";
    font-family: themify;
    color: #465675;
    font-size: 20px
}

.widget_recent_comments .recentcomments:last-child {
    margin-bottom: 0
}

.widget_recent_comments .recentcomments a {
    display: inline-block
}

.widget_recent_entries .post-date {
    display: block;
    font-size: 14px
}

.widget_calendar td,
.widget_calendar th {
    padding: 10px 0;
    text-align: center;
    min-width: auto
}

.widget_calendar td#today {
    background: var(--color_primary);
    color: #fff;
    border-radius: 3px
}

.widget_calendar td#today a {
    color: #fff
}

@media (max-width:991.98px) {
    .page-content .widget {
        margin: 0 0 52px
    }
}

@media (max-width:767.98px) {
    .page-content .widget {
        margin: 0 0 32px
    }

    .page-sidebar {
        margin-bottom: 50px
    }

    .page-sidebar .page-sidebar-inner .page-sidebar-content {
        padding-right: 30px;
        border: 1px solid #eee
    }

    .page-sidebar .page-sidebar-inner .page-sidebar-content:after {
        display: none
    }

    .single-post .page-main-content {
        padding-bottom: 20px
    }
}

.tagcloud a {
    font-size: inherit !important;
    display: inline-block;
    line-height: 1.7;
    background: #f8fcff
}

.tagcloud a:hover {
    color: var(--color_primary)
}

.tagcloud .tagcloud {
    margin-top: 20px
}

.tt-widget-recent-posts {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.tt-widget-recent-posts .recent-posts-image_wrapper {
    width: 85px;
    margin-right: 20px;
    border-radius: 6px;
    overflow: hidden
}

.tt-widget-recent-posts .recent-posts-image_wrapper img {
    border-radius: 6px
}

.tt-widget-recent-posts .recent-posts-content_wrapper {
    flex: 1
}

.tt-widget-recent-posts .post-title {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 18px
}

.tt-widget-recent-posts .post-title a {
    color: #071c4d;
    line-height: 1.2
}

.tt-widget-recent-posts .post-title a:hover {
    color: var(--color_primary)
}

.tt-widget-recent-posts .date {
    color: #71717c;
    font-size: 16px
}

.tt-widget-recent-posts .date i {
    margin-right: 5px
}

.tt-widget-recent-posts .date a {
    color: #758598
}

.about-widget_wrapper {
    max-width: 260px
}

.about-widget_wrapper p {
    color: #c8c9d1;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px
}

.about-widget_wrapper .footer-logo {
    margin-bottom: 28px
}

.about-widget_wrapper .footer-logo a {
    display: block;
    max-width: 150px
}

.about-widget_wrapper .footer-logo a img {
    height: 52px
}

.tt-contact-widget .about_text {
    color: rgba(255, 255, 255, .702);
    margin-bottom: 20px
}

.tt-contact-widget .footer-contact-info li {
    margin-bottom: 19px;
    display: flex;
    align-items: baseline;
    line-height: 26px
}

.tt-contact-widget .footer-contact-info li i {
    margin-right: 10px
}

.zoom-instagram-widget .zoom-instagram-widget__items .zoom-instagram-widget__item {
    border-radius: 4px;
    overflow: hidden
}

.author-about-widget {
    text-align: center
}

.author-about-widget .author-image {
    margin: 0 auto 23px;
    border: 3px solid rgba(240, 64, 55, .2);
    border-radius: 50%;
    max-width: 155px;
    height: 155px;
    padding: 8px
}

.author-about-widget .author-image img {
    width: 100%;
    border-radius: 50%
}

.author-about-widget .author_name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px
}

.author-about-widget .about_text {
    line-height: 1.3;
    margin-bottom: 27px
}

.author-about-widget .author-social-link {
    margin: 0;
    padding: 0;
    list-style: none
}

.author-about-widget .author-social-link li {
    display: inline-block
}

.author-about-widget .author-social-link li:not(:last-child) {
    margin-right: 7px
}

.author-about-widget .author-social-link li a {
    font-size: 15px;
    color: #fff;
    position: relative;
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    display: block
}

.author-about-widget .author-social-link li a i {
    display: block;
    line-height: 34px
}

.author-about-widget .author-social-link li a i:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    background-color: var(--color_primary)
}

.author-about-widget .author-social-link li a i.fa-facebook:after {
    background-color: #405fa4
}

.author-about-widget .author-social-link li a i.fa-twitter:after {
    background-color: #16aefd
}

.author-about-widget .author-social-link li a i.fa-pinterest-p:after {
    background-color: #e60023
}

.author-about-widget .author-social-link li a i.fa-fa-vimeo:after {
    background-color: #0a66c2
}

.author-about-widget .author-social-link li a i:hover:after {
    transform: scale(1.2)
}

.author-about-widget .author-social-link li a:hover {
    color: #fff
}

.tt-project-widget {
    display: flex;
    flex-wrap: wrap
}

.tt-project-widget>div {
    width: calc(33.33% - 5px);
    margin-right: 5px;
    margin-bottom: 5px
}

.tt-project-widget img {
    height: 90px;
    object-fit: cover;
    border-radius: 10px
}

.tagcloud {
    color: #2b2350;
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    font-weight: 500
}

.tagcloud a {
    background-color: #f0f2f7;
    color: #071c4d;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px !important;
    text-transform: capitalize;
    margin: 0 5px 10px 0;
    padding: 9px 19px;
    line-height: 1
}

.tagcloud a:hover {
    background-color: var(--color_primary);
    color: #fff;
    position: relative;
    z-index: 2
}

.site-footer .widget-title {
    font-size: 18px;
    margin-bottom: 26px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600
}

.site-footer .widget {
    margin-bottom: 30px;
    border: 0
}

.site-footer .widget.widget_media_image {
    margin-bottom: 0
}

.site-footer .widget ul li {
    color: rgba(255, 255, 255, .6);
    font-size: 15px
}

.site-footer .widget ul li a {
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    position: relative;
    display: inline-block;
    font-weight: 400
}

.site-footer .widget ul li a:hover {
    color: #fff
}

.site-footer .widget ul li a:hover:after {
    width: 100%
}

.site-footer .widget ul li a:hover .post-count {
    color: #fff
}

.site-footer .widget ul li .rsswidget {
    color: #fff
}

.site-footer .widget ul.menu li:not(:last-child) {
    margin-bottom: 7px
}

.site-footer .widget ul.menu li .sub-menu {
    padding-left: 15px
}

.site-footer .widget ul.menu li .sub-menu li:not(:last-child) {
    margin-bottom: 10px
}

@media (max-width:768px) {
    .site-footer .widget {
        margin-bottom: 60px
    }
}

@media (max-width:992px) {
    .site-footer .footer-wrapper {
        padding: 80px 0 0 !important
    }
}

.site-footer .tt-newsletter-widget .newsletter-inner input {
    border: 0;
    border-radius: 4px;
    height: 46px;
    padding: 10px 15px;
    margin-bottom: 8px
}

.site-footer .tt-newsletter-widget .newsletter-inner input::placeholder {
    color: #adadad
}

.site-footer .tt-newsletter-widget .newsletter-inner .newsletter-submit {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 11px 33px 6px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
    height: 46px;
    outline: 0;
    border: 1px solid var(--color_primary)
}

.site-footer .tt-newsletter-widget .newsletter-inner .newsletter-submit .fa-spin {
    display: none
}

.site-footer .tt-newsletter-widget .newsletter-inner .newsletter-submit.clicked .fa-spin {
    display: block
}

.site-footer .tt-newsletter-widget .newsletter-inner .newsletter-submit.clicked span {
    display: none
}

.site-footer .tt-newsletter-widget .form-result {
    margin: 10px 0
}

.site-footer.footer_dark .widget_calendar td {
    color: rgba(255, 255, 255, .6)
}

.site-footer.footer_dark table {
    border-color: rgba(255, 255, 255, .5);
    border-top-color: #f5f5f5
}

.site-footer.footer_dark .calendar_wrap caption {
    background: #d5deff
}

.site-footer.footer_dark .widget_recent_comments .recentcomments:before,
.site-footer.footer_dark .widget_rss a {
    color: #fff
}

.site-footer.footer_dark .widget_rss ul li .rss-date {
    color: rgba(255, 255, 255, .8)
}

.site-footer.footer_dark .widget_rss ul li .rssSummary {
    color: rgba(255, 255, 255, .5)
}

.site-footer.footer_dark .textwidget {
    color: rgba(255, 255, 255, .8)
}

.site-footer.footer_dark table td:last-child {
    border-right: 1px solid rgba(255, 255, 255, .6)
}

.site-footer.footer_dark .wp-block-calendar tbody td,
.site-footer.footer_dark .wp-block-calendar th {
    border-color: rgba(255, 255, 255, .6)
}

.site-footer.footer_dark .wp-block-calendar th {
    border: 0
}

.wp-block-latest-comments__comment-meta {
    line-height: 1.4
}

.wp-block-latest-comments__comment-meta a {
    font-weight: 400
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: 2px solid #f1f1f3;
    border-radius: 6px;
    padding: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0 15px
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
    background-color: transparent;
    margin-left: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon svg {
    font-size: 20px;
    transform: rotate(-90deg);
    color: #071c4d
}

.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__inside-wrapper {
    padding: 5px
}

.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__input {
    height: 46px
}

.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
    height: 46px;
    padding: 10px 20px;
    margin-left: 0
}

.wp-block-search.wp-block-search__button-outside.wp-block-search__icon-button .wp-block-search__button {
    padding: 0 12px
}

.wp-block-search.wp-block-search__button-outside.wp-block-search__icon-button svg {
    fill: #fff;
    font-size: 20px;
    transform: rotate(-90deg)
}

.widget .wp-block-latest-posts li>a {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.6;
    display: block;
    margin-bottom: 0
}

.wp-block-latest-posts__featured-image img {
    border-radius: 6px
}

.wp-block-latest-posts.wp-block-latest-posts__list li:not(:last-child) {
    margin-bottom: 20px
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    display: inline-block;
    font-size: 15px
}

.wp-block-latest-posts__post-author {
    margin-right: 10px
}

.wp-block-tag-cloud {
    margin-bottom: 0 !important
}

.wp-block-tag-cloud a {
    background-color: #f0f2f7;
    color: #071c4d;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px !important;
    text-transform: capitalize;
    margin: 0 5px 10px 0;
    padding: 9px 15px;
    line-height: 1;
    display: inline-block
}

.wp-block-tag-cloud a:hover {
    color: #fff;
    background-color: var(--color_primary)
}

.blog-list .post.sticky {
    display: block;
    border-color: var(--color_primary)
}

.blog-list .post.sticky .blog-content .entry-title a {
    color: var(--color_primary)
}

.updated:not(.published) {
    display: none
}

.no-results .page-content {
    padding: 50px 0 120px;
    text-align: left
}

@media (max-width:991px) {
    .no-results .page-content {
        padding: 50px 0 80px
    }
}

.entry-content,
.entry-summary,
.page-content {
    word-break: break-word
}

.entry-content:after,
.entry-summary:after,
.page-content:after {
    content: "";
    clear: both;
    display: block
}

.page-header .page-title {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 50px
}

.page-content {
    padding: 120px 0
}

.page-template-default .page-content {
    padding: 114px 0 97px
}

.page-template-default .page-content .comments-area {
    padding: 34px 0 23px
}

.page-template-default .page-content .page-links {
    margin-bottom: 20px
}

.blog-post-archive {
    padding: 120px 0
}

.search-no-results .page-content .page-content {
    padding: 20px 0 0
}

.post-author {
    font-weight: 600;
    color: #071c4d;
    display: block
}

.post-author img {
    border-radius: 50% !important;
    margin-right: 5px
}

.post-author:hover {
    color: var(--color_primary)
}

.blog-posts .blog-post-list,
.post-wrapper .blog-post-list {
    margin-bottom: 50px
}

.post-wrapper.blog-masonry {
    width: calc(100% + 30px)
}

.post-wrapper.blog-masonry .post-item {
    width: calc(50% - 30px);
    margin-right: 30px;
    margin-bottom: 50px
}

.post-wrapper.blog-masonry.column-3 .post-item {
    width: calc(33.33% - 30px)
}

.post-wrapper .post-item {
    margin-bottom: 60px
}

.post-grid {
    position: relative;
    background: #fff;
    transition: all .3s ease-in-out;
    margin-bottom: 30px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.post-grid .meta-category-wrapper a {
    display: inline-block !important;
    border: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 15px;
    background-color: rgba(23, 92, 255, .15)
}

.post-grid .meta-category-wrapper a:hover {
    color: #fff;
    background: var(--color_primary)
}

.post-grid .meta-category-wrapper a:not(:last-child) {
    margin-right: 7px
}

.post-grid .feature-image {
    position: relative;
    overflow: visible
}

.post-grid .feature-image:hover img {
    transform: scale(1)
}

.post-grid .blog-content {
    padding: 19px 30px 40px
}

.post-grid .blog-content .entry-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    margin: 14px 0 9px
}

.post-grid .blog-content .author span {
    display: inline-block;
    margin-right: 5px
}

.post-grid .blog-content .author-simple a {
    color: #5c5c60
}

.post-grid .blog-content .author-simple a:hover {
    color: var(--color_primary)
}

.post-grid .blog-content p {
    margin-bottom: 26px
}

.post-grid .blog-content .read_more_btn {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.post-grid .blog-content .read_more_btn i {
    margin-left: 5px;
    color: #071c4d
}

.post-grid .blog-content .read_more_btn:hover i {
    margin-left: 8px;
    transition: all .3s ease-in-out;
    color: var(--color_primary)
}

.post-grid:hover {
    background-color: #fff;
    box-shadow: 0 30px 50px 0 rgba(1, 4, 45, .08)
}

.post-grid:hover .feature-image img {
    transform: scale(1)
}

.post-grid.style-two {
    margin-bottom: 30px;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .05);
    overflow: hidden;
    padding: 15px;
    border-radius: 20px
}

.post-grid.style-two .feature-image {
    overflow: hidden;
    border-radius: 10px
}

.post-grid.style-two .feature-image img {
    min-height: 270px;
    border-radius: 10px
}

@media (max-width:576px) {
    .post-grid.style-two .feature-image {
        width: 50%
    }
}

@media (max-width:420px) {
    .post-grid.style-two .feature-image {
        width: 100%
    }

    .post-grid.style-two .feature-image img {
        width: 100%
    }
}

.post-grid.style-two .blog-content {
    flex: 1;
    padding: 20px
}

.post-grid.style-two .blog-content .entry-title {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 29px
}

.post-grid.style-two .blog-content p {
    margin-bottom: 0
}

.post-grid.style-two .blog-content .author-simple a {
    color: #696969
}

.post-grid.style-two .blog-content .author-simple a:hover {
    color: var(--color_primary)
}

.post-grid.style-two .meta-category-wrapper {
    margin-bottom: 16px
}

.post-grid.style-two:hover {
    box-shadow: 0 0 35px 0 rgba(0, 153, 255, .15)
}

.post-grid.style-three .feature-image img {
    min-height: 360px
}

.post-grid.style-three .feature-image a:before {
    display: none
}

.post-grid.style-three .meta-category-wrapper {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px
}

.post-grid.style-three .meta-category-wrapper a {
    display: inline-block;
    position: relative;
    color: var(--color_primary);
    overflow: hidden
}

.post-grid.style-three .meta-category-wrapper a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 0;
    background: #2acaff;
    border-radius: 50% 50% 0 0;
    transition: height .4s ease-in-out
}

.post-grid.style-three .meta-category-wrapper a:hover {
    color: #fff;
    background-color: transparent
}

.post-grid.style-three .meta-category-wrapper a:hover:after {
    height: 300%
}

.post-grid.style-three .meta-category-wrapper a:not(:last-child) {
    margin-right: 7px
}

.post-grid.style-three .blog-content {
    padding: 34px 30px 50px
}

.post-grid.style-three .blog-content .entry-title {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 12px
}

@media (max-width:576px) {
    .post-grid.style-three .blog-content .entry-title {
        font-size: 22px
    }
}

.post-grid.style-three .blog-content .author-simple a {
    color: #696969
}

.post-grid.style-three .blog-content .author-simple a:hover {
    color: var(--color_primary)
}

.post-grid.style-four {
    box-shadow: none;
    border: 1px solid #e1e2e2
}

.post-grid.style-four .feature-image {
    transition: all .3s ease-in-out;
    overflow: hidden;
    padding: 20px 20px 0 20px;
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1
}

.post-grid.style-four .feature-image a:before {
    display: none
}

.post-grid.style-four .feature-image img {
    height: 240px;
    border-radius: 5px 5px 0 0
}

.post-grid.style-four .meta-category-wrapper {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 40px
}

.post-grid.style-four .meta-category-wrapper a {
    display: inline-block;
    position: relative;
    color: #fff;
    overflow: hidden
}

.post-grid.style-four .meta-category-wrapper a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 300%;
    background: var(--color_primary);
    border-radius: 50% 50% 0 0;
    transition: height .4s ease-in-out
}

.post-grid.style-four .meta-category-wrapper a:hover {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.post-grid.style-four .meta-category-wrapper a:hover:after {
    height: 0
}

.post-grid.style-four .meta-category-wrapper a:not(:last-child) {
    margin-right: 7px
}

.post-grid.style-four .blog-content {
    padding: 30px 20px 30px
}

.post-grid.style-four .blog-content .entry-title {
    margin: 16px 0 22px;
    line-height: 1.3;
    font-weight: 600
}

.post-grid.style-four .blog-content .author-simple .author {
    margin-left: 0
}

.post-grid.style-four .blog-content .author-simple .author a {
    font-weight: 400;
    font-size: 14px;
    color: #949292
}

.post-grid.style-four .blog-content .author-simple .author a:hover {
    color: var(--color_primary)
}

.post-grid.style-four .blog-content .read_more_btn {
    text-transform: capitalize;
    font-size: 15px
}

.post-grid.style-four .post-meta li {
    text-transform: uppercase;
    font-weight: 400
}

.post-grid.style-four:hover .feature-image img {
    transform: scale(1.2)
}

.post-grid.style--three {
    background-color: #202020;
    border-radius: 5px;
    padding: 25px;
    overflow: visible
}

.post-grid.style--three .feature-image img {
    height: 210px
}

.post-grid.style--three .plus-icon {
    position: absolute;
    height: 46px;
    width: 46px;
    line-height: 48px;
    background: linear-gradient(96.49deg, #0082f8 0, #3c10f2 101.82%);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    right: 0;
    bottom: -45px;
    opacity: 0;
    visibility: hidden
}

.post-grid.style--three .blog-content {
    padding: 17px 0 0;
    position: relative
}

.post-grid.style--three .blog-content .entry-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.4
}

.post-grid.style--three .blog-content .entry-title a {
    color: #fff
}

.post-grid.style--three .blog-content .entry-title a:hover {
    color: var(--color_primary)
}

.post-grid.style--three .blog-content p {
    color: #d7d7d7
}

.post-grid.style--three .blog-content .author-simple a {
    color: #fff;
    font-size: 14px
}

.post-grid.style--three .blog-content .author-simple a:hover {
    color: var(--color_primary)
}

.post-grid.style--three:hover .plus-icon {
    opacity: 1;
    visibility: visible
}

.post-meta {
    margin: 0;
    padding: 5px 0 0;
    line-height: 1
}

.post-meta li {
    display: inline-flex;
    position: relative;
    font-size: 14px;
    color: #696969;
    align-items: center
}

.post-meta li i {
    margin-right: 8px;
    font-size: 16px;
    color: var(--color_primary);
    line-height: .9
}

.post-meta li:not(:last-child) {
    margin-right: 14px
}

@media (max-width:480px) {
    .post-meta li:not(:last-child) {
        margin-bottom: 15px
    }
}

.post-meta li .author a {
    color: #5c5c60;
    font-weight: 400;
    font-size: 15px
}

.post-meta li .author a:hover {
    color: var(--color_primary)
}

.post-meta li a {
    margin: 0;
    color: #71717c;
    line-height: normal;
    font-size: 15px
}

.post-meta li a:hover {
    color: var(--color_primary)
}

.post-categories {
    margin: 0;
    padding: 0;
    list-style: none
}

.post-categories li {
    display: inline-block;
    position: relative
}

.post-categories li:not(:last-child) a:after {
    content: "/";
    position: absolute;
    right: -15px;
    top: 0
}

.entry-meta a,
.post-categories a {
    color: var(--color_primary);
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 20px;
    position: relative;
    line-height: 1.2;
    font-weight: 400
}

.entry-meta a:not(:last-child):after,
.post-categories a:not(:last-child):after {
    content: "/";
    position: absolute;
    right: -15px;
    top: 0
}

.blog-post-list {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    border-radius: 10px;
    width: 100%
}

.blog-post-list.sticky {
    box-shadow: none;
    background: #f4f5f7
}

.blog-post-list.sticky .entry-title a {
    color: var(--color_primary)
}

.blog-post-list .post-thumbnail-wrapper {
    position: relative
}

.blog-post-list .post-thumbnail {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 6px
}

.blog-post-list .entry-header {
    padding: 50px 50px 0
}

.blog-post-list .entry-header .entry-title {
    font-size: 24px;
    font-weight: 700;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.blog-post-list .meta-category-wrapper {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 2
}

.blog-post-list .meta-category-wrapper a {
    font-size: 14px;
    display: inline-block;
    padding: 2px 15px;
    color: #fff;
    border-radius: 4px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    background-color: var(--color_primary);
    border: 0
}

.blog-post-list .meta-category-wrapper a:hover {
    background-color: #004bfd
}

.blog-post-list .blog-content {
    padding: 30px 30px 45px
}

.blog-post-list .entry-title {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 13px;
    font-weight: 600;
    word-wrap: break-word
}

.blog-post-list .entry-title a {
    color: #071c4d
}

.blog-post-list .entry-title a:hover {
    color: var(--color_primary)
}

.blog-post-list .entry-content p {
    margin-bottom: 35px
}

.blog-post-list.sticky .post-thumbnail {
    margin-bottom: 0
}

.blog-post-list.sticky .entry-header .entry-title a {
    color: var(--color_primary)
}

.blog-post-list.sticky .entry-header .entry-title a:hover {
    color: var(--color_primary)
}

.blog-post-list .blog-footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-post-list .blog-footer .tt-btn {
    padding: 6px 27px
}

.blog-post-list .blog-footer .tt-btn i {
    margin-left: 7px;
    font-size: 13px;
    line-height: 1;
    margin-top: 1px
}

.blog-post-list .post-meta-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-post-list .post-meta-wrapper .post-meta {
    color: #696969;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    margin-bottom: 17px
}

.blog-post-list .post-meta-wrapper .post-meta li {
    font-size: 15px
}

.blog-post-list .post-meta-wrapper .post-meta li .author {
    margin-left: 0
}

.blog-post-list .post-meta-wrapper .post-meta i {
    display: inline-block;
    line-height: 1;
    color: var(--color_primary)
}

.blog-post-list .post-meta-wrapper .post-meta a {
    color: #71717c;
    display: inline-block
}

.blog-post-list .post-meta-wrapper .post-meta a:hover {
    color: var(--color_primary)
}

.meta-category-wrapper a {
    font-size: 13px;
    display: inline-block;
    padding: 0 15px;
    color: var(--color_primary);
    border-radius: 4px;
    margin-right: 10px;
    background-color: rgba(23, 92, 255, .15)
}

.meta-category-wrapper a:hover {
    background: var(--color_primary);
    color: #fff;
    border-color: var(--color_primary)
}

.post-meta-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.post-meta-list li {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    color: #696969;
    font-weight: 400
}

.post-meta-list li i {
    margin-right: 10px;
    color: #5c6f96;
    font-size: 14px
}

.post-meta-list li a {
    color: #696969;
    font-weight: 400;
    font-size: 16px
}

.post-meta-list li a:hover {
    color: var(--color_primary)
}

.related-post-wrapper {
    margin-top: 92px
}

.related-post-wrapper .related-title {
    font-size: 30px;
    margin-bottom: 42px;
    font-weight: 600
}

.related-post {
    background-color: #f4f5f7;
    border-radius: 15px;
    overflow: hidden
}

.related-post .feature-image img {
    min-height: 260px;
    width: 100%;
    object-fit: cover
}

.related-post .post-meta {
    margin-bottom: 17px;
    padding-top: 0
}

.related-post .post-meta li a {
    font-size: 13px;
    border-radius: 4px;
    padding: 6px 13px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-weight: 600;
    line-height: 1;
    color: var(--color_primary);
    background-color: rgba(23, 92, 255, .15)
}

.related-post .post-meta li a:hover {
    background-color: var(--color_primary);
    color: #fff
}

.related-post .post-meta li a:not(:last-child) {
    margin-right: 10px
}

.related-post .post-footer-meta {
    margin: 0;
    padding: 0;
    list-style: none
}

.related-post .post-footer-meta li {
    display: inline-block;
    position: relative;
    color: #5c5c60
}

.related-post .post-footer-meta li:not(:last-child) {
    margin-right: 25px
}

.related-post .post-footer-meta li a {
    color: #5c5c60;
    font-size: 15px;
    font-weight: 400
}

.related-post .post-footer-meta li a:hover {
    color: var(--color_primary)
}

.related-post .post-footer-meta li i {
    color: var(--color_primary);
    margin-right: 10px
}

.related-post .blog-content {
    padding: 30px 30px 34px
}

.related-post .blog-content .post-title {
    font-size: 20px;
    margin-bottom: 17px;
    font-weight: 600;
    line-height: 1.3
}

.share_social-wpapper {
    display: flex;
    padding: 0;
    align-items: center
}

.share_social-wpapper .share-text {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #071c4d;
    font-weight: 600
}

.social-share-link {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.social-share-link li {
    display: inline-block
}

.social-share-link li:not(:last-child) {
    margin-right: 7px
}

.social-share-link li a {
    font-size: 15px;
    color: #fff;
    position: relative;
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    display: block
}

.social-share-link li a i {
    display: block;
    line-height: 34px;
    cursor: pointer
}

.social-share-link li a i:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    background-color: var(--color_primary)
}

.social-share-link li a i.fa-facebook-f:after {
    background-color: #405fa4
}

.social-share-link li a i.fa-twitter:after {
    background-color: #16aefd
}

.social-share-link li a i.fa-pinterest-p:after {
    background-color: #e60023
}

.social-share-link li a i.fa-fa-vimeo:after {
    background-color: #0a66c2
}

.social-share-link li a i.fa-linkedin-in:after {
    background-color: #2677b5
}

.social-share-link li a i:hover:after {
    transform: scale(1.2)
}

.social-share-link li a:hover {
    color: #fff
}

.tag_list {
    margin-top: 30px
}

.tag_list .tags {
    color: #051441;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    font-weight: 600
}

.single-post-navigation {
    margin-top: 70px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 25px 0
}

.single-post-nav {
    max-width: 90%;
    display: flex;
    align-items: center
}

@media (max-width:576px) {
    .single-post-nav {
        width: 100%
    }
}

.single-post-nav i {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    color: #071c4d;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease-in-out;
    border: 2px solid #e6e7ea
}

.single-post-nav .post-nav-wrapper {
    flex: 2
}

.single-post-nav .post-nav-title {
    font-size: 14px;
    font-weight: 500;
    color: #6d6f73;
    margin-bottom: 5px;
    line-height: 1
}

.single-post-nav .post-title {
    font-size: 14px;
    transition: all .3s ease-in-out;
    margin: 0;
    font-weight: 500;
    line-height: 1.4
}

.single-post-nav:hover i {
    background-color: var(--color_primary);
    color: #fff;
    border-color: var(--color_primary)
}

.single-post-nav:hover .post-title {
    color: var(--color_primary)
}

@media (max-width:767px) {
    .post-next {
        margin-top: 30px
    }
}

.post-next .single-post-nav {
    margin-left: auto
}

.post-next .single-post-nav i {
    margin: 0 0 0 15px
}

.post-next .post-nav-wrapper {
    text-align: right
}

.portfolio-post-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 1px solid #dce0e5;
    border-bottom: 1px solid #dce0e5;
    margin-top: 60px
}

@media (max-width:576px) {
    .portfolio-post-navigation {
        display: block
    }
}

.portfolio-post-navigation .middle-icon {
    color: #dadada;
    font-size: 30px;
    text-align: center
}

.portfolio-post-navigation>div {
    width: 40%
}

@media (max-width:576px) {
    .portfolio-post-navigation>div {
        width: 100%
    }
}

.portfolio-post-navigation .middle-icon {
    width: 20%
}

@media (max-width:576px) {
    .portfolio-post-navigation .middle-icon {
        width: 100%;
        margin: 20px 0
    }
}

.wp-block-quote,
blockquote {
    background-color: #f4f5f7;
    padding: 43px 40px 41px;
    position: relative;
    margin: 54px 0 52px;
    overflow: hidden;
    border-left: 3px solid var(--color_primary);
    border-radius: 6px
}

.wp-block-quote p,
blockquote p {
    font-size: 16px;
    color: #52525c;
    font-style: normal;
    margin-bottom: 4px;
    line-height: 34px;
    font-weight: 400;
    padding: 0 !important
}

.wp-block-quote cite,
blockquote cite {
    font-style: normal;
    font-weight: 600;
    color: #071c4d;
    padding-top: 15px;
    display: inline-block;
    padding-left: 22px;
    position: relative;
    font-size: 16px
}

.wp-block-quote cite:before,
blockquote cite:before {
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    height: 2px;
    width: 16px;
    background: #071c4d
}

.blog-container {
    padding: 120px 0
}

.single-post .page-content {
    padding: 0
}

.blog .page-content {
    padding: 120px 0
}

.post-grid .feature-image {
    overflow: hidden
}

.post-grid .feature-image a.feature-image-block {
    position: relative;
    display: block
}

.post-grid .feature-image a.feature-image-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 2
}

.post-grid .feature-image img {
    transition: all .5s ease-in-out;
    height: 260px;
    object-fit: cover
}

.post-grid .feature-image:hover a:before {
    opacity: 1
}

.post-grid .feature-image:hover img {
    transform: scale(1.07)
}

.no-sidebar .post-single {
    max-width: 1000px;
    margin: 0 auto
}

.no-sidebar.single-post #comments {
    max-width: 1000px;
    margin: 93px auto 0
}

.post-single {
    margin-bottom: 0
}

.post-single .feature-image {
    margin-bottom: 28px
}

.post-single .post-meta {
    padding-top: 0
}

.post-single .post-meta li {
    color: #71717c
}

.post-single .post-meta li .author a {
    color: #71717c
}

.post-single .post-meta li .author a:hover {
    color: var(--color_primary)
}

.post-single .entry-header {
    padding-bottom: 25px
}

.post-single .entry-title {
    font-size: 36px;
    margin: 10px 0 25px
}

.post-single .wp-block-image {
    margin-top: 30px
}

.post-single .blocks-gallery-grid li img {
    border-radius: 10px
}

.post-single blockquote p {
    margin: 0
}

.post-single .wp-block-image {
    text-align: center
}

.post-single .wp-block-image {
    margin-bottom: 39px
}

.post-single .edit-link {
    margin-left: 15px
}

.post-single .single-post-header {
    margin-bottom: 50px
}

.post-single .single-post-header .single-post-title {
    font-size: 36px;
    margin-bottom: 25px;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.post-single .post-meta-cat {
    margin-bottom: 20px
}

.post-single .post-meta-cat a {
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 5px;
    background-color: #37a45d;
    min-width: auto;
    font-weight: 400;
    margin: 0 5px;
    border: 0 solid transparent;
    display: inline-block
}

.post-single .post-meta-cat a:first-child {
    background-color: #e9683e
}

.post-single .meta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.post-single .feature-image {
    text-align: center
}

.post-single .feature-image img {
    border-radius: 6px
}

.post-single .entry-footer {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    padding-top: 26px;
    border-top: 1px solid #ededed;
    width: 100%
}

.post-single .entry-footer .share-link-wrapper {
    display: flex;
    align-items: center
}

@media (max-width:576px) {
    .post-single .entry-footer .share-link-wrapper {
        justify-content: center
    }
}

.post-single .entry-footer .share-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 10px
}

.post-single .entry-footer .tag_list {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8ebf4
}

.tag-title {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px
}

.single-post-header-bg {
    min-height: 550px
}

@media (max-width:767px) {
    .single-post-header-bg {
        min-height: 350px
    }
}

.single-post-header-bg .single-post-header {
    position: relative;
    z-index: 2;
    margin-top: 70px
}

.single-post-header-bg .tt-blog-meta-category {
    color: #fff;
    font-size: 13px;
    border: 2px solid var(--color_primary);
    padding: 8px 16px;
    display: inline-block;
    line-height: 1;
    border-radius: 6px;
    margin: 0 5px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-color: var(--color_primary);
    font-weight: 500
}

.single-post-header-bg .tt-blog-meta-category:hover {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
}

.single-post-header-bg .single-post-title {
    font-size: 45px;
    line-height: 1.2;
    max-width: 700px;
    margin: 20px auto 13px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #fff
}

@media (max-width:767px) {
    .single-post-header-bg .single-post-title {
        font-size: 30px
    }
}

.feature-image-banner {
    height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: rgba(0, 0, 0, .3)
}

@media (max-width:768px) {
    .feature-image-banner {
        height: 380px
    }
}

.feature-image-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.feature-image-banner .single-post-header {
    position: relative;
    z-index: 2
}

.feature-image-banner .single-post-header .single-post-title {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.3;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

@media (max-width:768px) {
    .feature-image-banner .single-post-header .single-post-title {
        font-size: 34px
    }
}

@media (max-width:480px) {
    .feature-image-banner .single-post-header .single-post-title {
        font-size: 30px
    }
}

.feature-image-banner .single-post-header .post-meta {
    margin-top: 24px
}

.feature-image-banner .single-post-header .post-meta a,
.feature-image-banner .single-post-header .post-meta li {
    color: #fff
}

.feature-image-banner .single-post-header .post-meta a:hover {
    color: var(--color_primary)
}

.blog-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.blog-share .share-title p {
    color: #2b2350;
    display: inline-block;
    margin: 0;
    font-weight: 500;
    font-size: 20px
}

.share-link {
    margin: 0;
    padding: 0;
    list-style: none
}

.share-link li {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0 !important
}

.share-link li:before {
    display: none
}

.share-link li:last-child {
    margin-right: 0
}

.share-link li a {
    display: block;
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 43px;
    color: #aba8a4;
    border-radius: 50%;
    font-size: 14px;
    border: 1px solid #e5dada
}

.share-link li a:hover {
    background: var(--color_primary);
    color: #fff;
    border-color: var(--color_primary)
}

.post-single .wp-block-search {
    margin-bottom: 20px
}

@media (max-width:991px) {
    .post-wrapper.blog-masonry.column-3 .post-item {
        width: calc(50% - 30px)
    }
}

@media (max-width:768px) {
    .post-wrapper.blog-masonry.column-3 .post-item {
        width: 100%;
        margin-right: 0
    }

    .comment-list .comment .comment-body.menu-comments .comment-author {
        height: 60px;
        width: 60px;
        margin-right: 15px
    }

    .comment-list .comment .comment-body .comment-author {
        height: 60px;
        width: 60px;
        margin-right: 15px
    }

    .comment-list .comment .comment-body .comment-content {
        padding-bottom: 20px
    }

    .comment-list .comment .comment-body .comment-content h4 {
        font-size: 18px
    }

    .comment-list .comment .comment-body .comment-content p {
        font-size: 16px;
        line-height: 26px
    }

    .comment-list .children {
        padding-left: 70px
    }

    .comment-respond .comment-reply-title {
        font-size: 35px;
        margin-bottom: 30px
    }
}

@media (max-width:420px) {
    .comment-list .comment .comment-body .comment-content .ratings {
        position: static
    }
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
    padding-top: 20px
}

.page-links .current,
.page-links a {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #f8f6f2;
    color: #071c4d;
    display: inline-block;
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    margin-left: 5px
}

.page-links .current:hover,
.page-links a:hover {
    background: var(--color_primary);
    color: #fff
}

.page-links .current {
    background: var(--color_primary);
    color: #fff
}

.post-navigation {
    margin-bottom: 50px
}

.post-navigation .nav-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
    width: 102%
}

.post-navigation .nav-links .nav-next,
.post-navigation .nav-links .nav-previous {
    width: 48%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background: #333;
    margin-right: 2%;
    flex: 1;
    font-weight: 500;
    text-align: center;
    transition: all .3s ease-in-out
}

.post-navigation .nav-links .nav-next a,
.post-navigation .nav-links .nav-previous a {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    display: block;
    outline: 0
}

.post-navigation .nav-links .nav-next a:hover,
.post-navigation .nav-links .nav-previous a:hover {
    color: #fff
}

.post-navigation .nav-links .nav-next:hover,
.post-navigation .nav-links .nav-previous:hover {
    background: var(--color_primary)
}

.post-navigation .nav-links .nav-previous {
    padding-right: 30px
}

.post-navigation .nav-links .nav-next {
    padding-left: 30px
}

.first-lg {
    -webkit-order: -1;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

.fiana_post_author_box {
    background: #faf8f5;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    border-radius: 6px;
    max-width: 670px
}

.fiana_post_author_box .profile_image {
    width: 80px;
    margin-right: 20px;
    border-radius: 50%
}

.fiana_post_author_box .profile_image img {
    border-radius: 50%
}

.fiana_post_author_box .profile_content {
    flex: 1
}

.fiana_post_author_box .profile_content .profile_name {
    font-size: 20px;
    line-height: 28px;
    color: #071c4d;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600
}

.fiana_post_author_box .profile_content .author-job {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 15px;
    display: inline-block
}

.fiana_post_author_box .profile_content .profile_bio p {
    font-size: 16px;
    color: #827f79;
    margin-bottom: 0;
    font-weight: 500
}

.fiana_post_author_box .user-social-link {
    margin: 0;
    padding: 0;
    list-style: none
}

.fiana_post_author_box .user-social-link li {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px
}

.post-share {
    display: inline-block;
    flex: 1
}

.share-trigger .share-items {
    float: right
}

.share-trigger .share-items a {
    height: 35px;
    width: 35px;
    display: inline-block;
    background: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-right: 5px;
    color: #fff
}

.share-trigger .share-items a.facebook-bg {
    background: #3b5998
}

.share-trigger .share-items a.facebook-bg:hover {
    background: #263961
}

.share-trigger .share-items a.twitter-bg {
    background: #3cf
}

.share-trigger .share-items a.twitter-bg:hover {
    background: #00ace6
}

.share-trigger .share-items a.google-plus-bg {
    background: #dc4a38
}

.share-trigger .share-items a.google-plus-bg:hover {
    background: #aa2d1e
}

.share-trigger .share-items a.linkedin-bg {
    background: #0077b5
}

.share-trigger .share-items a.linkedin-bg:hover {
    background: #004569
}

@media (max-width:991px) {
    .blog-container {
        padding: 80px 0
    }

    #secondary {
        margin-top: 40px
    }
}

@media (max-width:768px) {
    .blog-container {
        padding: 50px 0
    }
}

.search-header {
    margin-bottom: 30px
}

.search_page_404_wrapper {
    text-align: center;
    max-width: 650px;
    margin: 0 auto
}

.search_page_404_wrapper .page-title {
    margin-bottom: 14px
}

.search_page_404_wrapper .banner_404_text {
    margin-bottom: 30px
}

.search_result_form .search-form {
    display: flex;
    border: 0;
    margin-bottom: 20px;
    background-color: #eff1f5;
    border-radius: 6px;
    height: 60px
}

.search_result_form .search-form input {
    border: none;
    border-radius: 0;
    padding: 20px;
    margin: 0;
    background: 0 0
}

.search_result_form .search-form input::placeholder {
    color: #878793
}

.search_result_form .search-form .search-submit {
    border: 0;
    background: 0 0;
    padding: 10px 20px;
    color: var(--color_primary);
    font-size: 22px
}

.no-results .page-content {
    padding: 0 0 120px
}

@media (max-width:991px) {
    .no-results .page-content {
        padding: 0 0 80px
    }
}

.pagination-wrapper~.sidebar {
    margin-bottom: 0
}

.pagination-wrapper {
    margin-top: 30px
}

.blog-archive-wrapper #post-pagination {
    margin-top: 80px;
    text-align: center
}

#post-pagination .page-numbers {
    margin: 0;
    padding: 0;
    list-style: none
}

#post-pagination .page-numbers li {
    display: inline-block
}

#post-pagination .page-numbers li a,
#post-pagination .page-numbers li span {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #e7e7f6;
    text-align: center;
    color: #7b8a9e;
    border-radius: 4px;
    margin-right: 10px
}

#post-pagination .page-numbers li a .current,
#post-pagination .page-numbers li a:hover,
#post-pagination .page-numbers li span .current,
#post-pagination .page-numbers li span:hover {
    background: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

#post-pagination .page-numbers li a .current a,
#post-pagination .page-numbers li a:hover a,
#post-pagination .page-numbers li span .current a,
#post-pagination .page-numbers li span:hover a {
    color: #fff
}

#post-pagination .page-numbers li a.current,
#post-pagination .page-numbers li span.current {
    background: var(--color_primary);
    color: #fff;
    border-color: var(--color_primary)
}

#post-pagination .page-numbers li i {
    font-size: 20px
}

#post-pagination .page-numbers li.next {
    line-height: 54px
}

.woocommerce nav.woocommerce-pagination {
    margin-top: 30px
}

.woocommerce nav.woocommerce-pagination .page-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    text-align: center
}

.woocommerce nav.woocommerce-pagination .page-numbers li {
    display: inline-block;
    margin-right: 10px !important
}

.woocommerce nav.woocommerce-pagination .page-numbers li a,
.woocommerce nav.woocommerce-pagination .page-numbers li span {
    display: block;
    line-height: 37px;
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 37px;
    font-size: 16px;
    text-align: center;
    transition: all .3s ease-in-out;
    overflow: hidden;
    border: 2px solid #e7e7f6;
    border-radius: 6px
}

.woocommerce nav.woocommerce-pagination .page-numbers li a i,
.woocommerce nav.woocommerce-pagination .page-numbers li span i {
    font-size: 18px
}

.woocommerce nav.woocommerce-pagination .page-numbers li a.current,
.woocommerce nav.woocommerce-pagination .page-numbers li a:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span.current,
.woocommerce nav.woocommerce-pagination .page-numbers li span:hover {
    background: var(--color_primary);
    border-color: var(--color_primary);
    color: #fff
}

.woocommerce nav.woocommerce-pagination .page-numbers li i {
    font-size: 14px
}

.woocommerce nav.woocommerce-pagination .page-numbers li svg {
    height: 20px;
    width: 20px;
    transition: all .3s ease-in-out
}

.woocommerce nav.woocommerce-pagination .page-numbers li.next,
.woocommerce nav.woocommerce-pagination .page-numbers li.prev {
    line-height: 45px
}

.woocommerce nav.woocommerce-pagination .page-numbers li a.next,
.woocommerce nav.woocommerce-pagination .page-numbers li a.prev {
    line-height: 40px
}

.woocommerce nav.woocommerce-pagination .page-numbers li a.next:hover svg path,
.woocommerce nav.woocommerce-pagination .page-numbers li a.prev:hover svg path {
    fill: #fff !important
}

.woocommerce nav.woocommerce-pagination .page-numbers li .current {
    background: var(--color_primary);
    color: #fff;
    border-color: var(--color_primary)
}

.woocommerce nav.woocommerce-pagination .page-numbers li .current a {
    color: #fff
}

.woocommerce nav.woocommerce-pagination .page-numbers li.current {
    background: var(--color_primary);
    color: #fff
}

.woocommerce .pprefix-post-navigation {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    align-items: center;
    padding: 20px;
    border: 1px solid #eee
}

.woocommerce .pprefix-post-navigation .next-link_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper {
    width: 50%
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper a,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper a,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper a,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper a {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper a .next_title,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper a .prev_title,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper a .next_title,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper a .prev_title,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper a .next_title,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper a .prev_title,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper a .next_title,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper a .prev_title {
    font-size: 16px;
    font-weight: 600
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper a .date_post,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper a .date_post,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper a .date_post,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper a .date_post {
    font-size: 14px;
    font-weight: 500
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .meta-wrapper,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .meta-wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .meta-wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .meta-wrapper {
    display: block
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .image_exist,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .image_exist,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .image_exist,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .image_exist {
    display: block;
    width: 100px;
    position: relative;
    overflow: hidden
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .image_exist i,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .image_exist i,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .image_exist i,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .image_exist i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 24px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .image_exist:before,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .image_exist:before,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .image_exist:before,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .image_exist:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--color_primary);
    opacity: 0;
    transition: all .3s ease-in-out
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .image_exist:hover:before,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .image_exist:hover:before,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .image_exist:hover:before,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .image_exist:hover:before {
    opacity: 0.6
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .image_exist:hover i,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .image_exist:hover i,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .image_exist:hover i,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .image_exist:hover i {
    opacity: 0.6;
    visibility: visible
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .next-link-info_wrapper,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .prev-link-info_wrapper,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .next-link-info_wrapper,
.woocommerce .pprefix-post-navigation .next-link_wrapper .info_prev-link_wrapper .prev-link-info_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .next-link-info_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_next-link_wrapper .prev-link-info_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .next-link-info_wrapper,
.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .prev-link-info_wrapper {
    flex: 2
}

.woocommerce .pprefix-post-navigation .prev-link_wrapper .info_prev-link_wrapper .image_prev {
    margin-right: 20px
}

.woocommerce .pprefix-post-navigation .next-link_wrapper {
    width: 50%
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper {
    justify-content: flex-end;
    text-align: right
}

.woocommerce .pprefix-post-navigation .next-link_wrapper .info_next-link_wrapper .image_next {
    margin-left: 20px
}

.woocommerce .gp-slider-nav-wrapper {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 22;
    top: 50%;
    transform: translateY(-50%)
}

.woocommerce .gp-slider-nav-wrapper .gp-slider-next,
.woocommerce .gp-slider-nav-wrapper .gp-slider-prev {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: var(--color_primary);
    cursor: pointer;
    outline: 0;
    border-radius: 50%
}

.woocommerce .gp-slider-nav-wrapper .gp-slider-next {
    position: absolute;
    right: 0
}

.woocommerce .format-gallery .gp-slider-nav-wrapper {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 22;
    top: 50%;
    transform: translateY(-50%)
}

.woocommerce .format-gallery .gp-slider-nav-wrapper .gp-slider-next,
.woocommerce .format-gallery .gp-slider-nav-wrapper .gp-slider-prev {
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: left;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.woocommerce .format-gallery .gp-slider-nav-wrapper .gp-slider-prev {
    left: -80px;
    text-align: right
}

.woocommerce .format-gallery .gp-slider-nav-wrapper .gp-slider-prev i {
    margin-right: 20px
}

.woocommerce .format-gallery .gp-slider-nav-wrapper .gp-slider-next {
    right: -80px;
    text-align: left
}

.woocommerce .format-gallery .gp-slider-nav-wrapper .gp-slider-next i {
    margin-left: 20px
}

.woocommerce .format-gallery:hover .gp-slider-next,
.woocommerce .format-gallery:hover .gp-slider-prev {
    opacity: 1;
    visibility: visible
}

.woocommerce .format-gallery:hover .gp-slider-prev {
    left: -40px;
    text-align: right
}

.woocommerce .format-gallery:hover .gp-slider-next {
    right: -40px
}

.widget_search .search-form {
    border-radius: 6px;
    position: relative;
    background-color: #eff1f5;
    display: flex;
    overflow: hidden
}

.widget_search .search-form label {
    margin: 0;
    width: 100%
}

.widget_search .search-form input {
    padding: 11px 20px;
    border-radius: 0;
    border: 0;
    width: 100%;
    color: #696969;
    height: 54px;
    margin: 0;
    background: 0 0
}

.widget_search .search-form input::placeholder {
    color: #878793
}

.widget_search .search-form input:focus {
    border-color: var(--color_primary)
}

.widget_search .search-form .search-submit {
    background-color: var(--color_primary);
    border: 0;
    padding: 12px 18px 10px 20px;
    color: #fff;
    font-size: 22px;
    height: 54px
}

.widget_search .search-form .search-submit:focus {
    outline: 0
}

.widget_search .search-form .search-submit:hover {
    background-color: #09f
}

#search-menu-wrapper {
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s ease, visibility .7s ease;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff
}

#search-menu-wrapper .close-search {
    height: 60px;
    width: 60px;
    line-height: 65px;
    border-radius: 50%;
    background-color: var(--color_primary);
    color: #fff;
    z-index: 9999999;
    opacity: 5;
    position: absolute;
    right: 15px;
    top: 40px;
    font-size: 26px;
    cursor: pointer;
    text-align: center
}

@media (max-width:576px) {
    #search-menu-wrapper .close-search {
        height: 50px;
        width: 50px;
        line-height: 50px
    }
}

#search-menu-wrapper .overlay-bg {
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#search-menu-wrapper.toggled {
    opacity: 1;
    visibility: visible
}

#search-menu-wrapper .wrapper {
    max-width: 850px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

#search-menu-wrapper .search-form {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #b9b8b8
}

#search-menu-wrapper .search-form input {
    font-family: Poppins, sans-serif;
    border-radius: 0;
    border: 0;
    background: 0 0;
    height: 100px;
    padding: 0;
    color: #000;
    font-size: 60px;
    font-weight: 600;
    margin: 0;
    line-height: 2.5
}

@media (max-width:991px) {
    #search-menu-wrapper .search-form input {
        height: 60px;
        font-size: 40px
    }
}

#search-menu-wrapper .search-form input::placeholder {
    color: #b1b1b1
}

#search-menu-wrapper .search-form button {
    background-color: #fff;
    color: #b1b1b1;
    border: 0;
    padding: 0;
    height: 80px;
    transition: all .3s ease-in-out;
    font-size: 40px
}

@media (max-width:991px) {
    #search-menu-wrapper .search-form button {
        font-size: 32px
    }
}

#search-menu-wrapper .search-form button:hover {
    color: var(--color_primary)
}

.sea-wrapper .search-form {
    display: flex;
    align-items: center
}

.sea-wrapper .search-form label {
    margin: 0;
    width: 100%
}

.sea-wrapper .search-form input {
    margin: 0
}

.sea-wrapper .search-form .search-submit {
    background: var(--color_primary);
    color: #fff;
    border: 0;
    height: 54px;
    border-radius: 4px;
    margin-left: 20px
}

.sea-wrapper .search-form .search-submit:hover {
    background: #004ce5;
    color: #fff
}

.author-info_wrapper {
    padding: 40px;
    margin-top: 75px;
    border-radius: 10px;
    background-color: #f4f5f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.author-info_wrapper .author {
    color: var(--color_primary);
    margin-bottom: 3px
}

@media (max-width:480px) {
    .author-info_wrapper {
        padding: 20px 15px
    }
}

.author-info_avatar {
    margin-right: 30px
}

@media (max-width:480px) {
    .author-info_avatar {
        width: 80px
    }
}

.author-info_avatar img {
    border-radius: 50%
}

.author-info_content {
    flex: 2
}

.author-info_name {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 6px
}

.author-info_name span {
    margin-right: 7px;
    font-size: 14px;
    display: block
}

.author-info_description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0
}

.author-info_social-wrapper {
    line-height: 1;
    margin-top: 14px
}

.author-info_wrapper .title_soc_share {
    font-size: 14px;
    font-weight: 700;
    margin-right: 20px
}

.author-info_social-link {
    display: inline-block;
    margin-right: 13px;
    color: #6d6d6d;
    font-size: 15px
}

.author-info_social-wrapper a {
    color: #6d6d6d
}

.author-info_social-wrapper a:hover {
    color: var(--color_primary)
}

.comments-section {
    padding: 80px 0
}

.comment-wrapper {
    margin-top: 60px
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

#comments {
    margin-top: 93px
}

#comments .comments-title {
    font-size: 22px;
    margin-bottom: 26px;
    font-weight: 600
}

.comments-area .comment-inner {
    margin-bottom: 50px
}

.comments-area .reply-title {
    font-size: 24px;
    font-weight: 600;
    color: #071c4d;
    margin-bottom: 30px
}

.comments-area .no-comments {
    margin: 0;
    line-height: 11px
}

.page .comment-list-wrapper {
    margin-top: 40px
}

.page .comment-respond .comment-notes,
.page .comment-respond .comment-reply-title,
.page .comment-respond .logged-in-as {
    text-align: left
}

.page .comment-list {
    margin-bottom: 0
}

.page .comment-respond {
    margin-top: 60px
}

.page .comment-list .comment .comment-body .comment_info .meta-wrapper {
    color: #bbb
}

.comments-section .comment-list-wrapper {
    padding-top: 0;
    border: 0
}

.comment-list {
    padding: 0;
    list-style: none;
    overflow: auto;
    margin-bottom: 0
}

.comment-list>li {
    margin-bottom: 40px
}

.comment-list>li .comment-body {
    border-bottom: 1px solid #dce0e5;
    padding-bottom: 30px
}

.comment-list .comment-body {
    margin-bottom: 30px
}

.comment-list .comment .comment-body {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 39px
}

.comment-list .comment .comment-body .comment-avatar {
    margin-right: 25px;
    border-radius: 50%;
    height: 60px;
    width: 60px
}

.comment-list .comment .comment-body .comment-avatar img {
    border-radius: 50%
}

.comment-list .comment .comment-body .comment_content {
    margin-top: 7px
}

.comment-list .comment .comment-body .comment_info {
    position: relative;
    overflow: auto;
    flex: 2
}

.comment-list .comment .comment-body .comment_info .comment_author_says {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #071c4d;
    font-family: Poppins, sans-serif
}

.comment-list .comment .comment-body .comment_info .meta-wrapper {
    font-size: 14px;
    color: #71717c;
    display: block;
    font-weight: 400
}

.comment-list .comment .comment-body .comment_info .comment-reply-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

.comment-list .comment .comment-body .comment_info p img {
    margin: 15px 0 5px
}

.comment-list .comment .comment-body .comment-reply-link {
    font-size: 16px;
    font-weight: 500;
    color: #071c4d
}

.comment-list .comment .comment-body .comment-reply-link:hover {
    color: var(--color_primary)
}

.comment-list .comment .children {
    margin: 0;
    padding-left: 70px;
    list-style: none
}

.comment-list .comment .children .comment-avatar {
    height: 60px;
    width: 60px
}

#comments .comment-list .comment-respond {
    margin: 20px 0 40px;
    max-width: 100%
}

#comments .comment-list .comment-respond #cancel-comment-reply-link {
    font-size: 15px;
    color: var(--color_primary);
    margin-left: 10px;
    font-weight: 600
}

.children .comment-respond {
    margin-left: 80px !important
}

.comment-respond .comment-reply-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 20px
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
    margin-bottom: 30px
}

#review_form .comment-respond .comment-notes,
#review_form .comment-respond .logged-in-as {
    text-align: left
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    width: 50%;
    display: inline-block;
    margin-bottom: 0
}

.comment-form .comment-form-author {
    padding-right: 15px
}

.comment-form .comment-form-email {
    padding-left: 15px;
    float: right
}

.comment-form textarea {
    height: 150px;
    margin-bottom: 20px
}

.comment-form #submit {
    margin-bottom: 0;
    background-color: var(--color_primary);
    color: #fff;
    border: 2px solid var(--color_primary);
    padding: 11px 20px;
    width: 100%;
    max-width: 200px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    border-radius: 6px
}

.comment-form #submit:hover {
    color: var(--color_primary);
    border-color: var(--color_primary);
    background: 0 0
}

.comment-form .comment-form-cookies-consent {
    margin-bottom: 20px !important;
    font-size: 18px;
    color: #797986;
    position: relative
}

.comment-form .comment-form-cookies-consent:after {
    content: "";
    display: block;
    clear: both
}

.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
    width: auto;
    height: auto
}

.comment-form .comment-form-cookies-consent label {
    cursor: pointer;
    display: inline;
    line-height: 1.25em;
    vertical-align: top;
    clear: both;
    padding-left: 1px;
    font-size: 16px
}

.comment-form .comment-form-cookies-consent label:not(:empty) {
    padding-left: .75em
}

.comment-form .comment-form-cookies-consent label:after,
.comment-form .comment-form-cookies-consent label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px
}

.comment-form .comment-form-cookies-consent label:before {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(5, 20, 65, .2);
    cursor: pointer;
    transition: background .3s
}

.comment-form .comment-form-cookies-consent input[type=checkbox] {
    outline: 0;
    visibility: hidden;
    width: 1.25em;
    margin: 0;
    display: block;
    float: left;
    font-size: inherit
}

.comment-form .comment-form-cookies-consent input[type=checkbox]:checked+label:before {
    background: var(--color_primary);
    border: none
}

.comment-form .comment-form-cookies-consent input[type=checkbox]:checked+label:after {
    transform: translate(.17em, .25em) rotate(-45deg);
    width: .6em;
    height: .25em;
    border: .125em solid #fff;
    border-top-style: none;
    border-right-style: none
}

#review_form input[type=text],
#review_form textarea {
    border: 2px solid rgba(5, 20, 65, .2)
}

#review_form input[type=text]::placeholder,
#review_form textarea::placeholder {
    color: #75757d
}

#review_form input[type=text]:focus,
#review_form textarea:focus {
    border-color: rgba(23, 92, 255, .5)
}

@media (max-width:991px) {
    .comment-list .comment .children {
        padding-left: 50px
    }
}

@media (max-width:576px) {
    .comment-list .comment .comment-body .comment-avatar {
        width: 55px;
        height: 55px
    }

    .comment-list .comment .children {
        padding-left: 20px
    }

    .comment-list .comment .children .comment .comment-body .comment-avatar {
        width: 40px;
        height: 40px
    }
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

iframe {
    border-width: 0
}

.entry-content iframe {
    max-height: 500px
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.blog-content .gallery {
    padding: 0;
    margin: 0
}

.wp-block-button .wp-block-button__link {
    background: #071c4d;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #fff
}

.wp-block-button .wp-block-button__link:hover {
    background: var(--color_primary);
    color: #fff
}

.wp-block-button .wp-block-button__link br {
    display: none
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background: 0 0;
    color: #071c4d;
    border-color: #071c4d
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: var(--color_primary);
    color: var(--color_primary)
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 30px)
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    margin: 0 30px 16px 0
}

.wp-block-cover .wp-block-cover-text {
    padding: 30px
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    padding-left: 0
}

.wp-block-gallery .blocks-gallery-image:before,
.wp-block-gallery .blocks-gallery-item:before {
    display: none
}

.wp-block-cover p:not(.has-text-color) {
    color: #fff !important;
    line-height: 1.8
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    background-color: transparent
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 1.6em;
    font-weight: 300
}

.wp-block-quote.is-large:after,
.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:after,
.wp-block-quote.is-style-large:before {
    display: none
}

.wp-block-pullquote {
    border-top: 4px solid #f3f3f3;
    border-bottom: 4px solid #f3f3f3;
    color: #40464d
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    background-color: #0073aa;
    padding-left: 0;
    padding-right: 0
}

.entry .entry-content .wp-block-pullquote {
    border-color: transparent;
    border-width: 2px;
    padding: 1rem
}

.entry .entry-content .wp-block-pullquote blockquote {
    background-color: transparent
}

.entry .entry-content .wp-block-pullquote blockquote:after,
.entry .entry-content .wp-block-pullquote blockquote:before {
    display: none
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
    color: #fff;
    padding-left: 0;
    margin-left: 1rem;
    margin-right: 1rem
}

.entry .entry-content .wp-block-pullquote blockquote {
    color: #111;
    border: none;
    margin-top: 4rem;
    margin-bottom: 4.33rem;
    margin-right: 0;
    padding-left: 0
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    font-size: 1.6875em;
    line-height: 1.3;
    margin-bottom: .5em;
    margin-top: .5em
}

.entry .entry-content .wp-block-pullquote p {
    font-size: 1.6875em;
    font-style: italic;
    line-height: 1.3;
    margin-bottom: .5em;
    margin-top: .5em
}

.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
    margin-bottom: 7px;
    padding-left: 15px;
    position: relative
}

.entry .entry-content .wp-block-archives li time,
.entry .entry-content .wp-block-categories li time,
.entry .entry-content .wp-block-latest-posts li time {
    line-height: 1
}

.entry .entry-content .wp-block-archives li:before,
.entry .entry-content .wp-block-categories li:before,
.entry .entry-content .wp-block-latest-posts li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #7d92bb
}

.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
    font-size: 16px;
    color: #465675
}

.entry .entry-content .wp-block-archives li a:hover,
.entry .entry-content .wp-block-categories li a:hover,
.entry .entry-content .wp-block-latest-posts li a:hover {
    color: var(--color_primary)
}

.entry .entry-content .wp-block-archives li .children,
.entry .entry-content .wp-block-categories li .children,
.entry .entry-content .wp-block-latest-posts li .children {
    padding-left: 30px
}

.entry .entry-content .wp-block-categories-list .children li {
    padding-left: 0
}

.entry .entry-content .wp-block-categories-list .children li:before {
    display: none
}

.wp-block-latest-comments,
.wp-block-latest-posts.wp-block-latest-posts__list {
    padding-left: 0;
    margin-bottom: 0
}

.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
    margin-bottom: 15px
}

pre.wp-block-preformatted {
    margin-top: 20px
}

.post_format-post-format-quote blockquote {
    margin-top: 0
}

.wp-block-archives,
.wp-block-categories-list {
    padding: 0;
    list-style: none
}

.wp-block-archives li:not(:last-clild),
.wp-block-categories-list li:not(:last-clild) {
    margin-bottom: 10px
}

.wp-block-archives-dropdown select {
    height: 50px;
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 20px
}

.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
    color: #071c4d;
    font-weight: 500;
    font-size: 16px;
    display: inline-block
}

.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover {
    color: var(--color_primary)
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px
}

.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
    background-color: #767676;
    border: 0;
    height: 2px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 2.25em;
    text-align: left;
    margin-left: 0
}

.wp-block-calendar .wp-calendar-nav {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.wp-block-categories-dropdown .postform {
    margin-bottom: 20px
}

.wp-block-search input[type=search] {
    margin-bottom: 0
}

.wp-block-search .wp-block-search__button {
    padding: 0 20px;
    height: 54px;
    border: 0;
    background: var(--color_primary);
    border-radius: 6px;
    color: #fff;
    font-weight: 500
}

.wp-block-search .wp-block-search__button:hover {
    background: #071c4d
}

.wp-block-gallery.is-cropped,
.wp-block-gallery.is-cropped .blocks-gallery-caption:last-child {
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color {
        padding-left: 10%;
        padding-right: 10%
    }

    .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
        font-size: 2.22em;
        color: #fff
    }

    .entry .entry-content .wp-block-pullquote p {
        font-size: 2.25em
    }

    .entry .entry-content .wp-block-separator.is-style-wide,
    .entry .entry-content hr.is-style-wide {
        max-width: calc(66.6666666667vw - 28px)
    }

    .entry .entry-content .wp-block-separator.is-style-dots,
    .entry .entry-content hr.is-style-dots {
        max-width: calc(66.6666666667vw - 28px)
    }
}

@media only screen and (min-width:1168px) {

    .entry .entry-content .wp-block-separator.is-style-wide,
    .entry .entry-content hr.is-style-wide {
        max-width: calc(50vw - 28px)
    }

    .entry .entry-content .wp-block-separator.is-style-dots,
    .entry .entry-content hr.is-style-dots {
        max-width: calc(50vw - 28px)
    }
}

.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
    max-width: 100%;
    background-color: inherit;
    border: inherit;
    height: inherit;
    text-align: center
}

.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
    color: #767676;
    font-size: 1.6875em;
    letter-spacing: .88889em;
    padding-left: .88889em
}

.wp-block-separator.is-style-dots:before {
    content: "···";
    color: #191e23;
    font-size: 20px;
    letter-spacing: 2em;
    padding-left: 2em;
    font-family: serif
}

.wp-block-table.is-style-stripes {
    border-collapse: collapse
}

.wp-block-table.is-style-stripes td {
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.wp-block-table.is-style-stripes td:not(:first-child) {
    border-left-width: 1px
}

.wp-block-table.is-style-stripes tr {
    border-top: 1px solid #f3f3f3
}

.wp-block-table.is-style-stripes tr:last-child td {
    border-bottom-width: 1px
}

.site-footer .widget_block h1,
.site-footer .widget_block h2,
.site-footer .widget_block h3,
.site-footer .widget_block h4,
.site-footer .widget_block h5,
.site-footer .widget_block h6 {
    font-size: 20px;
    font-weight: 600
}

.site-footer.footer_dark h1,
.site-footer.footer_dark h2,
.site-footer.footer_dark h3,
.site-footer.footer_dark h4,
.site-footer.footer_dark h5,
.site-footer.footer_dark h6 {
    color: #fff
}

.site-footer.footer_dark .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a,
.site-footer.footer_dark .wp-block-latest-comments__comment-meta {
    color: #dfdfdf
}

.site-footer.footer_dark .wp-block-latest-comments__comment-excerpt p {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, .5)
}

.site-footer.footer_dark .wp-block-latest-comments__comment-date {
    color: rgba(255, 255, 255, .5);
    font-size: 14px
}

.site-footer.footer_dark .wp-block-latest-posts__list li a {
    color: #d9d9d9;
    display: block
}

.site-footer.footer_dark .wp-block-latest-posts__post-author,
.site-footer.footer_dark .wp-block-latest-posts__post-date {
    color: rgba(255, 255, 255, .55);
    display: inline-block
}

.site-footer.footer_dark .wp-block-calendar table caption {
    background-color: #d5deff
}

.site-footer.footer_dark .wp-block-calendar table th {
    background-color: #f5f5f5
}

.site-footer.footer_dark .wp-block-calendar a {
    color: #fff
}

.site-footer.footer_dark .wp-calendar-nav a {
    color: #071c4d;
    text-decoration: none
}

.site-footer.footer_dark .wp-calendar-nav a:hover {
    color: var(--color_primary)
}

.site-footer.footer_dark .footer-newsletter-form input:not([type=checkbox]):not([type=submit]):focus {
    color: #fff
}

.wp-block-calendar a {
    text-decoration: none
}

.wp-block-archives-list li {
    margin-bottom: 8px
}


/*Utility ==============*/
:root {
    --h1: clamp(2.97rem, 3.789vw + 1rem, 4.5rem);
    --h2: clamp(2.64rem, 3.368vw + 1rem, 4rem);
    --h3: clamp(1.98rem, 2.526vw + 1rem, 3rem);
    --h4: clamp(1.65rem, 2.105vw + 1rem, 2.5rem);
    --h5: clamp(1.485rem, 1.894vw + 1rem, 2.25rem);
    --h6: clamp(0.825rem, 1.052vw + 1rem, 1.25rem)
}

.paragraph {
    margin: 0 0 .5rem
}

.heading-1 {
    font-size: var(--h1)
}

.heading-2 {
    font-size: var(--h2)
}

.heading-3 {
    font-size: var(--h3)
}

.heading-4 {
    font-size: var(--h4)
}

.heading-5 {
    font-size: var(--h5)
}

.heading-6 {
    font-size: var(--h6)
}

.fs-10 {
    font-size: .625rem
}

.fs-12 {
    font-size: .75rem
}

.fs-14 {
    font-size: .875rem
}

.fs-16 {
    font-size: 1rem
}

.fs-20 {
    font-size: 1.25rem
}

.fs-24 {
    font-size: 1.5rem
}

.fs-28 {
    font-size: 1.75rem
}

.fs-32 {
    font-size: 2rem
}

.fs-36 {
    font-size: 2.25rem
}

.fs-40 {
    font-size: 2.5rem
}

.fs-44 {
    font-size: 2.75rem
}

.fs-48 {
    font-size: 3rem
}

.fs-52 {
    font-size: 3.25rem
}

.fs-56 {
    font-size: 3.5rem
}

.fs-60 {
    font-size: 3.75rem
}

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

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

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

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

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

.clr-white {
    color: #fff
}

.clr-dark {
    color: #000
}

.clr-text {
    color: #222
}

.clr-paragraph {
    color: #666
}

.clr-primary {
    color: #f55f4e
}

.clr-secondary {
    color: #5516a6
}

.clr-tertiary {
    color: #ffda64
}

.clr-warning {
    color: #ff9d4d
}

.clr-success {
    color: #539c53
}

.clr-danger {
    color: #f55f4e
}

.clr-base {
    color: #65a3fb
}

.clr-dark-blue {
    color: #0b1958
}

.\:clr-white:hover {
    color: #fff
}

.\:clr-dark:hover {
    color: #000
}

.\:clr-text:hover {
    color: #222
}

.\:clr-paragraph:hover {
    color: #666
}

.\:clr-primary:hover {
    color: #f55f4e
}

.\:clr-secondary:hover {
    color: #5516a6
}

.\:clr-tertiary:hover {
    color: #ffda64
}

.\:clr-warning:hover {
    color: #ff9d4d
}

.\:clr-success:hover {
    color: #539c53
}

.\:clr-danger:hover {
    color: #f55f4e
}

.\:clr-base:hover {
    color: #65a3fb
}

.\:clr-dark-blue:hover {
    color: #0b1958
}

.bgc-white {
    background-color: #fff
}

.bgc-dark {
    background-color: #000
}

.bgc-primary {
    background-color: #f55f4e
}

.bgc-secondary {
    background-color: #5516a6
}

.bgc-tertiary {
    background-color: #ffda64
}

.bgc-warning {
    background-color: #ff9d4d
}

.bgc-success {
    background-color: #539c53
}

.bgc-danger {
    background-color: #f55f4e
}

.bgc-base {
    background-color: #65a3fb
}

.bgc-background {
    background-color: #f4f6ff
}

.bgc-dark-blue {
    background-color: #0b1958
}

.\:bgc-white:hover {
    background-color: #fff
}

.\:bgc-dark:hover {
    background-color: #000
}

.\:bgc-primary:hover {
    background-color: #f55f4e
}

.\:bgc-secondary:hover {
    background-color: #5516a6
}

.\:bgc-tertiary:hover {
    background-color: #ffda64
}

.\:bgc-warning:hover {
    background-color: #ff9d4d
}

.\:bgc-success:hover {
    background-color: #539c53
}

.\:bgc-danger:hover {
    background-color: #f55f4e
}

.\:bgc-base:hover {
    background-color: #65a3fb
}

.\:bgc-background:hover {
    background-color: #f4f6ff
}

.\:bgc-dark-blue:hover {
    background-color: #0b1958
}

.width-0 {
    width: 0
}

.height-0 {
    height: 0
}

.width-1 {
    width: .25rem
}

.height-1 {
    height: .25rem
}

.width-2 {
    width: .5rem
}

.height-2 {
    height: .5rem
}

.width-3 {
    width: .75rem
}

.height-3 {
    height: .75rem
}

.width-4 {
    width: 1rem
}

.height-4 {
    height: 1rem
}

.width-5 {
    width: 1.25rem
}

.height-5 {
    height: 1.25rem
}

.width-6 {
    width: 1.5rem
}

.height-6 {
    height: 1.5rem
}

.width-7 {
    width: 1.75rem
}

.height-7 {
    height: 1.75rem
}

.width-8 {
    width: 2rem
}

.height-8 {
    height: 2rem
}

.width-9 {
    width: 2.25rem
}

.height-9 {
    height: 2.25rem
}

.width-10 {
    width: 2.5rem
}

.height-10 {
    height: 2.5rem
}

.width-11 {
    width: 2.75rem
}

.height-11 {
    height: 2.75rem
}

.width-12 {
    width: 3rem
}

.height-12 {
    height: 3rem
}

.width-13 {
    width: 3.25rem
}

.height-13 {
    height: 3.25rem
}

.width-14 {
    width: 3.5rem
}

.height-14 {
    height: 3.5rem
}

.width-15 {
    width: 3.75rem
}

.height-15 {
    height: 3.75rem
}

.width-16 {
    width: 4rem
}

.height-16 {
    height: 4rem
}

.width-17 {
    width: 4.25rem
}

.height-17 {
    height: 4.25rem
}

.width-18 {
    width: 4.5rem
}

.height-18 {
    height: 4.5rem
}

.width-19 {
    width: 4.75rem
}

.height-19 {
    height: 4.75rem
}

.width-20 {
    width: 5rem
}

.height-20 {
    height: 5rem
}

.width-21 {
    width: 5.25rem
}

.height-21 {
    height: 5.25rem
}

.width-22 {
    width: 5.5rem
}

.height-22 {
    height: 5.5rem
}

.width-23 {
    width: 5.75rem
}

.height-23 {
    height: 5.75rem
}

.width-24 {
    width: 6rem
}

.height-24 {
    height: 6rem
}

.width-25 {
    width: 6.25rem
}

.height-25 {
    height: 6.25rem
}

.width-26 {
    width: 6.5rem
}

.height-26 {
    height: 6.5rem
}

.width-27 {
    width: 6.75rem
}

.height-27 {
    height: 6.75rem
}

.width-28 {
    width: 7rem
}

.height-28 {
    height: 7rem
}

.width-29 {
    width: 7.25rem
}

.height-29 {
    height: 7.25rem
}

.width-30 {
    width: 7.5rem
}

.height-30 {
    height: 7.5rem
}

.gap-0 {
    gap: 0 !important
}

.padding-0 {
    padding: 0 !important
}

.padding-top-0 {
    -webkit-padding-before: 0 !important;
    padding-block-start: 0 !important
}

.padding-bottom-0 {
    -webkit-padding-after: 0 !important;
    padding-block-end: 0 !important
}

.padding-y-0 {
    padding-block: 0 !important
}

.padding-start-0 {
    -webkit-padding-start: 0 !important;
    padding-inline-start: 0 !important
}

.padding-end-0 {
    -webkit-padding-end: 0 !important;
    padding-inline-end: 0 !important
}

.padding-x-0 {
    padding-inline: 0 !important
}

.margin-0 {
    margin: 0 !important
}

.margin-top-0 {
    -webkit-margin-before: 0 !important;
    margin-block-start: 0 !important
}

.margin-bottom-0 {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important
}

.margin-y-0 {
    margin-block: 0 !important
}

.margin-start-0 {
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important
}

.margin-end-0 {
    -webkit-margin-end: 0 !important;
    margin-inline-end: 0 !important
}

.margin-x-0 {
    margin-inline: 0 !important
}

.gap-1 {
    gap: 0.25rem !important
}

.padding-1 {
    padding: 0.25rem !important
}

.padding-top-1 {
    -webkit-padding-before: 0.25rem !important;
    padding-block-start: 0.25rem !important
}

.padding-bottom-1 {
    -webkit-padding-after: 0.25rem !important;
    padding-block-end: 0.25rem !important
}

.padding-y-1 {
    padding-block: 0.25rem !important
}

.padding-start-1 {
    -webkit-padding-start: 0.25rem !important;
    padding-inline-start: 0.25rem !important
}

.padding-end-1 {
    -webkit-padding-end: 0.25rem !important;
    padding-inline-end: 0.25rem !important
}

.padding-x-1 {
    padding-inline: 0.25rem !important
}

.margin-1 {
    margin: 0.25rem !important
}

.margin-top-1 {
    -webkit-margin-before: 0.25rem !important;
    margin-block-start: 0.25rem !important
}

.margin-bottom-1 {
    -webkit-margin-after: 0.25rem !important;
    margin-block-end: 0.25rem !important
}

.margin-y-1 {
    margin-block: 0.25rem !important
}

.margin-start-1 {
    -webkit-margin-start: 0.25rem !important;
    margin-inline-start: 0.25rem !important
}

.margin-end-1 {
    -webkit-margin-end: 0.25rem !important;
    margin-inline-end: 0.25rem !important
}

.margin-x-1 {
    margin-inline: 0.25rem !important
}

.gap-2 {
    gap: 0.5rem !important
}

.padding-2 {
    padding: 0.5rem !important
}

.padding-top-2 {
    -webkit-padding-before: 0.5rem !important;
    padding-block-start: 0.5rem !important
}

.padding-bottom-2 {
    -webkit-padding-after: 0.5rem !important;
    padding-block-end: 0.5rem !important
}

.padding-y-2 {
    padding-block: 0.5rem !important
}

.padding-start-2 {
    -webkit-padding-start: 0.5rem !important;
    padding-inline-start: 0.5rem !important
}

.padding-end-2 {
    -webkit-padding-end: 0.5rem !important;
    padding-inline-end: 0.5rem !important
}

.padding-x-2 {
    padding-inline: 0.5rem !important
}

.margin-2 {
    margin: 0.5rem !important
}

.margin-top-2 {
    -webkit-margin-before: 0.5rem !important;
    margin-block-start: 0.5rem !important
}

.margin-bottom-2 {
    -webkit-margin-after: 0.5rem !important;
    margin-block-end: 0.5rem !important
}

.margin-y-2 {
    margin-block: 0.5rem !important
}

.margin-start-2 {
    -webkit-margin-start: 0.5rem !important;
    margin-inline-start: 0.5rem !important
}

.margin-end-2 {
    -webkit-margin-end: 0.5rem !important;
    margin-inline-end: 0.5rem !important
}

.margin-x-2 {
    margin-inline: 0.5rem !important
}

.gap-3 {
    gap: 0.75rem !important
}

.padding-3 {
    padding: 0.75rem !important
}

.padding-top-3 {
    -webkit-padding-before: 0.75rem !important;
    padding-block-start: 0.75rem !important
}

.padding-bottom-3 {
    -webkit-padding-after: 0.75rem !important;
    padding-block-end: 0.75rem !important
}

.padding-y-3 {
    padding-block: 0.75rem !important
}

.padding-start-3 {
    -webkit-padding-start: 0.75rem !important;
    padding-inline-start: 0.75rem !important
}

.padding-end-3 {
    -webkit-padding-end: 0.75rem !important;
    padding-inline-end: 0.75rem !important
}

.padding-x-3 {
    padding-inline: 0.75rem !important
}

.margin-3 {
    margin: 0.75rem !important
}

.margin-top-3 {
    -webkit-margin-before: 0.75rem !important;
    margin-block-start: 0.75rem !important
}

.margin-bottom-3 {
    -webkit-margin-after: 0.75rem !important;
    margin-block-end: 0.75rem !important
}

.margin-y-3 {
    margin-block: 0.75rem !important
}

.margin-start-3 {
    -webkit-margin-start: 0.75rem !important;
    margin-inline-start: 0.75rem !important
}

.margin-end-3 {
    -webkit-margin-end: 0.75rem !important;
    margin-inline-end: 0.75rem !important
}

.margin-x-3 {
    margin-inline: 0.75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.padding-4 {
    padding: 1rem !important
}

.padding-top-4 {
    -webkit-padding-before: 1rem !important;
    padding-block-start: 1rem !important
}

.padding-bottom-4 {
    -webkit-padding-after: 1rem !important;
    padding-block-end: 1rem !important
}

.padding-y-4 {
    padding-block: 1rem !important
}

.padding-start-4 {
    -webkit-padding-start: 1rem !important;
    padding-inline-start: 1rem !important
}

.padding-end-4 {
    -webkit-padding-end: 1rem !important;
    padding-inline-end: 1rem !important
}

.padding-x-4 {
    padding-inline: 1rem !important
}

.margin-4 {
    margin: 1rem !important
}

.margin-top-4 {
    -webkit-margin-before: 1rem !important;
    margin-block-start: 1rem !important
}

.margin-bottom-4 {
    -webkit-margin-after: 1rem !important;
    margin-block-end: 1rem !important
}

.margin-y-4 {
    margin-block: 1rem !important
}

.margin-start-4 {
    -webkit-margin-start: 1rem !important;
    margin-inline-start: 1rem !important
}

.margin-end-4 {
    -webkit-margin-end: 1rem !important;
    margin-inline-end: 1rem !important
}

.margin-x-4 {
    margin-inline: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.padding-5 {
    padding: 1.25rem !important
}

.padding-top-5 {
    -webkit-padding-before: 1.25rem !important;
    padding-block-start: 1.25rem !important
}

.padding-bottom-5 {
    -webkit-padding-after: 1.25rem !important;
    padding-block-end: 1.25rem !important
}

.padding-y-5 {
    padding-block: 1.25rem !important
}

.padding-start-5 {
    -webkit-padding-start: 1.25rem !important;
    padding-inline-start: 1.25rem !important
}

.padding-end-5 {
    -webkit-padding-end: 1.25rem !important;
    padding-inline-end: 1.25rem !important
}

.padding-x-5 {
    padding-inline: 1.25rem !important
}

.margin-5 {
    margin: 1.25rem !important
}

.margin-top-5 {
    -webkit-margin-before: 1.25rem !important;
    margin-block-start: 1.25rem !important
}

.margin-bottom-5 {
    -webkit-margin-after: 1.25rem !important;
    margin-block-end: 1.25rem !important
}

.margin-y-5 {
    margin-block: 1.25rem !important
}

.margin-start-5 {
    -webkit-margin-start: 1.25rem !important;
    margin-inline-start: 1.25rem !important
}

.margin-end-5 {
    -webkit-margin-end: 1.25rem !important;
    margin-inline-end: 1.25rem !important
}

.margin-x-5 {
    margin-inline: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.padding-6 {
    padding: 1.5rem !important
}

.padding-top-6 {
    -webkit-padding-before: 1.5rem !important;
    padding-block-start: 1.5rem !important
}

.padding-bottom-6 {
    -webkit-padding-after: 1.5rem !important;
    padding-block-end: 1.5rem !important
}

.padding-y-6 {
    padding-block: 1.5rem !important
}

.padding-start-6 {
    -webkit-padding-start: 1.5rem !important;
    padding-inline-start: 1.5rem !important
}

.padding-end-6 {
    -webkit-padding-end: 1.5rem !important;
    padding-inline-end: 1.5rem !important
}

.padding-x-6 {
    padding-inline: 1.5rem !important
}

.margin-6 {
    margin: 1.5rem !important
}

.margin-top-6 {
    -webkit-margin-before: 1.5rem !important;
    margin-block-start: 1.5rem !important
}

.margin-bottom-6 {
    -webkit-margin-after: 1.5rem !important;
    margin-block-end: 1.5rem !important
}

.margin-y-6 {
    margin-block: 1.5rem !important
}

.margin-start-6 {
    -webkit-margin-start: 1.5rem !important;
    margin-inline-start: 1.5rem !important
}

.margin-end-6 {
    -webkit-margin-end: 1.5rem !important;
    margin-inline-end: 1.5rem !important
}

.margin-x-6 {
    margin-inline: 1.5rem !important
}

.gap-7 {
    gap: 1.75rem !important
}

.padding-7 {
    padding: 1.75rem !important
}

.padding-top-7 {
    -webkit-padding-before: 1.75rem !important;
    padding-block-start: 1.75rem !important
}

.padding-bottom-7 {
    -webkit-padding-after: 1.75rem !important;
    padding-block-end: 1.75rem !important
}

.padding-y-7 {
    padding-block: 1.75rem !important
}

.padding-start-7 {
    -webkit-padding-start: 1.75rem !important;
    padding-inline-start: 1.75rem !important
}

.padding-end-7 {
    -webkit-padding-end: 1.75rem !important;
    padding-inline-end: 1.75rem !important
}

.padding-x-7 {
    padding-inline: 1.75rem !important
}

.margin-7 {
    margin: 1.75rem !important
}

.margin-top-7 {
    -webkit-margin-before: 1.75rem !important;
    margin-block-start: 1.75rem !important
}

.margin-bottom-7 {
    -webkit-margin-after: 1.75rem !important;
    margin-block-end: 1.75rem !important
}

.margin-y-7 {
    margin-block: 1.75rem !important
}

.margin-start-7 {
    -webkit-margin-start: 1.75rem !important;
    margin-inline-start: 1.75rem !important
}

.margin-end-7 {
    -webkit-margin-end: 1.75rem !important;
    margin-inline-end: 1.75rem !important
}

.margin-x-7 {
    margin-inline: 1.75rem !important
}

.gap-8 {
    gap: 2rem !important
}

.padding-8 {
    padding: 2rem !important
}

.padding-top-8 {
    -webkit-padding-before: 2rem !important;
    padding-block-start: 2rem !important
}

.padding-bottom-8 {
    -webkit-padding-after: 2rem !important;
    padding-block-end: 2rem !important
}

.padding-y-8 {
    padding-block: 2rem !important
}

.padding-start-8 {
    -webkit-padding-start: 2rem !important;
    padding-inline-start: 2rem !important
}

.padding-end-8 {
    -webkit-padding-end: 2rem !important;
    padding-inline-end: 2rem !important
}

.padding-x-8 {
    padding-inline: 2rem !important
}

.margin-8 {
    margin: 2rem !important
}

.margin-top-8 {
    -webkit-margin-before: 2rem !important;
    margin-block-start: 2rem !important
}

.margin-bottom-8 {
    -webkit-margin-after: 2rem !important;
    margin-block-end: 2rem !important
}

.margin-y-8 {
    margin-block: 2rem !important
}

.margin-start-8 {
    -webkit-margin-start: 2rem !important;
    margin-inline-start: 2rem !important
}

.margin-end-8 {
    -webkit-margin-end: 2rem !important;
    margin-inline-end: 2rem !important
}

.margin-x-8 {
    margin-inline: 2rem !important
}

.gap-9 {
    gap: 2.25rem !important
}

.padding-9 {
    padding: 2.25rem !important
}

.padding-top-9 {
    -webkit-padding-before: 2.25rem !important;
    padding-block-start: 2.25rem !important
}

.padding-bottom-9 {
    -webkit-padding-after: 2.25rem !important;
    padding-block-end: 2.25rem !important
}

.padding-y-9 {
    padding-block: 2.25rem !important
}

.padding-start-9 {
    -webkit-padding-start: 2.25rem !important;
    padding-inline-start: 2.25rem !important
}

.padding-end-9 {
    -webkit-padding-end: 2.25rem !important;
    padding-inline-end: 2.25rem !important
}

.padding-x-9 {
    padding-inline: 2.25rem !important
}

.margin-9 {
    margin: 2.25rem !important
}

.margin-top-9 {
    -webkit-margin-before: 2.25rem !important;
    margin-block-start: 2.25rem !important
}

.margin-bottom-9 {
    -webkit-margin-after: 2.25rem !important;
    margin-block-end: 2.25rem !important
}

.margin-y-9 {
    margin-block: 2.25rem !important
}

.margin-start-9 {
    -webkit-margin-start: 2.25rem !important;
    margin-inline-start: 2.25rem !important
}

.margin-end-9 {
    -webkit-margin-end: 2.25rem !important;
    margin-inline-end: 2.25rem !important
}

.margin-x-9 {
    margin-inline: 2.25rem !important
}

.gap-10 {
    gap: 2.5rem !important
}

.padding-10 {
    padding: 2.5rem !important
}

.padding-top-10 {
    -webkit-padding-before: 2.5rem !important;
    padding-block-start: 2.5rem !important
}

.padding-bottom-10 {
    -webkit-padding-after: 2.5rem !important;
    padding-block-end: 2.5rem !important
}

.padding-y-10 {
    padding-block: 2.5rem !important
}

.padding-start-10 {
    -webkit-padding-start: 2.5rem !important;
    padding-inline-start: 2.5rem !important
}

.padding-end-10 {
    -webkit-padding-end: 2.5rem !important;
    padding-inline-end: 2.5rem !important
}

.padding-x-10 {
    padding-inline: 2.5rem !important
}

.margin-10 {
    margin: 2.5rem !important
}

.margin-top-10 {
    -webkit-margin-before: 2.5rem !important;
    margin-block-start: 2.5rem !important
}

.margin-bottom-10 {
    -webkit-margin-after: 2.5rem !important;
    margin-block-end: 2.5rem !important
}

.margin-y-10 {
    margin-block: 2.5rem !important
}

.margin-start-10 {
    -webkit-margin-start: 2.5rem !important;
    margin-inline-start: 2.5rem !important
}

.margin-end-10 {
    -webkit-margin-end: 2.5rem !important;
    margin-inline-end: 2.5rem !important
}

.margin-x-10 {
    margin-inline: 2.5rem !important
}

.gap-11 {
    gap: 2.75rem !important
}

.padding-11 {
    padding: 2.75rem !important
}

.padding-top-11 {
    -webkit-padding-before: 2.75rem !important;
    padding-block-start: 2.75rem !important
}

.padding-bottom-11 {
    -webkit-padding-after: 2.75rem !important;
    padding-block-end: 2.75rem !important
}

.padding-y-11 {
    padding-block: 2.75rem !important
}

.padding-start-11 {
    -webkit-padding-start: 2.75rem !important;
    padding-inline-start: 2.75rem !important
}

.padding-end-11 {
    -webkit-padding-end: 2.75rem !important;
    padding-inline-end: 2.75rem !important
}

.padding-x-11 {
    padding-inline: 2.75rem !important
}

.margin-11 {
    margin: 2.75rem !important
}

.margin-top-11 {
    -webkit-margin-before: 2.75rem !important;
    margin-block-start: 2.75rem !important
}

.margin-bottom-11 {
    -webkit-margin-after: 2.75rem !important;
    margin-block-end: 2.75rem !important
}

.margin-y-11 {
    margin-block: 2.75rem !important
}

.margin-start-11 {
    -webkit-margin-start: 2.75rem !important;
    margin-inline-start: 2.75rem !important
}

.margin-end-11 {
    -webkit-margin-end: 2.75rem !important;
    margin-inline-end: 2.75rem !important
}

.margin-x-11 {
    margin-inline: 2.75rem !important
}

.gap-12 {
    gap: 3rem !important
}

.padding-12 {
    padding: 3rem !important
}

.padding-top-12 {
    -webkit-padding-before: 3rem !important;
    padding-block-start: 3rem !important
}

.padding-bottom-12 {
    -webkit-padding-after: 3rem !important;
    padding-block-end: 3rem !important
}

.padding-y-12 {
    padding-block: 3rem !important
}

.padding-start-12 {
    -webkit-padding-start: 3rem !important;
    padding-inline-start: 3rem !important
}

.padding-end-12 {
    -webkit-padding-end: 3rem !important;
    padding-inline-end: 3rem !important
}

.padding-x-12 {
    padding-inline: 3rem !important
}

.margin-12 {
    margin: 3rem !important
}

.margin-top-12 {
    -webkit-margin-before: 3rem !important;
    margin-block-start: 3rem !important
}

.margin-bottom-12 {
    -webkit-margin-after: 3rem !important;
    margin-block-end: 3rem !important
}

.margin-y-12 {
    margin-block: 3rem !important
}

.margin-start-12 {
    -webkit-margin-start: 3rem !important;
    margin-inline-start: 3rem !important
}

.margin-end-12 {
    -webkit-margin-end: 3rem !important;
    margin-inline-end: 3rem !important
}

.margin-x-12 {
    margin-inline: 3rem !important
}

.gap-13 {
    gap: 3.25rem !important
}

.padding-13 {
    padding: 3.25rem !important
}

.padding-top-13 {
    -webkit-padding-before: 3.25rem !important;
    padding-block-start: 3.25rem !important
}

.padding-bottom-13 {
    -webkit-padding-after: 3.25rem !important;
    padding-block-end: 3.25rem !important
}

.padding-y-13 {
    padding-block: 3.25rem !important
}

.padding-start-13 {
    -webkit-padding-start: 3.25rem !important;
    padding-inline-start: 3.25rem !important
}

.padding-end-13 {
    -webkit-padding-end: 3.25rem !important;
    padding-inline-end: 3.25rem !important
}

.padding-x-13 {
    padding-inline: 3.25rem !important
}

.margin-13 {
    margin: 3.25rem !important
}

.margin-top-13 {
    -webkit-margin-before: 3.25rem !important;
    margin-block-start: 3.25rem !important
}

.margin-bottom-13 {
    -webkit-margin-after: 3.25rem !important;
    margin-block-end: 3.25rem !important
}

.margin-y-13 {
    margin-block: 3.25rem !important
}

.margin-start-13 {
    -webkit-margin-start: 3.25rem !important;
    margin-inline-start: 3.25rem !important
}

.margin-end-13 {
    -webkit-margin-end: 3.25rem !important;
    margin-inline-end: 3.25rem !important
}

.margin-x-13 {
    margin-inline: 3.25rem !important
}

.gap-14 {
    gap: 3.5rem !important
}

.padding-14 {
    padding: 3.5rem !important
}

.padding-top-14 {
    -webkit-padding-before: 3.5rem !important;
    padding-block-start: 3.5rem !important
}

.padding-bottom-14 {
    -webkit-padding-after: 3.5rem !important;
    padding-block-end: 3.5rem !important
}

.padding-y-14 {
    padding-block: 3.5rem !important
}

.padding-start-14 {
    -webkit-padding-start: 3.5rem !important;
    padding-inline-start: 3.5rem !important
}

.padding-end-14 {
    -webkit-padding-end: 3.5rem !important;
    padding-inline-end: 3.5rem !important
}

.padding-x-14 {
    padding-inline: 3.5rem !important
}

.margin-14 {
    margin: 3.5rem !important
}

.margin-top-14 {
    -webkit-margin-before: 3.5rem !important;
    margin-block-start: 3.5rem !important
}

.margin-bottom-14 {
    -webkit-margin-after: 3.5rem !important;
    margin-block-end: 3.5rem !important
}

.margin-y-14 {
    margin-block: 3.5rem !important
}

.margin-start-14 {
    -webkit-margin-start: 3.5rem !important;
    margin-inline-start: 3.5rem !important
}

.margin-end-14 {
    -webkit-margin-end: 3.5rem !important;
    margin-inline-end: 3.5rem !important
}

.margin-x-14 {
    margin-inline: 3.5rem !important
}

.gap-15 {
    gap: 3.75rem !important
}

.padding-15 {
    padding: 3.75rem !important
}

.padding-top-15 {
    -webkit-padding-before: 3.75rem !important;
    padding-block-start: 3.75rem !important
}

.padding-bottom-15 {
    -webkit-padding-after: 3.75rem !important;
    padding-block-end: 3.75rem !important
}

.padding-y-15 {
    padding-block: 3.75rem !important
}

.padding-start-15 {
    -webkit-padding-start: 3.75rem !important;
    padding-inline-start: 3.75rem !important
}

.padding-end-15 {
    -webkit-padding-end: 3.75rem !important;
    padding-inline-end: 3.75rem !important
}

.padding-x-15 {
    padding-inline: 3.75rem !important
}

.margin-15 {
    margin: 3.75rem !important
}

.margin-top-15 {
    -webkit-margin-before: 3.75rem !important;
    margin-block-start: 3.75rem !important
}

.margin-bottom-15 {
    -webkit-margin-after: 3.75rem !important;
    margin-block-end: 3.75rem !important
}

.margin-y-15 {
    margin-block: 3.75rem !important
}

.margin-start-15 {
    -webkit-margin-start: 3.75rem !important;
    margin-inline-start: 3.75rem !important
}

.margin-end-15 {
    -webkit-margin-end: 3.75rem !important;
    margin-inline-end: 3.75rem !important
}

.margin-x-15 {
    margin-inline: 3.75rem !important
}

.gap-16 {
    gap: 4rem !important
}

.padding-16 {
    padding: 4rem !important
}

.padding-top-16 {
    -webkit-padding-before: 4rem !important;
    padding-block-start: 4rem !important
}

.padding-bottom-16 {
    -webkit-padding-after: 4rem !important;
    padding-block-end: 4rem !important
}

.padding-y-16 {
    padding-block: 4rem !important
}

.padding-start-16 {
    -webkit-padding-start: 4rem !important;
    padding-inline-start: 4rem !important
}

.padding-end-16 {
    -webkit-padding-end: 4rem !important;
    padding-inline-end: 4rem !important
}

.padding-x-16 {
    padding-inline: 4rem !important
}

.margin-16 {
    margin: 4rem !important
}

.margin-top-16 {
    -webkit-margin-before: 4rem !important;
    margin-block-start: 4rem !important
}

.margin-bottom-16 {
    -webkit-margin-after: 4rem !important;
    margin-block-end: 4rem !important
}

.margin-y-16 {
    margin-block: 4rem !important
}

.margin-start-16 {
    -webkit-margin-start: 4rem !important;
    margin-inline-start: 4rem !important
}

.margin-end-16 {
    -webkit-margin-end: 4rem !important;
    margin-inline-end: 4rem !important
}

.margin-x-16 {
    margin-inline: 4rem !important
}

.gap-17 {
    gap: 4.25rem !important
}

.padding-17 {
    padding: 4.25rem !important
}

.padding-top-17 {
    -webkit-padding-before: 4.25rem !important;
    padding-block-start: 4.25rem !important
}

.padding-bottom-17 {
    -webkit-padding-after: 4.25rem !important;
    padding-block-end: 4.25rem !important
}

.padding-y-17 {
    padding-block: 4.25rem !important
}

.padding-start-17 {
    -webkit-padding-start: 4.25rem !important;
    padding-inline-start: 4.25rem !important
}

.padding-end-17 {
    -webkit-padding-end: 4.25rem !important;
    padding-inline-end: 4.25rem !important
}

.padding-x-17 {
    padding-inline: 4.25rem !important
}

.margin-17 {
    margin: 4.25rem !important
}

.margin-top-17 {
    -webkit-margin-before: 4.25rem !important;
    margin-block-start: 4.25rem !important
}

.margin-bottom-17 {
    -webkit-margin-after: 4.25rem !important;
    margin-block-end: 4.25rem !important
}

.margin-y-17 {
    margin-block: 4.25rem !important
}

.margin-start-17 {
    -webkit-margin-start: 4.25rem !important;
    margin-inline-start: 4.25rem !important
}

.margin-end-17 {
    -webkit-margin-end: 4.25rem !important;
    margin-inline-end: 4.25rem !important
}

.margin-x-17 {
    margin-inline: 4.25rem !important
}

.gap-18 {
    gap: 4.5rem !important
}

.padding-18 {
    padding: 4.5rem !important
}

.padding-top-18 {
    -webkit-padding-before: 4.5rem !important;
    padding-block-start: 4.5rem !important
}

.padding-bottom-18 {
    -webkit-padding-after: 4.5rem !important;
    padding-block-end: 4.5rem !important
}

.padding-y-18 {
    padding-block: 4.5rem !important
}

.padding-start-18 {
    -webkit-padding-start: 4.5rem !important;
    padding-inline-start: 4.5rem !important
}

.padding-end-18 {
    -webkit-padding-end: 4.5rem !important;
    padding-inline-end: 4.5rem !important
}

.padding-x-18 {
    padding-inline: 4.5rem !important
}

.margin-18 {
    margin: 4.5rem !important
}

.margin-top-18 {
    -webkit-margin-before: 4.5rem !important;
    margin-block-start: 4.5rem !important
}

.margin-bottom-18 {
    -webkit-margin-after: 4.5rem !important;
    margin-block-end: 4.5rem !important
}

.margin-y-18 {
    margin-block: 4.5rem !important
}

.margin-start-18 {
    -webkit-margin-start: 4.5rem !important;
    margin-inline-start: 4.5rem !important
}

.margin-end-18 {
    -webkit-margin-end: 4.5rem !important;
    margin-inline-end: 4.5rem !important
}

.margin-x-18 {
    margin-inline: 4.5rem !important
}

.gap-19 {
    gap: 4.75rem !important
}

.padding-19 {
    padding: 4.75rem !important
}

.padding-top-19 {
    -webkit-padding-before: 4.75rem !important;
    padding-block-start: 4.75rem !important
}

.padding-bottom-19 {
    -webkit-padding-after: 4.75rem !important;
    padding-block-end: 4.75rem !important
}

.padding-y-19 {
    padding-block: 4.75rem !important
}

.padding-start-19 {
    -webkit-padding-start: 4.75rem !important;
    padding-inline-start: 4.75rem !important
}

.padding-end-19 {
    -webkit-padding-end: 4.75rem !important;
    padding-inline-end: 4.75rem !important
}

.padding-x-19 {
    padding-inline: 4.75rem !important
}

.margin-19 {
    margin: 4.75rem !important
}

.margin-top-19 {
    -webkit-margin-before: 4.75rem !important;
    margin-block-start: 4.75rem !important
}

.margin-bottom-19 {
    -webkit-margin-after: 4.75rem !important;
    margin-block-end: 4.75rem !important
}

.margin-y-19 {
    margin-block: 4.75rem !important
}

.margin-start-19 {
    -webkit-margin-start: 4.75rem !important;
    margin-inline-start: 4.75rem !important
}

.margin-end-19 {
    -webkit-margin-end: 4.75rem !important;
    margin-inline-end: 4.75rem !important
}

.margin-x-19 {
    margin-inline: 4.75rem !important
}

.gap-20 {
    gap: 5rem !important
}

.padding-20 {
    padding: 5rem !important
}

.padding-top-20 {
    -webkit-padding-before: 5rem !important;
    padding-block-start: 5rem !important
}

.padding-bottom-20 {
    -webkit-padding-after: 5rem !important;
    padding-block-end: 5rem !important
}

.padding-y-20 {
    padding-block: 5rem !important
}

.padding-start-20 {
    -webkit-padding-start: 5rem !important;
    padding-inline-start: 5rem !important
}

.padding-end-20 {
    -webkit-padding-end: 5rem !important;
    padding-inline-end: 5rem !important
}

.padding-x-20 {
    padding-inline: 5rem !important
}

.margin-20 {
    margin: 5rem !important
}

.margin-top-20 {
    -webkit-margin-before: 5rem !important;
    margin-block-start: 5rem !important
}

.margin-bottom-20 {
    -webkit-margin-after: 5rem !important;
    margin-block-end: 5rem !important
}

.margin-y-20 {
    margin-block: 5rem !important
}

.margin-start-20 {
    -webkit-margin-start: 5rem !important;
    margin-inline-start: 5rem !important
}

.margin-end-20 {
    -webkit-margin-end: 5rem !important;
    margin-inline-end: 5rem !important
}

.margin-x-20 {
    margin-inline: 5rem !important
}

.gap-21 {
    gap: 5.25rem !important
}

.padding-21 {
    padding: 5.25rem !important
}

.padding-top-21 {
    -webkit-padding-before: 5.25rem !important;
    padding-block-start: 5.25rem !important
}

.padding-bottom-21 {
    -webkit-padding-after: 5.25rem !important;
    padding-block-end: 5.25rem !important
}

.padding-y-21 {
    padding-block: 5.25rem !important
}

.padding-start-21 {
    -webkit-padding-start: 5.25rem !important;
    padding-inline-start: 5.25rem !important
}

.padding-end-21 {
    -webkit-padding-end: 5.25rem !important;
    padding-inline-end: 5.25rem !important
}

.padding-x-21 {
    padding-inline: 5.25rem !important
}

.margin-21 {
    margin: 5.25rem !important
}

.margin-top-21 {
    -webkit-margin-before: 5.25rem !important;
    margin-block-start: 5.25rem !important
}

.margin-bottom-21 {
    -webkit-margin-after: 5.25rem !important;
    margin-block-end: 5.25rem !important
}

.margin-y-21 {
    margin-block: 5.25rem !important
}

.margin-start-21 {
    -webkit-margin-start: 5.25rem !important;
    margin-inline-start: 5.25rem !important
}

.margin-end-21 {
    -webkit-margin-end: 5.25rem !important;
    margin-inline-end: 5.25rem !important
}

.margin-x-21 {
    margin-inline: 5.25rem !important
}

.gap-22 {
    gap: 5.5rem !important
}

.padding-22 {
    padding: 5.5rem !important
}

.padding-top-22 {
    -webkit-padding-before: 5.5rem !important;
    padding-block-start: 5.5rem !important
}

.padding-bottom-22 {
    -webkit-padding-after: 5.5rem !important;
    padding-block-end: 5.5rem !important
}

.padding-y-22 {
    padding-block: 5.5rem !important
}

.padding-start-22 {
    -webkit-padding-start: 5.5rem !important;
    padding-inline-start: 5.5rem !important
}

.padding-end-22 {
    -webkit-padding-end: 5.5rem !important;
    padding-inline-end: 5.5rem !important
}

.padding-x-22 {
    padding-inline: 5.5rem !important
}

.margin-22 {
    margin: 5.5rem !important
}

.margin-top-22 {
    -webkit-margin-before: 5.5rem !important;
    margin-block-start: 5.5rem !important
}

.margin-bottom-22 {
    -webkit-margin-after: 5.5rem !important;
    margin-block-end: 5.5rem !important
}

.margin-y-22 {
    margin-block: 5.5rem !important
}

.margin-start-22 {
    -webkit-margin-start: 5.5rem !important;
    margin-inline-start: 5.5rem !important
}

.margin-end-22 {
    -webkit-margin-end: 5.5rem !important;
    margin-inline-end: 5.5rem !important
}

.margin-x-22 {
    margin-inline: 5.5rem !important
}

.gap-23 {
    gap: 5.75rem !important
}

.padding-23 {
    padding: 5.75rem !important
}

.padding-top-23 {
    -webkit-padding-before: 5.75rem !important;
    padding-block-start: 5.75rem !important
}

.padding-bottom-23 {
    -webkit-padding-after: 5.75rem !important;
    padding-block-end: 5.75rem !important
}

.padding-y-23 {
    padding-block: 5.75rem !important
}

.padding-start-23 {
    -webkit-padding-start: 5.75rem !important;
    padding-inline-start: 5.75rem !important
}

.padding-end-23 {
    -webkit-padding-end: 5.75rem !important;
    padding-inline-end: 5.75rem !important
}

.padding-x-23 {
    padding-inline: 5.75rem !important
}

.margin-23 {
    margin: 5.75rem !important
}

.margin-top-23 {
    -webkit-margin-before: 5.75rem !important;
    margin-block-start: 5.75rem !important
}

.margin-bottom-23 {
    -webkit-margin-after: 5.75rem !important;
    margin-block-end: 5.75rem !important
}

.margin-y-23 {
    margin-block: 5.75rem !important
}

.margin-start-23 {
    -webkit-margin-start: 5.75rem !important;
    margin-inline-start: 5.75rem !important
}

.margin-end-23 {
    -webkit-margin-end: 5.75rem !important;
    margin-inline-end: 5.75rem !important
}

.margin-x-23 {
    margin-inline: 5.75rem !important
}

.gap-24 {
    gap: 6rem !important
}

.padding-24 {
    padding: 6rem !important
}

.padding-top-24 {
    -webkit-padding-before: 6rem !important;
    padding-block-start: 6rem !important
}

.padding-bottom-24 {
    -webkit-padding-after: 6rem !important;
    padding-block-end: 6rem !important
}

.padding-y-24 {
    padding-block: 6rem !important
}

.padding-start-24 {
    -webkit-padding-start: 6rem !important;
    padding-inline-start: 6rem !important
}

.padding-end-24 {
    -webkit-padding-end: 6rem !important;
    padding-inline-end: 6rem !important
}

.padding-x-24 {
    padding-inline: 6rem !important
}

.margin-24 {
    margin: 6rem !important
}

.margin-top-24 {
    -webkit-margin-before: 6rem !important;
    margin-block-start: 6rem !important
}

.margin-bottom-24 {
    -webkit-margin-after: 6rem !important;
    margin-block-end: 6rem !important
}

.margin-y-24 {
    margin-block: 6rem !important
}

.margin-start-24 {
    -webkit-margin-start: 6rem !important;
    margin-inline-start: 6rem !important
}

.margin-end-24 {
    -webkit-margin-end: 6rem !important;
    margin-inline-end: 6rem !important
}

.margin-x-24 {
    margin-inline: 6rem !important
}

.gap-25 {
    gap: 6.25rem !important
}

.padding-25 {
    padding: 6.25rem !important
}

.padding-top-25 {
    -webkit-padding-before: 6.25rem !important;
    padding-block-start: 6.25rem !important
}

.padding-bottom-25 {
    -webkit-padding-after: 6.25rem !important;
    padding-block-end: 6.25rem !important
}

.padding-y-25 {
    padding-block: 6.25rem !important
}

.padding-start-25 {
    -webkit-padding-start: 6.25rem !important;
    padding-inline-start: 6.25rem !important
}

.padding-end-25 {
    -webkit-padding-end: 6.25rem !important;
    padding-inline-end: 6.25rem !important
}

.padding-x-25 {
    padding-inline: 6.25rem !important
}

.margin-25 {
    margin: 6.25rem !important
}

.margin-top-25 {
    -webkit-margin-before: 6.25rem !important;
    margin-block-start: 6.25rem !important
}

.margin-bottom-25 {
    -webkit-margin-after: 6.25rem !important;
    margin-block-end: 6.25rem !important
}

.margin-y-25 {
    margin-block: 6.25rem !important
}

.margin-start-25 {
    -webkit-margin-start: 6.25rem !important;
    margin-inline-start: 6.25rem !important
}

.margin-end-25 {
    -webkit-margin-end: 6.25rem !important;
    margin-inline-end: 6.25rem !important
}

.margin-x-25 {
    margin-inline: 6.25rem !important
}

.gap-26 {
    gap: 6.5rem !important
}

.padding-26 {
    padding: 6.5rem !important
}

.padding-top-26 {
    -webkit-padding-before: 6.5rem !important;
    padding-block-start: 6.5rem !important
}

.padding-bottom-26 {
    -webkit-padding-after: 6.5rem !important;
    padding-block-end: 6.5rem !important
}

.padding-y-26 {
    padding-block: 6.5rem !important
}

.padding-start-26 {
    -webkit-padding-start: 6.5rem !important;
    padding-inline-start: 6.5rem !important
}

.padding-end-26 {
    -webkit-padding-end: 6.5rem !important;
    padding-inline-end: 6.5rem !important
}

.padding-x-26 {
    padding-inline: 6.5rem !important
}

.margin-26 {
    margin: 6.5rem !important
}

.margin-top-26 {
    -webkit-margin-before: 6.5rem !important;
    margin-block-start: 6.5rem !important
}

.margin-bottom-26 {
    -webkit-margin-after: 6.5rem !important;
    margin-block-end: 6.5rem !important
}

.margin-y-26 {
    margin-block: 6.5rem !important
}

.margin-start-26 {
    -webkit-margin-start: 6.5rem !important;
    margin-inline-start: 6.5rem !important
}

.margin-end-26 {
    -webkit-margin-end: 6.5rem !important;
    margin-inline-end: 6.5rem !important
}

.margin-x-26 {
    margin-inline: 6.5rem !important
}

.gap-27 {
    gap: 6.75rem !important
}

.padding-27 {
    padding: 6.75rem !important
}

.padding-top-27 {
    -webkit-padding-before: 6.75rem !important;
    padding-block-start: 6.75rem !important
}

.padding-bottom-27 {
    -webkit-padding-after: 6.75rem !important;
    padding-block-end: 6.75rem !important
}

.padding-y-27 {
    padding-block: 6.75rem !important
}

.padding-start-27 {
    -webkit-padding-start: 6.75rem !important;
    padding-inline-start: 6.75rem !important
}

.padding-end-27 {
    -webkit-padding-end: 6.75rem !important;
    padding-inline-end: 6.75rem !important
}

.padding-x-27 {
    padding-inline: 6.75rem !important
}

.margin-27 {
    margin: 6.75rem !important
}

.margin-top-27 {
    -webkit-margin-before: 6.75rem !important;
    margin-block-start: 6.75rem !important
}

.margin-bottom-27 {
    -webkit-margin-after: 6.75rem !important;
    margin-block-end: 6.75rem !important
}

.margin-y-27 {
    margin-block: 6.75rem !important
}

.margin-start-27 {
    -webkit-margin-start: 6.75rem !important;
    margin-inline-start: 6.75rem !important
}

.margin-end-27 {
    -webkit-margin-end: 6.75rem !important;
    margin-inline-end: 6.75rem !important
}

.margin-x-27 {
    margin-inline: 6.75rem !important
}

.gap-28 {
    gap: 7rem !important
}

.padding-28 {
    padding: 7rem !important
}

.padding-top-28 {
    -webkit-padding-before: 7rem !important;
    padding-block-start: 7rem !important
}

.padding-bottom-28 {
    -webkit-padding-after: 7rem !important;
    padding-block-end: 7rem !important
}

.padding-y-28 {
    padding-block: 7rem !important
}

.padding-start-28 {
    -webkit-padding-start: 7rem !important;
    padding-inline-start: 7rem !important
}

.padding-end-28 {
    -webkit-padding-end: 7rem !important;
    padding-inline-end: 7rem !important
}

.padding-x-28 {
    padding-inline: 7rem !important
}

.margin-28 {
    margin: 7rem !important
}

.margin-top-28 {
    -webkit-margin-before: 7rem !important;
    margin-block-start: 7rem !important
}

.margin-bottom-28 {
    -webkit-margin-after: 7rem !important;
    margin-block-end: 7rem !important
}

.margin-y-28 {
    margin-block: 7rem !important
}

.margin-start-28 {
    -webkit-margin-start: 7rem !important;
    margin-inline-start: 7rem !important
}

.margin-end-28 {
    -webkit-margin-end: 7rem !important;
    margin-inline-end: 7rem !important
}

.margin-x-28 {
    margin-inline: 7rem !important
}

.gap-29 {
    gap: 7.25rem !important
}

.padding-29 {
    padding: 7.25rem !important
}

.padding-top-29 {
    -webkit-padding-before: 7.25rem !important;
    padding-block-start: 7.25rem !important
}

.padding-bottom-29 {
    -webkit-padding-after: 7.25rem !important;
    padding-block-end: 7.25rem !important
}

.padding-y-29 {
    padding-block: 7.25rem !important
}

.padding-start-29 {
    -webkit-padding-start: 7.25rem !important;
    padding-inline-start: 7.25rem !important
}

.padding-end-29 {
    -webkit-padding-end: 7.25rem !important;
    padding-inline-end: 7.25rem !important
}

.padding-x-29 {
    padding-inline: 7.25rem !important
}

.margin-29 {
    margin: 7.25rem !important
}

.margin-top-29 {
    -webkit-margin-before: 7.25rem !important;
    margin-block-start: 7.25rem !important
}

.margin-bottom-29 {
    -webkit-margin-after: 7.25rem !important;
    margin-block-end: 7.25rem !important
}

.margin-y-29 {
    margin-block: 7.25rem !important
}

.margin-start-29 {
    -webkit-margin-start: 7.25rem !important;
    margin-inline-start: 7.25rem !important
}

.margin-end-29 {
    -webkit-margin-end: 7.25rem !important;
    margin-inline-end: 7.25rem !important
}

.margin-x-29 {
    margin-inline: 7.25rem !important
}

.gap-30 {
    gap: 7.5rem !important
}

.padding-30 {
    padding: 7.5rem !important
}

.padding-top-30 {
    -webkit-padding-before: 7.5rem !important;
    padding-block-start: 7.5rem !important
}

.padding-bottom-30 {
    -webkit-padding-after: 7.5rem !important;
    padding-block-end: 7.5rem !important
}

.padding-y-30 {
    padding-block: 7.5rem !important
}

.padding-start-30 {
    -webkit-padding-start: 7.5rem !important;
    padding-inline-start: 7.5rem !important
}

.padding-end-30 {
    -webkit-padding-end: 7.5rem !important;
    padding-inline-end: 7.5rem !important
}

.padding-x-30 {
    padding-inline: 7.5rem !important
}

.margin-30 {
    margin: 7.5rem !important
}

.margin-top-30 {
    -webkit-margin-before: 7.5rem !important;
    margin-block-start: 7.5rem !important
}

.margin-bottom-30 {
    -webkit-margin-after: 7.5rem !important;
    margin-block-end: 7.5rem !important
}

.margin-y-30 {
    margin-block: 7.5rem !important
}

.margin-start-30 {
    -webkit-margin-start: 7.5rem !important;
    margin-inline-start: 7.5rem !important
}

.margin-end-30 {
    -webkit-margin-end: 7.5rem !important;
    margin-inline-end: 7.5rem !important
}

.margin-x-30 {
    margin-inline: 7.5rem !important
}

@media(min-width: 320px) {
    .gap-xs-0 {
        gap: 0 !important
    }

    .padding-xs-0 {
        padding: 0 !important
    }

    .padding-top-xs-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-xs-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-xs-0 {
        padding-block: 0 !important
    }

    .padding-start-xs-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-xs-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-xs-0 {
        padding-inline: 0 !important
    }

    .margin-xs-0 {
        margin: 0 !important
    }

    .margin-top-xs-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-xs-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-xs-0 {
        margin-block: 0 !important
    }

    .margin-start-xs-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-xs-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-xs-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 320px) {
    .gap-xs-1 {
        gap: 0.25rem !important
    }

    .padding-xs-1 {
        padding: 0.25rem !important
    }

    .padding-top-xs-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-xs-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-xs-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-xs-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-xs-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-xs-1 {
        padding-inline: 0.25rem !important
    }

    .margin-xs-1 {
        margin: 0.25rem !important
    }

    .margin-top-xs-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-xs-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-xs-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-xs-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-xs-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-xs-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-2 {
        gap: 0.5rem !important
    }

    .padding-xs-2 {
        padding: 0.5rem !important
    }

    .padding-top-xs-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-xs-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-xs-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-xs-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-xs-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-xs-2 {
        padding-inline: 0.5rem !important
    }

    .margin-xs-2 {
        margin: 0.5rem !important
    }

    .margin-top-xs-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-xs-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-xs-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-xs-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-xs-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-xs-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-3 {
        gap: 0.75rem !important
    }

    .padding-xs-3 {
        padding: 0.75rem !important
    }

    .padding-top-xs-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-xs-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-xs-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-xs-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-xs-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-xs-3 {
        padding-inline: 0.75rem !important
    }

    .margin-xs-3 {
        margin: 0.75rem !important
    }

    .margin-top-xs-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-xs-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-xs-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-xs-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-xs-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-xs-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-4 {
        gap: 1rem !important
    }

    .padding-xs-4 {
        padding: 1rem !important
    }

    .padding-top-xs-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-xs-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-xs-4 {
        padding-block: 1rem !important
    }

    .padding-start-xs-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-xs-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-xs-4 {
        padding-inline: 1rem !important
    }

    .margin-xs-4 {
        margin: 1rem !important
    }

    .margin-top-xs-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-xs-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-xs-4 {
        margin-block: 1rem !important
    }

    .margin-start-xs-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-xs-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-xs-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-5 {
        gap: 1.25rem !important
    }

    .padding-xs-5 {
        padding: 1.25rem !important
    }

    .padding-top-xs-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-xs-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-xs-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-xs-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-xs-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-xs-5 {
        padding-inline: 1.25rem !important
    }

    .margin-xs-5 {
        margin: 1.25rem !important
    }

    .margin-top-xs-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-xs-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-xs-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-xs-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-xs-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-xs-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-6 {
        gap: 1.5rem !important
    }

    .padding-xs-6 {
        padding: 1.5rem !important
    }

    .padding-top-xs-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-xs-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-xs-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-xs-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-xs-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-xs-6 {
        padding-inline: 1.5rem !important
    }

    .margin-xs-6 {
        margin: 1.5rem !important
    }

    .margin-top-xs-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-xs-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-xs-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-xs-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-xs-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-xs-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-7 {
        gap: 1.75rem !important
    }

    .padding-xs-7 {
        padding: 1.75rem !important
    }

    .padding-top-xs-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-xs-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-xs-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-xs-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-xs-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-xs-7 {
        padding-inline: 1.75rem !important
    }

    .margin-xs-7 {
        margin: 1.75rem !important
    }

    .margin-top-xs-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-xs-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-xs-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-xs-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-xs-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-xs-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-8 {
        gap: 2rem !important
    }

    .padding-xs-8 {
        padding: 2rem !important
    }

    .padding-top-xs-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-xs-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-xs-8 {
        padding-block: 2rem !important
    }

    .padding-start-xs-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-xs-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-xs-8 {
        padding-inline: 2rem !important
    }

    .margin-xs-8 {
        margin: 2rem !important
    }

    .margin-top-xs-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-xs-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-xs-8 {
        margin-block: 2rem !important
    }

    .margin-start-xs-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-xs-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-xs-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-9 {
        gap: 2.25rem !important
    }

    .padding-xs-9 {
        padding: 2.25rem !important
    }

    .padding-top-xs-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-xs-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-xs-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-xs-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-xs-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-xs-9 {
        padding-inline: 2.25rem !important
    }

    .margin-xs-9 {
        margin: 2.25rem !important
    }

    .margin-top-xs-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-xs-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-xs-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-xs-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-xs-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-xs-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-10 {
        gap: 2.5rem !important
    }

    .padding-xs-10 {
        padding: 2.5rem !important
    }

    .padding-top-xs-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-xs-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-xs-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-xs-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-xs-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-xs-10 {
        padding-inline: 2.5rem !important
    }

    .margin-xs-10 {
        margin: 2.5rem !important
    }

    .margin-top-xs-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-xs-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-xs-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-xs-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-xs-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-xs-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-11 {
        gap: 2.75rem !important
    }

    .padding-xs-11 {
        padding: 2.75rem !important
    }

    .padding-top-xs-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-xs-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-xs-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-xs-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-xs-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-xs-11 {
        padding-inline: 2.75rem !important
    }

    .margin-xs-11 {
        margin: 2.75rem !important
    }

    .margin-top-xs-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-xs-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-xs-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-xs-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-xs-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-xs-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-12 {
        gap: 3rem !important
    }

    .padding-xs-12 {
        padding: 3rem !important
    }

    .padding-top-xs-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-xs-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-xs-12 {
        padding-block: 3rem !important
    }

    .padding-start-xs-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-xs-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-xs-12 {
        padding-inline: 3rem !important
    }

    .margin-xs-12 {
        margin: 3rem !important
    }

    .margin-top-xs-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-xs-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-xs-12 {
        margin-block: 3rem !important
    }

    .margin-start-xs-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-xs-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-xs-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-13 {
        gap: 3.25rem !important
    }

    .padding-xs-13 {
        padding: 3.25rem !important
    }

    .padding-top-xs-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-xs-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-xs-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-xs-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-xs-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-xs-13 {
        padding-inline: 3.25rem !important
    }

    .margin-xs-13 {
        margin: 3.25rem !important
    }

    .margin-top-xs-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-xs-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-xs-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-xs-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-xs-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-xs-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-14 {
        gap: 3.5rem !important
    }

    .padding-xs-14 {
        padding: 3.5rem !important
    }

    .padding-top-xs-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-xs-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-xs-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-xs-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-xs-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-xs-14 {
        padding-inline: 3.5rem !important
    }

    .margin-xs-14 {
        margin: 3.5rem !important
    }

    .margin-top-xs-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-xs-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-xs-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-xs-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-xs-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-xs-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-15 {
        gap: 3.75rem !important
    }

    .padding-xs-15 {
        padding: 3.75rem !important
    }

    .padding-top-xs-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-xs-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-xs-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-xs-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-xs-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-xs-15 {
        padding-inline: 3.75rem !important
    }

    .margin-xs-15 {
        margin: 3.75rem !important
    }

    .margin-top-xs-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-xs-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-xs-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-xs-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-xs-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-xs-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-16 {
        gap: 4rem !important
    }

    .padding-xs-16 {
        padding: 4rem !important
    }

    .padding-top-xs-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-xs-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-xs-16 {
        padding-block: 4rem !important
    }

    .padding-start-xs-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-xs-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-xs-16 {
        padding-inline: 4rem !important
    }

    .margin-xs-16 {
        margin: 4rem !important
    }

    .margin-top-xs-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-xs-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-xs-16 {
        margin-block: 4rem !important
    }

    .margin-start-xs-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-xs-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-xs-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-17 {
        gap: 4.25rem !important
    }

    .padding-xs-17 {
        padding: 4.25rem !important
    }

    .padding-top-xs-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-xs-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-xs-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-xs-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-xs-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-xs-17 {
        padding-inline: 4.25rem !important
    }

    .margin-xs-17 {
        margin: 4.25rem !important
    }

    .margin-top-xs-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-xs-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-xs-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-xs-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-xs-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-xs-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-18 {
        gap: 4.5rem !important
    }

    .padding-xs-18 {
        padding: 4.5rem !important
    }

    .padding-top-xs-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-xs-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-xs-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-xs-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-xs-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-xs-18 {
        padding-inline: 4.5rem !important
    }

    .margin-xs-18 {
        margin: 4.5rem !important
    }

    .margin-top-xs-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-xs-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-xs-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-xs-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-xs-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-xs-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-19 {
        gap: 4.75rem !important
    }

    .padding-xs-19 {
        padding: 4.75rem !important
    }

    .padding-top-xs-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-xs-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-xs-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-xs-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-xs-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-xs-19 {
        padding-inline: 4.75rem !important
    }

    .margin-xs-19 {
        margin: 4.75rem !important
    }

    .margin-top-xs-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-xs-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-xs-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-xs-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-xs-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-xs-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-20 {
        gap: 5rem !important
    }

    .padding-xs-20 {
        padding: 5rem !important
    }

    .padding-top-xs-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-xs-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-xs-20 {
        padding-block: 5rem !important
    }

    .padding-start-xs-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-xs-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-xs-20 {
        padding-inline: 5rem !important
    }

    .margin-xs-20 {
        margin: 5rem !important
    }

    .margin-top-xs-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-xs-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-xs-20 {
        margin-block: 5rem !important
    }

    .margin-start-xs-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-xs-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-xs-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-21 {
        gap: 5.25rem !important
    }

    .padding-xs-21 {
        padding: 5.25rem !important
    }

    .padding-top-xs-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-xs-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-xs-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-xs-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-xs-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-xs-21 {
        padding-inline: 5.25rem !important
    }

    .margin-xs-21 {
        margin: 5.25rem !important
    }

    .margin-top-xs-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-xs-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-xs-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-xs-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-xs-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-xs-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-22 {
        gap: 5.5rem !important
    }

    .padding-xs-22 {
        padding: 5.5rem !important
    }

    .padding-top-xs-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-xs-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-xs-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-xs-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-xs-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-xs-22 {
        padding-inline: 5.5rem !important
    }

    .margin-xs-22 {
        margin: 5.5rem !important
    }

    .margin-top-xs-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-xs-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-xs-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-xs-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-xs-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-xs-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-23 {
        gap: 5.75rem !important
    }

    .padding-xs-23 {
        padding: 5.75rem !important
    }

    .padding-top-xs-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-xs-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-xs-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-xs-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-xs-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-xs-23 {
        padding-inline: 5.75rem !important
    }

    .margin-xs-23 {
        margin: 5.75rem !important
    }

    .margin-top-xs-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-xs-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-xs-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-xs-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-xs-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-xs-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-24 {
        gap: 6rem !important
    }

    .padding-xs-24 {
        padding: 6rem !important
    }

    .padding-top-xs-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-xs-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-xs-24 {
        padding-block: 6rem !important
    }

    .padding-start-xs-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-xs-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-xs-24 {
        padding-inline: 6rem !important
    }

    .margin-xs-24 {
        margin: 6rem !important
    }

    .margin-top-xs-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-xs-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-xs-24 {
        margin-block: 6rem !important
    }

    .margin-start-xs-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-xs-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-xs-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-25 {
        gap: 6.25rem !important
    }

    .padding-xs-25 {
        padding: 6.25rem !important
    }

    .padding-top-xs-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-xs-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-xs-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-xs-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-xs-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-xs-25 {
        padding-inline: 6.25rem !important
    }

    .margin-xs-25 {
        margin: 6.25rem !important
    }

    .margin-top-xs-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-xs-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-xs-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-xs-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-xs-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-xs-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-26 {
        gap: 6.5rem !important
    }

    .padding-xs-26 {
        padding: 6.5rem !important
    }

    .padding-top-xs-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-xs-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-xs-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-xs-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-xs-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-xs-26 {
        padding-inline: 6.5rem !important
    }

    .margin-xs-26 {
        margin: 6.5rem !important
    }

    .margin-top-xs-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-xs-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-xs-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-xs-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-xs-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-xs-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-27 {
        gap: 6.75rem !important
    }

    .padding-xs-27 {
        padding: 6.75rem !important
    }

    .padding-top-xs-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-xs-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-xs-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-xs-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-xs-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-xs-27 {
        padding-inline: 6.75rem !important
    }

    .margin-xs-27 {
        margin: 6.75rem !important
    }

    .margin-top-xs-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-xs-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-xs-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-xs-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-xs-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-xs-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-28 {
        gap: 7rem !important
    }

    .padding-xs-28 {
        padding: 7rem !important
    }

    .padding-top-xs-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-xs-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-xs-28 {
        padding-block: 7rem !important
    }

    .padding-start-xs-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-xs-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-xs-28 {
        padding-inline: 7rem !important
    }

    .margin-xs-28 {
        margin: 7rem !important
    }

    .margin-top-xs-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-xs-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-xs-28 {
        margin-block: 7rem !important
    }

    .margin-start-xs-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-xs-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-xs-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-29 {
        gap: 7.25rem !important
    }

    .padding-xs-29 {
        padding: 7.25rem !important
    }

    .padding-top-xs-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-xs-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-xs-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-xs-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-xs-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-xs-29 {
        padding-inline: 7.25rem !important
    }

    .margin-xs-29 {
        margin: 7.25rem !important
    }

    .margin-top-xs-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-xs-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-xs-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-xs-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-xs-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-xs-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 320px) {
    .gap-xs-30 {
        gap: 7.5rem !important
    }

    .padding-xs-30 {
        padding: 7.5rem !important
    }

    .padding-top-xs-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-xs-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-xs-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-xs-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-xs-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-xs-30 {
        padding-inline: 7.5rem !important
    }

    .margin-xs-30 {
        margin: 7.5rem !important
    }

    .margin-top-xs-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-xs-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-xs-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-xs-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-xs-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-xs-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-0 {
        gap: 0 !important
    }

    .padding-xsm-0 {
        padding: 0 !important
    }

    .padding-top-xsm-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-xsm-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-xsm-0 {
        padding-block: 0 !important
    }

    .padding-start-xsm-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-xsm-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-xsm-0 {
        padding-inline: 0 !important
    }

    .margin-xsm-0 {
        margin: 0 !important
    }

    .margin-top-xsm-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-xsm-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-xsm-0 {
        margin-block: 0 !important
    }

    .margin-start-xsm-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-xsm-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-xsm-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-1 {
        gap: 0.25rem !important
    }

    .padding-xsm-1 {
        padding: 0.25rem !important
    }

    .padding-top-xsm-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-xsm-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-xsm-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-xsm-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-xsm-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-xsm-1 {
        padding-inline: 0.25rem !important
    }

    .margin-xsm-1 {
        margin: 0.25rem !important
    }

    .margin-top-xsm-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-xsm-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-xsm-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-xsm-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-xsm-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-xsm-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-2 {
        gap: 0.5rem !important
    }

    .padding-xsm-2 {
        padding: 0.5rem !important
    }

    .padding-top-xsm-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-xsm-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-xsm-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-xsm-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-xsm-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-xsm-2 {
        padding-inline: 0.5rem !important
    }

    .margin-xsm-2 {
        margin: 0.5rem !important
    }

    .margin-top-xsm-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-xsm-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-xsm-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-xsm-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-xsm-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-xsm-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-3 {
        gap: 0.75rem !important
    }

    .padding-xsm-3 {
        padding: 0.75rem !important
    }

    .padding-top-xsm-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-xsm-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-xsm-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-xsm-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-xsm-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-xsm-3 {
        padding-inline: 0.75rem !important
    }

    .margin-xsm-3 {
        margin: 0.75rem !important
    }

    .margin-top-xsm-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-xsm-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-xsm-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-xsm-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-xsm-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-xsm-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-4 {
        gap: 1rem !important
    }

    .padding-xsm-4 {
        padding: 1rem !important
    }

    .padding-top-xsm-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-xsm-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-xsm-4 {
        padding-block: 1rem !important
    }

    .padding-start-xsm-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-xsm-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-xsm-4 {
        padding-inline: 1rem !important
    }

    .margin-xsm-4 {
        margin: 1rem !important
    }

    .margin-top-xsm-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-xsm-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-xsm-4 {
        margin-block: 1rem !important
    }

    .margin-start-xsm-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-xsm-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-xsm-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-5 {
        gap: 1.25rem !important
    }

    .padding-xsm-5 {
        padding: 1.25rem !important
    }

    .padding-top-xsm-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-xsm-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-xsm-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-xsm-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-xsm-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-xsm-5 {
        padding-inline: 1.25rem !important
    }

    .margin-xsm-5 {
        margin: 1.25rem !important
    }

    .margin-top-xsm-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-xsm-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-xsm-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-xsm-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-xsm-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-xsm-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-6 {
        gap: 1.5rem !important
    }

    .padding-xsm-6 {
        padding: 1.5rem !important
    }

    .padding-top-xsm-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-xsm-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-xsm-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-xsm-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-xsm-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-xsm-6 {
        padding-inline: 1.5rem !important
    }

    .margin-xsm-6 {
        margin: 1.5rem !important
    }

    .margin-top-xsm-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-xsm-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-xsm-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-xsm-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-xsm-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-xsm-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-7 {
        gap: 1.75rem !important
    }

    .padding-xsm-7 {
        padding: 1.75rem !important
    }

    .padding-top-xsm-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-xsm-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-xsm-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-xsm-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-xsm-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-xsm-7 {
        padding-inline: 1.75rem !important
    }

    .margin-xsm-7 {
        margin: 1.75rem !important
    }

    .margin-top-xsm-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-xsm-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-xsm-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-xsm-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-xsm-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-xsm-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-8 {
        gap: 2rem !important
    }

    .padding-xsm-8 {
        padding: 2rem !important
    }

    .padding-top-xsm-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-xsm-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-xsm-8 {
        padding-block: 2rem !important
    }

    .padding-start-xsm-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-xsm-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-xsm-8 {
        padding-inline: 2rem !important
    }

    .margin-xsm-8 {
        margin: 2rem !important
    }

    .margin-top-xsm-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-xsm-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-xsm-8 {
        margin-block: 2rem !important
    }

    .margin-start-xsm-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-xsm-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-xsm-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-9 {
        gap: 2.25rem !important
    }

    .padding-xsm-9 {
        padding: 2.25rem !important
    }

    .padding-top-xsm-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-xsm-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-xsm-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-xsm-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-xsm-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-xsm-9 {
        padding-inline: 2.25rem !important
    }

    .margin-xsm-9 {
        margin: 2.25rem !important
    }

    .margin-top-xsm-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-xsm-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-xsm-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-xsm-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-xsm-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-xsm-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-10 {
        gap: 2.5rem !important
    }

    .padding-xsm-10 {
        padding: 2.5rem !important
    }

    .padding-top-xsm-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-xsm-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-xsm-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-xsm-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-xsm-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-xsm-10 {
        padding-inline: 2.5rem !important
    }

    .margin-xsm-10 {
        margin: 2.5rem !important
    }

    .margin-top-xsm-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-xsm-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-xsm-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-xsm-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-xsm-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-xsm-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-11 {
        gap: 2.75rem !important
    }

    .padding-xsm-11 {
        padding: 2.75rem !important
    }

    .padding-top-xsm-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-xsm-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-xsm-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-xsm-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-xsm-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-xsm-11 {
        padding-inline: 2.75rem !important
    }

    .margin-xsm-11 {
        margin: 2.75rem !important
    }

    .margin-top-xsm-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-xsm-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-xsm-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-xsm-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-xsm-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-xsm-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-12 {
        gap: 3rem !important
    }

    .padding-xsm-12 {
        padding: 3rem !important
    }

    .padding-top-xsm-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-xsm-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-xsm-12 {
        padding-block: 3rem !important
    }

    .padding-start-xsm-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-xsm-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-xsm-12 {
        padding-inline: 3rem !important
    }

    .margin-xsm-12 {
        margin: 3rem !important
    }

    .margin-top-xsm-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-xsm-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-xsm-12 {
        margin-block: 3rem !important
    }

    .margin-start-xsm-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-xsm-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-xsm-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-13 {
        gap: 3.25rem !important
    }

    .padding-xsm-13 {
        padding: 3.25rem !important
    }

    .padding-top-xsm-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-xsm-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-xsm-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-xsm-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-xsm-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-xsm-13 {
        padding-inline: 3.25rem !important
    }

    .margin-xsm-13 {
        margin: 3.25rem !important
    }

    .margin-top-xsm-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-xsm-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-xsm-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-xsm-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-xsm-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-xsm-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-14 {
        gap: 3.5rem !important
    }

    .padding-xsm-14 {
        padding: 3.5rem !important
    }

    .padding-top-xsm-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-xsm-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-xsm-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-xsm-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-xsm-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-xsm-14 {
        padding-inline: 3.5rem !important
    }

    .margin-xsm-14 {
        margin: 3.5rem !important
    }

    .margin-top-xsm-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-xsm-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-xsm-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-xsm-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-xsm-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-xsm-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-15 {
        gap: 3.75rem !important
    }

    .padding-xsm-15 {
        padding: 3.75rem !important
    }

    .padding-top-xsm-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-xsm-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-xsm-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-xsm-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-xsm-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-xsm-15 {
        padding-inline: 3.75rem !important
    }

    .margin-xsm-15 {
        margin: 3.75rem !important
    }

    .margin-top-xsm-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-xsm-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-xsm-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-xsm-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-xsm-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-xsm-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-16 {
        gap: 4rem !important
    }

    .padding-xsm-16 {
        padding: 4rem !important
    }

    .padding-top-xsm-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-xsm-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-xsm-16 {
        padding-block: 4rem !important
    }

    .padding-start-xsm-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-xsm-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-xsm-16 {
        padding-inline: 4rem !important
    }

    .margin-xsm-16 {
        margin: 4rem !important
    }

    .margin-top-xsm-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-xsm-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-xsm-16 {
        margin-block: 4rem !important
    }

    .margin-start-xsm-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-xsm-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-xsm-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-17 {
        gap: 4.25rem !important
    }

    .padding-xsm-17 {
        padding: 4.25rem !important
    }

    .padding-top-xsm-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-xsm-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-xsm-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-xsm-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-xsm-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-xsm-17 {
        padding-inline: 4.25rem !important
    }

    .margin-xsm-17 {
        margin: 4.25rem !important
    }

    .margin-top-xsm-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-xsm-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-xsm-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-xsm-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-xsm-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-xsm-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-18 {
        gap: 4.5rem !important
    }

    .padding-xsm-18 {
        padding: 4.5rem !important
    }

    .padding-top-xsm-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-xsm-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-xsm-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-xsm-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-xsm-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-xsm-18 {
        padding-inline: 4.5rem !important
    }

    .margin-xsm-18 {
        margin: 4.5rem !important
    }

    .margin-top-xsm-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-xsm-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-xsm-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-xsm-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-xsm-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-xsm-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-19 {
        gap: 4.75rem !important
    }

    .padding-xsm-19 {
        padding: 4.75rem !important
    }

    .padding-top-xsm-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-xsm-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-xsm-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-xsm-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-xsm-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-xsm-19 {
        padding-inline: 4.75rem !important
    }

    .margin-xsm-19 {
        margin: 4.75rem !important
    }

    .margin-top-xsm-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-xsm-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-xsm-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-xsm-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-xsm-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-xsm-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-20 {
        gap: 5rem !important
    }

    .padding-xsm-20 {
        padding: 5rem !important
    }

    .padding-top-xsm-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-xsm-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-xsm-20 {
        padding-block: 5rem !important
    }

    .padding-start-xsm-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-xsm-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-xsm-20 {
        padding-inline: 5rem !important
    }

    .margin-xsm-20 {
        margin: 5rem !important
    }

    .margin-top-xsm-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-xsm-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-xsm-20 {
        margin-block: 5rem !important
    }

    .margin-start-xsm-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-xsm-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-xsm-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-21 {
        gap: 5.25rem !important
    }

    .padding-xsm-21 {
        padding: 5.25rem !important
    }

    .padding-top-xsm-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-xsm-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-xsm-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-xsm-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-xsm-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-xsm-21 {
        padding-inline: 5.25rem !important
    }

    .margin-xsm-21 {
        margin: 5.25rem !important
    }

    .margin-top-xsm-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-xsm-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-xsm-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-xsm-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-xsm-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-xsm-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-22 {
        gap: 5.5rem !important
    }

    .padding-xsm-22 {
        padding: 5.5rem !important
    }

    .padding-top-xsm-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-xsm-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-xsm-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-xsm-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-xsm-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-xsm-22 {
        padding-inline: 5.5rem !important
    }

    .margin-xsm-22 {
        margin: 5.5rem !important
    }

    .margin-top-xsm-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-xsm-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-xsm-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-xsm-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-xsm-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-xsm-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-23 {
        gap: 5.75rem !important
    }

    .padding-xsm-23 {
        padding: 5.75rem !important
    }

    .padding-top-xsm-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-xsm-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-xsm-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-xsm-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-xsm-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-xsm-23 {
        padding-inline: 5.75rem !important
    }

    .margin-xsm-23 {
        margin: 5.75rem !important
    }

    .margin-top-xsm-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-xsm-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-xsm-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-xsm-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-xsm-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-xsm-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-24 {
        gap: 6rem !important
    }

    .padding-xsm-24 {
        padding: 6rem !important
    }

    .padding-top-xsm-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-xsm-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-xsm-24 {
        padding-block: 6rem !important
    }

    .padding-start-xsm-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-xsm-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-xsm-24 {
        padding-inline: 6rem !important
    }

    .margin-xsm-24 {
        margin: 6rem !important
    }

    .margin-top-xsm-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-xsm-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-xsm-24 {
        margin-block: 6rem !important
    }

    .margin-start-xsm-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-xsm-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-xsm-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-25 {
        gap: 6.25rem !important
    }

    .padding-xsm-25 {
        padding: 6.25rem !important
    }

    .padding-top-xsm-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-xsm-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-xsm-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-xsm-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-xsm-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-xsm-25 {
        padding-inline: 6.25rem !important
    }

    .margin-xsm-25 {
        margin: 6.25rem !important
    }

    .margin-top-xsm-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-xsm-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-xsm-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-xsm-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-xsm-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-xsm-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-26 {
        gap: 6.5rem !important
    }

    .padding-xsm-26 {
        padding: 6.5rem !important
    }

    .padding-top-xsm-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-xsm-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-xsm-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-xsm-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-xsm-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-xsm-26 {
        padding-inline: 6.5rem !important
    }

    .margin-xsm-26 {
        margin: 6.5rem !important
    }

    .margin-top-xsm-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-xsm-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-xsm-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-xsm-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-xsm-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-xsm-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-27 {
        gap: 6.75rem !important
    }

    .padding-xsm-27 {
        padding: 6.75rem !important
    }

    .padding-top-xsm-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-xsm-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-xsm-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-xsm-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-xsm-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-xsm-27 {
        padding-inline: 6.75rem !important
    }

    .margin-xsm-27 {
        margin: 6.75rem !important
    }

    .margin-top-xsm-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-xsm-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-xsm-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-xsm-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-xsm-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-xsm-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-28 {
        gap: 7rem !important
    }

    .padding-xsm-28 {
        padding: 7rem !important
    }

    .padding-top-xsm-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-xsm-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-xsm-28 {
        padding-block: 7rem !important
    }

    .padding-start-xsm-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-xsm-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-xsm-28 {
        padding-inline: 7rem !important
    }

    .margin-xsm-28 {
        margin: 7rem !important
    }

    .margin-top-xsm-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-xsm-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-xsm-28 {
        margin-block: 7rem !important
    }

    .margin-start-xsm-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-xsm-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-xsm-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-29 {
        gap: 7.25rem !important
    }

    .padding-xsm-29 {
        padding: 7.25rem !important
    }

    .padding-top-xsm-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-xsm-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-xsm-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-xsm-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-xsm-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-xsm-29 {
        padding-inline: 7.25rem !important
    }

    .margin-xsm-29 {
        margin: 7.25rem !important
    }

    .margin-top-xsm-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-xsm-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-xsm-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-xsm-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-xsm-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-xsm-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 375px) {
    .gap-xsm-30 {
        gap: 7.5rem !important
    }

    .padding-xsm-30 {
        padding: 7.5rem !important
    }

    .padding-top-xsm-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-xsm-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-xsm-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-xsm-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-xsm-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-xsm-30 {
        padding-inline: 7.5rem !important
    }

    .margin-xsm-30 {
        margin: 7.5rem !important
    }

    .margin-top-xsm-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-xsm-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-xsm-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-xsm-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-xsm-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-xsm-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-0 {
        gap: 0 !important
    }

    .padding-sm-0 {
        padding: 0 !important
    }

    .padding-top-sm-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-sm-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-sm-0 {
        padding-block: 0 !important
    }

    .padding-start-sm-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-sm-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-sm-0 {
        padding-inline: 0 !important
    }

    .margin-sm-0 {
        margin: 0 !important
    }

    .margin-top-sm-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-sm-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-sm-0 {
        margin-block: 0 !important
    }

    .margin-start-sm-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-sm-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-sm-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 576px) {
    .gap-sm-1 {
        gap: 0.25rem !important
    }

    .padding-sm-1 {
        padding: 0.25rem !important
    }

    .padding-top-sm-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-sm-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-sm-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-sm-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-sm-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-sm-1 {
        padding-inline: 0.25rem !important
    }

    .margin-sm-1 {
        margin: 0.25rem !important
    }

    .margin-top-sm-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-sm-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-sm-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-sm-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-sm-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-sm-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-2 {
        gap: 0.5rem !important
    }

    .padding-sm-2 {
        padding: 0.5rem !important
    }

    .padding-top-sm-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-sm-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-sm-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-sm-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-sm-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-sm-2 {
        padding-inline: 0.5rem !important
    }

    .margin-sm-2 {
        margin: 0.5rem !important
    }

    .margin-top-sm-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-sm-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-sm-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-sm-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-sm-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-sm-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-3 {
        gap: 0.75rem !important
    }

    .padding-sm-3 {
        padding: 0.75rem !important
    }

    .padding-top-sm-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-sm-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-sm-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-sm-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-sm-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-sm-3 {
        padding-inline: 0.75rem !important
    }

    .margin-sm-3 {
        margin: 0.75rem !important
    }

    .margin-top-sm-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-sm-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-sm-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-sm-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-sm-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-sm-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-4 {
        gap: 1rem !important
    }

    .padding-sm-4 {
        padding: 1rem !important
    }

    .padding-top-sm-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-sm-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-sm-4 {
        padding-block: 1rem !important
    }

    .padding-start-sm-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-sm-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-sm-4 {
        padding-inline: 1rem !important
    }

    .margin-sm-4 {
        margin: 1rem !important
    }

    .margin-top-sm-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-sm-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-sm-4 {
        margin-block: 1rem !important
    }

    .margin-start-sm-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-sm-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-sm-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-5 {
        gap: 1.25rem !important
    }

    .padding-sm-5 {
        padding: 1.25rem !important
    }

    .padding-top-sm-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-sm-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-sm-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-sm-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-sm-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-sm-5 {
        padding-inline: 1.25rem !important
    }

    .margin-sm-5 {
        margin: 1.25rem !important
    }

    .margin-top-sm-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-sm-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-sm-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-sm-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-sm-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-sm-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-6 {
        gap: 1.5rem !important
    }

    .padding-sm-6 {
        padding: 1.5rem !important
    }

    .padding-top-sm-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-sm-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-sm-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-sm-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-sm-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-sm-6 {
        padding-inline: 1.5rem !important
    }

    .margin-sm-6 {
        margin: 1.5rem !important
    }

    .margin-top-sm-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-sm-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-sm-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-sm-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-sm-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-sm-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-7 {
        gap: 1.75rem !important
    }

    .padding-sm-7 {
        padding: 1.75rem !important
    }

    .padding-top-sm-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-sm-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-sm-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-sm-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-sm-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-sm-7 {
        padding-inline: 1.75rem !important
    }

    .margin-sm-7 {
        margin: 1.75rem !important
    }

    .margin-top-sm-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-sm-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-sm-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-sm-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-sm-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-sm-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-8 {
        gap: 2rem !important
    }

    .padding-sm-8 {
        padding: 2rem !important
    }

    .padding-top-sm-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-sm-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-sm-8 {
        padding-block: 2rem !important
    }

    .padding-start-sm-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-sm-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-sm-8 {
        padding-inline: 2rem !important
    }

    .margin-sm-8 {
        margin: 2rem !important
    }

    .margin-top-sm-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-sm-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-sm-8 {
        margin-block: 2rem !important
    }

    .margin-start-sm-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-sm-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-sm-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-9 {
        gap: 2.25rem !important
    }

    .padding-sm-9 {
        padding: 2.25rem !important
    }

    .padding-top-sm-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-sm-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-sm-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-sm-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-sm-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-sm-9 {
        padding-inline: 2.25rem !important
    }

    .margin-sm-9 {
        margin: 2.25rem !important
    }

    .margin-top-sm-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-sm-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-sm-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-sm-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-sm-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-sm-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-10 {
        gap: 2.5rem !important
    }

    .padding-sm-10 {
        padding: 2.5rem !important
    }

    .padding-top-sm-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-sm-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-sm-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-sm-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-sm-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-sm-10 {
        padding-inline: 2.5rem !important
    }

    .margin-sm-10 {
        margin: 2.5rem !important
    }

    .margin-top-sm-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-sm-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-sm-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-sm-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-sm-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-sm-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-11 {
        gap: 2.75rem !important
    }

    .padding-sm-11 {
        padding: 2.75rem !important
    }

    .padding-top-sm-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-sm-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-sm-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-sm-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-sm-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-sm-11 {
        padding-inline: 2.75rem !important
    }

    .margin-sm-11 {
        margin: 2.75rem !important
    }

    .margin-top-sm-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-sm-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-sm-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-sm-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-sm-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-sm-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-12 {
        gap: 3rem !important
    }

    .padding-sm-12 {
        padding: 3rem !important
    }

    .padding-top-sm-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-sm-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-sm-12 {
        padding-block: 3rem !important
    }

    .padding-start-sm-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-sm-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-sm-12 {
        padding-inline: 3rem !important
    }

    .margin-sm-12 {
        margin: 3rem !important
    }

    .margin-top-sm-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-sm-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-sm-12 {
        margin-block: 3rem !important
    }

    .margin-start-sm-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-sm-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-sm-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-13 {
        gap: 3.25rem !important
    }

    .padding-sm-13 {
        padding: 3.25rem !important
    }

    .padding-top-sm-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-sm-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-sm-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-sm-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-sm-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-sm-13 {
        padding-inline: 3.25rem !important
    }

    .margin-sm-13 {
        margin: 3.25rem !important
    }

    .margin-top-sm-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-sm-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-sm-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-sm-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-sm-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-sm-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-14 {
        gap: 3.5rem !important
    }

    .padding-sm-14 {
        padding: 3.5rem !important
    }

    .padding-top-sm-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-sm-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-sm-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-sm-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-sm-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-sm-14 {
        padding-inline: 3.5rem !important
    }

    .margin-sm-14 {
        margin: 3.5rem !important
    }

    .margin-top-sm-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-sm-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-sm-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-sm-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-sm-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-sm-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-15 {
        gap: 3.75rem !important
    }

    .padding-sm-15 {
        padding: 3.75rem !important
    }

    .padding-top-sm-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-sm-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-sm-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-sm-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-sm-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-sm-15 {
        padding-inline: 3.75rem !important
    }

    .margin-sm-15 {
        margin: 3.75rem !important
    }

    .margin-top-sm-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-sm-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-sm-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-sm-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-sm-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-sm-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-16 {
        gap: 4rem !important
    }

    .padding-sm-16 {
        padding: 4rem !important
    }

    .padding-top-sm-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-sm-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-sm-16 {
        padding-block: 4rem !important
    }

    .padding-start-sm-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-sm-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-sm-16 {
        padding-inline: 4rem !important
    }

    .margin-sm-16 {
        margin: 4rem !important
    }

    .margin-top-sm-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-sm-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-sm-16 {
        margin-block: 4rem !important
    }

    .margin-start-sm-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-sm-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-sm-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-17 {
        gap: 4.25rem !important
    }

    .padding-sm-17 {
        padding: 4.25rem !important
    }

    .padding-top-sm-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-sm-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-sm-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-sm-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-sm-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-sm-17 {
        padding-inline: 4.25rem !important
    }

    .margin-sm-17 {
        margin: 4.25rem !important
    }

    .margin-top-sm-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-sm-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-sm-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-sm-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-sm-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-sm-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-18 {
        gap: 4.5rem !important
    }

    .padding-sm-18 {
        padding: 4.5rem !important
    }

    .padding-top-sm-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-sm-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-sm-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-sm-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-sm-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-sm-18 {
        padding-inline: 4.5rem !important
    }

    .margin-sm-18 {
        margin: 4.5rem !important
    }

    .margin-top-sm-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-sm-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-sm-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-sm-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-sm-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-sm-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-19 {
        gap: 4.75rem !important
    }

    .padding-sm-19 {
        padding: 4.75rem !important
    }

    .padding-top-sm-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-sm-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-sm-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-sm-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-sm-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-sm-19 {
        padding-inline: 4.75rem !important
    }

    .margin-sm-19 {
        margin: 4.75rem !important
    }

    .margin-top-sm-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-sm-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-sm-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-sm-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-sm-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-sm-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-20 {
        gap: 5rem !important
    }

    .padding-sm-20 {
        padding: 5rem !important
    }

    .padding-top-sm-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-sm-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-sm-20 {
        padding-block: 5rem !important
    }

    .padding-start-sm-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-sm-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-sm-20 {
        padding-inline: 5rem !important
    }

    .margin-sm-20 {
        margin: 5rem !important
    }

    .margin-top-sm-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-sm-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-sm-20 {
        margin-block: 5rem !important
    }

    .margin-start-sm-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-sm-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-sm-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-21 {
        gap: 5.25rem !important
    }

    .padding-sm-21 {
        padding: 5.25rem !important
    }

    .padding-top-sm-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-sm-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-sm-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-sm-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-sm-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-sm-21 {
        padding-inline: 5.25rem !important
    }

    .margin-sm-21 {
        margin: 5.25rem !important
    }

    .margin-top-sm-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-sm-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-sm-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-sm-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-sm-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-sm-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-22 {
        gap: 5.5rem !important
    }

    .padding-sm-22 {
        padding: 5.5rem !important
    }

    .padding-top-sm-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-sm-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-sm-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-sm-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-sm-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-sm-22 {
        padding-inline: 5.5rem !important
    }

    .margin-sm-22 {
        margin: 5.5rem !important
    }

    .margin-top-sm-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-sm-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-sm-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-sm-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-sm-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-sm-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-23 {
        gap: 5.75rem !important
    }

    .padding-sm-23 {
        padding: 5.75rem !important
    }

    .padding-top-sm-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-sm-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-sm-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-sm-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-sm-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-sm-23 {
        padding-inline: 5.75rem !important
    }

    .margin-sm-23 {
        margin: 5.75rem !important
    }

    .margin-top-sm-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-sm-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-sm-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-sm-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-sm-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-sm-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-24 {
        gap: 6rem !important
    }

    .padding-sm-24 {
        padding: 6rem !important
    }

    .padding-top-sm-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-sm-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-sm-24 {
        padding-block: 6rem !important
    }

    .padding-start-sm-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-sm-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-sm-24 {
        padding-inline: 6rem !important
    }

    .margin-sm-24 {
        margin: 6rem !important
    }

    .margin-top-sm-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-sm-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-sm-24 {
        margin-block: 6rem !important
    }

    .margin-start-sm-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-sm-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-sm-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-25 {
        gap: 6.25rem !important
    }

    .padding-sm-25 {
        padding: 6.25rem !important
    }

    .padding-top-sm-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-sm-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-sm-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-sm-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-sm-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-sm-25 {
        padding-inline: 6.25rem !important
    }

    .margin-sm-25 {
        margin: 6.25rem !important
    }

    .margin-top-sm-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-sm-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-sm-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-sm-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-sm-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-sm-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-26 {
        gap: 6.5rem !important
    }

    .padding-sm-26 {
        padding: 6.5rem !important
    }

    .padding-top-sm-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-sm-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-sm-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-sm-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-sm-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-sm-26 {
        padding-inline: 6.5rem !important
    }

    .margin-sm-26 {
        margin: 6.5rem !important
    }

    .margin-top-sm-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-sm-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-sm-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-sm-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-sm-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-sm-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-27 {
        gap: 6.75rem !important
    }

    .padding-sm-27 {
        padding: 6.75rem !important
    }

    .padding-top-sm-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-sm-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-sm-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-sm-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-sm-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-sm-27 {
        padding-inline: 6.75rem !important
    }

    .margin-sm-27 {
        margin: 6.75rem !important
    }

    .margin-top-sm-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-sm-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-sm-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-sm-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-sm-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-sm-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-28 {
        gap: 7rem !important
    }

    .padding-sm-28 {
        padding: 7rem !important
    }

    .padding-top-sm-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-sm-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-sm-28 {
        padding-block: 7rem !important
    }

    .padding-start-sm-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-sm-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-sm-28 {
        padding-inline: 7rem !important
    }

    .margin-sm-28 {
        margin: 7rem !important
    }

    .margin-top-sm-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-sm-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-sm-28 {
        margin-block: 7rem !important
    }

    .margin-start-sm-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-sm-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-sm-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-29 {
        gap: 7.25rem !important
    }

    .padding-sm-29 {
        padding: 7.25rem !important
    }

    .padding-top-sm-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-sm-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-sm-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-sm-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-sm-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-sm-29 {
        padding-inline: 7.25rem !important
    }

    .margin-sm-29 {
        margin: 7.25rem !important
    }

    .margin-top-sm-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-sm-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-sm-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-sm-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-sm-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-sm-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 576px) {
    .gap-sm-30 {
        gap: 7.5rem !important
    }

    .padding-sm-30 {
        padding: 7.5rem !important
    }

    .padding-top-sm-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-sm-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-sm-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-sm-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-sm-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-sm-30 {
        padding-inline: 7.5rem !important
    }

    .margin-sm-30 {
        margin: 7.5rem !important
    }

    .margin-top-sm-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-sm-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-sm-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-sm-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-sm-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-sm-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-0 {
        gap: 0 !important
    }

    .padding-md-0 {
        padding: 0 !important
    }

    .padding-top-md-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-md-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-md-0 {
        padding-block: 0 !important
    }

    .padding-start-md-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-md-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-md-0 {
        padding-inline: 0 !important
    }

    .margin-md-0 {
        margin: 0 !important
    }

    .margin-top-md-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-md-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-md-0 {
        margin-block: 0 !important
    }

    .margin-start-md-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-md-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-md-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 768px) {
    .gap-md-1 {
        gap: 0.25rem !important
    }

    .padding-md-1 {
        padding: 0.25rem !important
    }

    .padding-top-md-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-md-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-md-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-md-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-md-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-md-1 {
        padding-inline: 0.25rem !important
    }

    .margin-md-1 {
        margin: 0.25rem !important
    }

    .margin-top-md-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-md-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-md-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-md-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-md-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-md-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-2 {
        gap: 0.5rem !important
    }

    .padding-md-2 {
        padding: 0.5rem !important
    }

    .padding-top-md-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-md-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-md-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-md-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-md-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-md-2 {
        padding-inline: 0.5rem !important
    }

    .margin-md-2 {
        margin: 0.5rem !important
    }

    .margin-top-md-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-md-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-md-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-md-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-md-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-md-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-3 {
        gap: 0.75rem !important
    }

    .padding-md-3 {
        padding: 0.75rem !important
    }

    .padding-top-md-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-md-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-md-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-md-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-md-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-md-3 {
        padding-inline: 0.75rem !important
    }

    .margin-md-3 {
        margin: 0.75rem !important
    }

    .margin-top-md-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-md-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-md-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-md-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-md-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-md-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-4 {
        gap: 1rem !important
    }

    .padding-md-4 {
        padding: 1rem !important
    }

    .padding-top-md-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-md-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-md-4 {
        padding-block: 1rem !important
    }

    .padding-start-md-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-md-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-md-4 {
        padding-inline: 1rem !important
    }

    .margin-md-4 {
        margin: 1rem !important
    }

    .margin-top-md-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-md-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-md-4 {
        margin-block: 1rem !important
    }

    .margin-start-md-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-md-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-md-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-5 {
        gap: 1.25rem !important
    }

    .padding-md-5 {
        padding: 1.25rem !important
    }

    .padding-top-md-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-md-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-md-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-md-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-md-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-md-5 {
        padding-inline: 1.25rem !important
    }

    .margin-md-5 {
        margin: 1.25rem !important
    }

    .margin-top-md-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-md-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-md-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-md-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-md-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-md-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-6 {
        gap: 1.5rem !important
    }

    .padding-md-6 {
        padding: 1.5rem !important
    }

    .padding-top-md-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-md-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-md-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-md-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-md-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-md-6 {
        padding-inline: 1.5rem !important
    }

    .margin-md-6 {
        margin: 1.5rem !important
    }

    .margin-top-md-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-md-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-md-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-md-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-md-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-md-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-7 {
        gap: 1.75rem !important
    }

    .padding-md-7 {
        padding: 1.75rem !important
    }

    .padding-top-md-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-md-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-md-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-md-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-md-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-md-7 {
        padding-inline: 1.75rem !important
    }

    .margin-md-7 {
        margin: 1.75rem !important
    }

    .margin-top-md-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-md-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-md-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-md-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-md-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-md-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-8 {
        gap: 2rem !important
    }

    .padding-md-8 {
        padding: 2rem !important
    }

    .padding-top-md-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-md-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-md-8 {
        padding-block: 2rem !important
    }

    .padding-start-md-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-md-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-md-8 {
        padding-inline: 2rem !important
    }

    .margin-md-8 {
        margin: 2rem !important
    }

    .margin-top-md-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-md-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-md-8 {
        margin-block: 2rem !important
    }

    .margin-start-md-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-md-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-md-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-9 {
        gap: 2.25rem !important
    }

    .padding-md-9 {
        padding: 2.25rem !important
    }

    .padding-top-md-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-md-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-md-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-md-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-md-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-md-9 {
        padding-inline: 2.25rem !important
    }

    .margin-md-9 {
        margin: 2.25rem !important
    }

    .margin-top-md-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-md-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-md-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-md-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-md-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-md-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-10 {
        gap: 2.5rem !important
    }

    .padding-md-10 {
        padding: 2.5rem !important
    }

    .padding-top-md-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-md-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-md-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-md-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-md-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-md-10 {
        padding-inline: 2.5rem !important
    }

    .margin-md-10 {
        margin: 2.5rem !important
    }

    .margin-top-md-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-md-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-md-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-md-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-md-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-md-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-11 {
        gap: 2.75rem !important
    }

    .padding-md-11 {
        padding: 2.75rem !important
    }

    .padding-top-md-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-md-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-md-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-md-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-md-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-md-11 {
        padding-inline: 2.75rem !important
    }

    .margin-md-11 {
        margin: 2.75rem !important
    }

    .margin-top-md-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-md-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-md-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-md-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-md-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-md-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-12 {
        gap: 3rem !important
    }

    .padding-md-12 {
        padding: 3rem !important
    }

    .padding-top-md-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-md-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-md-12 {
        padding-block: 3rem !important
    }

    .padding-start-md-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-md-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-md-12 {
        padding-inline: 3rem !important
    }

    .margin-md-12 {
        margin: 3rem !important
    }

    .margin-top-md-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-md-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-md-12 {
        margin-block: 3rem !important
    }

    .margin-start-md-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-md-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-md-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-13 {
        gap: 3.25rem !important
    }

    .padding-md-13 {
        padding: 3.25rem !important
    }

    .padding-top-md-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-md-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-md-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-md-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-md-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-md-13 {
        padding-inline: 3.25rem !important
    }

    .margin-md-13 {
        margin: 3.25rem !important
    }

    .margin-top-md-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-md-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-md-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-md-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-md-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-md-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-14 {
        gap: 3.5rem !important
    }

    .padding-md-14 {
        padding: 3.5rem !important
    }

    .padding-top-md-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-md-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-md-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-md-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-md-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-md-14 {
        padding-inline: 3.5rem !important
    }

    .margin-md-14 {
        margin: 3.5rem !important
    }

    .margin-top-md-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-md-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-md-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-md-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-md-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-md-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-15 {
        gap: 3.75rem !important
    }

    .padding-md-15 {
        padding: 3.75rem !important
    }

    .padding-top-md-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-md-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-md-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-md-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-md-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-md-15 {
        padding-inline: 3.75rem !important
    }

    .margin-md-15 {
        margin: 3.75rem !important
    }

    .margin-top-md-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-md-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-md-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-md-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-md-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-md-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-16 {
        gap: 4rem !important
    }

    .padding-md-16 {
        padding: 4rem !important
    }

    .padding-top-md-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-md-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-md-16 {
        padding-block: 4rem !important
    }

    .padding-start-md-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-md-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-md-16 {
        padding-inline: 4rem !important
    }

    .margin-md-16 {
        margin: 4rem !important
    }

    .margin-top-md-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-md-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-md-16 {
        margin-block: 4rem !important
    }

    .margin-start-md-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-md-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-md-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-17 {
        gap: 4.25rem !important
    }

    .padding-md-17 {
        padding: 4.25rem !important
    }

    .padding-top-md-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-md-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-md-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-md-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-md-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-md-17 {
        padding-inline: 4.25rem !important
    }

    .margin-md-17 {
        margin: 4.25rem !important
    }

    .margin-top-md-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-md-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-md-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-md-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-md-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-md-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-18 {
        gap: 4.5rem !important
    }

    .padding-md-18 {
        padding: 4.5rem !important
    }

    .padding-top-md-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-md-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-md-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-md-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-md-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-md-18 {
        padding-inline: 4.5rem !important
    }

    .margin-md-18 {
        margin: 4.5rem !important
    }

    .margin-top-md-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-md-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-md-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-md-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-md-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-md-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-19 {
        gap: 4.75rem !important
    }

    .padding-md-19 {
        padding: 4.75rem !important
    }

    .padding-top-md-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-md-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-md-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-md-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-md-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-md-19 {
        padding-inline: 4.75rem !important
    }

    .margin-md-19 {
        margin: 4.75rem !important
    }

    .margin-top-md-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-md-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-md-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-md-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-md-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-md-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-20 {
        gap: 5rem !important
    }

    .padding-md-20 {
        padding: 5rem !important
    }

    .padding-top-md-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-md-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-md-20 {
        padding-block: 5rem !important
    }

    .padding-start-md-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-md-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-md-20 {
        padding-inline: 5rem !important
    }

    .margin-md-20 {
        margin: 5rem !important
    }

    .margin-top-md-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-md-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-md-20 {
        margin-block: 5rem !important
    }

    .margin-start-md-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-md-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-md-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-21 {
        gap: 5.25rem !important
    }

    .padding-md-21 {
        padding: 5.25rem !important
    }

    .padding-top-md-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-md-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-md-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-md-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-md-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-md-21 {
        padding-inline: 5.25rem !important
    }

    .margin-md-21 {
        margin: 5.25rem !important
    }

    .margin-top-md-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-md-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-md-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-md-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-md-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-md-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-22 {
        gap: 5.5rem !important
    }

    .padding-md-22 {
        padding: 5.5rem !important
    }

    .padding-top-md-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-md-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-md-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-md-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-md-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-md-22 {
        padding-inline: 5.5rem !important
    }

    .margin-md-22 {
        margin: 5.5rem !important
    }

    .margin-top-md-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-md-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-md-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-md-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-md-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-md-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-23 {
        gap: 5.75rem !important
    }

    .padding-md-23 {
        padding: 5.75rem !important
    }

    .padding-top-md-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-md-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-md-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-md-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-md-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-md-23 {
        padding-inline: 5.75rem !important
    }

    .margin-md-23 {
        margin: 5.75rem !important
    }

    .margin-top-md-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-md-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-md-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-md-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-md-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-md-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-24 {
        gap: 6rem !important
    }

    .padding-md-24 {
        padding: 6rem !important
    }

    .padding-top-md-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-md-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-md-24 {
        padding-block: 6rem !important
    }

    .padding-start-md-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-md-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-md-24 {
        padding-inline: 6rem !important
    }

    .margin-md-24 {
        margin: 6rem !important
    }

    .margin-top-md-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-md-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-md-24 {
        margin-block: 6rem !important
    }

    .margin-start-md-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-md-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-md-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-25 {
        gap: 6.25rem !important
    }

    .padding-md-25 {
        padding: 6.25rem !important
    }

    .padding-top-md-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-md-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-md-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-md-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-md-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-md-25 {
        padding-inline: 6.25rem !important
    }

    .margin-md-25 {
        margin: 6.25rem !important
    }

    .margin-top-md-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-md-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-md-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-md-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-md-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-md-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-26 {
        gap: 6.5rem !important
    }

    .padding-md-26 {
        padding: 6.5rem !important
    }

    .padding-top-md-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-md-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-md-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-md-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-md-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-md-26 {
        padding-inline: 6.5rem !important
    }

    .margin-md-26 {
        margin: 6.5rem !important
    }

    .margin-top-md-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-md-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-md-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-md-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-md-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-md-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-27 {
        gap: 6.75rem !important
    }

    .padding-md-27 {
        padding: 6.75rem !important
    }

    .padding-top-md-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-md-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-md-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-md-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-md-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-md-27 {
        padding-inline: 6.75rem !important
    }

    .margin-md-27 {
        margin: 6.75rem !important
    }

    .margin-top-md-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-md-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-md-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-md-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-md-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-md-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-28 {
        gap: 7rem !important
    }

    .padding-md-28 {
        padding: 7rem !important
    }

    .padding-top-md-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-md-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-md-28 {
        padding-block: 7rem !important
    }

    .padding-start-md-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-md-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-md-28 {
        padding-inline: 7rem !important
    }

    .margin-md-28 {
        margin: 7rem !important
    }

    .margin-top-md-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-md-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-md-28 {
        margin-block: 7rem !important
    }

    .margin-start-md-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-md-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-md-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-29 {
        gap: 7.25rem !important
    }

    .padding-md-29 {
        padding: 7.25rem !important
    }

    .padding-top-md-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-md-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-md-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-md-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-md-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-md-29 {
        padding-inline: 7.25rem !important
    }

    .margin-md-29 {
        margin: 7.25rem !important
    }

    .margin-top-md-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-md-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-md-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-md-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-md-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-md-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 768px) {
    .gap-md-30 {
        gap: 7.5rem !important
    }

    .padding-md-30 {
        padding: 7.5rem !important
    }

    .padding-top-md-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-md-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-md-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-md-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-md-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-md-30 {
        padding-inline: 7.5rem !important
    }

    .margin-md-30 {
        margin: 7.5rem !important
    }

    .margin-top-md-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-md-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-md-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-md-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-md-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-md-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-0 {
        gap: 0 !important
    }

    .padding-lg-0 {
        padding: 0 !important
    }

    .padding-top-lg-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-lg-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-lg-0 {
        padding-block: 0 !important
    }

    .padding-start-lg-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-lg-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-lg-0 {
        padding-inline: 0 !important
    }

    .margin-lg-0 {
        margin: 0 !important
    }

    .margin-top-lg-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-lg-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-lg-0 {
        margin-block: 0 !important
    }

    .margin-start-lg-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-lg-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-lg-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 992px) {
    .gap-lg-1 {
        gap: 0.25rem !important
    }

    .padding-lg-1 {
        padding: 0.25rem !important
    }

    .padding-top-lg-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-lg-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-lg-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-lg-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-lg-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-lg-1 {
        padding-inline: 0.25rem !important
    }

    .margin-lg-1 {
        margin: 0.25rem !important
    }

    .margin-top-lg-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-lg-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-lg-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-lg-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-lg-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-lg-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-2 {
        gap: 0.5rem !important
    }

    .padding-lg-2 {
        padding: 0.5rem !important
    }

    .padding-top-lg-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-lg-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-lg-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-lg-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-lg-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-lg-2 {
        padding-inline: 0.5rem !important
    }

    .margin-lg-2 {
        margin: 0.5rem !important
    }

    .margin-top-lg-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-lg-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-lg-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-lg-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-lg-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-lg-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-3 {
        gap: 0.75rem !important
    }

    .padding-lg-3 {
        padding: 0.75rem !important
    }

    .padding-top-lg-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-lg-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-lg-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-lg-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-lg-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-lg-3 {
        padding-inline: 0.75rem !important
    }

    .margin-lg-3 {
        margin: 0.75rem !important
    }

    .margin-top-lg-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-lg-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-lg-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-lg-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-lg-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-lg-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-4 {
        gap: 1rem !important
    }

    .padding-lg-4 {
        padding: 1rem !important
    }

    .padding-top-lg-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-lg-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-lg-4 {
        padding-block: 1rem !important
    }

    .padding-start-lg-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-lg-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-lg-4 {
        padding-inline: 1rem !important
    }

    .margin-lg-4 {
        margin: 1rem !important
    }

    .margin-top-lg-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-lg-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-lg-4 {
        margin-block: 1rem !important
    }

    .margin-start-lg-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-lg-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-lg-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-5 {
        gap: 1.25rem !important
    }

    .padding-lg-5 {
        padding: 1.25rem !important
    }

    .padding-top-lg-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-lg-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-lg-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-lg-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-lg-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-lg-5 {
        padding-inline: 1.25rem !important
    }

    .margin-lg-5 {
        margin: 1.25rem !important
    }

    .margin-top-lg-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-lg-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-lg-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-lg-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-lg-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-lg-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-6 {
        gap: 1.5rem !important
    }

    .padding-lg-6 {
        padding: 1.5rem !important
    }

    .padding-top-lg-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-lg-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-lg-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-lg-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-lg-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-lg-6 {
        padding-inline: 1.5rem !important
    }

    .margin-lg-6 {
        margin: 1.5rem !important
    }

    .margin-top-lg-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-lg-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-lg-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-lg-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-lg-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-lg-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-7 {
        gap: 1.75rem !important
    }

    .padding-lg-7 {
        padding: 1.75rem !important
    }

    .padding-top-lg-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-lg-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-lg-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-lg-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-lg-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-lg-7 {
        padding-inline: 1.75rem !important
    }

    .margin-lg-7 {
        margin: 1.75rem !important
    }

    .margin-top-lg-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-lg-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-lg-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-lg-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-lg-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-lg-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-8 {
        gap: 2rem !important
    }

    .padding-lg-8 {
        padding: 2rem !important
    }

    .padding-top-lg-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-lg-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-lg-8 {
        padding-block: 2rem !important
    }

    .padding-start-lg-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-lg-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-lg-8 {
        padding-inline: 2rem !important
    }

    .margin-lg-8 {
        margin: 2rem !important
    }

    .margin-top-lg-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-lg-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-lg-8 {
        margin-block: 2rem !important
    }

    .margin-start-lg-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-lg-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-lg-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-9 {
        gap: 2.25rem !important
    }

    .padding-lg-9 {
        padding: 2.25rem !important
    }

    .padding-top-lg-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-lg-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-lg-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-lg-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-lg-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-lg-9 {
        padding-inline: 2.25rem !important
    }

    .margin-lg-9 {
        margin: 2.25rem !important
    }

    .margin-top-lg-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-lg-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-lg-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-lg-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-lg-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-lg-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-10 {
        gap: 2.5rem !important
    }

    .padding-lg-10 {
        padding: 2.5rem !important
    }

    .padding-top-lg-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-lg-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-lg-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-lg-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-lg-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-lg-10 {
        padding-inline: 2.5rem !important
    }

    .margin-lg-10 {
        margin: 2.5rem !important
    }

    .margin-top-lg-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-lg-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-lg-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-lg-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-lg-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-lg-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-11 {
        gap: 2.75rem !important
    }

    .padding-lg-11 {
        padding: 2.75rem !important
    }

    .padding-top-lg-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-lg-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-lg-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-lg-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-lg-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-lg-11 {
        padding-inline: 2.75rem !important
    }

    .margin-lg-11 {
        margin: 2.75rem !important
    }

    .margin-top-lg-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-lg-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-lg-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-lg-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-lg-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-lg-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-12 {
        gap: 3rem !important
    }

    .padding-lg-12 {
        padding: 3rem !important
    }

    .padding-top-lg-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-lg-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-lg-12 {
        padding-block: 3rem !important
    }

    .padding-start-lg-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-lg-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-lg-12 {
        padding-inline: 3rem !important
    }

    .margin-lg-12 {
        margin: 3rem !important
    }

    .margin-top-lg-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-lg-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-lg-12 {
        margin-block: 3rem !important
    }

    .margin-start-lg-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-lg-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-lg-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-13 {
        gap: 3.25rem !important
    }

    .padding-lg-13 {
        padding: 3.25rem !important
    }

    .padding-top-lg-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-lg-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-lg-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-lg-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-lg-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-lg-13 {
        padding-inline: 3.25rem !important
    }

    .margin-lg-13 {
        margin: 3.25rem !important
    }

    .margin-top-lg-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-lg-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-lg-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-lg-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-lg-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-lg-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-14 {
        gap: 3.5rem !important
    }

    .padding-lg-14 {
        padding: 3.5rem !important
    }

    .padding-top-lg-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-lg-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-lg-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-lg-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-lg-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-lg-14 {
        padding-inline: 3.5rem !important
    }

    .margin-lg-14 {
        margin: 3.5rem !important
    }

    .margin-top-lg-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-lg-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-lg-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-lg-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-lg-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-lg-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-15 {
        gap: 3.75rem !important
    }

    .padding-lg-15 {
        padding: 3.75rem !important
    }

    .padding-top-lg-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-lg-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-lg-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-lg-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-lg-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-lg-15 {
        padding-inline: 3.75rem !important
    }

    .margin-lg-15 {
        margin: 3.75rem !important
    }

    .margin-top-lg-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-lg-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-lg-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-lg-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-lg-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-lg-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-16 {
        gap: 4rem !important
    }

    .padding-lg-16 {
        padding: 4rem !important
    }

    .padding-top-lg-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-lg-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-lg-16 {
        padding-block: 4rem !important
    }

    .padding-start-lg-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-lg-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-lg-16 {
        padding-inline: 4rem !important
    }

    .margin-lg-16 {
        margin: 4rem !important
    }

    .margin-top-lg-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-lg-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-lg-16 {
        margin-block: 4rem !important
    }

    .margin-start-lg-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-lg-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-lg-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-17 {
        gap: 4.25rem !important
    }

    .padding-lg-17 {
        padding: 4.25rem !important
    }

    .padding-top-lg-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-lg-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-lg-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-lg-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-lg-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-lg-17 {
        padding-inline: 4.25rem !important
    }

    .margin-lg-17 {
        margin: 4.25rem !important
    }

    .margin-top-lg-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-lg-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-lg-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-lg-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-lg-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-lg-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-18 {
        gap: 4.5rem !important
    }

    .padding-lg-18 {
        padding: 4.5rem !important
    }

    .padding-top-lg-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-lg-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-lg-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-lg-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-lg-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-lg-18 {
        padding-inline: 4.5rem !important
    }

    .margin-lg-18 {
        margin: 4.5rem !important
    }

    .margin-top-lg-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-lg-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-lg-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-lg-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-lg-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-lg-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-19 {
        gap: 4.75rem !important
    }

    .padding-lg-19 {
        padding: 4.75rem !important
    }

    .padding-top-lg-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-lg-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-lg-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-lg-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-lg-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-lg-19 {
        padding-inline: 4.75rem !important
    }

    .margin-lg-19 {
        margin: 4.75rem !important
    }

    .margin-top-lg-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-lg-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-lg-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-lg-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-lg-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-lg-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-20 {
        gap: 5rem !important
    }

    .padding-lg-20 {
        padding: 5rem !important
    }

    .padding-top-lg-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-lg-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-lg-20 {
        padding-block: 5rem !important
    }

    .padding-start-lg-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-lg-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-lg-20 {
        padding-inline: 5rem !important
    }

    .margin-lg-20 {
        margin: 5rem !important
    }

    .margin-top-lg-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-lg-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-lg-20 {
        margin-block: 5rem !important
    }

    .margin-start-lg-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-lg-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-lg-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-21 {
        gap: 5.25rem !important
    }

    .padding-lg-21 {
        padding: 5.25rem !important
    }

    .padding-top-lg-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-lg-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-lg-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-lg-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-lg-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-lg-21 {
        padding-inline: 5.25rem !important
    }

    .margin-lg-21 {
        margin: 5.25rem !important
    }

    .margin-top-lg-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-lg-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-lg-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-lg-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-lg-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-lg-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-22 {
        gap: 5.5rem !important
    }

    .padding-lg-22 {
        padding: 5.5rem !important
    }

    .padding-top-lg-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-lg-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-lg-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-lg-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-lg-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-lg-22 {
        padding-inline: 5.5rem !important
    }

    .margin-lg-22 {
        margin: 5.5rem !important
    }

    .margin-top-lg-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-lg-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-lg-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-lg-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-lg-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-lg-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-23 {
        gap: 5.75rem !important
    }

    .padding-lg-23 {
        padding: 5.75rem !important
    }

    .padding-top-lg-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-lg-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-lg-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-lg-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-lg-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-lg-23 {
        padding-inline: 5.75rem !important
    }

    .margin-lg-23 {
        margin: 5.75rem !important
    }

    .margin-top-lg-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-lg-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-lg-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-lg-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-lg-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-lg-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-24 {
        gap: 6rem !important
    }

    .padding-lg-24 {
        padding: 6rem !important
    }

    .padding-top-lg-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-lg-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-lg-24 {
        padding-block: 6rem !important
    }

    .padding-start-lg-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-lg-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-lg-24 {
        padding-inline: 6rem !important
    }

    .margin-lg-24 {
        margin: 6rem !important
    }

    .margin-top-lg-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-lg-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-lg-24 {
        margin-block: 6rem !important
    }

    .margin-start-lg-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-lg-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-lg-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-25 {
        gap: 6.25rem !important
    }

    .padding-lg-25 {
        padding: 6.25rem !important
    }

    .padding-top-lg-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-lg-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-lg-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-lg-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-lg-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-lg-25 {
        padding-inline: 6.25rem !important
    }

    .margin-lg-25 {
        margin: 6.25rem !important
    }

    .margin-top-lg-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-lg-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-lg-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-lg-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-lg-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-lg-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-26 {
        gap: 6.5rem !important
    }

    .padding-lg-26 {
        padding: 6.5rem !important
    }

    .padding-top-lg-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-lg-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-lg-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-lg-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-lg-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-lg-26 {
        padding-inline: 6.5rem !important
    }

    .margin-lg-26 {
        margin: 6.5rem !important
    }

    .margin-top-lg-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-lg-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-lg-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-lg-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-lg-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-lg-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-27 {
        gap: 6.75rem !important
    }

    .padding-lg-27 {
        padding: 6.75rem !important
    }

    .padding-top-lg-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-lg-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-lg-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-lg-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-lg-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-lg-27 {
        padding-inline: 6.75rem !important
    }

    .margin-lg-27 {
        margin: 6.75rem !important
    }

    .margin-top-lg-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-lg-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-lg-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-lg-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-lg-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-lg-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-28 {
        gap: 7rem !important
    }

    .padding-lg-28 {
        padding: 7rem !important
    }

    .padding-top-lg-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-lg-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-lg-28 {
        padding-block: 7rem !important
    }

    .padding-start-lg-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-lg-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-lg-28 {
        padding-inline: 7rem !important
    }

    .margin-lg-28 {
        margin: 7rem !important
    }

    .margin-top-lg-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-lg-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-lg-28 {
        margin-block: 7rem !important
    }

    .margin-start-lg-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-lg-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-lg-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-29 {
        gap: 7.25rem !important
    }

    .padding-lg-29 {
        padding: 7.25rem !important
    }

    .padding-top-lg-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-lg-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-lg-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-lg-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-lg-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-lg-29 {
        padding-inline: 7.25rem !important
    }

    .margin-lg-29 {
        margin: 7.25rem !important
    }

    .margin-top-lg-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-lg-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-lg-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-lg-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-lg-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-lg-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 992px) {
    .gap-lg-30 {
        gap: 7.5rem !important
    }

    .padding-lg-30 {
        padding: 7.5rem !important
    }

    .padding-top-lg-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-lg-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-lg-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-lg-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-lg-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-lg-30 {
        padding-inline: 7.5rem !important
    }

    .margin-lg-30 {
        margin: 7.5rem !important
    }

    .margin-top-lg-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-lg-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-lg-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-lg-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-lg-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-lg-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-0 {
        gap: 0 !important
    }

    .padding-xl-0 {
        padding: 0 !important
    }

    .padding-top-xl-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-xl-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-xl-0 {
        padding-block: 0 !important
    }

    .padding-start-xl-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-xl-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-xl-0 {
        padding-inline: 0 !important
    }

    .margin-xl-0 {
        margin: 0 !important
    }

    .margin-top-xl-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-xl-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-xl-0 {
        margin-block: 0 !important
    }

    .margin-start-xl-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-xl-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-xl-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-1 {
        gap: 0.25rem !important
    }

    .padding-xl-1 {
        padding: 0.25rem !important
    }

    .padding-top-xl-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-xl-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-xl-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-xl-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-xl-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-xl-1 {
        padding-inline: 0.25rem !important
    }

    .margin-xl-1 {
        margin: 0.25rem !important
    }

    .margin-top-xl-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-xl-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-xl-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-xl-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-xl-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-xl-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-2 {
        gap: 0.5rem !important
    }

    .padding-xl-2 {
        padding: 0.5rem !important
    }

    .padding-top-xl-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-xl-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-xl-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-xl-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-xl-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-xl-2 {
        padding-inline: 0.5rem !important
    }

    .margin-xl-2 {
        margin: 0.5rem !important
    }

    .margin-top-xl-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-xl-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-xl-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-xl-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-xl-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-xl-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-3 {
        gap: 0.75rem !important
    }

    .padding-xl-3 {
        padding: 0.75rem !important
    }

    .padding-top-xl-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-xl-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-xl-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-xl-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-xl-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-xl-3 {
        padding-inline: 0.75rem !important
    }

    .margin-xl-3 {
        margin: 0.75rem !important
    }

    .margin-top-xl-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-xl-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-xl-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-xl-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-xl-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-xl-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-4 {
        gap: 1rem !important
    }

    .padding-xl-4 {
        padding: 1rem !important
    }

    .padding-top-xl-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-xl-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-xl-4 {
        padding-block: 1rem !important
    }

    .padding-start-xl-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-xl-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-xl-4 {
        padding-inline: 1rem !important
    }

    .margin-xl-4 {
        margin: 1rem !important
    }

    .margin-top-xl-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-xl-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-xl-4 {
        margin-block: 1rem !important
    }

    .margin-start-xl-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-xl-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-xl-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-5 {
        gap: 1.25rem !important
    }

    .padding-xl-5 {
        padding: 1.25rem !important
    }

    .padding-top-xl-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-xl-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-xl-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-xl-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-xl-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-xl-5 {
        padding-inline: 1.25rem !important
    }

    .margin-xl-5 {
        margin: 1.25rem !important
    }

    .margin-top-xl-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-xl-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-xl-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-xl-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-xl-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-xl-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-6 {
        gap: 1.5rem !important
    }

    .padding-xl-6 {
        padding: 1.5rem !important
    }

    .padding-top-xl-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-xl-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-xl-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-xl-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-xl-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-xl-6 {
        padding-inline: 1.5rem !important
    }

    .margin-xl-6 {
        margin: 1.5rem !important
    }

    .margin-top-xl-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-xl-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-xl-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-xl-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-xl-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-xl-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-7 {
        gap: 1.75rem !important
    }

    .padding-xl-7 {
        padding: 1.75rem !important
    }

    .padding-top-xl-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-xl-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-xl-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-xl-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-xl-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-xl-7 {
        padding-inline: 1.75rem !important
    }

    .margin-xl-7 {
        margin: 1.75rem !important
    }

    .margin-top-xl-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-xl-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-xl-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-xl-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-xl-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-xl-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-8 {
        gap: 2rem !important
    }

    .padding-xl-8 {
        padding: 2rem !important
    }

    .padding-top-xl-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-xl-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-xl-8 {
        padding-block: 2rem !important
    }

    .padding-start-xl-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-xl-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-xl-8 {
        padding-inline: 2rem !important
    }

    .margin-xl-8 {
        margin: 2rem !important
    }

    .margin-top-xl-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-xl-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-xl-8 {
        margin-block: 2rem !important
    }

    .margin-start-xl-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-xl-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-xl-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-9 {
        gap: 2.25rem !important
    }

    .padding-xl-9 {
        padding: 2.25rem !important
    }

    .padding-top-xl-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-xl-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-xl-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-xl-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-xl-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-xl-9 {
        padding-inline: 2.25rem !important
    }

    .margin-xl-9 {
        margin: 2.25rem !important
    }

    .margin-top-xl-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-xl-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-xl-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-xl-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-xl-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-xl-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-10 {
        gap: 2.5rem !important
    }

    .padding-xl-10 {
        padding: 2.5rem !important
    }

    .padding-top-xl-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-xl-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-xl-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-xl-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-xl-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-xl-10 {
        padding-inline: 2.5rem !important
    }

    .margin-xl-10 {
        margin: 2.5rem !important
    }

    .margin-top-xl-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-xl-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-xl-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-xl-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-xl-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-xl-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-11 {
        gap: 2.75rem !important
    }

    .padding-xl-11 {
        padding: 2.75rem !important
    }

    .padding-top-xl-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-xl-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-xl-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-xl-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-xl-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-xl-11 {
        padding-inline: 2.75rem !important
    }

    .margin-xl-11 {
        margin: 2.75rem !important
    }

    .margin-top-xl-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-xl-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-xl-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-xl-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-xl-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-xl-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-12 {
        gap: 3rem !important
    }

    .padding-xl-12 {
        padding: 3rem !important
    }

    .padding-top-xl-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-xl-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-xl-12 {
        padding-block: 3rem !important
    }

    .padding-start-xl-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-xl-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-xl-12 {
        padding-inline: 3rem !important
    }

    .margin-xl-12 {
        margin: 3rem !important
    }

    .margin-top-xl-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-xl-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-xl-12 {
        margin-block: 3rem !important
    }

    .margin-start-xl-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-xl-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-xl-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-13 {
        gap: 3.25rem !important
    }

    .padding-xl-13 {
        padding: 3.25rem !important
    }

    .padding-top-xl-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-xl-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-xl-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-xl-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-xl-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-xl-13 {
        padding-inline: 3.25rem !important
    }

    .margin-xl-13 {
        margin: 3.25rem !important
    }

    .margin-top-xl-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-xl-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-xl-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-xl-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-xl-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-xl-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-14 {
        gap: 3.5rem !important
    }

    .padding-xl-14 {
        padding: 3.5rem !important
    }

    .padding-top-xl-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-xl-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-xl-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-xl-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-xl-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-xl-14 {
        padding-inline: 3.5rem !important
    }

    .margin-xl-14 {
        margin: 3.5rem !important
    }

    .margin-top-xl-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-xl-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-xl-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-xl-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-xl-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-xl-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-15 {
        gap: 3.75rem !important
    }

    .padding-xl-15 {
        padding: 3.75rem !important
    }

    .padding-top-xl-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-xl-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-xl-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-xl-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-xl-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-xl-15 {
        padding-inline: 3.75rem !important
    }

    .margin-xl-15 {
        margin: 3.75rem !important
    }

    .margin-top-xl-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-xl-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-xl-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-xl-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-xl-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-xl-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-16 {
        gap: 4rem !important
    }

    .padding-xl-16 {
        padding: 4rem !important
    }

    .padding-top-xl-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-xl-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-xl-16 {
        padding-block: 4rem !important
    }

    .padding-start-xl-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-xl-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-xl-16 {
        padding-inline: 4rem !important
    }

    .margin-xl-16 {
        margin: 4rem !important
    }

    .margin-top-xl-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-xl-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-xl-16 {
        margin-block: 4rem !important
    }

    .margin-start-xl-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-xl-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-xl-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-17 {
        gap: 4.25rem !important
    }

    .padding-xl-17 {
        padding: 4.25rem !important
    }

    .padding-top-xl-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-xl-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-xl-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-xl-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-xl-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-xl-17 {
        padding-inline: 4.25rem !important
    }

    .margin-xl-17 {
        margin: 4.25rem !important
    }

    .margin-top-xl-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-xl-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-xl-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-xl-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-xl-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-xl-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-18 {
        gap: 4.5rem !important
    }

    .padding-xl-18 {
        padding: 4.5rem !important
    }

    .padding-top-xl-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-xl-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-xl-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-xl-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-xl-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-xl-18 {
        padding-inline: 4.5rem !important
    }

    .margin-xl-18 {
        margin: 4.5rem !important
    }

    .margin-top-xl-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-xl-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-xl-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-xl-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-xl-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-xl-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-19 {
        gap: 4.75rem !important
    }

    .padding-xl-19 {
        padding: 4.75rem !important
    }

    .padding-top-xl-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-xl-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-xl-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-xl-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-xl-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-xl-19 {
        padding-inline: 4.75rem !important
    }

    .margin-xl-19 {
        margin: 4.75rem !important
    }

    .margin-top-xl-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-xl-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-xl-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-xl-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-xl-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-xl-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-20 {
        gap: 5rem !important
    }

    .padding-xl-20 {
        padding: 5rem !important
    }

    .padding-top-xl-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-xl-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-xl-20 {
        padding-block: 5rem !important
    }

    .padding-start-xl-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-xl-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-xl-20 {
        padding-inline: 5rem !important
    }

    .margin-xl-20 {
        margin: 5rem !important
    }

    .margin-top-xl-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-xl-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-xl-20 {
        margin-block: 5rem !important
    }

    .margin-start-xl-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-xl-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-xl-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-21 {
        gap: 5.25rem !important
    }

    .padding-xl-21 {
        padding: 5.25rem !important
    }

    .padding-top-xl-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-xl-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-xl-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-xl-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-xl-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-xl-21 {
        padding-inline: 5.25rem !important
    }

    .margin-xl-21 {
        margin: 5.25rem !important
    }

    .margin-top-xl-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-xl-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-xl-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-xl-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-xl-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-xl-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-22 {
        gap: 5.5rem !important
    }

    .padding-xl-22 {
        padding: 5.5rem !important
    }

    .padding-top-xl-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-xl-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-xl-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-xl-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-xl-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-xl-22 {
        padding-inline: 5.5rem !important
    }

    .margin-xl-22 {
        margin: 5.5rem !important
    }

    .margin-top-xl-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-xl-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-xl-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-xl-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-xl-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-xl-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-23 {
        gap: 5.75rem !important
    }

    .padding-xl-23 {
        padding: 5.75rem !important
    }

    .padding-top-xl-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-xl-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-xl-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-xl-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-xl-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-xl-23 {
        padding-inline: 5.75rem !important
    }

    .margin-xl-23 {
        margin: 5.75rem !important
    }

    .margin-top-xl-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-xl-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-xl-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-xl-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-xl-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-xl-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-24 {
        gap: 6rem !important
    }

    .padding-xl-24 {
        padding: 6rem !important
    }

    .padding-top-xl-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-xl-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-xl-24 {
        padding-block: 6rem !important
    }

    .padding-start-xl-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-xl-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-xl-24 {
        padding-inline: 6rem !important
    }

    .margin-xl-24 {
        margin: 6rem !important
    }

    .margin-top-xl-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-xl-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-xl-24 {
        margin-block: 6rem !important
    }

    .margin-start-xl-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-xl-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-xl-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-25 {
        gap: 6.25rem !important
    }

    .padding-xl-25 {
        padding: 6.25rem !important
    }

    .padding-top-xl-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-xl-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-xl-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-xl-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-xl-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-xl-25 {
        padding-inline: 6.25rem !important
    }

    .margin-xl-25 {
        margin: 6.25rem !important
    }

    .margin-top-xl-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-xl-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-xl-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-xl-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-xl-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-xl-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-26 {
        gap: 6.5rem !important
    }

    .padding-xl-26 {
        padding: 6.5rem !important
    }

    .padding-top-xl-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-xl-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-xl-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-xl-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-xl-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-xl-26 {
        padding-inline: 6.5rem !important
    }

    .margin-xl-26 {
        margin: 6.5rem !important
    }

    .margin-top-xl-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-xl-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-xl-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-xl-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-xl-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-xl-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-27 {
        gap: 6.75rem !important
    }

    .padding-xl-27 {
        padding: 6.75rem !important
    }

    .padding-top-xl-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-xl-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-xl-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-xl-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-xl-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-xl-27 {
        padding-inline: 6.75rem !important
    }

    .margin-xl-27 {
        margin: 6.75rem !important
    }

    .margin-top-xl-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-xl-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-xl-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-xl-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-xl-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-xl-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-28 {
        gap: 7rem !important
    }

    .padding-xl-28 {
        padding: 7rem !important
    }

    .padding-top-xl-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-xl-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-xl-28 {
        padding-block: 7rem !important
    }

    .padding-start-xl-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-xl-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-xl-28 {
        padding-inline: 7rem !important
    }

    .margin-xl-28 {
        margin: 7rem !important
    }

    .margin-top-xl-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-xl-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-xl-28 {
        margin-block: 7rem !important
    }

    .margin-start-xl-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-xl-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-xl-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-29 {
        gap: 7.25rem !important
    }

    .padding-xl-29 {
        padding: 7.25rem !important
    }

    .padding-top-xl-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-xl-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-xl-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-xl-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-xl-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-xl-29 {
        padding-inline: 7.25rem !important
    }

    .margin-xl-29 {
        margin: 7.25rem !important
    }

    .margin-top-xl-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-xl-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-xl-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-xl-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-xl-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-xl-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 1200px) {
    .gap-xl-30 {
        gap: 7.5rem !important
    }

    .padding-xl-30 {
        padding: 7.5rem !important
    }

    .padding-top-xl-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-xl-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-xl-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-xl-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-xl-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-xl-30 {
        padding-inline: 7.5rem !important
    }

    .margin-xl-30 {
        margin: 7.5rem !important
    }

    .margin-top-xl-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-xl-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-xl-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-xl-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-xl-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-xl-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-0 {
        gap: 0 !important
    }

    .padding-xxl-0 {
        padding: 0 !important
    }

    .padding-top-xxl-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-xxl-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-xxl-0 {
        padding-block: 0 !important
    }

    .padding-start-xxl-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-xxl-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-xxl-0 {
        padding-inline: 0 !important
    }

    .margin-xxl-0 {
        margin: 0 !important
    }

    .margin-top-xxl-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-xxl-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-xxl-0 {
        margin-block: 0 !important
    }

    .margin-start-xxl-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-xxl-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-xxl-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-1 {
        gap: 0.25rem !important
    }

    .padding-xxl-1 {
        padding: 0.25rem !important
    }

    .padding-top-xxl-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-xxl-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-xxl-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-xxl-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-xxl-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-xxl-1 {
        padding-inline: 0.25rem !important
    }

    .margin-xxl-1 {
        margin: 0.25rem !important
    }

    .margin-top-xxl-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-xxl-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-xxl-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-xxl-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-xxl-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-xxl-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-2 {
        gap: 0.5rem !important
    }

    .padding-xxl-2 {
        padding: 0.5rem !important
    }

    .padding-top-xxl-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-xxl-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-xxl-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-xxl-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-xxl-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-xxl-2 {
        padding-inline: 0.5rem !important
    }

    .margin-xxl-2 {
        margin: 0.5rem !important
    }

    .margin-top-xxl-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-xxl-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-xxl-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-xxl-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-xxl-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-xxl-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-3 {
        gap: 0.75rem !important
    }

    .padding-xxl-3 {
        padding: 0.75rem !important
    }

    .padding-top-xxl-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-xxl-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-xxl-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-xxl-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-xxl-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-xxl-3 {
        padding-inline: 0.75rem !important
    }

    .margin-xxl-3 {
        margin: 0.75rem !important
    }

    .margin-top-xxl-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-xxl-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-xxl-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-xxl-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-xxl-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-xxl-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-4 {
        gap: 1rem !important
    }

    .padding-xxl-4 {
        padding: 1rem !important
    }

    .padding-top-xxl-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-xxl-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-xxl-4 {
        padding-block: 1rem !important
    }

    .padding-start-xxl-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-xxl-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-xxl-4 {
        padding-inline: 1rem !important
    }

    .margin-xxl-4 {
        margin: 1rem !important
    }

    .margin-top-xxl-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-xxl-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-xxl-4 {
        margin-block: 1rem !important
    }

    .margin-start-xxl-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-xxl-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-xxl-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-5 {
        gap: 1.25rem !important
    }

    .padding-xxl-5 {
        padding: 1.25rem !important
    }

    .padding-top-xxl-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-xxl-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-xxl-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-xxl-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-xxl-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-xxl-5 {
        padding-inline: 1.25rem !important
    }

    .margin-xxl-5 {
        margin: 1.25rem !important
    }

    .margin-top-xxl-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-xxl-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-xxl-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-xxl-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-xxl-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-xxl-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-6 {
        gap: 1.5rem !important
    }

    .padding-xxl-6 {
        padding: 1.5rem !important
    }

    .padding-top-xxl-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-xxl-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-xxl-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-xxl-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-xxl-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-xxl-6 {
        padding-inline: 1.5rem !important
    }

    .margin-xxl-6 {
        margin: 1.5rem !important
    }

    .margin-top-xxl-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-xxl-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-xxl-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-xxl-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-xxl-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-xxl-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-7 {
        gap: 1.75rem !important
    }

    .padding-xxl-7 {
        padding: 1.75rem !important
    }

    .padding-top-xxl-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-xxl-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-xxl-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-xxl-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-xxl-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-xxl-7 {
        padding-inline: 1.75rem !important
    }

    .margin-xxl-7 {
        margin: 1.75rem !important
    }

    .margin-top-xxl-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-xxl-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-xxl-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-xxl-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-xxl-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-xxl-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-8 {
        gap: 2rem !important
    }

    .padding-xxl-8 {
        padding: 2rem !important
    }

    .padding-top-xxl-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-xxl-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-xxl-8 {
        padding-block: 2rem !important
    }

    .padding-start-xxl-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-xxl-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-xxl-8 {
        padding-inline: 2rem !important
    }

    .margin-xxl-8 {
        margin: 2rem !important
    }

    .margin-top-xxl-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-xxl-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-xxl-8 {
        margin-block: 2rem !important
    }

    .margin-start-xxl-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-xxl-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-xxl-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-9 {
        gap: 2.25rem !important
    }

    .padding-xxl-9 {
        padding: 2.25rem !important
    }

    .padding-top-xxl-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-xxl-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-xxl-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-xxl-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-xxl-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-xxl-9 {
        padding-inline: 2.25rem !important
    }

    .margin-xxl-9 {
        margin: 2.25rem !important
    }

    .margin-top-xxl-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-xxl-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-xxl-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-xxl-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-xxl-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-xxl-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-10 {
        gap: 2.5rem !important
    }

    .padding-xxl-10 {
        padding: 2.5rem !important
    }

    .padding-top-xxl-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-xxl-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-xxl-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-xxl-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-xxl-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-xxl-10 {
        padding-inline: 2.5rem !important
    }

    .margin-xxl-10 {
        margin: 2.5rem !important
    }

    .margin-top-xxl-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-xxl-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-xxl-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-xxl-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-xxl-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-xxl-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-11 {
        gap: 2.75rem !important
    }

    .padding-xxl-11 {
        padding: 2.75rem !important
    }

    .padding-top-xxl-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-xxl-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-xxl-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-xxl-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-xxl-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-xxl-11 {
        padding-inline: 2.75rem !important
    }

    .margin-xxl-11 {
        margin: 2.75rem !important
    }

    .margin-top-xxl-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-xxl-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-xxl-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-xxl-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-xxl-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-xxl-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-12 {
        gap: 3rem !important
    }

    .padding-xxl-12 {
        padding: 3rem !important
    }

    .padding-top-xxl-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-xxl-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-xxl-12 {
        padding-block: 3rem !important
    }

    .padding-start-xxl-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-xxl-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-xxl-12 {
        padding-inline: 3rem !important
    }

    .margin-xxl-12 {
        margin: 3rem !important
    }

    .margin-top-xxl-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-xxl-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-xxl-12 {
        margin-block: 3rem !important
    }

    .margin-start-xxl-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-xxl-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-xxl-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-13 {
        gap: 3.25rem !important
    }

    .padding-xxl-13 {
        padding: 3.25rem !important
    }

    .padding-top-xxl-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-xxl-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-xxl-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-xxl-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-xxl-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-xxl-13 {
        padding-inline: 3.25rem !important
    }

    .margin-xxl-13 {
        margin: 3.25rem !important
    }

    .margin-top-xxl-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-xxl-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-xxl-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-xxl-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-xxl-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-xxl-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-14 {
        gap: 3.5rem !important
    }

    .padding-xxl-14 {
        padding: 3.5rem !important
    }

    .padding-top-xxl-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-xxl-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-xxl-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-xxl-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-xxl-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-xxl-14 {
        padding-inline: 3.5rem !important
    }

    .margin-xxl-14 {
        margin: 3.5rem !important
    }

    .margin-top-xxl-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-xxl-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-xxl-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-xxl-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-xxl-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-xxl-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-15 {
        gap: 3.75rem !important
    }

    .padding-xxl-15 {
        padding: 3.75rem !important
    }

    .padding-top-xxl-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-xxl-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-xxl-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-xxl-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-xxl-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-xxl-15 {
        padding-inline: 3.75rem !important
    }

    .margin-xxl-15 {
        margin: 3.75rem !important
    }

    .margin-top-xxl-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-xxl-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-xxl-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-xxl-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-xxl-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-xxl-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-16 {
        gap: 4rem !important
    }

    .padding-xxl-16 {
        padding: 4rem !important
    }

    .padding-top-xxl-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-xxl-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-xxl-16 {
        padding-block: 4rem !important
    }

    .padding-start-xxl-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-xxl-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-xxl-16 {
        padding-inline: 4rem !important
    }

    .margin-xxl-16 {
        margin: 4rem !important
    }

    .margin-top-xxl-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-xxl-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-xxl-16 {
        margin-block: 4rem !important
    }

    .margin-start-xxl-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-xxl-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-xxl-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-17 {
        gap: 4.25rem !important
    }

    .padding-xxl-17 {
        padding: 4.25rem !important
    }

    .padding-top-xxl-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-xxl-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-xxl-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-xxl-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-xxl-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-xxl-17 {
        padding-inline: 4.25rem !important
    }

    .margin-xxl-17 {
        margin: 4.25rem !important
    }

    .margin-top-xxl-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-xxl-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-xxl-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-xxl-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-xxl-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-xxl-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-18 {
        gap: 4.5rem !important
    }

    .padding-xxl-18 {
        padding: 4.5rem !important
    }

    .padding-top-xxl-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-xxl-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-xxl-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-xxl-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-xxl-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-xxl-18 {
        padding-inline: 4.5rem !important
    }

    .margin-xxl-18 {
        margin: 4.5rem !important
    }

    .margin-top-xxl-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-xxl-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-xxl-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-xxl-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-xxl-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-xxl-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-19 {
        gap: 4.75rem !important
    }

    .padding-xxl-19 {
        padding: 4.75rem !important
    }

    .padding-top-xxl-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-xxl-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-xxl-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-xxl-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-xxl-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-xxl-19 {
        padding-inline: 4.75rem !important
    }

    .margin-xxl-19 {
        margin: 4.75rem !important
    }

    .margin-top-xxl-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-xxl-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-xxl-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-xxl-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-xxl-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-xxl-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-20 {
        gap: 5rem !important
    }

    .padding-xxl-20 {
        padding: 5rem !important
    }

    .padding-top-xxl-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-xxl-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-xxl-20 {
        padding-block: 5rem !important
    }

    .padding-start-xxl-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-xxl-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-xxl-20 {
        padding-inline: 5rem !important
    }

    .margin-xxl-20 {
        margin: 5rem !important
    }

    .margin-top-xxl-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-xxl-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-xxl-20 {
        margin-block: 5rem !important
    }

    .margin-start-xxl-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-xxl-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-xxl-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-21 {
        gap: 5.25rem !important
    }

    .padding-xxl-21 {
        padding: 5.25rem !important
    }

    .padding-top-xxl-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-xxl-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-xxl-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-xxl-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-xxl-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-xxl-21 {
        padding-inline: 5.25rem !important
    }

    .margin-xxl-21 {
        margin: 5.25rem !important
    }

    .margin-top-xxl-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-xxl-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-xxl-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-xxl-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-xxl-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-xxl-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-22 {
        gap: 5.5rem !important
    }

    .padding-xxl-22 {
        padding: 5.5rem !important
    }

    .padding-top-xxl-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-xxl-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-xxl-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-xxl-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-xxl-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-xxl-22 {
        padding-inline: 5.5rem !important
    }

    .margin-xxl-22 {
        margin: 5.5rem !important
    }

    .margin-top-xxl-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-xxl-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-xxl-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-xxl-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-xxl-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-xxl-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-23 {
        gap: 5.75rem !important
    }

    .padding-xxl-23 {
        padding: 5.75rem !important
    }

    .padding-top-xxl-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-xxl-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-xxl-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-xxl-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-xxl-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-xxl-23 {
        padding-inline: 5.75rem !important
    }

    .margin-xxl-23 {
        margin: 5.75rem !important
    }

    .margin-top-xxl-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-xxl-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-xxl-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-xxl-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-xxl-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-xxl-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-24 {
        gap: 6rem !important
    }

    .padding-xxl-24 {
        padding: 6rem !important
    }

    .padding-top-xxl-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-xxl-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-xxl-24 {
        padding-block: 6rem !important
    }

    .padding-start-xxl-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-xxl-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-xxl-24 {
        padding-inline: 6rem !important
    }

    .margin-xxl-24 {
        margin: 6rem !important
    }

    .margin-top-xxl-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-xxl-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-xxl-24 {
        margin-block: 6rem !important
    }

    .margin-start-xxl-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-xxl-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-xxl-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-25 {
        gap: 6.25rem !important
    }

    .padding-xxl-25 {
        padding: 6.25rem !important
    }

    .padding-top-xxl-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-xxl-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-xxl-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-xxl-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-xxl-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-xxl-25 {
        padding-inline: 6.25rem !important
    }

    .margin-xxl-25 {
        margin: 6.25rem !important
    }

    .margin-top-xxl-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-xxl-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-xxl-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-xxl-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-xxl-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-xxl-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-26 {
        gap: 6.5rem !important
    }

    .padding-xxl-26 {
        padding: 6.5rem !important
    }

    .padding-top-xxl-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-xxl-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-xxl-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-xxl-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-xxl-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-xxl-26 {
        padding-inline: 6.5rem !important
    }

    .margin-xxl-26 {
        margin: 6.5rem !important
    }

    .margin-top-xxl-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-xxl-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-xxl-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-xxl-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-xxl-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-xxl-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-27 {
        gap: 6.75rem !important
    }

    .padding-xxl-27 {
        padding: 6.75rem !important
    }

    .padding-top-xxl-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-xxl-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-xxl-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-xxl-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-xxl-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-xxl-27 {
        padding-inline: 6.75rem !important
    }

    .margin-xxl-27 {
        margin: 6.75rem !important
    }

    .margin-top-xxl-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-xxl-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-xxl-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-xxl-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-xxl-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-xxl-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-28 {
        gap: 7rem !important
    }

    .padding-xxl-28 {
        padding: 7rem !important
    }

    .padding-top-xxl-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-xxl-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-xxl-28 {
        padding-block: 7rem !important
    }

    .padding-start-xxl-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-xxl-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-xxl-28 {
        padding-inline: 7rem !important
    }

    .margin-xxl-28 {
        margin: 7rem !important
    }

    .margin-top-xxl-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-xxl-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-xxl-28 {
        margin-block: 7rem !important
    }

    .margin-start-xxl-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-xxl-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-xxl-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-29 {
        gap: 7.25rem !important
    }

    .padding-xxl-29 {
        padding: 7.25rem !important
    }

    .padding-top-xxl-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-xxl-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-xxl-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-xxl-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-xxl-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-xxl-29 {
        padding-inline: 7.25rem !important
    }

    .margin-xxl-29 {
        margin: 7.25rem !important
    }

    .margin-top-xxl-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-xxl-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-xxl-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-xxl-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-xxl-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-xxl-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 1400px) {
    .gap-xxl-30 {
        gap: 7.5rem !important
    }

    .padding-xxl-30 {
        padding: 7.5rem !important
    }

    .padding-top-xxl-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-xxl-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-xxl-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-xxl-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-xxl-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-xxl-30 {
        padding-inline: 7.5rem !important
    }

    .margin-xxl-30 {
        margin: 7.5rem !important
    }

    .margin-top-xxl-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-xxl-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-xxl-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-xxl-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-xxl-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-xxl-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-0 {
        gap: 0 !important
    }

    .padding-exl-0 {
        padding: 0 !important
    }

    .padding-top-exl-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-exl-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-exl-0 {
        padding-block: 0 !important
    }

    .padding-start-exl-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-exl-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-exl-0 {
        padding-inline: 0 !important
    }

    .margin-exl-0 {
        margin: 0 !important
    }

    .margin-top-exl-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-exl-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-exl-0 {
        margin-block: 0 !important
    }

    .margin-start-exl-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-exl-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-exl-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-1 {
        gap: 0.25rem !important
    }

    .padding-exl-1 {
        padding: 0.25rem !important
    }

    .padding-top-exl-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-exl-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-exl-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-exl-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-exl-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-exl-1 {
        padding-inline: 0.25rem !important
    }

    .margin-exl-1 {
        margin: 0.25rem !important
    }

    .margin-top-exl-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-exl-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-exl-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-exl-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-exl-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-exl-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-2 {
        gap: 0.5rem !important
    }

    .padding-exl-2 {
        padding: 0.5rem !important
    }

    .padding-top-exl-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-exl-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-exl-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-exl-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-exl-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-exl-2 {
        padding-inline: 0.5rem !important
    }

    .margin-exl-2 {
        margin: 0.5rem !important
    }

    .margin-top-exl-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-exl-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-exl-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-exl-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-exl-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-exl-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-3 {
        gap: 0.75rem !important
    }

    .padding-exl-3 {
        padding: 0.75rem !important
    }

    .padding-top-exl-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-exl-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-exl-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-exl-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-exl-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-exl-3 {
        padding-inline: 0.75rem !important
    }

    .margin-exl-3 {
        margin: 0.75rem !important
    }

    .margin-top-exl-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-exl-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-exl-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-exl-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-exl-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-exl-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-4 {
        gap: 1rem !important
    }

    .padding-exl-4 {
        padding: 1rem !important
    }

    .padding-top-exl-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-exl-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-exl-4 {
        padding-block: 1rem !important
    }

    .padding-start-exl-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-exl-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-exl-4 {
        padding-inline: 1rem !important
    }

    .margin-exl-4 {
        margin: 1rem !important
    }

    .margin-top-exl-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-exl-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-exl-4 {
        margin-block: 1rem !important
    }

    .margin-start-exl-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-exl-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-exl-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-5 {
        gap: 1.25rem !important
    }

    .padding-exl-5 {
        padding: 1.25rem !important
    }

    .padding-top-exl-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-exl-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-exl-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-exl-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-exl-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-exl-5 {
        padding-inline: 1.25rem !important
    }

    .margin-exl-5 {
        margin: 1.25rem !important
    }

    .margin-top-exl-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-exl-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-exl-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-exl-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-exl-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-exl-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-6 {
        gap: 1.5rem !important
    }

    .padding-exl-6 {
        padding: 1.5rem !important
    }

    .padding-top-exl-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-exl-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-exl-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-exl-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-exl-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-exl-6 {
        padding-inline: 1.5rem !important
    }

    .margin-exl-6 {
        margin: 1.5rem !important
    }

    .margin-top-exl-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-exl-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-exl-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-exl-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-exl-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-exl-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-7 {
        gap: 1.75rem !important
    }

    .padding-exl-7 {
        padding: 1.75rem !important
    }

    .padding-top-exl-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-exl-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-exl-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-exl-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-exl-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-exl-7 {
        padding-inline: 1.75rem !important
    }

    .margin-exl-7 {
        margin: 1.75rem !important
    }

    .margin-top-exl-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-exl-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-exl-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-exl-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-exl-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-exl-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-8 {
        gap: 2rem !important
    }

    .padding-exl-8 {
        padding: 2rem !important
    }

    .padding-top-exl-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-exl-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-exl-8 {
        padding-block: 2rem !important
    }

    .padding-start-exl-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-exl-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-exl-8 {
        padding-inline: 2rem !important
    }

    .margin-exl-8 {
        margin: 2rem !important
    }

    .margin-top-exl-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-exl-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-exl-8 {
        margin-block: 2rem !important
    }

    .margin-start-exl-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-exl-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-exl-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-9 {
        gap: 2.25rem !important
    }

    .padding-exl-9 {
        padding: 2.25rem !important
    }

    .padding-top-exl-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-exl-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-exl-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-exl-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-exl-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-exl-9 {
        padding-inline: 2.25rem !important
    }

    .margin-exl-9 {
        margin: 2.25rem !important
    }

    .margin-top-exl-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-exl-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-exl-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-exl-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-exl-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-exl-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-10 {
        gap: 2.5rem !important
    }

    .padding-exl-10 {
        padding: 2.5rem !important
    }

    .padding-top-exl-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-exl-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-exl-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-exl-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-exl-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-exl-10 {
        padding-inline: 2.5rem !important
    }

    .margin-exl-10 {
        margin: 2.5rem !important
    }

    .margin-top-exl-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-exl-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-exl-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-exl-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-exl-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-exl-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-11 {
        gap: 2.75rem !important
    }

    .padding-exl-11 {
        padding: 2.75rem !important
    }

    .padding-top-exl-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-exl-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-exl-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-exl-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-exl-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-exl-11 {
        padding-inline: 2.75rem !important
    }

    .margin-exl-11 {
        margin: 2.75rem !important
    }

    .margin-top-exl-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-exl-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-exl-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-exl-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-exl-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-exl-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-12 {
        gap: 3rem !important
    }

    .padding-exl-12 {
        padding: 3rem !important
    }

    .padding-top-exl-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-exl-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-exl-12 {
        padding-block: 3rem !important
    }

    .padding-start-exl-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-exl-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-exl-12 {
        padding-inline: 3rem !important
    }

    .margin-exl-12 {
        margin: 3rem !important
    }

    .margin-top-exl-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-exl-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-exl-12 {
        margin-block: 3rem !important
    }

    .margin-start-exl-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-exl-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-exl-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-13 {
        gap: 3.25rem !important
    }

    .padding-exl-13 {
        padding: 3.25rem !important
    }

    .padding-top-exl-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-exl-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-exl-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-exl-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-exl-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-exl-13 {
        padding-inline: 3.25rem !important
    }

    .margin-exl-13 {
        margin: 3.25rem !important
    }

    .margin-top-exl-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-exl-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-exl-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-exl-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-exl-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-exl-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-14 {
        gap: 3.5rem !important
    }

    .padding-exl-14 {
        padding: 3.5rem !important
    }

    .padding-top-exl-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-exl-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-exl-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-exl-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-exl-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-exl-14 {
        padding-inline: 3.5rem !important
    }

    .margin-exl-14 {
        margin: 3.5rem !important
    }

    .margin-top-exl-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-exl-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-exl-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-exl-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-exl-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-exl-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-15 {
        gap: 3.75rem !important
    }

    .padding-exl-15 {
        padding: 3.75rem !important
    }

    .padding-top-exl-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-exl-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-exl-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-exl-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-exl-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-exl-15 {
        padding-inline: 3.75rem !important
    }

    .margin-exl-15 {
        margin: 3.75rem !important
    }

    .margin-top-exl-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-exl-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-exl-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-exl-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-exl-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-exl-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-16 {
        gap: 4rem !important
    }

    .padding-exl-16 {
        padding: 4rem !important
    }

    .padding-top-exl-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-exl-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-exl-16 {
        padding-block: 4rem !important
    }

    .padding-start-exl-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-exl-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-exl-16 {
        padding-inline: 4rem !important
    }

    .margin-exl-16 {
        margin: 4rem !important
    }

    .margin-top-exl-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-exl-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-exl-16 {
        margin-block: 4rem !important
    }

    .margin-start-exl-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-exl-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-exl-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-17 {
        gap: 4.25rem !important
    }

    .padding-exl-17 {
        padding: 4.25rem !important
    }

    .padding-top-exl-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-exl-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-exl-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-exl-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-exl-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-exl-17 {
        padding-inline: 4.25rem !important
    }

    .margin-exl-17 {
        margin: 4.25rem !important
    }

    .margin-top-exl-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-exl-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-exl-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-exl-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-exl-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-exl-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-18 {
        gap: 4.5rem !important
    }

    .padding-exl-18 {
        padding: 4.5rem !important
    }

    .padding-top-exl-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-exl-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-exl-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-exl-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-exl-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-exl-18 {
        padding-inline: 4.5rem !important
    }

    .margin-exl-18 {
        margin: 4.5rem !important
    }

    .margin-top-exl-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-exl-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-exl-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-exl-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-exl-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-exl-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-19 {
        gap: 4.75rem !important
    }

    .padding-exl-19 {
        padding: 4.75rem !important
    }

    .padding-top-exl-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-exl-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-exl-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-exl-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-exl-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-exl-19 {
        padding-inline: 4.75rem !important
    }

    .margin-exl-19 {
        margin: 4.75rem !important
    }

    .margin-top-exl-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-exl-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-exl-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-exl-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-exl-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-exl-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-20 {
        gap: 5rem !important
    }

    .padding-exl-20 {
        padding: 5rem !important
    }

    .padding-top-exl-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-exl-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-exl-20 {
        padding-block: 5rem !important
    }

    .padding-start-exl-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-exl-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-exl-20 {
        padding-inline: 5rem !important
    }

    .margin-exl-20 {
        margin: 5rem !important
    }

    .margin-top-exl-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-exl-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-exl-20 {
        margin-block: 5rem !important
    }

    .margin-start-exl-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-exl-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-exl-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-21 {
        gap: 5.25rem !important
    }

    .padding-exl-21 {
        padding: 5.25rem !important
    }

    .padding-top-exl-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-exl-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-exl-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-exl-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-exl-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-exl-21 {
        padding-inline: 5.25rem !important
    }

    .margin-exl-21 {
        margin: 5.25rem !important
    }

    .margin-top-exl-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-exl-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-exl-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-exl-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-exl-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-exl-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-22 {
        gap: 5.5rem !important
    }

    .padding-exl-22 {
        padding: 5.5rem !important
    }

    .padding-top-exl-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-exl-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-exl-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-exl-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-exl-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-exl-22 {
        padding-inline: 5.5rem !important
    }

    .margin-exl-22 {
        margin: 5.5rem !important
    }

    .margin-top-exl-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-exl-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-exl-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-exl-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-exl-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-exl-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-23 {
        gap: 5.75rem !important
    }

    .padding-exl-23 {
        padding: 5.75rem !important
    }

    .padding-top-exl-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-exl-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-exl-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-exl-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-exl-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-exl-23 {
        padding-inline: 5.75rem !important
    }

    .margin-exl-23 {
        margin: 5.75rem !important
    }

    .margin-top-exl-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-exl-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-exl-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-exl-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-exl-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-exl-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-24 {
        gap: 6rem !important
    }

    .padding-exl-24 {
        padding: 6rem !important
    }

    .padding-top-exl-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-exl-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-exl-24 {
        padding-block: 6rem !important
    }

    .padding-start-exl-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-exl-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-exl-24 {
        padding-inline: 6rem !important
    }

    .margin-exl-24 {
        margin: 6rem !important
    }

    .margin-top-exl-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-exl-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-exl-24 {
        margin-block: 6rem !important
    }

    .margin-start-exl-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-exl-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-exl-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-25 {
        gap: 6.25rem !important
    }

    .padding-exl-25 {
        padding: 6.25rem !important
    }

    .padding-top-exl-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-exl-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-exl-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-exl-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-exl-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-exl-25 {
        padding-inline: 6.25rem !important
    }

    .margin-exl-25 {
        margin: 6.25rem !important
    }

    .margin-top-exl-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-exl-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-exl-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-exl-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-exl-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-exl-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-26 {
        gap: 6.5rem !important
    }

    .padding-exl-26 {
        padding: 6.5rem !important
    }

    .padding-top-exl-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-exl-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-exl-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-exl-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-exl-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-exl-26 {
        padding-inline: 6.5rem !important
    }

    .margin-exl-26 {
        margin: 6.5rem !important
    }

    .margin-top-exl-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-exl-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-exl-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-exl-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-exl-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-exl-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-27 {
        gap: 6.75rem !important
    }

    .padding-exl-27 {
        padding: 6.75rem !important
    }

    .padding-top-exl-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-exl-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-exl-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-exl-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-exl-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-exl-27 {
        padding-inline: 6.75rem !important
    }

    .margin-exl-27 {
        margin: 6.75rem !important
    }

    .margin-top-exl-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-exl-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-exl-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-exl-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-exl-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-exl-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-28 {
        gap: 7rem !important
    }

    .padding-exl-28 {
        padding: 7rem !important
    }

    .padding-top-exl-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-exl-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-exl-28 {
        padding-block: 7rem !important
    }

    .padding-start-exl-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-exl-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-exl-28 {
        padding-inline: 7rem !important
    }

    .margin-exl-28 {
        margin: 7rem !important
    }

    .margin-top-exl-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-exl-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-exl-28 {
        margin-block: 7rem !important
    }

    .margin-start-exl-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-exl-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-exl-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-29 {
        gap: 7.25rem !important
    }

    .padding-exl-29 {
        padding: 7.25rem !important
    }

    .padding-top-exl-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-exl-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-exl-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-exl-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-exl-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-exl-29 {
        padding-inline: 7.25rem !important
    }

    .margin-exl-29 {
        margin: 7.25rem !important
    }

    .margin-top-exl-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-exl-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-exl-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-exl-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-exl-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-exl-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 1600px) {
    .gap-exl-30 {
        gap: 7.5rem !important
    }

    .padding-exl-30 {
        padding: 7.5rem !important
    }

    .padding-top-exl-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-exl-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-exl-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-exl-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-exl-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-exl-30 {
        padding-inline: 7.5rem !important
    }

    .margin-exl-30 {
        margin: 7.5rem !important
    }

    .margin-top-exl-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-exl-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-exl-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-exl-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-exl-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-exl-30 {
        margin-inline: 7.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-0 {
        gap: 0 !important
    }

    .padding-exxl-0 {
        padding: 0 !important
    }

    .padding-top-exxl-0 {
        -webkit-padding-before: 0 !important;
        padding-block-start: 0 !important
    }

    .padding-bottom-exxl-0 {
        -webkit-padding-after: 0 !important;
        padding-block-end: 0 !important
    }

    .padding-y-exxl-0 {
        padding-block: 0 !important
    }

    .padding-start-exxl-0 {
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important
    }

    .padding-end-exxl-0 {
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important
    }

    .padding-x-exxl-0 {
        padding-inline: 0 !important
    }

    .margin-exxl-0 {
        margin: 0 !important
    }

    .margin-top-exxl-0 {
        -webkit-margin-before: 0 !important;
        margin-block-start: 0 !important
    }

    .margin-bottom-exxl-0 {
        -webkit-margin-after: 0 !important;
        margin-block-end: 0 !important
    }

    .margin-y-exxl-0 {
        margin-block: 0 !important
    }

    .margin-start-exxl-0 {
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important
    }

    .margin-end-exxl-0 {
        -webkit-margin-end: 0 !important;
        margin-inline-end: 0 !important
    }

    .margin-x-exxl-0 {
        margin-inline: 0 !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-1 {
        gap: 0.25rem !important
    }

    .padding-exxl-1 {
        padding: 0.25rem !important
    }

    .padding-top-exxl-1 {
        -webkit-padding-before: 0.25rem !important;
        padding-block-start: 0.25rem !important
    }

    .padding-bottom-exxl-1 {
        -webkit-padding-after: 0.25rem !important;
        padding-block-end: 0.25rem !important
    }

    .padding-y-exxl-1 {
        padding-block: 0.25rem !important
    }

    .padding-start-exxl-1 {
        -webkit-padding-start: 0.25rem !important;
        padding-inline-start: 0.25rem !important
    }

    .padding-end-exxl-1 {
        -webkit-padding-end: 0.25rem !important;
        padding-inline-end: 0.25rem !important
    }

    .padding-x-exxl-1 {
        padding-inline: 0.25rem !important
    }

    .margin-exxl-1 {
        margin: 0.25rem !important
    }

    .margin-top-exxl-1 {
        -webkit-margin-before: 0.25rem !important;
        margin-block-start: 0.25rem !important
    }

    .margin-bottom-exxl-1 {
        -webkit-margin-after: 0.25rem !important;
        margin-block-end: 0.25rem !important
    }

    .margin-y-exxl-1 {
        margin-block: 0.25rem !important
    }

    .margin-start-exxl-1 {
        -webkit-margin-start: 0.25rem !important;
        margin-inline-start: 0.25rem !important
    }

    .margin-end-exxl-1 {
        -webkit-margin-end: 0.25rem !important;
        margin-inline-end: 0.25rem !important
    }

    .margin-x-exxl-1 {
        margin-inline: 0.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-2 {
        gap: 0.5rem !important
    }

    .padding-exxl-2 {
        padding: 0.5rem !important
    }

    .padding-top-exxl-2 {
        -webkit-padding-before: 0.5rem !important;
        padding-block-start: 0.5rem !important
    }

    .padding-bottom-exxl-2 {
        -webkit-padding-after: 0.5rem !important;
        padding-block-end: 0.5rem !important
    }

    .padding-y-exxl-2 {
        padding-block: 0.5rem !important
    }

    .padding-start-exxl-2 {
        -webkit-padding-start: 0.5rem !important;
        padding-inline-start: 0.5rem !important
    }

    .padding-end-exxl-2 {
        -webkit-padding-end: 0.5rem !important;
        padding-inline-end: 0.5rem !important
    }

    .padding-x-exxl-2 {
        padding-inline: 0.5rem !important
    }

    .margin-exxl-2 {
        margin: 0.5rem !important
    }

    .margin-top-exxl-2 {
        -webkit-margin-before: 0.5rem !important;
        margin-block-start: 0.5rem !important
    }

    .margin-bottom-exxl-2 {
        -webkit-margin-after: 0.5rem !important;
        margin-block-end: 0.5rem !important
    }

    .margin-y-exxl-2 {
        margin-block: 0.5rem !important
    }

    .margin-start-exxl-2 {
        -webkit-margin-start: 0.5rem !important;
        margin-inline-start: 0.5rem !important
    }

    .margin-end-exxl-2 {
        -webkit-margin-end: 0.5rem !important;
        margin-inline-end: 0.5rem !important
    }

    .margin-x-exxl-2 {
        margin-inline: 0.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-3 {
        gap: 0.75rem !important
    }

    .padding-exxl-3 {
        padding: 0.75rem !important
    }

    .padding-top-exxl-3 {
        -webkit-padding-before: 0.75rem !important;
        padding-block-start: 0.75rem !important
    }

    .padding-bottom-exxl-3 {
        -webkit-padding-after: 0.75rem !important;
        padding-block-end: 0.75rem !important
    }

    .padding-y-exxl-3 {
        padding-block: 0.75rem !important
    }

    .padding-start-exxl-3 {
        -webkit-padding-start: 0.75rem !important;
        padding-inline-start: 0.75rem !important
    }

    .padding-end-exxl-3 {
        -webkit-padding-end: 0.75rem !important;
        padding-inline-end: 0.75rem !important
    }

    .padding-x-exxl-3 {
        padding-inline: 0.75rem !important
    }

    .margin-exxl-3 {
        margin: 0.75rem !important
    }

    .margin-top-exxl-3 {
        -webkit-margin-before: 0.75rem !important;
        margin-block-start: 0.75rem !important
    }

    .margin-bottom-exxl-3 {
        -webkit-margin-after: 0.75rem !important;
        margin-block-end: 0.75rem !important
    }

    .margin-y-exxl-3 {
        margin-block: 0.75rem !important
    }

    .margin-start-exxl-3 {
        -webkit-margin-start: 0.75rem !important;
        margin-inline-start: 0.75rem !important
    }

    .margin-end-exxl-3 {
        -webkit-margin-end: 0.75rem !important;
        margin-inline-end: 0.75rem !important
    }

    .margin-x-exxl-3 {
        margin-inline: 0.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-4 {
        gap: 1rem !important
    }

    .padding-exxl-4 {
        padding: 1rem !important
    }

    .padding-top-exxl-4 {
        -webkit-padding-before: 1rem !important;
        padding-block-start: 1rem !important
    }

    .padding-bottom-exxl-4 {
        -webkit-padding-after: 1rem !important;
        padding-block-end: 1rem !important
    }

    .padding-y-exxl-4 {
        padding-block: 1rem !important
    }

    .padding-start-exxl-4 {
        -webkit-padding-start: 1rem !important;
        padding-inline-start: 1rem !important
    }

    .padding-end-exxl-4 {
        -webkit-padding-end: 1rem !important;
        padding-inline-end: 1rem !important
    }

    .padding-x-exxl-4 {
        padding-inline: 1rem !important
    }

    .margin-exxl-4 {
        margin: 1rem !important
    }

    .margin-top-exxl-4 {
        -webkit-margin-before: 1rem !important;
        margin-block-start: 1rem !important
    }

    .margin-bottom-exxl-4 {
        -webkit-margin-after: 1rem !important;
        margin-block-end: 1rem !important
    }

    .margin-y-exxl-4 {
        margin-block: 1rem !important
    }

    .margin-start-exxl-4 {
        -webkit-margin-start: 1rem !important;
        margin-inline-start: 1rem !important
    }

    .margin-end-exxl-4 {
        -webkit-margin-end: 1rem !important;
        margin-inline-end: 1rem !important
    }

    .margin-x-exxl-4 {
        margin-inline: 1rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-5 {
        gap: 1.25rem !important
    }

    .padding-exxl-5 {
        padding: 1.25rem !important
    }

    .padding-top-exxl-5 {
        -webkit-padding-before: 1.25rem !important;
        padding-block-start: 1.25rem !important
    }

    .padding-bottom-exxl-5 {
        -webkit-padding-after: 1.25rem !important;
        padding-block-end: 1.25rem !important
    }

    .padding-y-exxl-5 {
        padding-block: 1.25rem !important
    }

    .padding-start-exxl-5 {
        -webkit-padding-start: 1.25rem !important;
        padding-inline-start: 1.25rem !important
    }

    .padding-end-exxl-5 {
        -webkit-padding-end: 1.25rem !important;
        padding-inline-end: 1.25rem !important
    }

    .padding-x-exxl-5 {
        padding-inline: 1.25rem !important
    }

    .margin-exxl-5 {
        margin: 1.25rem !important
    }

    .margin-top-exxl-5 {
        -webkit-margin-before: 1.25rem !important;
        margin-block-start: 1.25rem !important
    }

    .margin-bottom-exxl-5 {
        -webkit-margin-after: 1.25rem !important;
        margin-block-end: 1.25rem !important
    }

    .margin-y-exxl-5 {
        margin-block: 1.25rem !important
    }

    .margin-start-exxl-5 {
        -webkit-margin-start: 1.25rem !important;
        margin-inline-start: 1.25rem !important
    }

    .margin-end-exxl-5 {
        -webkit-margin-end: 1.25rem !important;
        margin-inline-end: 1.25rem !important
    }

    .margin-x-exxl-5 {
        margin-inline: 1.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-6 {
        gap: 1.5rem !important
    }

    .padding-exxl-6 {
        padding: 1.5rem !important
    }

    .padding-top-exxl-6 {
        -webkit-padding-before: 1.5rem !important;
        padding-block-start: 1.5rem !important
    }

    .padding-bottom-exxl-6 {
        -webkit-padding-after: 1.5rem !important;
        padding-block-end: 1.5rem !important
    }

    .padding-y-exxl-6 {
        padding-block: 1.5rem !important
    }

    .padding-start-exxl-6 {
        -webkit-padding-start: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .padding-end-exxl-6 {
        -webkit-padding-end: 1.5rem !important;
        padding-inline-end: 1.5rem !important
    }

    .padding-x-exxl-6 {
        padding-inline: 1.5rem !important
    }

    .margin-exxl-6 {
        margin: 1.5rem !important
    }

    .margin-top-exxl-6 {
        -webkit-margin-before: 1.5rem !important;
        margin-block-start: 1.5rem !important
    }

    .margin-bottom-exxl-6 {
        -webkit-margin-after: 1.5rem !important;
        margin-block-end: 1.5rem !important
    }

    .margin-y-exxl-6 {
        margin-block: 1.5rem !important
    }

    .margin-start-exxl-6 {
        -webkit-margin-start: 1.5rem !important;
        margin-inline-start: 1.5rem !important
    }

    .margin-end-exxl-6 {
        -webkit-margin-end: 1.5rem !important;
        margin-inline-end: 1.5rem !important
    }

    .margin-x-exxl-6 {
        margin-inline: 1.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-7 {
        gap: 1.75rem !important
    }

    .padding-exxl-7 {
        padding: 1.75rem !important
    }

    .padding-top-exxl-7 {
        -webkit-padding-before: 1.75rem !important;
        padding-block-start: 1.75rem !important
    }

    .padding-bottom-exxl-7 {
        -webkit-padding-after: 1.75rem !important;
        padding-block-end: 1.75rem !important
    }

    .padding-y-exxl-7 {
        padding-block: 1.75rem !important
    }

    .padding-start-exxl-7 {
        -webkit-padding-start: 1.75rem !important;
        padding-inline-start: 1.75rem !important
    }

    .padding-end-exxl-7 {
        -webkit-padding-end: 1.75rem !important;
        padding-inline-end: 1.75rem !important
    }

    .padding-x-exxl-7 {
        padding-inline: 1.75rem !important
    }

    .margin-exxl-7 {
        margin: 1.75rem !important
    }

    .margin-top-exxl-7 {
        -webkit-margin-before: 1.75rem !important;
        margin-block-start: 1.75rem !important
    }

    .margin-bottom-exxl-7 {
        -webkit-margin-after: 1.75rem !important;
        margin-block-end: 1.75rem !important
    }

    .margin-y-exxl-7 {
        margin-block: 1.75rem !important
    }

    .margin-start-exxl-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important
    }

    .margin-end-exxl-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important
    }

    .margin-x-exxl-7 {
        margin-inline: 1.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-8 {
        gap: 2rem !important
    }

    .padding-exxl-8 {
        padding: 2rem !important
    }

    .padding-top-exxl-8 {
        -webkit-padding-before: 2rem !important;
        padding-block-start: 2rem !important
    }

    .padding-bottom-exxl-8 {
        -webkit-padding-after: 2rem !important;
        padding-block-end: 2rem !important
    }

    .padding-y-exxl-8 {
        padding-block: 2rem !important
    }

    .padding-start-exxl-8 {
        -webkit-padding-start: 2rem !important;
        padding-inline-start: 2rem !important
    }

    .padding-end-exxl-8 {
        -webkit-padding-end: 2rem !important;
        padding-inline-end: 2rem !important
    }

    .padding-x-exxl-8 {
        padding-inline: 2rem !important
    }

    .margin-exxl-8 {
        margin: 2rem !important
    }

    .margin-top-exxl-8 {
        -webkit-margin-before: 2rem !important;
        margin-block-start: 2rem !important
    }

    .margin-bottom-exxl-8 {
        -webkit-margin-after: 2rem !important;
        margin-block-end: 2rem !important
    }

    .margin-y-exxl-8 {
        margin-block: 2rem !important
    }

    .margin-start-exxl-8 {
        -webkit-margin-start: 2rem !important;
        margin-inline-start: 2rem !important
    }

    .margin-end-exxl-8 {
        -webkit-margin-end: 2rem !important;
        margin-inline-end: 2rem !important
    }

    .margin-x-exxl-8 {
        margin-inline: 2rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-9 {
        gap: 2.25rem !important
    }

    .padding-exxl-9 {
        padding: 2.25rem !important
    }

    .padding-top-exxl-9 {
        -webkit-padding-before: 2.25rem !important;
        padding-block-start: 2.25rem !important
    }

    .padding-bottom-exxl-9 {
        -webkit-padding-after: 2.25rem !important;
        padding-block-end: 2.25rem !important
    }

    .padding-y-exxl-9 {
        padding-block: 2.25rem !important
    }

    .padding-start-exxl-9 {
        -webkit-padding-start: 2.25rem !important;
        padding-inline-start: 2.25rem !important
    }

    .padding-end-exxl-9 {
        -webkit-padding-end: 2.25rem !important;
        padding-inline-end: 2.25rem !important
    }

    .padding-x-exxl-9 {
        padding-inline: 2.25rem !important
    }

    .margin-exxl-9 {
        margin: 2.25rem !important
    }

    .margin-top-exxl-9 {
        -webkit-margin-before: 2.25rem !important;
        margin-block-start: 2.25rem !important
    }

    .margin-bottom-exxl-9 {
        -webkit-margin-after: 2.25rem !important;
        margin-block-end: 2.25rem !important
    }

    .margin-y-exxl-9 {
        margin-block: 2.25rem !important
    }

    .margin-start-exxl-9 {
        -webkit-margin-start: 2.25rem !important;
        margin-inline-start: 2.25rem !important
    }

    .margin-end-exxl-9 {
        -webkit-margin-end: 2.25rem !important;
        margin-inline-end: 2.25rem !important
    }

    .margin-x-exxl-9 {
        margin-inline: 2.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-10 {
        gap: 2.5rem !important
    }

    .padding-exxl-10 {
        padding: 2.5rem !important
    }

    .padding-top-exxl-10 {
        -webkit-padding-before: 2.5rem !important;
        padding-block-start: 2.5rem !important
    }

    .padding-bottom-exxl-10 {
        -webkit-padding-after: 2.5rem !important;
        padding-block-end: 2.5rem !important
    }

    .padding-y-exxl-10 {
        padding-block: 2.5rem !important
    }

    .padding-start-exxl-10 {
        -webkit-padding-start: 2.5rem !important;
        padding-inline-start: 2.5rem !important
    }

    .padding-end-exxl-10 {
        -webkit-padding-end: 2.5rem !important;
        padding-inline-end: 2.5rem !important
    }

    .padding-x-exxl-10 {
        padding-inline: 2.5rem !important
    }

    .margin-exxl-10 {
        margin: 2.5rem !important
    }

    .margin-top-exxl-10 {
        -webkit-margin-before: 2.5rem !important;
        margin-block-start: 2.5rem !important
    }

    .margin-bottom-exxl-10 {
        -webkit-margin-after: 2.5rem !important;
        margin-block-end: 2.5rem !important
    }

    .margin-y-exxl-10 {
        margin-block: 2.5rem !important
    }

    .margin-start-exxl-10 {
        -webkit-margin-start: 2.5rem !important;
        margin-inline-start: 2.5rem !important
    }

    .margin-end-exxl-10 {
        -webkit-margin-end: 2.5rem !important;
        margin-inline-end: 2.5rem !important
    }

    .margin-x-exxl-10 {
        margin-inline: 2.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-11 {
        gap: 2.75rem !important
    }

    .padding-exxl-11 {
        padding: 2.75rem !important
    }

    .padding-top-exxl-11 {
        -webkit-padding-before: 2.75rem !important;
        padding-block-start: 2.75rem !important
    }

    .padding-bottom-exxl-11 {
        -webkit-padding-after: 2.75rem !important;
        padding-block-end: 2.75rem !important
    }

    .padding-y-exxl-11 {
        padding-block: 2.75rem !important
    }

    .padding-start-exxl-11 {
        -webkit-padding-start: 2.75rem !important;
        padding-inline-start: 2.75rem !important
    }

    .padding-end-exxl-11 {
        -webkit-padding-end: 2.75rem !important;
        padding-inline-end: 2.75rem !important
    }

    .padding-x-exxl-11 {
        padding-inline: 2.75rem !important
    }

    .margin-exxl-11 {
        margin: 2.75rem !important
    }

    .margin-top-exxl-11 {
        -webkit-margin-before: 2.75rem !important;
        margin-block-start: 2.75rem !important
    }

    .margin-bottom-exxl-11 {
        -webkit-margin-after: 2.75rem !important;
        margin-block-end: 2.75rem !important
    }

    .margin-y-exxl-11 {
        margin-block: 2.75rem !important
    }

    .margin-start-exxl-11 {
        -webkit-margin-start: 2.75rem !important;
        margin-inline-start: 2.75rem !important
    }

    .margin-end-exxl-11 {
        -webkit-margin-end: 2.75rem !important;
        margin-inline-end: 2.75rem !important
    }

    .margin-x-exxl-11 {
        margin-inline: 2.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-12 {
        gap: 3rem !important
    }

    .padding-exxl-12 {
        padding: 3rem !important
    }

    .padding-top-exxl-12 {
        -webkit-padding-before: 3rem !important;
        padding-block-start: 3rem !important
    }

    .padding-bottom-exxl-12 {
        -webkit-padding-after: 3rem !important;
        padding-block-end: 3rem !important
    }

    .padding-y-exxl-12 {
        padding-block: 3rem !important
    }

    .padding-start-exxl-12 {
        -webkit-padding-start: 3rem !important;
        padding-inline-start: 3rem !important
    }

    .padding-end-exxl-12 {
        -webkit-padding-end: 3rem !important;
        padding-inline-end: 3rem !important
    }

    .padding-x-exxl-12 {
        padding-inline: 3rem !important
    }

    .margin-exxl-12 {
        margin: 3rem !important
    }

    .margin-top-exxl-12 {
        -webkit-margin-before: 3rem !important;
        margin-block-start: 3rem !important
    }

    .margin-bottom-exxl-12 {
        -webkit-margin-after: 3rem !important;
        margin-block-end: 3rem !important
    }

    .margin-y-exxl-12 {
        margin-block: 3rem !important
    }

    .margin-start-exxl-12 {
        -webkit-margin-start: 3rem !important;
        margin-inline-start: 3rem !important
    }

    .margin-end-exxl-12 {
        -webkit-margin-end: 3rem !important;
        margin-inline-end: 3rem !important
    }

    .margin-x-exxl-12 {
        margin-inline: 3rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-13 {
        gap: 3.25rem !important
    }

    .padding-exxl-13 {
        padding: 3.25rem !important
    }

    .padding-top-exxl-13 {
        -webkit-padding-before: 3.25rem !important;
        padding-block-start: 3.25rem !important
    }

    .padding-bottom-exxl-13 {
        -webkit-padding-after: 3.25rem !important;
        padding-block-end: 3.25rem !important
    }

    .padding-y-exxl-13 {
        padding-block: 3.25rem !important
    }

    .padding-start-exxl-13 {
        -webkit-padding-start: 3.25rem !important;
        padding-inline-start: 3.25rem !important
    }

    .padding-end-exxl-13 {
        -webkit-padding-end: 3.25rem !important;
        padding-inline-end: 3.25rem !important
    }

    .padding-x-exxl-13 {
        padding-inline: 3.25rem !important
    }

    .margin-exxl-13 {
        margin: 3.25rem !important
    }

    .margin-top-exxl-13 {
        -webkit-margin-before: 3.25rem !important;
        margin-block-start: 3.25rem !important
    }

    .margin-bottom-exxl-13 {
        -webkit-margin-after: 3.25rem !important;
        margin-block-end: 3.25rem !important
    }

    .margin-y-exxl-13 {
        margin-block: 3.25rem !important
    }

    .margin-start-exxl-13 {
        -webkit-margin-start: 3.25rem !important;
        margin-inline-start: 3.25rem !important
    }

    .margin-end-exxl-13 {
        -webkit-margin-end: 3.25rem !important;
        margin-inline-end: 3.25rem !important
    }

    .margin-x-exxl-13 {
        margin-inline: 3.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-14 {
        gap: 3.5rem !important
    }

    .padding-exxl-14 {
        padding: 3.5rem !important
    }

    .padding-top-exxl-14 {
        -webkit-padding-before: 3.5rem !important;
        padding-block-start: 3.5rem !important
    }

    .padding-bottom-exxl-14 {
        -webkit-padding-after: 3.5rem !important;
        padding-block-end: 3.5rem !important
    }

    .padding-y-exxl-14 {
        padding-block: 3.5rem !important
    }

    .padding-start-exxl-14 {
        -webkit-padding-start: 3.5rem !important;
        padding-inline-start: 3.5rem !important
    }

    .padding-end-exxl-14 {
        -webkit-padding-end: 3.5rem !important;
        padding-inline-end: 3.5rem !important
    }

    .padding-x-exxl-14 {
        padding-inline: 3.5rem !important
    }

    .margin-exxl-14 {
        margin: 3.5rem !important
    }

    .margin-top-exxl-14 {
        -webkit-margin-before: 3.5rem !important;
        margin-block-start: 3.5rem !important
    }

    .margin-bottom-exxl-14 {
        -webkit-margin-after: 3.5rem !important;
        margin-block-end: 3.5rem !important
    }

    .margin-y-exxl-14 {
        margin-block: 3.5rem !important
    }

    .margin-start-exxl-14 {
        -webkit-margin-start: 3.5rem !important;
        margin-inline-start: 3.5rem !important
    }

    .margin-end-exxl-14 {
        -webkit-margin-end: 3.5rem !important;
        margin-inline-end: 3.5rem !important
    }

    .margin-x-exxl-14 {
        margin-inline: 3.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-15 {
        gap: 3.75rem !important
    }

    .padding-exxl-15 {
        padding: 3.75rem !important
    }

    .padding-top-exxl-15 {
        -webkit-padding-before: 3.75rem !important;
        padding-block-start: 3.75rem !important
    }

    .padding-bottom-exxl-15 {
        -webkit-padding-after: 3.75rem !important;
        padding-block-end: 3.75rem !important
    }

    .padding-y-exxl-15 {
        padding-block: 3.75rem !important
    }

    .padding-start-exxl-15 {
        -webkit-padding-start: 3.75rem !important;
        padding-inline-start: 3.75rem !important
    }

    .padding-end-exxl-15 {
        -webkit-padding-end: 3.75rem !important;
        padding-inline-end: 3.75rem !important
    }

    .padding-x-exxl-15 {
        padding-inline: 3.75rem !important
    }

    .margin-exxl-15 {
        margin: 3.75rem !important
    }

    .margin-top-exxl-15 {
        -webkit-margin-before: 3.75rem !important;
        margin-block-start: 3.75rem !important
    }

    .margin-bottom-exxl-15 {
        -webkit-margin-after: 3.75rem !important;
        margin-block-end: 3.75rem !important
    }

    .margin-y-exxl-15 {
        margin-block: 3.75rem !important
    }

    .margin-start-exxl-15 {
        -webkit-margin-start: 3.75rem !important;
        margin-inline-start: 3.75rem !important
    }

    .margin-end-exxl-15 {
        -webkit-margin-end: 3.75rem !important;
        margin-inline-end: 3.75rem !important
    }

    .margin-x-exxl-15 {
        margin-inline: 3.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-16 {
        gap: 4rem !important
    }

    .padding-exxl-16 {
        padding: 4rem !important
    }

    .padding-top-exxl-16 {
        -webkit-padding-before: 4rem !important;
        padding-block-start: 4rem !important
    }

    .padding-bottom-exxl-16 {
        -webkit-padding-after: 4rem !important;
        padding-block-end: 4rem !important
    }

    .padding-y-exxl-16 {
        padding-block: 4rem !important
    }

    .padding-start-exxl-16 {
        -webkit-padding-start: 4rem !important;
        padding-inline-start: 4rem !important
    }

    .padding-end-exxl-16 {
        -webkit-padding-end: 4rem !important;
        padding-inline-end: 4rem !important
    }

    .padding-x-exxl-16 {
        padding-inline: 4rem !important
    }

    .margin-exxl-16 {
        margin: 4rem !important
    }

    .margin-top-exxl-16 {
        -webkit-margin-before: 4rem !important;
        margin-block-start: 4rem !important
    }

    .margin-bottom-exxl-16 {
        -webkit-margin-after: 4rem !important;
        margin-block-end: 4rem !important
    }

    .margin-y-exxl-16 {
        margin-block: 4rem !important
    }

    .margin-start-exxl-16 {
        -webkit-margin-start: 4rem !important;
        margin-inline-start: 4rem !important
    }

    .margin-end-exxl-16 {
        -webkit-margin-end: 4rem !important;
        margin-inline-end: 4rem !important
    }

    .margin-x-exxl-16 {
        margin-inline: 4rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-17 {
        gap: 4.25rem !important
    }

    .padding-exxl-17 {
        padding: 4.25rem !important
    }

    .padding-top-exxl-17 {
        -webkit-padding-before: 4.25rem !important;
        padding-block-start: 4.25rem !important
    }

    .padding-bottom-exxl-17 {
        -webkit-padding-after: 4.25rem !important;
        padding-block-end: 4.25rem !important
    }

    .padding-y-exxl-17 {
        padding-block: 4.25rem !important
    }

    .padding-start-exxl-17 {
        -webkit-padding-start: 4.25rem !important;
        padding-inline-start: 4.25rem !important
    }

    .padding-end-exxl-17 {
        -webkit-padding-end: 4.25rem !important;
        padding-inline-end: 4.25rem !important
    }

    .padding-x-exxl-17 {
        padding-inline: 4.25rem !important
    }

    .margin-exxl-17 {
        margin: 4.25rem !important
    }

    .margin-top-exxl-17 {
        -webkit-margin-before: 4.25rem !important;
        margin-block-start: 4.25rem !important
    }

    .margin-bottom-exxl-17 {
        -webkit-margin-after: 4.25rem !important;
        margin-block-end: 4.25rem !important
    }

    .margin-y-exxl-17 {
        margin-block: 4.25rem !important
    }

    .margin-start-exxl-17 {
        -webkit-margin-start: 4.25rem !important;
        margin-inline-start: 4.25rem !important
    }

    .margin-end-exxl-17 {
        -webkit-margin-end: 4.25rem !important;
        margin-inline-end: 4.25rem !important
    }

    .margin-x-exxl-17 {
        margin-inline: 4.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-18 {
        gap: 4.5rem !important
    }

    .padding-exxl-18 {
        padding: 4.5rem !important
    }

    .padding-top-exxl-18 {
        -webkit-padding-before: 4.5rem !important;
        padding-block-start: 4.5rem !important
    }

    .padding-bottom-exxl-18 {
        -webkit-padding-after: 4.5rem !important;
        padding-block-end: 4.5rem !important
    }

    .padding-y-exxl-18 {
        padding-block: 4.5rem !important
    }

    .padding-start-exxl-18 {
        -webkit-padding-start: 4.5rem !important;
        padding-inline-start: 4.5rem !important
    }

    .padding-end-exxl-18 {
        -webkit-padding-end: 4.5rem !important;
        padding-inline-end: 4.5rem !important
    }

    .padding-x-exxl-18 {
        padding-inline: 4.5rem !important
    }

    .margin-exxl-18 {
        margin: 4.5rem !important
    }

    .margin-top-exxl-18 {
        -webkit-margin-before: 4.5rem !important;
        margin-block-start: 4.5rem !important
    }

    .margin-bottom-exxl-18 {
        -webkit-margin-after: 4.5rem !important;
        margin-block-end: 4.5rem !important
    }

    .margin-y-exxl-18 {
        margin-block: 4.5rem !important
    }

    .margin-start-exxl-18 {
        -webkit-margin-start: 4.5rem !important;
        margin-inline-start: 4.5rem !important
    }

    .margin-end-exxl-18 {
        -webkit-margin-end: 4.5rem !important;
        margin-inline-end: 4.5rem !important
    }

    .margin-x-exxl-18 {
        margin-inline: 4.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-19 {
        gap: 4.75rem !important
    }

    .padding-exxl-19 {
        padding: 4.75rem !important
    }

    .padding-top-exxl-19 {
        -webkit-padding-before: 4.75rem !important;
        padding-block-start: 4.75rem !important
    }

    .padding-bottom-exxl-19 {
        -webkit-padding-after: 4.75rem !important;
        padding-block-end: 4.75rem !important
    }

    .padding-y-exxl-19 {
        padding-block: 4.75rem !important
    }

    .padding-start-exxl-19 {
        -webkit-padding-start: 4.75rem !important;
        padding-inline-start: 4.75rem !important
    }

    .padding-end-exxl-19 {
        -webkit-padding-end: 4.75rem !important;
        padding-inline-end: 4.75rem !important
    }

    .padding-x-exxl-19 {
        padding-inline: 4.75rem !important
    }

    .margin-exxl-19 {
        margin: 4.75rem !important
    }

    .margin-top-exxl-19 {
        -webkit-margin-before: 4.75rem !important;
        margin-block-start: 4.75rem !important
    }

    .margin-bottom-exxl-19 {
        -webkit-margin-after: 4.75rem !important;
        margin-block-end: 4.75rem !important
    }

    .margin-y-exxl-19 {
        margin-block: 4.75rem !important
    }

    .margin-start-exxl-19 {
        -webkit-margin-start: 4.75rem !important;
        margin-inline-start: 4.75rem !important
    }

    .margin-end-exxl-19 {
        -webkit-margin-end: 4.75rem !important;
        margin-inline-end: 4.75rem !important
    }

    .margin-x-exxl-19 {
        margin-inline: 4.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-20 {
        gap: 5rem !important
    }

    .padding-exxl-20 {
        padding: 5rem !important
    }

    .padding-top-exxl-20 {
        -webkit-padding-before: 5rem !important;
        padding-block-start: 5rem !important
    }

    .padding-bottom-exxl-20 {
        -webkit-padding-after: 5rem !important;
        padding-block-end: 5rem !important
    }

    .padding-y-exxl-20 {
        padding-block: 5rem !important
    }

    .padding-start-exxl-20 {
        -webkit-padding-start: 5rem !important;
        padding-inline-start: 5rem !important
    }

    .padding-end-exxl-20 {
        -webkit-padding-end: 5rem !important;
        padding-inline-end: 5rem !important
    }

    .padding-x-exxl-20 {
        padding-inline: 5rem !important
    }

    .margin-exxl-20 {
        margin: 5rem !important
    }

    .margin-top-exxl-20 {
        -webkit-margin-before: 5rem !important;
        margin-block-start: 5rem !important
    }

    .margin-bottom-exxl-20 {
        -webkit-margin-after: 5rem !important;
        margin-block-end: 5rem !important
    }

    .margin-y-exxl-20 {
        margin-block: 5rem !important
    }

    .margin-start-exxl-20 {
        -webkit-margin-start: 5rem !important;
        margin-inline-start: 5rem !important
    }

    .margin-end-exxl-20 {
        -webkit-margin-end: 5rem !important;
        margin-inline-end: 5rem !important
    }

    .margin-x-exxl-20 {
        margin-inline: 5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-21 {
        gap: 5.25rem !important
    }

    .padding-exxl-21 {
        padding: 5.25rem !important
    }

    .padding-top-exxl-21 {
        -webkit-padding-before: 5.25rem !important;
        padding-block-start: 5.25rem !important
    }

    .padding-bottom-exxl-21 {
        -webkit-padding-after: 5.25rem !important;
        padding-block-end: 5.25rem !important
    }

    .padding-y-exxl-21 {
        padding-block: 5.25rem !important
    }

    .padding-start-exxl-21 {
        -webkit-padding-start: 5.25rem !important;
        padding-inline-start: 5.25rem !important
    }

    .padding-end-exxl-21 {
        -webkit-padding-end: 5.25rem !important;
        padding-inline-end: 5.25rem !important
    }

    .padding-x-exxl-21 {
        padding-inline: 5.25rem !important
    }

    .margin-exxl-21 {
        margin: 5.25rem !important
    }

    .margin-top-exxl-21 {
        -webkit-margin-before: 5.25rem !important;
        margin-block-start: 5.25rem !important
    }

    .margin-bottom-exxl-21 {
        -webkit-margin-after: 5.25rem !important;
        margin-block-end: 5.25rem !important
    }

    .margin-y-exxl-21 {
        margin-block: 5.25rem !important
    }

    .margin-start-exxl-21 {
        -webkit-margin-start: 5.25rem !important;
        margin-inline-start: 5.25rem !important
    }

    .margin-end-exxl-21 {
        -webkit-margin-end: 5.25rem !important;
        margin-inline-end: 5.25rem !important
    }

    .margin-x-exxl-21 {
        margin-inline: 5.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-22 {
        gap: 5.5rem !important
    }

    .padding-exxl-22 {
        padding: 5.5rem !important
    }

    .padding-top-exxl-22 {
        -webkit-padding-before: 5.5rem !important;
        padding-block-start: 5.5rem !important
    }

    .padding-bottom-exxl-22 {
        -webkit-padding-after: 5.5rem !important;
        padding-block-end: 5.5rem !important
    }

    .padding-y-exxl-22 {
        padding-block: 5.5rem !important
    }

    .padding-start-exxl-22 {
        -webkit-padding-start: 5.5rem !important;
        padding-inline-start: 5.5rem !important
    }

    .padding-end-exxl-22 {
        -webkit-padding-end: 5.5rem !important;
        padding-inline-end: 5.5rem !important
    }

    .padding-x-exxl-22 {
        padding-inline: 5.5rem !important
    }

    .margin-exxl-22 {
        margin: 5.5rem !important
    }

    .margin-top-exxl-22 {
        -webkit-margin-before: 5.5rem !important;
        margin-block-start: 5.5rem !important
    }

    .margin-bottom-exxl-22 {
        -webkit-margin-after: 5.5rem !important;
        margin-block-end: 5.5rem !important
    }

    .margin-y-exxl-22 {
        margin-block: 5.5rem !important
    }

    .margin-start-exxl-22 {
        -webkit-margin-start: 5.5rem !important;
        margin-inline-start: 5.5rem !important
    }

    .margin-end-exxl-22 {
        -webkit-margin-end: 5.5rem !important;
        margin-inline-end: 5.5rem !important
    }

    .margin-x-exxl-22 {
        margin-inline: 5.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-23 {
        gap: 5.75rem !important
    }

    .padding-exxl-23 {
        padding: 5.75rem !important
    }

    .padding-top-exxl-23 {
        -webkit-padding-before: 5.75rem !important;
        padding-block-start: 5.75rem !important
    }

    .padding-bottom-exxl-23 {
        -webkit-padding-after: 5.75rem !important;
        padding-block-end: 5.75rem !important
    }

    .padding-y-exxl-23 {
        padding-block: 5.75rem !important
    }

    .padding-start-exxl-23 {
        -webkit-padding-start: 5.75rem !important;
        padding-inline-start: 5.75rem !important
    }

    .padding-end-exxl-23 {
        -webkit-padding-end: 5.75rem !important;
        padding-inline-end: 5.75rem !important
    }

    .padding-x-exxl-23 {
        padding-inline: 5.75rem !important
    }

    .margin-exxl-23 {
        margin: 5.75rem !important
    }

    .margin-top-exxl-23 {
        -webkit-margin-before: 5.75rem !important;
        margin-block-start: 5.75rem !important
    }

    .margin-bottom-exxl-23 {
        -webkit-margin-after: 5.75rem !important;
        margin-block-end: 5.75rem !important
    }

    .margin-y-exxl-23 {
        margin-block: 5.75rem !important
    }

    .margin-start-exxl-23 {
        -webkit-margin-start: 5.75rem !important;
        margin-inline-start: 5.75rem !important
    }

    .margin-end-exxl-23 {
        -webkit-margin-end: 5.75rem !important;
        margin-inline-end: 5.75rem !important
    }

    .margin-x-exxl-23 {
        margin-inline: 5.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-24 {
        gap: 6rem !important
    }

    .padding-exxl-24 {
        padding: 6rem !important
    }

    .padding-top-exxl-24 {
        -webkit-padding-before: 6rem !important;
        padding-block-start: 6rem !important
    }

    .padding-bottom-exxl-24 {
        -webkit-padding-after: 6rem !important;
        padding-block-end: 6rem !important
    }

    .padding-y-exxl-24 {
        padding-block: 6rem !important
    }

    .padding-start-exxl-24 {
        -webkit-padding-start: 6rem !important;
        padding-inline-start: 6rem !important
    }

    .padding-end-exxl-24 {
        -webkit-padding-end: 6rem !important;
        padding-inline-end: 6rem !important
    }

    .padding-x-exxl-24 {
        padding-inline: 6rem !important
    }

    .margin-exxl-24 {
        margin: 6rem !important
    }

    .margin-top-exxl-24 {
        -webkit-margin-before: 6rem !important;
        margin-block-start: 6rem !important
    }

    .margin-bottom-exxl-24 {
        -webkit-margin-after: 6rem !important;
        margin-block-end: 6rem !important
    }

    .margin-y-exxl-24 {
        margin-block: 6rem !important
    }

    .margin-start-exxl-24 {
        -webkit-margin-start: 6rem !important;
        margin-inline-start: 6rem !important
    }

    .margin-end-exxl-24 {
        -webkit-margin-end: 6rem !important;
        margin-inline-end: 6rem !important
    }

    .margin-x-exxl-24 {
        margin-inline: 6rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-25 {
        gap: 6.25rem !important
    }

    .padding-exxl-25 {
        padding: 6.25rem !important
    }

    .padding-top-exxl-25 {
        -webkit-padding-before: 6.25rem !important;
        padding-block-start: 6.25rem !important
    }

    .padding-bottom-exxl-25 {
        -webkit-padding-after: 6.25rem !important;
        padding-block-end: 6.25rem !important
    }

    .padding-y-exxl-25 {
        padding-block: 6.25rem !important
    }

    .padding-start-exxl-25 {
        -webkit-padding-start: 6.25rem !important;
        padding-inline-start: 6.25rem !important
    }

    .padding-end-exxl-25 {
        -webkit-padding-end: 6.25rem !important;
        padding-inline-end: 6.25rem !important
    }

    .padding-x-exxl-25 {
        padding-inline: 6.25rem !important
    }

    .margin-exxl-25 {
        margin: 6.25rem !important
    }

    .margin-top-exxl-25 {
        -webkit-margin-before: 6.25rem !important;
        margin-block-start: 6.25rem !important
    }

    .margin-bottom-exxl-25 {
        -webkit-margin-after: 6.25rem !important;
        margin-block-end: 6.25rem !important
    }

    .margin-y-exxl-25 {
        margin-block: 6.25rem !important
    }

    .margin-start-exxl-25 {
        -webkit-margin-start: 6.25rem !important;
        margin-inline-start: 6.25rem !important
    }

    .margin-end-exxl-25 {
        -webkit-margin-end: 6.25rem !important;
        margin-inline-end: 6.25rem !important
    }

    .margin-x-exxl-25 {
        margin-inline: 6.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-26 {
        gap: 6.5rem !important
    }

    .padding-exxl-26 {
        padding: 6.5rem !important
    }

    .padding-top-exxl-26 {
        -webkit-padding-before: 6.5rem !important;
        padding-block-start: 6.5rem !important
    }

    .padding-bottom-exxl-26 {
        -webkit-padding-after: 6.5rem !important;
        padding-block-end: 6.5rem !important
    }

    .padding-y-exxl-26 {
        padding-block: 6.5rem !important
    }

    .padding-start-exxl-26 {
        -webkit-padding-start: 6.5rem !important;
        padding-inline-start: 6.5rem !important
    }

    .padding-end-exxl-26 {
        -webkit-padding-end: 6.5rem !important;
        padding-inline-end: 6.5rem !important
    }

    .padding-x-exxl-26 {
        padding-inline: 6.5rem !important
    }

    .margin-exxl-26 {
        margin: 6.5rem !important
    }

    .margin-top-exxl-26 {
        -webkit-margin-before: 6.5rem !important;
        margin-block-start: 6.5rem !important
    }

    .margin-bottom-exxl-26 {
        -webkit-margin-after: 6.5rem !important;
        margin-block-end: 6.5rem !important
    }

    .margin-y-exxl-26 {
        margin-block: 6.5rem !important
    }

    .margin-start-exxl-26 {
        -webkit-margin-start: 6.5rem !important;
        margin-inline-start: 6.5rem !important
    }

    .margin-end-exxl-26 {
        -webkit-margin-end: 6.5rem !important;
        margin-inline-end: 6.5rem !important
    }

    .margin-x-exxl-26 {
        margin-inline: 6.5rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-27 {
        gap: 6.75rem !important
    }

    .padding-exxl-27 {
        padding: 6.75rem !important
    }

    .padding-top-exxl-27 {
        -webkit-padding-before: 6.75rem !important;
        padding-block-start: 6.75rem !important
    }

    .padding-bottom-exxl-27 {
        -webkit-padding-after: 6.75rem !important;
        padding-block-end: 6.75rem !important
    }

    .padding-y-exxl-27 {
        padding-block: 6.75rem !important
    }

    .padding-start-exxl-27 {
        -webkit-padding-start: 6.75rem !important;
        padding-inline-start: 6.75rem !important
    }

    .padding-end-exxl-27 {
        -webkit-padding-end: 6.75rem !important;
        padding-inline-end: 6.75rem !important
    }

    .padding-x-exxl-27 {
        padding-inline: 6.75rem !important
    }

    .margin-exxl-27 {
        margin: 6.75rem !important
    }

    .margin-top-exxl-27 {
        -webkit-margin-before: 6.75rem !important;
        margin-block-start: 6.75rem !important
    }

    .margin-bottom-exxl-27 {
        -webkit-margin-after: 6.75rem !important;
        margin-block-end: 6.75rem !important
    }

    .margin-y-exxl-27 {
        margin-block: 6.75rem !important
    }

    .margin-start-exxl-27 {
        -webkit-margin-start: 6.75rem !important;
        margin-inline-start: 6.75rem !important
    }

    .margin-end-exxl-27 {
        -webkit-margin-end: 6.75rem !important;
        margin-inline-end: 6.75rem !important
    }

    .margin-x-exxl-27 {
        margin-inline: 6.75rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-28 {
        gap: 7rem !important
    }

    .padding-exxl-28 {
        padding: 7rem !important
    }

    .padding-top-exxl-28 {
        -webkit-padding-before: 7rem !important;
        padding-block-start: 7rem !important
    }

    .padding-bottom-exxl-28 {
        -webkit-padding-after: 7rem !important;
        padding-block-end: 7rem !important
    }

    .padding-y-exxl-28 {
        padding-block: 7rem !important
    }

    .padding-start-exxl-28 {
        -webkit-padding-start: 7rem !important;
        padding-inline-start: 7rem !important
    }

    .padding-end-exxl-28 {
        -webkit-padding-end: 7rem !important;
        padding-inline-end: 7rem !important
    }

    .padding-x-exxl-28 {
        padding-inline: 7rem !important
    }

    .margin-exxl-28 {
        margin: 7rem !important
    }

    .margin-top-exxl-28 {
        -webkit-margin-before: 7rem !important;
        margin-block-start: 7rem !important
    }

    .margin-bottom-exxl-28 {
        -webkit-margin-after: 7rem !important;
        margin-block-end: 7rem !important
    }

    .margin-y-exxl-28 {
        margin-block: 7rem !important
    }

    .margin-start-exxl-28 {
        -webkit-margin-start: 7rem !important;
        margin-inline-start: 7rem !important
    }

    .margin-end-exxl-28 {
        -webkit-margin-end: 7rem !important;
        margin-inline-end: 7rem !important
    }

    .margin-x-exxl-28 {
        margin-inline: 7rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-29 {
        gap: 7.25rem !important
    }

    .padding-exxl-29 {
        padding: 7.25rem !important
    }

    .padding-top-exxl-29 {
        -webkit-padding-before: 7.25rem !important;
        padding-block-start: 7.25rem !important
    }

    .padding-bottom-exxl-29 {
        -webkit-padding-after: 7.25rem !important;
        padding-block-end: 7.25rem !important
    }

    .padding-y-exxl-29 {
        padding-block: 7.25rem !important
    }

    .padding-start-exxl-29 {
        -webkit-padding-start: 7.25rem !important;
        padding-inline-start: 7.25rem !important
    }

    .padding-end-exxl-29 {
        -webkit-padding-end: 7.25rem !important;
        padding-inline-end: 7.25rem !important
    }

    .padding-x-exxl-29 {
        padding-inline: 7.25rem !important
    }

    .margin-exxl-29 {
        margin: 7.25rem !important
    }

    .margin-top-exxl-29 {
        -webkit-margin-before: 7.25rem !important;
        margin-block-start: 7.25rem !important
    }

    .margin-bottom-exxl-29 {
        -webkit-margin-after: 7.25rem !important;
        margin-block-end: 7.25rem !important
    }

    .margin-y-exxl-29 {
        margin-block: 7.25rem !important
    }

    .margin-start-exxl-29 {
        -webkit-margin-start: 7.25rem !important;
        margin-inline-start: 7.25rem !important
    }

    .margin-end-exxl-29 {
        -webkit-margin-end: 7.25rem !important;
        margin-inline-end: 7.25rem !important
    }

    .margin-x-exxl-29 {
        margin-inline: 7.25rem !important
    }
}

@media(min-width: 1920px) {
    .gap-exxl-30 {
        gap: 7.5rem !important
    }

    .padding-exxl-30 {
        padding: 7.5rem !important
    }

    .padding-top-exxl-30 {
        -webkit-padding-before: 7.5rem !important;
        padding-block-start: 7.5rem !important
    }

    .padding-bottom-exxl-30 {
        -webkit-padding-after: 7.5rem !important;
        padding-block-end: 7.5rem !important
    }

    .padding-y-exxl-30 {
        padding-block: 7.5rem !important
    }

    .padding-start-exxl-30 {
        -webkit-padding-start: 7.5rem !important;
        padding-inline-start: 7.5rem !important
    }

    .padding-end-exxl-30 {
        -webkit-padding-end: 7.5rem !important;
        padding-inline-end: 7.5rem !important
    }

    .padding-x-exxl-30 {
        padding-inline: 7.5rem !important
    }

    .margin-exxl-30 {
        margin: 7.5rem !important
    }

    .margin-top-exxl-30 {
        -webkit-margin-before: 7.5rem !important;
        margin-block-start: 7.5rem !important
    }

    .margin-bottom-exxl-30 {
        -webkit-margin-after: 7.5rem !important;
        margin-block-end: 7.5rem !important
    }

    .margin-y-exxl-30 {
        margin-block: 7.5rem !important
    }

    .margin-start-exxl-30 {
        -webkit-margin-start: 7.5rem !important;
        margin-inline-start: 7.5rem !important
    }

    .margin-end-exxl-30 {
        -webkit-margin-end: 7.5rem !important;
        margin-inline-end: 7.5rem !important
    }

    .margin-x-exxl-30 {
        margin-inline: 7.5rem !important
    }
}

/*Utility end ================== */



@media (min-width: 1920px) {
    .container-xmax {
        max-width: 1920px;
    }
}

.section-space-xsm-y {
    padding-block-start: clamp(1rem, 1.68vw + 1rem, 2rem);
    padding-block-end: clamp(1rem, 1.68vw + 1rem, 2rem);
}

.section-space-sm-y {
    padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem);
    padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem);
}

.section-space-y {
    padding-block-start: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
    padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
}

.section-space-top {
    padding-block-start: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
}

.section-space-sm-top {
    padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem);
}

.section-space-xsm-top {
    padding-block-start: clamp(1rem, 1.68vw + 1rem, 2rem);
}

.section-space-bottom {
    padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
}

.section-space-sm-bottom {
    padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem);
}

.section-space-xsm-bottom {
    padding-block-end: clamp(1rem, 1.68vw + 1rem, 2rem);
}

.list {
    --direction: column;
    display: flex;
    flex-direction: var(--direction);
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-row {
    --direction: row;
}

.list-column {
    --direction: column;
}

.qty-brand-slider .swiper-wrapper {
    transition-timing-function: linear;
}

.qty-brand-slider .swiper-slide {
    text-align: center;
}

@keyframes ticker {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes tickerTwo {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

.ticker {
    overflow: hidden;
    box-sizing: content-box;
}

.ticker--one {
    background-color: #00e1be;
    transform: rotate(3deg) translateY(35px);
}

.ticker--two {
    background-color: #fff;
    transform: rotate(-3deg) translateY(-35px);
}

.ticker-container {
    width: calc(100% + 400px);
    left: -400px;
    display: flex;
    gap: 1rem;
}

.ticker-item {
    display: inline-block;
    flex-shrink: 0;
    font-size: 48px;
    font-weight: 700;
    color: #000139;
    white-space: nowrap;
    animation: ticker 60s linear infinite;
    animation-delay: -60s;
}

/*padding style added*/
.ticker-item .list {
    padding: 18px 0px;
}


.ticker-item:nth-child(2) {
    animation: tickerTwo 60s linear infinite;
    animation-delay: -30s;
}

.qty-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    background-color: #fff;
}

.qty-brand__img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.qty-brand__img img {
    -o-object-fit: contain;
    object-fit: contain;
}

.qty-brand__text {
    flex-grow: 1;
    font-size: 20px;
    font-weight: 600;
    color: #000139;
    text-align: start;
}

.section-title {
    font-size: 32px;
}

@media (min-width: 992px) {
    .section-title {
        font-size: 48px;
    }
}

.section-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.25rem 2rem;
    border-radius: 0.5rem;
    background-color: #141414;
    color: #fff;
    text-decoration: none;
}

.section-btn__text {
    display: block;
    font-weight: 600;
    flex-grow: 1;
}

.section-btn__icon {
    flex-shrink: 0;
}

.qty-portfolio:hover .qty-portfolio__arrow-link {
    background-color: #00e1be;
}

.qty-portfolio__img {
    display: grid;
    position: relative;
    isolation: isolate;
}

.qty-portfolio__img-link {
    display: inline-block;
    text-decoration: none;
    border-radius: 1rem;
    overflow: hidden;
}

.qty-portfolio__arrow {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f3f5f8;
    border: 1.25rem solid #f3f5f8;
    border-radius: 1rem 0 0 0;
}

.qty-portfolio__arrow::before {
    content: "";
    position: absolute;
    top: 0;
    right: -1.25rem;
    transform: translateY(calc(-100% - 1.25rem));
    width: 1rem;
    aspect-ratio: 1;
    background-image: radial-gradient(circle at 0 0, transparent 1rem, #f3f5f8 0.5rem);
}

.qty-portfolio__arrow::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: calc(100% + 1.25rem);
    transform: translateY(calc(100% + 0.25rem));
    width: 1rem;
    aspect-ratio: 1;
    background-image: radial-gradient(circle at 0 0, transparent 1rem, #f3f5f8 0.5rem);
}

.qty-portfolio__arrow-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 80px;
    background-color: #d9d9d9;
    border-radius: 1rem;
    color: #000139;
    text-decoration: none;
    transition: all 0.3s ease;
}

.qty-portfolio__arrow-link:hover {
    background-color: #00e1be;
}

.qty-portfolio__body {
    padding-top: 1.5rem;
}

.qty-portfolio__title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

.qty-portfolio-section__text {
    display: none;
}

@media (min-width: 1200px) {
    .qty-portfolio-section {
        position: relative;
        isolation: isolate;
    }

    .qty-portfolio-section__text {
        display: flex;
        gap: 1rem;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 72px;
        font-weight: 700;
        color: transparent;
        transform-origin: 0 0;
        transform: rotate(90deg) translate(-50%, -50%);
        -webkit-text-stroke: 1px #003478;
    }

    

    .qty-portfolio-section__end {
        -webkit-text-stroke: 1px #00e1be;
    }
}

.circle-btn {
    display: grid;
    place-content: center;
    width: 150px;
    aspect-ratio: 1;
    position: relative;
    isolation: isolate;
    border-radius: 50%;
    background-color: #000139;
    color: #fff;
    text-decoration: none;
}

.circle-btn__text {
    position: absolute;
    inset: 1rem;
    font-size: 12px;
    animation: animateText 18s linear infinite;
}

.circle-btn__text span {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    display: inline-block;
    transform-origin: 0 60px;
}


/*hover css start ---------------------- */
.text-center a:hover.circle-btn.mx-auto {
    color: #fff;
}

/*hover css eNd ---------------------- */


@keyframes animateText {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.qty-pricing-section {
    position: relative;
    isolation: isolate;
    background-color: #fff;
}

@media (min-width: 1920px) {
    .qty-pricing-section {
        background-color: #f3f5f8;
    }

    .qty-pricing-section::after {
        content: "";
        pointer-events: none;
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: url(../img/pricing-section-shape.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.select-pricing-btn {
    padding: 10px 24px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    color: #000139;
    font-weight: 600;
}

.select-pricing-btn:focus {
    border-color: transparent;
}

.select-pricing-btn:active {
    border-color: transparent !important;
    background-color: #fff !important;
}

.select-pricing-btn:hover {
    background-color: #fff;
}

.select-pricing-btn.active {
    border-color: transparent;
    background-color: #00e1be;
}

.qty-price-card {
    padding: 35px 40px;
    border-radius: 1rem;
    background-color: #f3f5f8;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: all 0.3s ease;
}

.qty-price-card:hover .qty-price-card__head-icon {
    background-color: #00e1be;
}

.qty-price-card:hover .qty-price-card__feature-icon {
    color: #00e1be;
}

.qty-price-card:hover .qty-price-card__btn-content {
    background-color: #00e1be;
}

.qty-price-card.popular .qty-price-card__head-icon {
    background-color: #00e1be;
}

.qty-price-card.popular .qty-price-card__feature-icon {
    color: #00e1be;
}

.qty-price-card.popular .qty-price-card__btn-content {
    background-color: #00e1be;
}

.qty-price-card__head {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 24px;
}

.qty-price-card__head-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-content: center;
    border-radius: 1rem;
    background-color: #d7d7d7;
    transition: all 0.3s ease;
}

.qty-price-card__title-sub {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #6f6c90;
    line-height: 1.2;
}

.qty-price-card__title-name {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #170f49;
    line-height: 1.2;
}

.qty-price-card__details {
    margin-bottom: 24px;
    font-size: 18px;
    color: #6f6c90;
}

.qty-price-card__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 1rem;
}

.qty-price-card__price-is {
    display: block;
    flex-shrink: 0;
    font-size: 48px;
    font-weight: 700;
    color: #093a3e;
    line-height: 1.2;
}

.qty-price-card__price-text {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    color: #666666;
}

.qty-price-card__feature-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #093a3e;
    line-height: 1.2;
    margin-bottom: 24px;
}

.qty-price-card__feature-icon {
    color: #000139;
    transition: all 0.3s ease;
}

.qty-price-card__feature-text {
    color: #170f49;
    font-weight: 500;
}

.qty-price-card__btn {
    display: inline-block;
    background-color: #fff;
    border: 12px solid #fff;
    border-radius: 1rem 0 0 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.qty-price-card__btn::before {
    content: "";
    display: inline-block;
    line-height: 1;
    position: absolute;
    bottom: 100%;
    right: -12px;
    transform: translateY(calc(-100% + 4px));
    width: 1rem;
    aspect-ratio: 1;
    background-image: radial-gradient(circle at 0 0, transparent 1rem, #fff 0.5rem);
}

.qty-price-card__btn-content {
    width: 90px;
    height: 80px;
    display: grid;
    place-content: center;
    border-radius: 1rem;
    background-color: #d7d7d7;
    transition: all 0.3s ease;
}

.custom-accordion {
    --bs-border-radius: 1rem;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjI5NDkgMS4wMDAyNEw4LjIyOTQ5IDE5IiBzdHJva2U9IiMwMDAxMzkiIHN0cm9rZS13aWR0aD0iMS43OTk5OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjAwMDI1IDguMjU5NzdMOC4yMjkwMiAwLjk5OTg2NEwxNS40NTkgOC4yNTk3NyIgc3Ryb2tlPSIjMDAwMTM5IiBzdHJva2Utd2lkdGg9IjEuNzk5OTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjI5NDkgMS4wMDAyNEw4LjIyOTQ5IDE5IiBzdHJva2U9IiMwMDAxMzkiIHN0cm9rZS13aWR0aD0iMS43OTk5OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjAwMDI1IDguMjU5NzdMOC4yMjkwMiAwLjk5OTg2NEwxNS40NTkgOC4yNTk3NyIgc3Ryb2tlPSIjMDAwMTM5IiBzdHJva2Utd2lkdGg9IjEuNzk5OTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.custom-accordion .accordion-item {
    margin-bottom: 24px;
    border-radius: 1rem;
    border: 0;
    position: relative;
    isolation: isolate;
}

.custom-accordion .accordion-button {
    padding: 30px 24px;
    position: unset;
    border-radius: 1rem !important;
    font-size: 20px;
    font-weight: 600;
    color: #222222;
}

.custom-accordion .accordion-button:focus {
    box-shadow: none;
}

.custom-accordion .accordion-button::before {
    content: "";
    width: 102px;
    height: 68px;
    background-color: #f3f5f8;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 8px 0 0 0;
}

.custom-accordion .accordion-button::after {
    width: 90px;
    height: 56px;
    display: grid;
    place-content: center;
    background-color: #d7d7d7;
    background-position: center;
    border-radius: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.custom-accordion .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
    background-color: #00e1be;
}

.custom-accordion .accordion-body {
    padding-right: 118px;
    padding-top: 0;
    padding-bottom: 24px;
}