@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'), url('../fonts/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy/Gilroy-SemiBold.eot');
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'), url('../fonts/Gilroy/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy/Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'), url('../fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'), url('../fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy/Gilroy-Regular.woff') format('woff'), url('../fonts/Gilroy/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'), url('../fonts/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy/Gilroy-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'MazzardM';
    src: url('../fonts/MazzardM/MazzardM-Medium.ttf');
    src: local('Mazzard M Medium'), local('MazzardM-Medium'), url('../fonts/MazzardM/MazzardM-Medium.ttf') format('embedded-opentype'), url('../fonts/MazzardM/MazzardM-Medium.woff2') format('woff2'), url('../fonts/MazzardM/MazzardM-Medium.woff') format('woff'), url('../fonts/MazzardM/MazzardM-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html, body {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    color: #000000;
    letter-spacing: 0.24px;
    font-family: Gilroy, serif;
    min-height: 100%;
    background-color: #f5f5f5;
}

button,
.button{
    display: inline-block;
    border-radius: 48px;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    /*text-transform: uppercase;*/
    background: linear-gradient(135deg, #0074E8 0%, #1429DE 55.21%, #2B0087 100%);
    color: #ffffff;
    white-space: nowrap;
    padding: 24px 48px;
    border: none;
    letter-spacing: 0.32px;
    transition: all 0.3s ease-in-out;
    font-family: MazzardM, serif;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
button:hover,
.button:hover{
    text-decoration: none;
    background: linear-gradient(96.86deg, #0074e8 0%, #002abf 31.7%, #430098 59.84%, #a00090 100%);
    color: #ffffff;
}
button:disabled {
    background: #EBEBEB;
    cursor: default;
}

a, a:hover {
    text-decoration: none;
    color: #0080FF;
}

input, textarea {
    border-radius: 32px;
    background: rgba(235, 235, 235, 0.5);
    padding: 19px 24px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid rgba(235, 235, 235, 0.5);
    outline: none;
    color: #000000;
}

input:invalid {
    border-color: #ff0000;
}

input::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

input[type=email] {
    padding: 8px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #333333;
    color: #333333;
    border-radius: 0;
    box-shadow: none;
}
input[type=email]:invalid:after{
    content:"!!!";
}
nav ul, nav ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
nav li{
    margin:0;
    padding:0;
}
nav a,
nav a:hover{
    text-decoration: none;
}

.page-wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 96px;
}

strong {
    font-weight: 600;
}
.gradient-color{
    background: linear-gradient(90deg, #0080FF 20.61%, #0400BF 38.17%, #BF008A 55.02%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.gradient-color2{
    background: linear-gradient(147deg, #0074E8 0%, #002ABF 29.12%, #430098 54.97%, #A00090 91.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-background{
    background: linear-gradient(147.43deg, #0074e8 0%, #002abf 29.12%, #430098 54.97%, #a00090 91.86%);
}
.gradient-background2{
    background: linear-gradient(96.86deg, rgba(0, 116, 232, 0.16) 0%, rgba(67, 0, 152, 0.16) 52.08%, rgba(183, 0, 164, 0.16) 100%);
}
.rounded-section{
    border-radius: 48px;
}
.highlight {
    color: #0074E8;
}

.red {
    color: #F00;
}

.pink {
    color: #FF0080;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000000;
    display: block;
    line-height: 1.3;
    font-weight: 500;
    font-family: Gilroy, serif;
    margin: 0 0 26px 0;
}

h1, .h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
}

h2, .h2 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
}

h3, .h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

h4, .h4 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}

h5, .h5 {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
}

h6, .h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
}
.large-text{
    font-size: 48px;
    font-style: normal;
    line-height: 140%;
}
.medium-text{
    font-size: 32px;
    font-style: normal;
    line-height: 140%;
}
.small-text{
    font-size: 16px;
    font-style: normal;
    line-height: 130%;
}
.text-800{
    font-weight: 800;
}
.text-700{
    font-weight: 700;
}
.text-600{
    font-weight: 600;
}
.text-400{
    font-weight: 400;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

/* grid */
.grid-columns {
    display: grid;
    gap: 32px;
    align-items: flex-start;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    width: 100%;
}

.grid-columns.compact {
    gap: 20px;
}

.grid-columns.grid-columns-1 {
    grid-template-columns: 1fr;
}

.grid-columns.grid-columns-2 {
    grid-template-columns: 1fr 1fr;
}

.grid-columns.grid-columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-columns.grid-columns-2-1 {
    grid-template-columns: 2fr 1fr;
}

.grid-columns.grid-columns-1-2 {
    grid-template-columns: 1fr 2fr;
}

.grid-columns.grid-columns-auto-1 {
    grid-template-columns: auto 1fr;
}

.grid-columns > .grid-entire-row {
    grid-column: 1 / -1;
}

.grid-columns.stretch {
    align-items: stretch;
}
.row{
    display: flex;
    flex-direction: row;
}
.column{
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.align-items-center{
    align-items: center;
}
.space-between{
    justify-content: space-between;
}
.gap-24{
    gap: 24px;
}
.gap-48{
    gap: 48px;
}
.gap-64{
    gap: 64px;
}
ul.no-style, ol.no-style{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.no-style>li, ol:no-style>li{
    margin: 0;
    padding: 0;
}
.section-title{
    display: block;
    text-align: center;
    width: 100%;
    margin: 128px 0;
}
main{
    padding-top: 112px;
    position: relative;
    min-height: 600px;
}
#mobile-menu{
    display: none;
}
#header{
    display: block;
    padding: 24px 0;
    background: rgba(245, 245, 245, 0.5);
    backdrop-filter: blur(24px);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
#top-nav a{
    font-size: 16px;
    line-height: 16px;
    color: #0d0d0d;
    font-weight: 600;
}
#top-logo{
    background: url(../images/logotype-color.svg) center center no-repeat;
    background-size: contain;
    width: 134px;
    height: 32px;
    font-size: 0;
    line-height: 0;
}
#footer{
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    margin-top: 60px;
}
#footer,
#footer a{
    color: rgba(255,255,255,0.5);
}
#footer .page-wrapper{
    /*padding: 0 96px;*/
}
#footer .page-wrapper>div{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 14px;
    padding: 75px 96px 30px 96px;
}
#bottom-logo{
    background: url(../images/logotype-white.svg) center center no-repeat;
    background-size: contain;
    width: 136px;
    height: 32px;
    font-size: 0;
    line-height: 0;
}
#bottom-nav a{
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    font-weight: 700;
}
#bottom-nav a:hover{
    color: rgba(255,255,255,0.5);
}
#bottom-nav-section{
    margin: 4px 0;
}
#bottom-social-nav img{
    width: 32px;
    height: 32px;
    object-fit: contain;
    object-position: center;
}
#bottom-social-nav a:hover img{
    opacity: 0.5;
}
#bottom-email{
    width: 100%;
    max-width: 664px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-bottom: 80px;
}
#bottom-email .title{
    font-size: 48px;
    line-height: 48px;
    font-style: normal;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 45px 0;
}
#bottom-email .input{
    position: relative;
    width: 100%;
}
#bottom-email input{
    width: 100%;
    border-bottom: 1px solid #ffffff;
    color: rgba(255,255,255,0.5);
    padding: 8px 0;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
}
#bottom-email input::placeholder{
    color: #ffffff;
}
#bottom-email button{
    position: absolute;
    right: 10px;
    bottom: 4px;
    background: none;
    border: none;
    border-right: 0;
    padding: 8px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
#bottom-email em{
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
    max-width: 500px;
}
#bottom-email em a{
    text-decoration: underline;
}
.quotes{
    position: relative;
    z-index: 2;
}
.quotes:before{
    content:"";
    background: url(/images/quotes.svg) center center no-repeat;
    background-size: contain;
    width: 120px;
    height: 96px;
    display: block;
    position: absolute;
    z-index: 1;
    top: -60px;
    left: -38px;
}
.heart{
    position: relative;
    z-index: 2;
}
.heart:before{
    content:"";
    background: url(/images/heart.svg) center center no-repeat;
    background-size: contain;
    width: 477px;
    height: 440px;
    display: block;
    position: absolute;
    z-index: 1;
    top: -70px;
    left: -120px;
}
.feedback{

}
.feedback .feedback-wrapper{
    background: #ffffff;
    /*width: 400px;*/
    width: 100%;
    height: 292px;
    padding: 32px;
    text-align: left;
    margin-top: 50px;
}
.feedback .feedback-head{
    height: 21px;
    align-items: flex-end;
    width: 100%;
    flex-shrink: 0;
}
.feedback .feedback-foot{
    height: 40px;
    flex-shrink: 0;
}
.feedback .feedback-body{
    height: 100%;
    justify-content: flex-start;
    margin: 20px 0 10px 0;
}
.feedback .feedback-rate{
    height: 100%;
}
.feedback .feedback-avatar{
    width: 96px;
    height: 96px;
    border-radius: 49px;
    overflow: hidden;
}
.feedback .feedback-avatar img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.feedback .feedback-name{
}
.feedback .feedback-title{
    font-size: 12px;
    color: #818181;
}
.slick-slider-widget{
    padding-top: 50px;
    /*overflow: hidden;*/
}
.slick-slider-widget .slick-slider-widget-item{
    padding: 0 5px;
    height: 100%;
    overflow: auto;
}
.slick-slider-widget .slick-slider-widget-item>div{
    margin-top: 0;
    box-shadow: none;
    border: none;
}
.slick-slider-widget .slick-slide{
    overflow: hidden;
}
.slick-slider-widget .slick-slide.slick-active{
    overflow: auto;
}
.slick-slider-widget .slick-arrow {
    position: absolute;
    top: -170px;
    right: 0;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
}
.slick-slider-widget .slick-arrow:hover{
    background: rgba(0, 128, 255, 0.08) !important;
}
.slick-slider-widget .slick-arrow.slick-prev{
    right: 70px;
}
.slick-slider-widget .slick-arrow:after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/arrow-left.svg) center center no-repeat;
    background-size: 40%;
}
.slick-slider-widget .slick-arrow:hover:after{
    background: url(../images/arrow-left-blue.svg) center center no-repeat;
}
.slick-slider-widget .slick-arrow.slick-next:after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 40%;
    transform: rotate(180deg);
}
#banner{
    height: 540px;
    width: 100%;
    position: relative;
    margin: 130px 0;
    font-weight: 600;
}
#banner .banner-images{
    position: absolute;
    left:0;
    bottom: 0;
    height: 100%;
}
#banner .banner-images img{
    opacity: 0;
    transition: all ease 1s;
    max-height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
#banner .banner-images img.active{
    opacity: 1;
}
#banner .banner-text{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 800px;
    text-align: left;
    z-index: 2;
}
#banner .banner-text .large-text{
    padding-right: 30px;
}
#banner .banner-text .text-right{
    max-width: 400px;
    text-align: left;
    margin: 0 0 0 400px;
}
#banner .banner-text .text-right .small-text{
    margin: 25px 0 0 0;
}
#stats{
    gap: 10px;
    padding: 48px 48px 64px 48px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}
#stats>div{
    max-width: 960px;
    margin: 0 auto;
}
#how-it-works{
    text-align: center;
    align-items: center;
    gap: 66px;
}
#how-it-works .section-title{
    margin-bottom: 64px;
}
#how-it-works .medium-text{
    font-size: 24px;
}
#how-it-works ul{
    align-items: stretch;
}
#how-it-works li{
    padding: 48px 48px;
    border: 2px solid #0080FF;
    gap: 16px;
    position: relative;
}
#how-it-works li strong{
    max-width: 304px;
    display: block;
}
#how-it-works li .icon{
    position: absolute;
    left:0;
    right: 0;
    text-align: center;
    margin: -100px auto 0 auto;
    min-width: 240px;
    height: 80px;
    overflow: visible;
}
#how-it-works li .icon:before{
    content:"";
    position: absolute;
    left:48px;
    right:48px;
    bottom: 28px;
    height: 2px;
    background: linear-gradient(90deg, #0074E8 0%, #f5f5f5 30%, #f5f5f5 70%, #0074E8 91.86%);
}
#how-it-works li img{
    position: relative;
    z-index: 1;
    height: inherit;
    object-fit: contain;
    object-position: center;
}
#circle{
    margin: 165px 0 0 0;
    background: url(../images/circle_bg.svg) center center no-repeat;

}
#circle img{
    width: 506px;
    max-width: 70%;
}
#phone{
    margin: 320px 0 0 0;
    padding: 125px 85px 125px 58px;
    font-size: 27px;
    position: relative;
}
#phone .image{
    width: 370px;
    height: 1px;
    flex-shrink: 0;
}
#phone .image img{
    width: inherit;
    position: absolute;
    bottom: 0;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
#phone .image img.hover{
    opacity: 0;
}
#phone .image:hover img{
    opacity: 0;
}
#phone .image:hover img.hover{
    opacity: 1;
}
#stories{
    padding: 20px 0 0 0;
}
#stories .section-title{
    margin-bottom: 13px;
}
#stories #stories-slider .slick-slider-widget-container{
    max-height: 347px;
    overflow-y: hidden;
}
#stories #stories-slider .slick-slider-widget-container.slick-initialized{
    max-height: none;
    overflow-y: visible;
}
#main-backgrounds{
    position: absolute;
    left: 0;
    top:0;
    bottom:0;
    right: 0;
    overflow: hidden;
    /*z-index: 1;*/
}
#pink-ellipse{
    position: absolute;
    top: 1200px;
    right: calc(50% + 300px);
    width: 882px;
    height: 882px;
    border-radius: 441px;
    background: #ff0080;
    opacity: 0.08;
    filter: blur(128px);
    margin: 0 auto;
}
#blue-ellipse{
    position: absolute;
    top: 400px;
    left: calc(50% + 300px);
    width: 982px;
    height: 982px;
    border-radius: 591px;
    background: #0080FF;
    opacity: 0.08;
    filter: blur(128px);
    margin: 0 auto;
}
#blue-ellipse.bottom{
    top: auto;
    left: auto;
    bottom: 110px;
    right: calc(50% + 300px);
}
@media (max-width: 1400px){
    .page-wrapper{
        padding: 0 60px;
    }
}
@media (max-width: 1360px){
    .page-wrapper{
        padding: 0 40px;
    }
}
@media (max-width: 1320px){
    .page-wrapper{
        padding: 0 20px;
    }
}
@media (max-width: 1300px){
    #footer .page-wrapper > div{
        padding: 55px 76px 30px 76px;
    }
    #bottom-email{
        margin-bottom: 40px;
    }
}
@media (max-width: 1200px){
    #footer .page-wrapper > div{
        padding: 35px 56px 30px 56px;
    }
    #bottom-email{
        margin-bottom: 30px;
    }
    #bottom-email .title{
        margin-bottom: 30px;
    }
    #bottom-logo{
        margin-right: 20px;
    }
    #banner .banner-text{
        max-width: 600px;
    }
    #banner .banner-text .text-right{
        margin-left: 200px;
    }
}
@media (max-width: 1100px){
    #bottom-logo{
        order: 2;
    }
    #bottom-nav{
        order: 1;
        width: 100%;
        margin-bottom: 30px;
    }
    #bottom-social-nav{
        order: 3;
    }
    #bottom-nav-section{
        flex-wrap: wrap;
    }
}
@media (max-width: 900px){
    .page-wrapper{
        padding: 0 10px;
    }
    .large-text{
        font-size: 24px;
    }
    .medium-text{
        font-size: 20px;
    }
    #footer .page-wrapper > div{
        padding: 35px 36px 30px 36px;
    }
    #bottom-email{
        margin-bottom: 25px;
    }
    #banner .banner-text{
        max-width: 500px;
    }
    #banner .banner-text .text-right{
        margin-left: 300px;
    }
    #phone{
        font-size: 24px;
    }
}
@media (max-width: 800px){
    .hide-xs{
        display: none;
    }
    button, .button{
        padding: 21px 48px;
    }
    #mobile-menu{
        display: block;
        background: none;
        height: 20px;
        width: 30px;
        border-top: 4px solid #000000;
        border-bottom: 4px solid #000000;
        padding: 0;
        border-radius: 0;
        position: relative;
        z-index: 1;
    }
    #top-logo{
        position: relative;
        z-index: 1;
    }
    body.mobile-menu #mobile-menu{
        background: url(../images/close-button.svg) center center no-repeat;
        background-size: 130%;
        border: none;
    }
    #header>.page-wrapper{
        justify-content: space-between;
        padding: 0 30px;
        flex-wrap: wrap;
        gap: 24px;
    }
    #header>.page-wrapper>.row{
        width: 300px;
        position: fixed;
        top: 0;
        right: -300px;
        bottom: 0;
        background: #ffffff;
        padding-top: 60px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    body.mobile-menu *{
        z-index: 0;
    }
    body.mobile-menu #header{
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    /*body.mobile-menu #header>.page-wrapper>.row,*/
    #header>.page-wrapper>.row ul{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 20px;
    }

    body.mobile-menu #header>.page-wrapper>.row{
        justify-content: flex-start;
        right: 0;
        transition: right 0.5s ease;
    }
    #top-logo{
        width: 102px;
        height: 24px;
    }
    main{
        padding-top: 90px;
    }
    #main-backgrounds{
        display: none;
    }
    .page-wrapper{
        padding: 0;
    }
    #stats.rounded-section,
    #phone.rounded-section,
    #footer .rounded-section{
        border-radius: 0;
    }
    #bottom-email .title{
        font-size: 24px;
    }
    #stats ul,
    #how-it-works ul{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        padding: 30px;
        width: 100%;
    }
    #stats ul li,
    #how-it-works ul li{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section-title{
        margin: 64px 0;
    }
    #how-it-works .section-title{
        margin-bottom: 0px;
    }
    #how-it-works li .icon{
        height: 55px;
        margin-top: -75px;
    }
    #how-it-works ul{
        gap: 60px;
    }
    #phone{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 64px;
        padding: 40px 30px 0 30px;
    }
    #phone div{
        order: 1;
    }
    #phone .image{
        order: 2;
        max-width:200px;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #phone .image img,
    #phone:hover .image img{
        position: static;
        display: block;
        opacity: 1;
        width: 100%;
    }
    #phone .image img.hover,
    #phone:hover .image img.hover{
        display: none;
    }
    .slick-slider-widget .slick-arrow{
        display: none !important;
    }
    #banner{
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 40px 0;
        padding-top: 80px;
        min-height: 470px;
    }
    #banner>div{
        position: relative;
    }
    #banner .banner-images{
        height: auto;
        position: static;
        margin-bottom: 20px;
    }
    #banner .banner-images img{
        display: none;
        position: static;
        width: 100%;
        max-height: 200px;
        object-position: center;
    }
    #banner .banner-images img.active{
        display: block;
    }
    #banner .banner-text{
        position: static;
        max-width: none;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    #banner .banner-text .text-right{
        margin-left: 0;
        text-align: center;
        position: absolute;
        top: 0;
        font-size: 16px;
    }
    #banner .banner-text .text-right>*{
        font-size: inherit;
    }
    #banner .banner-text .text-right .small-text{
        margin-top: 10px;
    }
    #circle{
        margin-top: 64px;
        background: none;
    }
    .heart::before {
        width: 260px;
        height: 260px;
        top: 0;
        left: 0;
    }
    .quotes::before {
        display: none;
    }
    main>.page-wrapper{
        padding:0 30px;
    }
    main#home-page>.page-wrapper{
        padding: 0;
    }
    #bottom-nav ul{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}