@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Light.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Light.woff') format('woff'),
      url('../fonts/EuclidCircularA-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Light-Italic.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Light-Italic.woff') format('woff'),
      url('../fonts/EuclidCircularA-Light-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Regular.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Regular.woff') format('woff'),
      url('../fonts/EuclidCircularA-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Italic.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Italic.woff') format('woff'),
      url('../fonts/EuclidCircularA-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Medium.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Medium.woff') format('woff'),
      url('../fonts/EuclidCircularA-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Medium-Italic.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Medium-Italic.woff') format('woff'),
      url('../fonts/EuclidCircularA-Medium-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 500;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-SemiBold.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-SemiBold.woff') format('woff'),
      url('../fonts/EuclidCircularA-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-SemiBold-Italic.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-SemiBold-Italic.woff') format('woff'),
      url('../fonts/EuclidCircularA-SemiBold-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Bold.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Bold.woff') format('woff'),
      url('../fonts/EuclidCircularA-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Euclid-Circular-A';
    src: url('../fonts/EuclidCircularA-Bold-Italic.woff2') format('woff2'),
      url('../fonts/EuclidCircularA-Bold-Italic.woff') format('woff'),
      url('../fonts/EuclidCircularA-Bold-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}
/* ----- BASE ----- */
html {
    font-size: 16px;
}
body {
    font-family: 'Euclid-Circular-A', sans-serif;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
a {
    text-decoration: none;
    color: inherit;
    transition: 0.4s;
}
a:hover {
    text-decoration: none;
    color: inherit;
}
.page-wrap {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
}
.title {
    text-align: center;
}
.form-control:focus {
    box-shadow: none;
}
/* ----- /BASE ----- */
/*  */
/* ----- TYPOGRAPHY ----- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Euclid-Circular-A', sans-serif;
    font-weight: 700;
}
h1, h2 {
    font-size: 2.875rem;
    line-height: 3.3125rem;
    margin-bottom: 3.7rem;
}
h3, .h3 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.375rem;
}
h4 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 500;
}
h5 {
    font-size: 1.25rem;
    line-height: 1.8125rem;
}
h6 {
    font-size: 1rem;
    line-height: 1.625rem;
}
/* ----- /TYPOGRAPHY ----- */
/*  */
/* ----- BUTTONS ----- */
.btn {
    font-size: 1.25rem;
    font-weight: 600;
    font-family: 'Euclid-Circular-A', sans-serif;
    border-radius: 0.375rem;
    border: 0;
    padding: 0.5rem 2rem;
}
.btn-violet {
    background-color: #0E0E44;
    color: #ffffff;
}
.btn-violet:hover {
    box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14);
    background-color: #0E0E44;
    color: #ffffff;
}
.btn-violet:focus, .btn-violet:active {
    background-color: #0E0E44;
    color: #ffffff;
}
.btn-violet:first-child:active {
    background-color: #0E0E44;
    color: #ffffff;
}
/* ----- /BUTTONS ----- */
/*  */
/* ----- HEADER ----- */
.header {
    padding: 3.2rem 0;
}
.header .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header .menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1.6rem;
}
.header .menu li {
    font-size: 0.8125rem;
    margin-right: 0.1rem;
    border-radius: 0.375rem;
    padding: 0.55rem 0.8125rem;
}
.header .menu li.active {
    background: rgba(14, 14, 68, 0.21);
}
.header .menu li:last-child {
    margin-bottom: 0;
}
.header .menu li a {
    color: #0E0E44;
}
.header .logo {
    margin-right: 1.6rem;
}
.header .menu li:hover a {
    color: #8F2086;
}
/* Header Small */
.header-small .container {
    justify-content: center;
}
.header-small .menu li {
    margin: 0;
}
.header-small .logo {
    margin-right: 1.6rem;
    margin-left: -1.4rem;
}
.header .mobile-nav {
    display: none;
}
/* ----- /HEADER ----- */
/*  */
/* ----- SECTION BANNER ----- */
.section-banner {
    padding-bottom: 4rem;
}
.section-banner .row {
    justify-content: space-between;
}
.section-banner .col-title {
    padding-top: 0.1rem;
}
.section-banner .col-title .btn {
    margin-left: 0.4rem;
}
.section-banner .partners {
    margin: 6.6rem -2.2rem 0 -1.2rem;
}
.section-banner .partners .partners-item {
    display: block;
}
.section-banner .partners .col {
    padding: 0 1.5rem;
}
.photos-slider .user-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-bottom: 1.1rem;
}
.photos-slider .user-name .user-avatar {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.4rem;
}
.photos-slider .user-name .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-banner .swiper {
    margin-top: -5rem;
    height: 30.85rem;
    margin-left: 3.8rem;
}
.section-banner .swiper .swiper-slide {
    width: 18.3125rem;
    margin: 0 auto;
}
.photos-slider .photo-wrap {
    width: 100%;
    height: 23.2rem;
    position: relative;
    z-index: 1;
    margin-bottom: 2.3rem;
}
.photos-slider .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photos-slider .photo-wrap::before {
    content: '';
    width: 100%;
    height: 23.5rem;
    position: absolute;
    left: -1rem;
    top: -0.8rem;
    border: 1px solid #EF9F3E;
    z-index: -1;
}
.section-banner .swiper .swiper-slide .icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.section-banner .swiper .swiper-slide .icons img {
    width: auto;
    flex: 0 0 1.5rem;
    max-width: 1.5rem;
    max-height: 1.25rem;
    object-fit: contain;
    object-position: center;
    margin-right: 0.3rem;
}
.section-banner .swiper .swiper-slide .icons img:last-child {
    margin-right: 0rem;
    margin-left: auto;
    max-width: 1.1rem;
}
/* ----- /SECTION BANNER ----- */
/*  */
/* ----- SECTION TEXT ----- */
.section-text {
    padding-top: 3.65rem;
    padding-bottom: 4rem;
}
.section-text .title {
    max-width: 47rem;
    margin: 0 auto;
}
.section-text .title h2 {
    padding: 0 3rem;
    margin-bottom: 1.4rem;
}
.section-text .title h4 {
    margin-bottom: 2.05rem;
}
/* ----- /SECTION TEXT ----- */
/*  */
/* ----- SECTION BUY CARDS ----- */
.section-buy-cards {
    padding-top: 2.4rem;
    padding-bottom: 5rem;
}
.section-buy-cards .title {
    max-width: 40rem;
    margin: 0 auto 3.8rem;
}
.section-buy-cards .row {
    margin: 0 1.5rem 0 0.7rem;
}
.section-buy-cards .col {
    padding: 0 1.4375rem;
}
.card-buy .card-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.25rem;
    padding: 0 0.4rem;
}
.card-buy .card-title .circle {
    width: 2.625rem;
    flex: 0 0 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    margin-right: 0.7rem;
}
.card-buy .card-title .circle-violet {
    background-color: #8F2086;
}
.card-buy .card-title .circle-yellow {
    background-color: #FDD55B;
}
.card-buy .card-title .circle-blue {
    background-color: #23A6DA;
}
.card-buy .card-title h6 {
    margin-bottom: 0;
}
.card-buy .card-content {
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    min-height: 19.7rem;
    padding: 1.1rem 1.1rem 0.7rem;
    margin-bottom: 0.6rem;
}
.card-buy .icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.card-buy .icons img {
    object-fit: contain;
    flex: 0 0 1.4rem;
    max-width: 1.4rem;
    max-height: 1.4rem;
    margin-right: 0.5rem;
    object-position: center;
}
.card-buy .icons img:last-child {
    margin-left: auto;
    margin-right: 0.8rem;
    max-width: 1.1rem;
    flex: 0 0 1.1rem;
}
.card-buy .btn {
    margin-top: 2rem;
    width: 100%;
    padding: 0.55rem 2.5rem;
}
/* ----- /SECTION BUY CARDS ----- */
/*  */
/* ----- SECTION SERVICES ----- */
.section-services {
    padding-top: 3.9rem;
    padding-bottom: 2rem;
}
.section-services .title {
    max-width: 50rem;
    margin: 0 auto 2.9rem;
}
.smile-bar .ui-slider {
    margin: 3rem auto 0;
    max-width: 15.3rem;
    border-radius: 1rem;
    height: 0.75rem;
    border: 0;
    background: #dee2e6;
}
.smile-bar .ui-slider-range {
    background: linear-gradient(90deg, #D518B5 0%, #DE1B9B 24.95%, #E91F7D 58.23%, #EF226B 87.34%, #F22365 108.14%, #F22B5F 122.69%, #F5424F 145.57%, #F96835 172.6%, #FE9C11 205.87%, #FFA00F 207.95%);
    border-radius: 1rem;
    transition: 1s;
}
.smile-bar span.ui-slider-handle {
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(../img/icon-smile.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin-top: -0.45rem;
    transition: 1s;
    margin-left: -1.8rem;
}
.smile-bar .animated span.ui-slider-handle {
    left: 100% !important;
}
.smile-bar .animated .ui-slider-range {
    width: 100% !important;
}
.section-services .title .smile-bar {
    margin: -1rem auto 0;
    position: relative;
}
.section-services .col {
    padding: 0 1.4375rem;
}
.services-card {
    border-radius: 1.375rem;
    padding: 2.25rem 2.65rem 2.3125rem;
    margin-bottom: 2.9rem;
    text-align: center;
}
.services-card .card-content {
    background: #FFFFFF;
    border-radius: 0.375rem;
    padding: 0.85rem 0.8rem 0.9rem;
    min-height: 19.4375rem;
}
.services-card .card-content p {
    font-size: 0.8125rem;
    line-height: 1.375rem;
}
.services-card .card-content p:last-child {
    margin-bottom: 0;
}
.services-card-yellow {
    background-color: rgba(253, 213, 91, 0.17);
}
.services-card-purple {
    background-color: #E5CCE3;
}
.services-card-blue {
    background-color: #EDF8FC;
}
.services-card .card-content h6 {
    margin-bottom: 0.6rem;
    min-height: 3.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ----- /SECTION SERVICES ----- */
/*  */
/* ----- SECTION FEATURES ----- */
.section-features {
    padding-top: 2.1rem;
    padding-bottom: 2rem;
}
.section-features h2 {
    margin-bottom: 2.95rem;
}
.section-features .title p {
    max-width: 46rem;
    margin: 0 auto 1rem;
}
.section-features .title p:last-child {
    margin-bottom: 0;
}
.section-features .title {
    margin-bottom: 0.35rem;
}
.section-features .col {
    padding: 0;
}
.section-features .row {
    margin: 0 -0.9rem;
}
.section-features ul {
    padding-left: 1.1rem;
}
.section-features ul li {
    position: relative;
    margin-bottom: 1.7rem;
}
.section-features ul li::before {
    content: '';
    background: #8F2086;
    border-radius: 50%;
    width: 0.4375rem;
    height: 0.4375rem;
    position: absolute;
    left: -0.95rem;
    top: 0.65rem;
}
/* ----- /SECTION FEATURES ----- */
/*  */
/* ----- SECTION HOW WORK ----- */
.section-how-work {
    padding-top: 1.7rem;
    padding-bottom: 3.2rem;
}
.section-how-work .title {
    color: #ffffff;
    background-color: #23A6DA;
    max-width: 100%;
    margin: 0 auto 10.6rem;
    padding: 0.8rem 3rem 0.4rem;
    border-radius: 6.25rem;
    position: relative;
    transition: 0.4s;
    z-index: 2;
}
.section-how-work .title:hover {
    max-width: 47rem;
    margin: 0 auto 9.8rem;
}
.section-how-work .title p {
    max-width: 41rem;
    margin: 0 auto 1rem;
}
.section-how-work .title h2 {
    margin-bottom: 0.6rem;
}
.section-how-work .row {
    margin: 0 4.3rem 0 8.8rem;
}
.how-work-item .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 0.6rem;
    position: relative;
    z-index: 1;
}
.how-work-item .icon::before {
    content: '';
    width: 1px;
    height: 10.75rem;
    background-color: #23A6DA;
    position: absolute;
    top: -10.7rem;
    left: 0;
    right: 1.5rem;
    margin: 0 auto;
    z-index: -1;
}
.how-work-item .icon img {
    max-width: 3.25rem;
    margin: 0 auto;
}
.how-work-item h6 {
    position: relative;
    margin-bottom: 0rem;
}
.how-work-item h6::before {
    content: '';
    width: 0.5625rem;
    height: 0.5625rem;
    position: absolute;
    left: -1.2rem;
    top: 0.6rem;
    border-radius: 50%;
    background: #8F2086;
}
.section-how-work .col {
    padding-right: 0;
    padding-left: 0;
}
.section-how-work .col:first-child .how-work-item .icon {
    padding-right: 1.5rem;
}
.section-how-work .col:nth-child(2) {
    padding-top: 13.6rem;
    margin-left: -3.7rem;
    padding-right: 1rem;
}
.section-how-work .col:nth-child(2) .how-work-item .icon {
    padding-right: 2.7rem;
    margin-bottom: 2.6rem;
}
.section-how-work .col:nth-child(2) .how-work-item h6 {
    margin-bottom: 1.4rem;
}
.section-how-work .col:nth-child(3) {
    padding-top: 3.3rem;
    margin-left: 1.3rem;
    padding-right: 0.3rem;
}
.section-how-work .col:nth-child(3) .how-work-item .icon {
    margin-bottom: 0.8rem;
    padding-right: 2.6rem;
}
.section-how-work .col:nth-child(2) .how-work-item .icon::before {
    right: 2.65rem;
    height: 26.5625rem;
    top: -26.4rem;
}
.section-how-work .col:nth-child(3) .how-work-item .icon::before {
    height: 14.875rem;
    right: 2.6rem;
    top: -14.6rem;
}
/* ----- /SECTION HOW WORK ----- */
/*  */
/* ----- SECTION REVIEWS ----- */
.section-reviews {
    padding-top: 1.75rem;
    margin-bottom: 10.9rem;
}
.section-reviews h4 {
    margin: 0 0.2rem 0.8rem;
}
.section-reviews .owl-carousel {
    border: 1px solid rgba(14, 14, 68, 0.21);
    padding-top: 5rem;
    padding-bottom: 4rem;
}
.section-reviews .owl-carousel img {
    width: auto;
}
.section-reviews .owl-carousel .owl-stage-outer {
    padding-left: 4.2rem;
}
.review-item {
    width: 26.375rem;
}
.review-item .review-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}
.review-item .review-title .rating {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    align-self: flex-end;
    margin-bottom: 0.1rem;
    justify-content: flex-end;
    margin-right: 0.5rem;
}
.review-item .user-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.review-item .user-name p {
    max-width: 9rem;
    margin-bottom: 0;
    color: rgba(14, 14, 68, 0.21);
    font-size: 0.8125rem;
    line-height: 1.375rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.review-item .review-title .arrow {
    width: 0.75rem;
    flex: 0 0 0.75rem;
    margin-right: 1rem;
}
.review-item .user-name .user-avatar {
    width: 2.9375rem;
    height: 2.9375rem;
    flex: 0 0 2.9375rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.8rem;
}
.review-item .user-name .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-item .user-name h6 {
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    font-weight: 400;
    margin-bottom: -0.2rem;
    margin-top: 0.2rem;
}
.review-item .review-content {
    background: rgba(14, 14, 68, 0.21);
    border-radius: 0.6875rem;
    margin-left: 3rem;
    padding: 1.1rem 1.5rem 1.9rem 0.85rem;
}
.review-item .review-content p {
    font-size: 0.8125rem;
    line-height: 1.375rem;
}
.review-item .review-content p:last-child {
    margin-bottom: 0;
}
.review-item .review-title .rating img {
    width: 1.2rem;
    flex: 0 0 1.2rem;
    margin-left: 0.22rem;
}
/* ----- /SECTION REVIEWS ----- */
/*  */
/* ----- FOOTER ----- */
.footer {
    background: rgba(14, 14, 68, 0.21);
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 1.4rem;
    margin-top: auto;
}
.footer .row {
    margin-left: 1.5rem;    
}
.footer .footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.7rem;
}
.footer .footer-menu li {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    margin: 0 0.9375rem;
    font-family: 'Lato', sans-serif;
}
.footer .footer-menu li:hover a {
    color: #8F2086;
}
.footer .footer-menu:first-child li {
    margin: 0 0.8125rem;
}
.footer .footer-menu li a {
    color: #0E0E44;
}
.footer .footer-logo {
    display: block;
    width: 5.0625rem;
}
.footer .col-logo {
    padding-right: 0;
}
.footer .col-nav {
    padding: 0;
    padding-top: 0.1rem;
    padding-right: 1.1rem;
}
.footer .footer-nav {
    margin: 0 -2rem;
}
.footer .payment-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.3rem;
}
.footer .payment-cards img {
    margin: 0 0.1rem;
}
/* ----- /FOOTER ----- */
/*  */
/* ----- SECTION BANNER BUY ----- */
.section-banner-buy {
    padding-bottom: 2.15rem;
}
.section-banner-buy .col-title {
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-banner-buy .col-title h1 {
    margin-bottom: 1.3rem;
}
.section-banner-buy .col-title p {
    max-width: 40rem;
}
.section-banner-buy .col-title p span {
    color: #8F2086;
}
.section-banner-buy .col-slider {
    padding-right: 0rem;
}
.stories-slider-wrap {
    width: 20.9375rem;
    margin: -2.3rem auto 0;
}
.stories-slider .swiper-slide {
    width: 100%;
    height: 33.5rem;
    position: relative;
    border-radius: 0.5625rem;
    overflow: hidden;
}
.stories-slider .swiper-slide .user-name {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    position: absolute;
    top: 0.8rem;
    left: 0.4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #ffffff;
}
.stories-slider .swiper-slide .user-name .user-avatar {
    width: 2.375rem;
    height: 2.375rem;
    flex: 0 0 2.375rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.3rem;
}
.stories-slider .swiper-slide .user-name .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stories-slider .swiper-slide .user-name svg {
    margin-top: 0.1rem;
}
.stories-slider .swiper-slide .photo-wrap {
    width: 100%;
    height: 100%;
}
.stories-slider .swiper-slide .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5625rem;
}
.stories-slider-wrap .story-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.4rem;
    padding: 0 0.6rem 0 0.2rem;
}
.stories-slider-wrap .story-nav .message-input {
    margin-right: auto;
    height: 1.9375rem;
    width: auto;
    margin: 0;
}
.stories-slider-wrap .story-nav img {
    width: 1.5rem;
    height: 1.3rem;
    object-fit: contain;
    margin-left: 0.5rem;
}
.section-banner-buy .nav-tabs {
    margin-top: 1rem;
    border: 0;
    justify-content: center;
    padding-right: 2.3rem;
    margin-bottom: 0.5rem;
}
.section-banner-buy .nav-tabs .nav-link {
    border: 1px solid rgba(14, 14, 68, 0.21);
    border-radius: 0.375rem;
    color: #0E0E44;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.5rem 0.1rem;
    width: 100%;
}
.section-banner-buy .nav-tabs .nav-link.active {
    background: rgba(253, 213, 91, 0.17);
    border: 1px solid #FDD55B;
}
.section-banner-buy .nav-tabs .nav-item {
    margin: 0 0.0625rem;
    flex: 0 0 10.375rem;
    max-width: 10.375rem;
}
.section-banner-buy .tab-content {
    padding-right: 2.4rem;
    margin-bottom: 0.2rem;
}
.section-banner-buy .buy-box {
    background: rgba(253, 213, 91, 0.17);
    border: 1px solid #FDD55B;
    border-radius: 0.375rem;
    max-width: 20.8125rem;
    margin: 0 auto;
    padding: 0.6rem 1.5rem 0.6rem;
    position: relative;
}
.section-banner-buy .buy-box::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5L5 0L10 5H0Z' fill='%23FDD55B'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -0.35rem;
    left: 44.3%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.625rem;
    height: 0.3125rem;
}
.section-banner-buy .tab-pane:nth-child(2n) .buy-box::before {
    left: 52.6%;
}
.section-banner-buy .buy-box ul li {
    font-size: 0.8125rem;
    line-height: 1rem;
    position: relative;
    padding-left: 0.7rem;
    margin-bottom: 0.2rem;
    flex: 0 0 47%;
    max-width: 47%;
}
.section-banner-buy .buy-box ul li::before {
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.4rem;
    background-color: #E5CCE3;
    width: 0.25rem;
    height: 0.25rem;
}
.section-banner-buy .buy-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0.4rem 0.5rem;
    font-family: 'Inter', sans-serif;
    justify-content: space-between;
    text-align: left;
}
.section-banner-buy .buy-box ul li:nth-child(2n) {
    flex: 0 0 42%;
    max-width: 42%;
}
.section-banner-buy .buy-box .radio-buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0.1rem 0 -0.3rem;
}
.section-banner-buy .buy-box .radio-buttons .btn-radio {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 0.4375rem;
    margin-bottom: 1.9rem;
}
.section-banner-buy .buy-box .radio-buttons .btn-radio:nth-last-child(-n+4) {
    margin-bottom: 0;
}
.section-banner-buy .buy-box .radio-buttons .btn-radio .btn {
    border: 1px solid #0E0E44;
    background: #ffffff;
    font-weight: 400;
    font-size: 0.8125rem;
    padding: 0;
    height: 3.6rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 0.5rem;
}
.section-banner-buy .buy-box .radio-buttons .btn-radio .btn .save {
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 0.625rem;
    border-top: 1px solid #000000;
    font-weight: 400;
    color: #8F2086;
    line-height: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: auto;
    padding: 0.2rem 0;
}
.section-banner-buy .buy-box .radio-buttons .btn-radio .btn .save span {
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
}
.section-banner-buy .buy-box .radio-buttons .btn-radio .btn-check:checked~.btn {
    background: #FDD55B;
}
.section-banner-buy .buy-box .price-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 1.5rem;
}
.section-banner-buy .buy-box .price-wrap h6 {
    color: #0E0E44;
    margin-right: 1.2rem;
    margin-bottom: 0;
    margin-left: -0.3rem;
}
.section-banner-buy .buy-box .price-wrap .price span {
    display: block;
    color: #0E0E44;
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 400;
    position: absolute;
    top: -1rem;
    left: 0.7rem;
}
.section-banner-buy .buy-box .price-wrap .price {
    font-weight: 700;
    color: #8F2086;
    font-size: 1rem;
    text-align: right;
    position: relative;
}
.section-banner-buy .buy-box .price-wrap .btn {
    margin-left: auto;
    padding: 0.188rem 2.3rem;
    margin-right: -0.2rem;
    margin-bottom: 0.3rem;
}
.section-banner-buy .partners {
    margin: 6.4rem 6.1rem 0 7.6rem;
}
.section-banner-buy .partners .partners-item {
    display: block;
}
.likes-slider-wrap {
    width: 20.95rem;
    margin-top: -4.6rem;
    margin-right: 3.25rem;
}
.likes-slider-wrap .swiper {
    height: 38.6rem;
}
.likes-slider .swiper-slide .user-name {
    position: static;
    margin-bottom: 1.3rem;
    color: #000000;
}
.likes-slider .swiper-slide .user-name .user-avatar {
    width: 3.5rem;
    height: 3.5rem;
    flex: 0 0 3.5rem;
    margin-right: 0.5rem;
}
.likes-slider .swiper-slide .photo-wrap {
    height: 29.4rem;
}
.likes-slider .swiper-slide .photo-wrap img {
    border-radius: 0;
}
.likes-slider-wrap .story-nav {
    padding: 0;
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.1rem;
}
.likes-slider-wrap .story-nav img {
    margin: 0;
    margin-right: 0.3rem;
    width: 100%;
    height: 100%;
    max-width: 1.8rem;
    flex: 0 0 1.8rem;
    max-height: 1.6rem;
    object-fit: contain;
}
.likes-slider-wrap .story-nav img:last-child {
    margin-right: 0.4rem;
    margin-left: auto;
    flex: 0 0 1.4rem;
    max-height: 1.5rem;
}
.likes-slider-wrap .likes-number {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    padding-left: 0.1rem;
}
.likes-slider-wrap .likes-number span {
    color: #8F2086;
}
/* Views Slider */
.section-banner-buy-views .col-slider {
    padding-right: 1.2rem;
}
.views-slider-wrap {
    width: 20.8125rem;
    margin-top: -4.5rem;
    margin-right: 1.5rem;
}
.views-slider .swiper-slide .user-name {
    top: 0.8rem;
    left: 0.4rem;
}
.views-slider .swiper-slide .user-name .user-avatar {
    margin-right: 0.2rem;
}
.views-slider .swiper-slide .photo-wrap {
    height: 33.2rem;
}
.views-slider .swiper-slide {
    height: 38.1rem;
}
.views-slider-wrap .story-nav .message-input {
    height: 1.92rem;
    margin-right: auto;
}
.views-slider-wrap .story-nav img {
    margin-left: 0.6rem;
    width: 1.5rem;
}
.views-slider-wrap .story-nav {
    padding-right: 0.6rem;
}
.views-slider-wrap .story-nav img:nth-last-child(2) {
    margin-left: 0;
}
.views-slider .swiper-slide .story-views {
    padding: 0 0.6rem 0 0.4rem;
    display: flex;
    align-items: flex-end;
    margin-top: 0.9rem;
}
.views-slider .swiper-slide .story-views .views {
    display: flex;
    align-items: center;
    color: #8F2086;
    font-size: 0.8125rem;
    line-height: 0.8125rem;
    margin-left: 1.15rem;
}
.views-slider .swiper-slide .story-views .views img {
    flex: 0 0 1.8rem;
    width: 1.8rem;
    margin-right: 0.4rem;
}
.views-slider .swiper-slide .story-views img:last-child {
    margin-left: auto;
}
.views-slider .swiper-slide .user-name.text-dark {
    color: #000000;
}
.section-banner-buy-views .col-title p {
    max-width: 35rem;
}
.section-banner-buy .col-image {
    position: relative;
    margin-top: -3.15rem;
    padding-left: 2.8rem;
}
.section-banner-buy .counters {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    right: 1.9rem;
    top: 0;
}
.section-banner-buy .counters .counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    margin-left: 1.9rem;
}
.section-banner-buy .counters .counter .number {
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    margin-bottom: 0.3rem;
}
.section-banner-buy .counters .counter-followers {
    color: #8F2086;
}
.instagram-account {
    margin-top: -1.3rem;
    margin-left: 1.5rem;
    max-width: 23.5rem;
}
.instagram-account .user-avatar {
    width: 7.4375rem;
    height: 7.4375rem;
    border-radius: 50%;
    border: 1px solid #0E0E44;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.7rem;
}
.instagram-account .user-avatar img {
    width: 6.375rem;
    height: 6.375rem;
    object-fit: contain;
    border-radius: 50%;
}
.instagram-account .user-name {
    font-size: 0.625rem;
    line-height: 1rem;
    font-weight: 300;
}
.instagram-account .user-name h6 {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    font-weight: 400;
}
.instagram-account .user-name .link {
    display: flex;
    align-items: center;
    color: #109EBD;
    margin-left: -0.3rem;
    margin-bottom: 0.35rem;
}
.instagram-account .user-name .link:hover {
    color: #000000;
}
.instagram-account .user-name p {
    margin-bottom: 0.2rem;
}
.instagram-account .buttons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}
.instagram-account .btn-instagram {
    background-color: #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1875rem;
    font-weight: 400;
    padding: 0;
    height: 2.1875rem;
    width: 10.3125rem;
    margin-right: 0.3rem;
}
.instagram-account .btn-instagram svg {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}
.instagram-account .btn-follow {
    width: 2.1875rem;
    padding-top: 0.1rem;
    padding-left: 0.3rem;
    margin: 0;
}
.instagram-account .actual-stories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}
.instagram-account .actual-stories .stories-item .img-wrap {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: block;
    margin-bottom: 0.5rem;
}
.instagram-account .actual-stories .stories-item {
    color: #0E0E44;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 1rem;
    text-align: center;
    flex: 0 0 3.5rem;
    max-width: 3.5rem;
}
.instagram-account .actual-stories .stories-item .img-wrap-grey {
    background: rgba(14, 14, 68, 0.21);
}
.instagram-account .actual-stories .stories-item .img-wrap-purple {
    background: #E5CCE3;
}
.instagram-account .actual-stories .stories-item .img-wrap-yellow {
    background: rgba(253, 213, 91, 0.17);
}
.instagram-account .actual-stories .stories-item .img-wrap-blue {
    background: #EDF8FC;
}
.instagram-account .account-photos {
    display: flex;
    flex-wrap: wrap;
}
.instagram-account .account-photos img {
    width: 7.6875rem;
    height: 7.6875rem;
    flex: 0 0 7.6875rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}
.instagram-account .account-photos img:nth-child(3n) {
    margin-right: 0;
}
.instagram-account .account-photos img:nth-child(2), 
.instagram-account .account-photos img:nth-child(5n) {
    width: 7.4375rem;
    flex: 0 0 7.4375rem;
}
/* ----- /SECTION BANNER BUY ----- */
/*  */
/* ----- SECTION BECOME INFLUENCER ----- */
.section-become-influencer .title h2 {
    padding: 0 1rem;
    margin-bottom: -0.1rem;
}
.section-become-influencer .title h2:nth-last-child(2) {
    margin-bottom: 1.4rem;
}
/* ----- SECTION BECOME INFLUENCER ----- */
/*  */
/* ----- SECTION REASONS ----- */
.section-reasons {
    padding-top: 0.4rem;
    padding-bottom: 2rem;
}
.section-reasons .title h4 span {
    color: #8F2086;
}
.section-reasons .title {
    text-align: left;
    max-width: 45rem;
    margin: 0 auto 1.7rem;
}
.section-reasons .row {
    margin: 0 1rem 0 0.6rem;
}
.section-reasons .col {
    padding: 0 0.8125rem;
}
.section-reasons .col > p {
    margin-right: -0.5rem;
    margin-bottom: 1.4rem;
}
.section-reasons .services-card {
    padding: 1.3125rem 1rem;
    border-radius: 3.3125rem;
    text-align: center;
    margin-bottom: 2.9375rem;
}
.section-reasons .services-card .card-content {
    border-radius: 3.3125rem;
    padding: 2.15rem 1rem 1.1rem;
    min-height: 23.375rem;
}
.section-reasons .services-card h4 {
    margin-bottom: 1.1rem;
}
.section-reasons .services-card p {
    font-size: 1.1875rem;
    line-height: 1.6875rem;
}
.section-reasons .col:nth-child(2) {
    padding-top: 3.2rem;
}
.section-reasons .col:nth-child(2) .services-card:first-child h3 {
    margin: 0 -1rem 0.9rem;
}
.section-reasons .services-card p:last-child {
    margin-bottom: 0;
}
/* ----- /SECTION REASONS ----- */
/*  */
/* ----- SECTION FAQS ----- */
.section-faqs {
    padding-top: 2.4rem;
    padding-bottom: 1rem;
}
.section-faqs .title {
    margin-bottom: 4.5rem;
}
.section-faqs .title h2 {
    margin-bottom: 1.4rem;
}
.section-faqs .title p {
    max-width: 50rem;
    margin: 0 auto 1rem;
}
.section-faqs .title p span {
    color: #8F2086;
}
.faq-item {
    border-bottom: 1px solid rgb(5 7 8 / 20%);
    padding-bottom: 0.9rem;
    margin-bottom: 4.7rem;
    min-height: 9.5rem;
}
.faq-item .number {
    color: #8F2086;
    font-weight: 700;
    font-size: 1.5rem;
    padding: 0.4rem 0.1rem 0;
    flex: 0 0 2.8rem;
    max-width: 2.8rem;
}
.faq-item .col:nth-child(2) {
    flex: 0 0 44.5%;
    max-width: 44.5%;
    padding-right: 1.2rem;
}
.faq-item .col:nth-child(3) {
    padding-right: 0.4rem;
}
.faq-item p:last-child {
    margin-bottom: 0;
}
/* ----- /SECTION FAQS ----- */
/*  */
/* ----- SECTION REVIEWS TABS ----- */
.section-reviews-tabs {
    padding-top: 2.5rem;
    padding-bottom: 4.3rem;
}
.section-reviews-tabs .title-box {
    background: rgba(253, 213, 91, 0.17);
    border-radius: 3.3125rem;
    text-align: center;
    padding: 0.7rem 1.5rem;
    margin-bottom: 2.45rem;
}
.section-reviews-tabs .title-box .box-content {
    background-color: #ffffff;
    border-radius: 3.3125rem;
    padding: 3.3rem 2.6rem 2.1rem;
}
.section-reviews-tabs .title-box h3 {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.125rem;
    margin-bottom: 2rem;
}
.section-reviews-tabs .title-box .rating-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-reviews-tabs .title-box .rating-wrap p {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    display: flex;
    align-items: center;
}
.section-reviews-tabs .title-box .rating-wrap p span {
    color: #8F2086;
    font-weight: 500;
    font-size: 1.5rem;
    margin-right: 0.7rem;
}
.section-reviews-tabs .title-box .rating-wrap .rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.section-reviews-tabs .title-box .rating-wrap .rating img {
    width: 1.125rem;
    flex: 0 0 1.125rem;
    margin-left: 0.25rem;
}
.section-reviews-tabs .swiper {
    height: 37.7rem;
    margin: 0 3.4rem 0 2.1rem;
    position: relative;
}
.section-reviews-tabs .swiper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    height: 4.9rem;
    z-index: 10;
}
.section-reviews-tabs .col-reviews {
    position: relative;
    padding-right: 2.7rem;
    padding-left: 1rem;
}
.section-reviews-tabs .col-reviews .swiper-pagination-bullet {
    margin: 0 auto 0.4rem;
    background: #F5E7AB;
    transform: none;
    opacity: 1;
    width: 0.6875rem;
    height: 0.6875rem;
}
.section-reviews-tabs .col-reviews .swiper-pagination {
    margin-left: 13.6rem;
    margin-top: -3.3rem;
    transform: none;
    right: auto;
    top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto !important;
    width: 1rem;
}
.section-reviews-tabs .col-reviews .swiper-pagination-bullet-active {
    width: 1rem;
    height: 1rem;
    background: #FDD55B;
    margin: 0 auto 0.4rem;
}
.section-reviews-tabs .col-reviews .swiper-pagination-bullet-active + .swiper-pagination-bullet{
    width: 0.8125rem;
    height: 0.8125rem;
    margin: 0 auto 0.4rem;
}
.section-reviews-tabs .col-write-review {
    padding-top: 3.4rem;
    text-align: center;
    padding-left: 3.8rem;
}
.section-reviews-tabs .col-write-review > .btn {
    padding: 0.5rem 1.7rem;
}
.section-reviews-tabs .form-box {
    border: 1px solid rgba(14, 14, 68, 0.21);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0.375rem;
    text-align: center;
    padding: 0 0.9rem;
    max-width: 20.25rem;
    margin: 0 auto;
    position: relative;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}
.section-reviews-tabs .form-box.visible {
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
    margin: 8.5rem auto 0;
    padding: 2.4rem 0.9rem 4.3rem;
}
.section-reviews-tabs .form-box .btn-close {
    position: absolute;
    top: 0.7rem;
    right: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background: none;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
}
.section-reviews-tabs .form-box .btn-close:focus {
    box-shadow: none;
}
.section-reviews-tabs .form-box .btn-close svg {
    width: 100%;
    height: 100%;
}
.section-reviews-tabs .form-box .form-group {
    text-align: left;
    margin-bottom: 0.875rem;
    position: relative;
}
.section-reviews-tabs .form-box .form-group:last-child {
    margin-bottom: 0;
}
.section-reviews-tabs .form-box .form-group label {
    color: #492375;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.8125rem;
    line-height: 1rem;
    padding: 0 1.2rem;
    margin-bottom: 0.2rem;
}
.section-reviews-tabs .form-box h5 {
    margin-bottom: 3rem;
}
.section-reviews-tabs .form-box .form-group label .rating {
    display: flex;
    margin-left: auto;
}
.section-reviews-tabs .form-box .form-group .form-control {
    height: 2.0625rem;
    border: 1px solid rgba(14, 14, 68, 0.21);
    border-radius: 3.125rem;
    font-size: 0.625rem;
    padding: 0.475rem 1.1rem;
}
.section-reviews-tabs .form-box .form-group .form-control::placeholder {
    color: rgba(14, 14, 68, 0.21);
    font-weight: 300;
}
.section-reviews-tabs .form-box .form-group label .rating {
    margin-right: -0.2rem;
    margin-top: 0.2rem;
    visibility: visible;
    max-width: 1000px;
    opacity: 1;
    transition: 0.4s;
}
.section-reviews-tabs .form-box .form-group label .rating svg {
    width: 0.6875rem;
    flex: 0 0 0.6875rem;
    margin-left: 0.2rem;
}
.section-reviews-tabs .form-box .form-group textarea.form-control {
    min-height: 1rem;
    margin-top: 0.4rem;
    border: 1px solid rgba(14, 14, 68, 0.21);
    overflow: hidden;
}
.section-reviews-tabs .form-box .form-group-rating {
    margin-top: 2.1rem;
}
.section-reviews-tabs .form-box .btn-submit {
    color: #23A6DA;
    font-size: 1.125rem;
    border: 0;
    background: transparent;
    padding: 0;
    position: absolute;
    right: 0.6rem;
    bottom: 0.3rem;
}
.section-reviews-tabs .review-item .review-content {
    padding: 1.1rem 1.3rem 1.9rem 0.75rem;
    width: 23.375rem;
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
}
.section-reviews-tabs .review-item .user-name p {
    font-size: 1.1875rem;
    max-width: 10rem;
}
.section-reviews-tabs .swiper .swiper-slide-next+.swiper-slide .review-item .review-content {
    visibility: hidden;
    opacity: 0;
}
.section-reviews-tabs .swiper .swiper-slide-next+.swiper-slide .review-item .rating {
    max-width: 0;
    visibility: hidden;
    opacity: 0;
}
.section-reviews-tabs .swiper .swiper-slide-next+.swiper-slide .review-item .user-avatar {
    width: 5.25rem;
    height: 5.25rem;
    flex: 0 0 5.25rem;
    transition: 0.4s;
    margin-right: 1.4rem;
}
.section-reviews-tabs .swiper .swiper-slide-next+.swiper-slide {
    justify-content: flex-end;
}
.section-reviews-tabs .swiper-slide {
    display: flex;
}
.section-reviews-tabs .swiper .swiper-slide-next+.swiper-slide .review-item {
    width: 17.2rem;
    margin-top: 1.9rem;
}
.section-reviews-tabs .review-item {
    transition: 0.4s;
    margin-left: auto;
}
.section-reviews-tabs .col-reviews .swiper-pagination-bullet:nth-last-child(-n+3) {
    display: none;
}
.section-reviews-tabs .col-reviews .swiper-pagination-bullet:nth-child(-n+3) {
    display: block;
}
/* ----- /SECTION REVIEWS TABS ----- */
/*  */
/* ----- SECTION BUY NOW ----- */
.section-buy-now {
    padding-top: 0.6rem;
    padding-bottom: 5.1rem;
    position: relative;
}
.breadcrumb {
    justify-content: center;
    padding-right: 5.5rem;
    margin-bottom: 0.6rem;
}
.breadcrumb .breadcrumb-item {
    font-size: 0.625rem;
    color: #8F2086;
    padding-left: 0;
    margin: 0 0.6rem;
    font-weight: 300;
}
.breadcrumb .breadcrumb-item a {
    color: #000000;
}
.breadcrumb-item+.breadcrumb-item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000195171 7.99999C0.000195183 7.71666 0.0961949 7.47899 0.288195 7.28699C0.480196 7.09499 0.717529 6.99933 1.0002 6.99999L12.1752 6.99999L7.3002 2.12499C7.1002 1.92499 7.0002 1.68733 7.0002 1.41199C7.0002 1.13666 7.1002 0.899327 7.3002 0.699993C7.5002 0.499993 7.73353 0.399994 8.0002 0.399994C8.26686 0.399994 8.5002 0.499993 8.7002 0.699993L15.3002 7.29999C15.4002 7.39999 15.4709 7.50833 15.5122 7.62499C15.5535 7.74166 15.5745 7.86666 15.5752 7.99999C15.5752 8.13333 15.5542 8.26266 15.5122 8.38799C15.4702 8.51333 15.3995 8.61733 15.3002 8.69999L8.70019 15.3C8.50019 15.5 8.26686 15.6 8.00019 15.6C7.73353 15.6 7.50019 15.5 7.3002 15.3C7.1002 15.1 7.00019 14.8623 7.00019 14.587C7.00019 14.3117 7.1002 14.0743 7.3002 13.875L12.1752 8.99999L1.0002 8.99999C0.716861 8.99999 0.479196 8.90399 0.287196 8.71199C0.0951954 8.51999 -0.00047146 8.28266 0.000195171 7.99999Z' fill='%238F2086'/%3E%3C/svg%3E%0A");
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    padding: 0;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: -0.2rem;
    float: none;
}
.breadcrumb .breadcrumb-item:hover a {
    color: #8F2086;
}
.section-buy-now h1 {
    margin-bottom: 2.8rem;
}
.form-box-purple {
    position: relative;
    z-index: 1;
    background: #E5CCE3;
    border-radius: 1.375rem;
    padding: 0.9rem 1rem;
    text-align: center;
    max-width: 26.5rem;
}
.form-box-purple .form-box-content {
    background: #ffffff;
    box-shadow: 0px 4px 7px 5px rgba(0, 0, 0, 0.27);
    border-radius: 0.375rem;
    padding: 2.75rem 1rem 2.9rem;
}
.form-box-purple h5 {
    margin-bottom: 2.1rem;
}
.form-box-purple .form-group .form-control {
    height: 2.8125rem;
    font-size: 0.875rem;
    color: #0E0E44;
    border-radius: 0.5rem;
    box-shadow: inset 2px 0px 4px 1px rgba(0, 0, 0, 0.25);
    padding: 0.6rem 0.5rem;
    border: 0;
}
.form-box-purple .form-group .form-control::placeholder {
    color: #E5CCE3;
}
.form-box-purple .form-group .form-control:focus {
    box-shadow: inset 2px 0px 4px 1px rgba(0, 0, 0, 0.25);
}
.form-box-purple .form-group {
    margin-bottom: 1.2rem;
    text-align: left;
}
.form-box-purple .btn {
    margin-top: 3rem;
    padding: 0.25rem 5.7rem;
}
/* Custom Select */
.custom-select {
    position: relative;
	display: inline-block;
	width: 100%;
}
.custom-select .select-btn {
    width: 100%;
    background: #FFFFFF;
    box-shadow: inset 2px 0px 4px 1px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 0.5rem;
    text-align: left;
    height: 2.8125rem;
    padding: 0.6rem 0.6rem;
    color: #0E0E44;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1875 2.17709L6.9375 7.09167C6.875 7.15001 6.80729 7.19123 6.73438 7.21534C6.66146 7.23984 6.58333 7.25209 6.5 7.25209C6.41667 7.25209 6.33854 7.23984 6.26563 7.21534C6.19271 7.19123 6.125 7.15001 6.0625 7.09167L0.796875 2.17709C0.651042 2.04098 0.578125 1.87084 0.578125 1.66667C0.578125 1.46251 0.65625 1.28751 0.8125 1.14167C0.96875 0.995841 1.15104 0.922925 1.35938 0.922925C1.56771 0.922925 1.75 0.995841 1.90625 1.14167L6.5 5.42917L11.0938 1.14167C11.2396 1.00556 11.4192 0.937508 11.6325 0.937508C11.8463 0.937508 12.0313 1.01042 12.1875 1.15626C12.3438 1.30209 12.4219 1.47223 12.4219 1.66667C12.4219 1.86112 12.3438 2.03126 12.1875 2.17709Z' fill='%238F2086'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 1.2rem);
    z-index: 10;
    position: relative;
    font-weight: 400;
    font-size: 0.8125rem;
}
.custom-select .select-btn span {
    color: #8F2086;
}
.custom-select .select-btn span:last-child {
    margin-left: 2.9rem;
}
.custom-select-list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1,0);
    transition: all ease-in-out .3s;
    z-index: 2;
    background: #fff;
    box-shadow: inset 2px 0px 4px 1px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    margin-top: -1rem;
    padding-top: 1.3rem;
    text-align: left;
}
.custom-select-list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1,1);
}
.custom-select .select-list-item {
    padding: 0.5rem 0.6rem;
    color: #0E0E44;
    transition: all ease-in-out .3s;
    cursor: pointer;
    font-size: 0.8125rem;
}
.custom-select .select-list-item:hover {
    background: rgba(249, 178, 198, 0.1);
}
.custom-select .select-list-item span {
    color: #8F2086;
}
.custom-select .select-list-item span:last-child {
    margin-left: 2.9rem;
}
/*  */
.section-buy-now .col-review {
    padding-right: 0;
    padding-top: 4.8rem;
    display: flex;
    justify-content: flex-end;
}
.section-buy-now .review-item {
    width: 26.2rem;
    z-index: 1;
    position: relative;
}
.section-buy-now .review-item .review-content {
    margin-left: 3rem;
    position: relative;
    padding: 1.2rem 1.3rem 1.8rem 0.75rem;
}
.section-buy-now .review-item .review-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: -1;
}
.review-item .review-title .rating {
    margin-bottom: 0.2rem;
}
.section-buy-now .review-item .review-title .rating img {
    width: 1.125rem;
    flex: 0 0 1.125rem;
    margin-left: 0.3rem;
}
.section-buy-now .review-item .user-name p {
    font-size: 1.1875rem;
    max-width: 10rem;
}
.section-buy-now .likes {
    position: absolute;
    bottom: 0;
    right: 26.4%;
    width: 26.125rem;
    height: 21.75rem;
    z-index: -1;
    overflow: hidden;
}
.section-buy-now .likes img {
    position: absolute;
    opacity: 0;
    width: 5.9%;
}
.section-buy-now .likes img:first-child {
    top: 62.3%;
    left: 52.7%;
    animation: 1.3s linear 0.1s  like31 forwards;
}
.section-buy-now .likes img:nth-child(2) {
    top: 62.3%;
    left: 34.4%;
    animation: 1.3s linear 0.2s  like31 forwards;
}
.section-buy-now .likes img:nth-child(3) {
    top: 63.3%;
    left: 19.8%;
    animation: 1.3s linear 0.3s  like31 forwards;
    transform: rotate(65deg);
}
.section-buy-now .likes img:nth-child(4) {
    top: 70.7%;
    left: 42.2%;
    animation: 1.3s linear 0.4s  like31 forwards;
}
.section-buy-now .likes img:nth-child(5) {
    top: 70.3%;
    left: 52.9%;
    animation: 1.3s linear 0.5s  like31 forwards;
}
.section-buy-now .likes img:nth-child(6) {
    top: 78.3%;
    left: 66.9%;
    animation: 1.3s linear 0.6s  like31 forwards;
}
.section-buy-now .likes img:nth-child(7) {
    top: 70.2%;
    left: 21.1%;
    animation: 1.3s linear 0.7s  like31 forwards;
}
.section-buy-now .likes img:nth-child(8) {
    top: 82.3%;
    left: 0.9%;
    animation: 1.3s linear 0.8s  like31 forwards;
}
.section-buy-now .likes img:nth-child(9) {
    top: 88.3%;
    left: 7.9%;
    animation: 1.3s linear 0.9s  like31 forwards;
}
.section-buy-now .likes img:nth-child(10) {
    top: 78.7%;
    left: 13.8%;
    animation: 1.3s linear 1.0s  like31 forwards;
}
.section-buy-now .likes img:nth-child(11) {
    top: 76%;
    left: 24.2%;
    animation: 1.3s linear 1.1s  like31 forwards;
    transform: rotate(65deg);
}
.section-buy-now .likes img:nth-child(12) {
    top: 83.3%;
    left: 22.9%;
    animation: 1.3s linear 1.2s  like31 forwards;
}
.section-buy-now .likes img:nth-child(13) {
    top: 68.8%;
    left: 36.5%;
    animation: 1.3s linear 1.3s  like31 forwards;
}
.section-buy-now .likes img:nth-child(14) {
    top: 78.8%;
    left: 31.4%;
    animation: 1.3s linear 1.4s  like31 forwards;
}
.section-buy-now .likes img:nth-child(15) {
    top: 88.9%;
    left: 29.3%;
    animation: 1.3s linear 1.5s  like31 forwards;
}
.section-buy-now .likes img:nth-child(16) {
    top: 93.1%;
    left: 25%;
    animation: 1.3s linear 1.6s  like31 forwards;
}
.section-buy-now .likes img:nth-child(17) {
    top: 84.4%;
    left: 35.1%;
    animation: 1.3s linear 1.7s  like31 forwards;
}
.section-buy-now .likes img:nth-child(18) {
    top: 91.6%;
    left: 35.8%;
    animation: 1.3s linear 1.8s  like31 forwards;
}
.section-buy-now .likes img:nth-child(19) {
    top: 93.2%;
    left: 41.6%;
    animation: 1.3s linear 1.9s  like31 forwards;
}
.section-buy-now .likes img:nth-child(20) {
    top: 86.5%;
    left: 40.1%;
    animation: 1.3s linear 2.0s  like31 forwards;
    transform: rotate(-45deg);
}
.section-buy-now .likes img:nth-child(21) {
    top: 79.8%;
    left: 42.2%;
    animation: 1.3s linear 2.1s  like31 forwards;
}
.section-buy-now .likes img:nth-child(22) {
    top: 85.6%;
    left: 45.8%;
    animation: 1.3s linear 2.2s  like31 forwards;
}
.section-buy-now .likes img:nth-child(23) {
    top: 74.2%;
    left: 47.8%;
    animation: 1.3s linear 2.3s  like31 forwards;
}
.section-buy-now .likes img:nth-child(24) {
    top: 78.3%;
    left: 55.4%;
    animation: 1.3s linear 2.4s  like31 forwards;
    transform: rotate(45deg);
}
.section-buy-now .likes img:nth-child(25) {
    top: 85.3%;
    left: 54.3%;
    animation: 1.3s linear 2.5s  like31 forwards;
}
.section-buy-now .likes img:nth-child(26) {
    top: 91.1%;
    left: 51.7%;
    animation: 1.3s linear 2.6s  like31 forwards;
}
.section-buy-now .likes img:nth-child(27) {
    top: 80.1%;
    left: 61.1%;
    animation: 1.3s linear 2.7s  like31 forwards;
}
.section-buy-now .likes img:nth-child(28) {
    top: 85.2%;
    left: 64.9%;
    animation: 1.3s linear 2.8s  like31 forwards;
}
.section-buy-now .likes img:nth-child(29) {
    top: 93.2%;
    left: 61.1%;
    animation: 1.3s linear 2.9s  like31 forwards;
}
.section-buy-now .likes img:nth-child(30) {
    top: 90.4%;
    left: 75%;
    animation: 1.3s linear 3.0s  like31 forwards;
}
.section-buy-now .likes img:nth-child(31) {
    top: 92.9%;
    left: 93.8%;
    transform: rotate(-35deg);
    animation: 1.3s linear 0s  like31 forwards;
}
@keyframes like31 {
	0% {
        margin-top: -20rem;
		transform: translateY(calc(0rem * 2));
        opacity: 1;
	}

	12% {
		transform: translateY(calc(1.089rem * 2));
	}

	24% {
		transform: translateY(calc(4.356rem * 2));
	}

	36% {
		transform: translateY(calc(9.801rem * 2));
	}

	54% {
		transform: translateY(calc(7.502rem * 2));
	}

	74% {
		transform: translateY(calc(9.837rem * 2));
	}

	82% {
		transform: translateY(calc(9.375rem * 2));
	}

	92% {
		transform: translateY(calc(9.934rem * 2));
	}

	96% {
		transform: translateY(calc(9.846rem * 2));
	}

	100% {
		transform: translateY(calc(10rem * 2));
        margin-top: -20rem;
        opacity: 1;
	}
}
/* ----- /SECTION BUY NOW ----- */
/*  */
/* ----- SECTION PAYMENT ----- */
.section-payment {
    padding-top: 0.8rem;
    padding-bottom: 8.2rem;
}
.section-payment .breadcrumb {
    margin-bottom: 0.8rem;
    padding-right: 0;
}
.section-payment h1 {
    margin-bottom: 4.1rem;
}
.section-payment .form-box-purple {
    margin-left: 0.4rem;
    padding: 0.9rem 1.3rem;
    max-width: 28.8rem;
}
.form-box-purple .form-group label {
    display: block;
    font-weight: 400;
    color: #0E0E44;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    margin-left: 0.4rem;
    margin-bottom: 0.2rem;
}
.section-payment .form-box-purple .form-box-content {
    padding: 1.65rem 1.3rem 2.1rem;
}
.section-payment .form-box-purple .form-group .form-control {
    height: 3rem;
    border-radius: 0.25rem;
    font-size: 0.9375rem;
    padding: 0.6rem 0.6rem;
}
.section-payment .form-box-purple .form-group {
    margin-bottom: 0.7rem;
}
.section-payment .form-box-purple .card-number {
    padding-top: 1.7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.3rem;
}
.section-payment .form-box-purple .card-cvv {
    padding-top: 0;
    margin-bottom: 1.5rem;
}
.section-payment .form-box-purple .card-number .inputs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    flex: 0 0 52.6%;
    max-width: 52.6%;
    justify-content: flex-end;
}
.section-payment .form-box-purple .card-number .inputs .form-control {
    flex: 1;
    padding: 0.6rem 0.5rem;
}
.section-payment .form-box-purple .card-number label {
    margin-bottom: 0;
}
.section-payment .form-box-purple .card-number .inputs span {
    margin: 0 0.6rem;
    font-style: italic;
    font-size: 1.2rem;
    margin-top: 0.3rem;
}
.form-box-purple .form-check .form-check-input {
    width: 1.6875rem;
    height: 1.6875rem;
    flex: 0 0 1.6875rem;
    border: 1px solid #0E0E44;
    border-radius: 0.375rem;
    margin: 0;
    margin-right: 0.3rem;
    margin-top: -0.5rem;
}
.form-box-purple .form-check .form-check-label {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    flex: 1;
    padding-top: 0.5rem;
}
.form-box-purple .form-check {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    align-items: center;
    margin-left: -0.2rem;
    margin-right: -1rem;
}
.form-box-purple .form-check .form-check-input:checked {
    background-color: #8F2086;
    border-color: #8F2086;
}
.form-box-purple .form-check .form-check-input:focus {
    box-shadow: none;
}
.section-payment .form-box-purple .btn {
    margin-top: 0.8rem;
    padding: 0.4rem 2.8rem;
}
.section-payment .col-box {
    padding-top: 8.1rem;
    padding-left: 1.3rem;
}
.order-box {
    border: 1px solid rgba(14, 14, 68, 0.21);
    max-width: 23.9rem;
    margin: 0 auto;
    padding: 1.3rem 1.5rem 2.9rem 1.1rem;
}
.order-box .user-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0.8rem;
    margin-bottom: 4.7rem;
}
.order-box .user-name .user-avatar {
    width: 4.6875rem;
    height: 4.6875rem;
    flex: 0 0 4.6875rem;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 0.5rem;
}
.order-box .user-name .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.order-box .user-name h5 {
    margin-bottom: 0;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    color: #000000;
    font-weight: 400;
}
.order-box .order-item {
    background: #FFFFFF;
    box-shadow: inset 2px 0px 4px 1px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    padding: 0.1875rem 0.2rem 0.1875rem 0.6rem;
    border-radius: 0.25rem;
    color: #0E0E44;
    height: 2.75rem;
}
.order-box .order-item span {
    color: #8F2086;
    margin-right: 0.3rem;
}
.order-box .order-item .price {
    margin-left: 3.7rem;
}
.order-box .order-item .btn-add {
    margin-left: auto;
    padding: 0 0.7rem;
    height: 100%;
    background-color: #23A6DA;
    border-radius: 0.4375rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #000000;
}
.order-box .order-item .btn-add:hover {
    color: #ffffff;
    background-color: #8F2086;
}
.order-box .order-cost {
    margin-top: 2.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0.5rem;
    color: #0E0E44;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    margin-bottom: 1.6rem;
}
.order-box .order-cost span {
    color: #8F2086;
}
.order-box .order-cost::after {
    content: '';
    width: 100%;
    height: 1px;
    background-image: url(../img/dashed-line.svg);
    background-repeat: repeat-x;
    background-size: contain;
    margin-top: 0.2rem;
}
.order-box ul li {
    position: relative;
    padding-left: 1.2rem;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    margin-bottom: -0.2rem;
}
.order-box ul li::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.52364 7.0227L9.33888 0.312752C9.51958 0.10425 9.74956 0 10.0288 0C10.3081 0 10.5381 0.10425 10.7188 0.312752C10.8995 0.521253 10.9898 0.786618 10.9898 1.10885C10.9898 1.43108 10.8995 1.69644 10.7188 1.90494L4.21358 9.41099C4.01646 9.63845 3.78648 9.75217 3.52364 9.75217C3.2608 9.75217 3.03082 9.63845 2.8337 9.41099L0.271049 6.45406C0.0903494 6.24556 0 5.9802 0 5.65797C0 5.33574 0.0903494 5.07037 0.271049 4.86187C0.451748 4.65337 0.68173 4.54912 0.960993 4.54912C1.24026 4.54912 1.47024 4.65337 1.65094 4.86187L3.52364 7.0227Z' fill='%2338B64A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.75rem;
    height: 0.625rem;
    position: absolute;
    left: 0rem;
    top: 0.55rem;
}
/* ----- /SECTION PAYMENT ----- */
/*  */
/* ----- SECTION SUCCESS ----- */
.section-success {
    text-align: center;
    padding-top: 0;
    padding-bottom: 14rem;
}
.section-success .icon {
    width: 14.375rem;
    height: 20.4375rem;
    margin: -1.7rem auto -2rem;
    position: relative;
}
.section-success .icon .smile-heart {
    position: absolute;
    width: 10.7%;
}
.section-success h1 {
    margin-bottom: 1.85rem;
    font-size: 2.875rem;
    line-height: 3.3125rem;
}
.section-success h5 {
    color: #8F2086;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    margin-bottom: 0.1rem;
}
.section-success p {
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    margin-bottom: 0rem;
}
.section-success p span, .section-success p a {
    color: #8F2086;
}
.section-success a:hover {
    color: #FDD55B;
}
.section-success .icon .smile {
    position: absolute;
    bottom: 4.9%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
.section-success .icon .smile-heart-small {
    width: 8.7%;
    transform: rotate(25deg);
}
.section-success .icon .smile-heart:first-child {
    left: 5.3%;
    top: 8.2%;
}
.section-success .icon .smile-heart:nth-child(2) {
    left: 56.6%;
    top: -5.2%;
}
.section-success .icon .smile-heart:nth-child(3) {
    left: 62.5%;
    top: 7.4%;
}
.section-success .icon .smile-heart:nth-child(4) {
    left: 76%;
    top: 13.8%;
}
.section-success .icon .smile-heart:nth-child(5) {
    top: 18.6%;
    left: 58.2%;
}
.section-success .icon .smile-heart:nth-child(6) {
    top: 25.8%;
    left: 19.2%;
}
.section-success .icon .smile-heart:nth-child(7) {
    top: 14.4%;
    left: 17.2%;
    transform: rotate(-35deg);
}
.section-success .icon .smile-heart:nth-child(8) {
    top: 34.4%;
    left: 64.6%;
    z-index: 1;
}
.section-success .icon .smile-heart:nth-child(9) {
    top: -1.3%;
    left: 37%;
}
.section-success .icon .smile-heart:nth-child(10) {
    top: 7.6%;
    left: 23.7%;
}
.section-success .icon .smile-heart:nth-child(11) {
    top: 12.6%;
    left: 42%;
}
.section-success .icon .smile-heart:nth-child(12) {
    top: 24.6%;
    left: 34.3%;
}
.section-success .icon .smile-heart:nth-child(13) {
    top: 31.8%;
    left: 43.8%;
    z-index: 1;
}
.section-success .icon .smile-heart:nth-child(14) {
    top: 26.8%;
    left: 73.8%;
}


.section-success .icon img {
    opacity: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.11, 0.35, 0.18, 1.49);
}
.section-success .icon:not(.animated) img {
    transform: rotate(0deg) translateY(2rem) scale(0);
}
.section-success .icon.animated img {
    opacity: 1;
}
.section-success .icon .smile-heart:nth-child(14) {
    transition-delay: 0.1s ;
    /* transform: rotate(42deg)  translateY(2rem) scale(0); */
}

.section-success .icon .smile-heart:nth-child(13) {
    transition-delay: 0.2s ;
}

.section-success .icon .smile-heart:nth-child(12) {
    transition-delay: 0.3s ;
}

.section-success .icon .smile-heart:nth-child(11) {
    transition-delay: 0.4s ;
}

.section-success .icon .smile-heart:nth-child(10) {
    transition-delay: 0.5s ;
}

.section-success .icon .smile-heart:nth-child(9) {
    transition-delay: 0.6s ;
}

.section-success .icon .smile-heart:nth-child(8) {
    transition-delay: 0.7s ;
}

.section-success .icon .smile-heart:nth-child(7) {
    transition-delay: 0.8s ;
}

.section-success .icon .smile-heart:nth-child(6) {
    transition-delay: 0.9s ;
}

.section-success .icon .smile-heart:nth-child(5) {
    transition-delay: 1s ;
}

.section-success .icon .smile-heart:nth-child(4) {
    transition-delay: 1.1s ;
}

.section-success .icon .smile-heart:nth-child(3) {
    transition-delay: 1.2s ;
}

.section-success .icon .smile-heart:nth-child(2) {
    transition-delay: 1.3s ;
}

.section-success .icon .smile-heart:nth-child(1) {
    transition-delay: 1.4s ;
}
/* ----- /SECTION SUCCESS ----- */
/*  */
/* ----- SECTION FAIL ----- */
.section-fail {
    padding-bottom: 16.1rem;
}
.section-fail .icon {
    margin: 0.1rem auto 2.75rem;
    width: 14.5625rem;
    height: 16.5rem;
}
.section-fail h1 {
    margin-bottom: 2.25rem;
}
.section-fail p span {
    color: #57735C;
}
.section-fail .button-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.1rem;
}
.section-fail .button-wrap h5 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
}
.section-fail .button-wrap .btn {
    padding: 0.063rem 1.4rem;
    margin-left: 0.8rem;
    margin-right: 0rem;
    font-size: 1.25rem;
}
.section-fail .icon .icon-fail {
    position: absolute;
    bottom: -7.4%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
.section-fail .icon .icon-tear {
    position: absolute;
    z-index: 1;
    width: 7%;
}
.section-fail .icon .icon-tear:first-child {
    top: 59.6%;
    left: 24.7%;
}
.section-fail .icon .icon-tear:nth-child(2) {
    top: 73.8%;
    left: 18.8%;
}
.section-fail .icon .icon-tear:nth-child(3) {
    top: 81.8%;
    left: 34.8%;
    transform: rotate(-35deg);
}
.section-fail .icon .icon-tear:nth-child(4) {
    top: 99.9%;
    left: 30.6%;
}
.section-fail .icon .icon-tear:nth-child(5) {
    top: 59.9%;
    right: 25.6%;
    transform: rotate(-62deg);
}
.section-fail .icon .icon-tear:nth-child(6) {
    top: 52.9%;
    right: 12.4%;
    transform: rotate(-117deg);
}
.section-fail .icon .icon-tear:nth-child(7) {
    top: 82.2%;
    right: 17.6%;
    transform: rotate(-65deg);
}
.section-fail .icon .icon-tear:nth-child(8) {
    top: 112.2%;
    right: 22.6%;
    transform: rotate(-62deg);
}
.section-success.section-fail .icon:not(.animated) img {
    transform: rotate(0deg) translateY(-2rem) scale(0);
    opacity: 0;
}
.section-success.section-fail .icon img {
    opacity: 1;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.11, 0.35, 0.18, 1.49);
}
.section-success .icon .icon-tear:nth-child(1) {
    transition-delay: 0.7s ;
}
.section-success .icon .icon-tear:nth-child(5) {
    transition-delay: 0.8s ;
}
.section-success .icon .icon-tear:nth-child(2) {
    transition-delay: 0.9s ;
}
.section-success .icon .icon-tear:nth-child(6) {
    transition-delay: 1s ;
}
.section-success .icon .icon-tear:nth-child(3) {
    transition-delay: 1.1s ;
}
.section-success .icon .icon-tear:nth-child(7) {
    transition-delay: 1.2s ;
}
.section-success .icon .icon-tear:nth-child(4) {
    transition-delay: 1.3s ;
}
.section-success .icon .icon-tear:nth-child(8) {
    transition-delay: 1.4s ;
}
/* ----- /SECTION FAIL ----- */
/*  */
/* ----- SECTION 404 ----- */
.section-404 h1 {
    font-size: 8rem;
    line-height: 9.375rem;
    margin-bottom: 0.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.section-404 .icon {
    margin-bottom: -0.5rem;
}
/* ----- /SECTION 404 ----- */
/*  */
/* ----- SECTION CONTACT ----- */
.section-contact {
    padding-top: 0.6rem;
    padding-bottom: 8.8rem;
}
.section-contact .breadcrumb {
    padding: 0;
    margin-bottom: 2.75rem;
}
.section-contact h1 {
    margin-bottom: 0.4rem;
}
.section-contact .col-title p {
    margin-left: 0.4rem;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    max-width: 26rem;
    margin-bottom: 0.9rem;
}
.section-contact .form-box-purple {
    margin-left: -0.6rem;
    padding-bottom: 1.1rem;
}
.section-contact .form-box-purple .form-box-content {
    padding: 2.6rem 1rem 2.8rem;
}
.section-contact .form-box-purple .form-control::placeholder {
    color: #8F2086;
}
.section-contact .form-box-purple .form-control {
    font-size: 0.8125rem;
    padding: 0.6rem 0.5rem;
}
.section-contact .form-box-purple textarea.form-control {
    margin-top: 2.4rem;
    min-height: 8rem;
    padding: 0.9rem 0.6rem;
}
.section-contact .form-box-purple .btn {
    margin-top: 1.8rem;
    padding: 0.25rem 6.4rem;
}
.section-contact .col-icons {
    padding-top: 5.4rem;
}
.section-contact .icons {
    position: relative;
    width: 33.1875rem;
    height: 32.4375rem;
    animation: 20s linear 0s infinite icons-block;
}
@keyframes icons-block {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
.section-contact .icons img {
    position: absolute;
    max-width: 7.2rem;
    max-height: 7.2rem;
    object-fit: contain;
    animation: 20s linear 0s infinite icons-item;
}
@keyframes icons-item {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
}
.section-contact .icons img:first-child {
    top: 0;
    left: 53%;
}
.section-contact .icons img:nth-child(2) {
    top: 26.3%;
    left: 74%;
}
.section-contact .icons img:nth-child(3) {
    top: 60.3%;
    left: 69.7%;
}
.section-contact .icons img:nth-child(4) {
    top: 74.6%;
    left: 43.5%;
}
.section-contact .icons img:nth-child(5) {
    top: 62.4%;
    left: 8.1%;
}
.section-contact .icons img:nth-child(6) {
    top: 31.4%;
    left: 1.7%;
}
.section-contact .icons img:nth-child(7) {
    top: 2.9%;
    left: 18.8%;
}
/* ----- /SECTION CONTACT ----- */
/*  */
/* ----- SECTION BLOG ----- */
.section-blog {
    padding-top: 0.6rem;
    padding-bottom: 5.5rem;
}
.section-blog .breadcrumb {
    padding-right: 0.3rem;
    margin-bottom: 3rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    margin-right: 1.3rem;
}
.section-blog .breadcrumb .breadcrumb-item {
    margin: 0 0.3rem;
}
.section-blog .title p {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    max-width: 31rem;
    margin: 0 auto;
}
.section-blog .title h1 {
    margin-bottom: 0.75rem;
}
.section-blog .title {
    margin-bottom: 8.6rem;
}
.section-blog .col {
    padding: 0 2.125rem;
}
.section-blog .row {
    margin: 0 -1.425rem;
}
.blog-post {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 4.8rem;
}
.blog-post .image-wrap {
    border-radius: 1.25rem;
    overflow: hidden;
    height: 17.9rem;
    margin-bottom: 1rem;
    position: relative;
}
.blog-post .image-wrap .post-author {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(14, 14, 68, 0.21);
    z-index: 10;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    padding: 1.5rem 1.4rem 1.2rem;
}   
.blog-post:hover .image-wrap .post-author h6 {
    margin-bottom: -0.3rem;
}
.blog-post:hover .image-wrap .post-author {
    visibility: visible;
    opacity: 1;
}
.blog-post .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.blog-post:hover .image-wrap img {
    transform: scale(1.1);
}
.blog-post h5 {
    margin-bottom: 0.1rem;
}
.blog-post .btn-read {
    font-weight: 400;
    color: #0E0E44;
    font-size: 0.8125rem;
    border: 1px solid rgba(14, 14, 68, 0.21);
    border-radius: 0.625rem;
    margin-left: auto;
    margin-top: -0.9rem;
    padding: 0.5rem 0.2rem;
}
.blog-post:hover .btn-read {
    background-color: #0E0E44;
    color: #ffffff;
}
.section-blog .btn-wrap {
    text-align: center;
    margin-top: -0.2rem;
}
.section-blog .btn-wrap .btn {
    padding: 0.2rem 1.6rem;
}
/* ----- /SECTION BLOG ----- */
/*  */
/* ----- SECTION BLOG SINGLE ----- */
.section-blog-single {
    padding-top: 0.65rem;
    padding-bottom: 1.7rem;
}
.section-blog-single .breadcrumb {
    padding-right: 0;
    margin-bottom: 2.95rem;
}
.section-blog-single .breadcrumb .breadcrumb-item {
    margin: 0 0.5rem;
}
.section-blog-single .breadcrumb-item+.breadcrumb-item::before {
    margin-right: 0.875rem;
}
.section-blog-single .title {
    max-width: 38rem;
    margin: 0 auto 6.8rem;
}
.section-blog-single .title p {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8125rem;
}
.section-blog-single .title h1 {
    margin-bottom: 1.2rem;
}
.section-blog-single .post-image {
    margin: 0 auto;
    display: block;
    max-width: 42.2rem;
    border-radius: 0.4375rem;
}
.section-blog-single .post-nav {
    justify-content: center;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    margin: 3.3rem -1.6rem 5rem -1rem;
}
.section-blog-single .post-nav h5 {
    font-size: 0.9375rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #8F2086;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0.4rem;
    margin-bottom: 0.3rem;
}
.section-blog-single .post-nav h5 img {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    margin-left: 0.8rem;
}
.section-blog-single .post-nav .col {
    padding: 0 0.5rem;
}
.section-blog-single .post-nav .col-nav {
    border-right: 1px solid rgba(14, 14, 68, 0.21);
    padding-top: 0.35rem;
    padding-bottom: 0.2rem;
}
.section-blog-single .post-nav ul li {
    font-size: 0.8125rem;
    line-height: 1.375rem;
    margin-bottom: 0.8rem;
}
.section-blog-single .post-nav ul li:hover {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.section-blog-single .post-nav ul li:last-child {
    margin-bottom: 0;
}
.section-blog-single .post-nav .col-nav-title {
    text-align: left;
    display: flex;
    align-items: center;
}
.section-blog-single .post-nav .col-nav-title h4 {
    color: #492375;
    margin-bottom: 1rem;
}
.section-blog-single .post-content {
    text-align: center;
    padding: 0 0.3rem;
}
.section-blog-single .post-content p {
    text-align: left;
    margin-bottom: -0.1rem;
}
.section-blog-single .post-content h2 {
    max-width: 40rem;
    margin: 0 auto 2.5rem;
}
.section-blog-single .post-content > div {
    margin-bottom: 3.125rem;
}
.section-blog-single .post-cards {
    margin: 1.8rem 2.5rem;
}
.section-blog-single .post-cards .col {
    padding: 0 1.4375rem;
}
.section-blog-single .post-cards .post-card .image-wrap {
    border-radius: 0.4375rem;
    overflow: hidden;
    height: 23.1rem;
    margin-bottom: 1.4rem;
}
.section-blog-single .post-cards .post-card .image-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section-blog-single .post-card {
    text-align: center;
}
.section-blog-single .post-content h4 {
    margin-top: 1.2rem;
    margin-bottom: 0.85rem;
}
/* ----- /SECTION BLOG SINGLE ----- */
/*  */
/* ----- SECTION BLOG SIMILAR ----- */
.section-blog-similar {
    padding-bottom: 3.6rem;
}
.section-blog-similar .col {
    padding: 0 2.1875rem;
}
.section-blog-similar .row {
    margin: 0 -0.7rem 0 -2.3rem;
}
.section-blog-similar .col-title h4 {
    margin-left: 1.5rem;
    margin-bottom: 2.6rem;
}
/* ----- /SECTION BLOG SIMILAR ----- */
/*  */
/* ----- MEDIA ----- */
@media(min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
    
}
@media(min-width: 1200px) {
    .container-small {
        max-width: 1010px;
    }
    .section-payment .container-small {
        max-width: 1074px;
    }
    .section-contact .container-small {
        max-width: 1030px;
    }
}
@media(max-width: 1439px) {
    /* ----- SECTION BUY NOW ----- */
    .section-buy-now .likes {
        right: 8.4%;
    }
    /* ----- /SECTION BUY NOW ----- */
    /*  */
}
@media(max-width: 1199px) {
    /* ----- SECTION BANNER ----- */
    .section-banner .swiper {
        margin-top: -2rem;
        margin-left: 0;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- SECTION BUY CARDS ----- */
    .section-buy-cards .row {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    /* ----- /SECTION BUY CARDS ----- */
    /*  */
    /* ----- SECTION SERVICES ----- */
    .section-services .col {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .services-card .card-content {
        min-height: 22.5rem;
    }
    .services-card {
        padding: 2rem;
    }
    /* ----- /SECTION SERVICES ----- */
    /*  */
    /* ----- SECTION HOW WORK ----- */
    .section-how-work .row {
        margin: 0 0.9rem 0 2.6rem;
    }
    /* ----- /SECTION HOW WORK ----- */
    /*  */
    /* ----- SECTION REVIEWS ----- */
    .section-reviews {
        margin-bottom: 10rem;
    }
    .section-reviews .owl-carousel .owl-stage-outer {
        padding-left: 3.2rem;
    }
    /* ----- /SECTION REVIEWS ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer .col-logo {
        flex: 0 0 10%;
        max-width: 10%;
    }
    .footer .row {
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION BANNER BUY ----- */
    .section-banner-buy .partners {
        margin: 6.9rem 3rem 0;
    }
    .likes-slider-wrap {
        margin-top: -1.6rem;
    }   
    .instagram-account {
        margin-top: 0;
        margin-left: 0;
    }
    .section-banner-followers .col-image {
        padding-left: 1rem;
        margin-top: -2rem;
    }
    .section-banner-buy .counters {
        top: 1.7rem;
    }
    .instagram-account .btn-instagram {
        width: 10.2rem;
    }
    .instagram-account .btn-follow {
        width: 2.1875rem;
    }
    .instagram-account .account-photos {
        margin-right: -0.2rem;
    }
    /* ----- /SECTION BANNER BUY ----- */
    /*  */
    /* ----- SECTION REVIEWS TABS ----- */
    .section-reviews-tabs {
        padding-bottom: 10rem;
    }
    .section-reviews-tabs .swiper {
        margin: 0 0 0 2.1rem;
    }
    .section-reviews-tabs .col-reviews-nav .swiper-pagination {
        margin-left: 1.3rem;
        margin-top: 1rem;
    }
    .section-reviews-tabs .col-reviews {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .section-reviews-tabs .title-box .box-content {
        padding: 3.3rem 1.5rem 2.1rem;
    }
    /* ----- /SECTION REVIEWS TABS ----- */
    /*  */
    /* ----- SECTION BUY NOW ----- */
    .breadcrumb {
        padding-right: 0;
    }
    /* ----- /SECTION BUY NOW ----- */
    /*  */
    /* ----- SECTION CONTACT ----- */
    .section-contact .icons {
        margin-left: -2rem;
    }
    /* ----- /SECTION CONTACT ----- */
    /*  */
    /* ----- SECTION PAYMENT ----- */
    .section-payment .col-box {
        padding-top: 6rem;
    }
    .section-payment h1 {
        margin-bottom: 2.5rem;
    }
    /* ----- /SECTION PAYMENT ----- */
    /*  */
    /* ----- SECTION BLOG ----- */
    .section-blog .col {
        padding: 0 1rem;
    }
    .section-blog .row {
        margin: 0 -1rem;
    }
    /* ----- /SECTION BLOG ----- */
    /*  */
    /* ----- SECTION BLOG SINGLE ----- */
    .section-blog-single .title {
        margin-bottom: 4rem;
    }
    /* ----- /SECTION BLOG SINGLE ----- */
    /*  */
}
@media(max-width: 991px) {
    /* ----- HEADER ----- */
    .header {
        padding: 2rem 0;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner {
        text-align: center;
        padding-bottom: 2rem;
    }
    .section-banner .partners {
        margin: 2.4rem 2rem 0;
    }
    .section-banner .partners .col {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .section-banner .swiper {
        margin-top: 2.5rem;
        display: none;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- SECTION TEXT ----- */
    .section-text {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    /* ----- /SECTION TEXT ----- */
    /*  */
    /* ----- SECTION BUY CARDS ----- */
    .section-buy-cards {
        padding-top: 1.65rem;
        padding-bottom: 2rem;
    }
    .card-buy {
        margin-bottom: 2.5rem;
    }
    /* ----- /SECTION BUY CARDS ----- */
    /*  */
    /* ----- SECTION SERVICES ----- */
    .section-services {
        padding-top: 2rem;
    }
    /* ----- /SECTION SERVICES ----- */
    /*  */
    /* ----- SECTION HOW WORK ----- */
    .section-how-work .title {
        margin-bottom: 5rem;
    }
    .section-how-work .col:nth-child(2) {
        padding-top: 14.7rem;
        order: 3;
        padding-right: 0;
        margin: -18rem auto 0;
    }
    .section-how-work .col:nth-child(3) {
        margin-left: auto;
    }
    .section-how-work .col:nth-child(2) .how-work-item .icon::before {
        height: 33.5625rem;
        top: -33.4rem;
    }
    .section-how-work .row {
        margin: 0 -1.1rem 0 0.6rem;
    }
    /* ----- /SECTION HOW WORK ----- */
    /*  */
    /* ----- SECTION REVIEWS ----- */
    .section-reviews {
        margin-bottom: 6rem;
    }
    /* ----- /SECTION REVIEWS ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer .col-logo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .footer-logo {
        margin: 0 auto 1.5rem;
    }
    .footer .col-nav {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION BANNER BUY ----- */
    .section-banner-buy {
        padding-bottom: 5rem;
    }
    .section-banner-buy .col-title {
        text-align: center;
    }
    .section-banner-buy .col-title h1 {
        margin: 0 auto 0.1rem;
    }
    .section-banner-buy .col-title p {
        margin: 0 auto 1rem;
    }
    .stories-slider-wrap {
        margin: 2rem auto 0;
    }
    .section-banner-buy .tab-content {
        padding: 0;
    }
    .section-banner-buy .nav-tabs {
        padding: 0;
    }
    .section-banner-buy .partners {
        margin-top: 3rem;
    }
    .section-banner-buy .col-slider, .section-banner-buy .col-image {
        display: none;
    }
    /* ----- /SECTION BANNER BUY ----- */
    /*  */
    /* ----- SECTION REASONS ----- */
    .section-reasons {
        padding-bottom: 2rem;
    }
    .section-reasons .row {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    /* ----- /SECTION REASONS ----- */
    /*  */
    /* ----- SECTION FAQS ----- */
    .section-faqs {
        padding-top: 2rem;
    }
    .faq-item {
        padding-bottom: 2rem;
        margin-bottom: 2.5rem;
    }
    /* ----- /SECTION FAQS ----- */
    /*  */
    /* ----- SECTION REVIEWS TABS ----- */
    .section-reviews-tabs {
        padding-bottom: 7rem;
    }
    .section-reviews-tabs .swiper {
        max-width: 26.4rem;
        margin: 0 auto;
    }
    .section-reviews-tabs .title-box {
        max-width: 33rem;
        margin: 0 auto 2.45rem;
    }
    .section-reviews-tabs .col-reviews .swiper-pagination {
        position: relative;
        margin: -3.7rem auto 0 12.4rem;
    }
    .section-reviews-tabs .form-box {
        margin-top: 3rem;
    }
    .section-reviews-tabs .col-reviews {
        max-width: 30rem;
        flex: 0 0 30rem;
        margin: 0 auto;
    }
    .section-reviews-tabs .form-box.visible {
        margin-top: 3rem;
    }
    /* ----- /SECTION REVIEWS TABS ----- */
    /*  */
    /* ----- SECTION BUY NOW ----- */
    .section-buy-now {
        text-align: center;
        padding-bottom: 13rem;
    }
    .breadcrumb {
        margin-bottom: 1.6rem;
    }
    .form-box-purple {
        margin: 0 auto;
    }
    .section-buy-now .col-review {
        padding-right: calc(var(--bs-gutter-x) * .5);
        justify-content: center;
    }
    .section-buy-now .review-item {
        text-align: left;
    }
    .section-buy-now .likes {
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 20.125rem;
        height: 18.75rem;
    }
    /* ----- /SECTION BUY NOW ----- */
    /*  */
    /* ----- SECTION CONTACT ----- */
    .section-contact {
        padding-bottom: 5rem;
        text-align: center;
    }
    .section-contact .breadcrumb {
        margin-bottom: 1.6rem;
    }
    .section-contact .col-title p {
        margin: 0 auto 1rem;
    }
    .section-contact .form-box-purple {
        margin: 0 auto;
    }
    .section-contact .icons {
        margin: 0 auto;
    }
    .section-contact .col-icons {
        padding-top: 2rem;
    }
    /* ----- /SECTION CONTACT ----- */
    /*  */
    /* ----- SECTION PAYMENT ----- */
    .section-payment {
        text-align: center;
    }
    .section-payment h1 {
        margin-bottom: 2.5rem;
    }
    .section-payment .form-box-purple {
        margin: 0 auto;
    }
    .section-payment .col-box {
        padding-top: 4rem;
    }
    .order-box {
        text-align: left;
    }
    /* ----- /SECTION PAYMENT ----- */
    /*  */
    /* ----- SECTION BLOG ----- */
    .section-blog .title {
        margin-bottom: 5rem;
    }
    .blog-post .image-wrap {
        height: 15rem;
    }
    .blog-post {
        margin-bottom: 3rem;
    }
    .blog-post p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; 
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .blog-post .btn-read {
        margin-top: 0;
    }
    /* ----- /SECTION BLOG ----- */
    /*  */
    /* ----- SECTION BLOG SINGLE ----- */
    .section-blog-single .post-cards {
        margin: 1.8rem -1.4375rem;
    }
    /* ----- /SECTION BLOG SINGLE ----- */
    /*  */
    /* ----- SECTION SUCCESS ----- */
    .section-success {
        padding-top: 3rem;
    }
    .section-fail .icon {
        margin: 0.1rem auto 2.75rem;
    }
    /* ----- /SECTION SUCCESS ----- */
    /*  */
}
@media(max-width: 767px) {
    body {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .btn {
        font-size: 0.875rem;
        padding: 0.6rem 2.1rem;
    }
    h1 {
        font-size: 1.6875rem;
        line-height: 2.05rem;
        margin-bottom: 1.5rem;
    }
    h2 {
        font-size: 1.5625rem;
        line-height: 1.85rem;
    }
    h3, .h3 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    /* ----- HEADER ----- */
    .header {
        padding: 1.1rem 0 0.2rem;
    }
    .header .container {
        padding: 0 0.4rem;
    }
    .header .logo {
        width: 3.3rem;
        margin-right: 0;
        z-index: 1001;
    }
    .header .menu-btn {
        position: relative;
        width: 1.8rem;
        height: 1.1rem;
        display: block;
        margin-left: auto;
        z-index: 1001;
    }
    .header .menu-btn span {
        display: block;
        width: 100%;
        height: 0.1875rem;
        background: #0E0E44;
        border-radius: 1rem;
        margin-bottom: 0.25rem;
        transition: 0.4s;
    }
    .header .menu-btn span:last-child {
        margin-bottom: 0;
    }
    .header .header-nav {
        position: fixed;
        inset: 0;
        background: #ffffff;
        z-index: 1000;
        transition: 0.4s;
        transform: translateX(100%);
    }
    .header.menu-open .header-nav {
        transform: translateX(0);
    }
    .header .menu {
        flex-direction: column;
        padding-top: 5.7rem;
    }
    .header .menu li {
        margin: 0 auto 0.5rem;
    }
    .header .menu-btn.active span {
        transform: rotate(45deg);
        position: absolute;
        top: 0.55rem;
    }
    .header .menu-btn.active span:last-child {
        transform: rotate(-45deg);
    }
    .header .menu-btn.active span:nth-child(2) {
        display: none;
    }
    .header .mobile-nav {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 1.1rem;
        display: block;
    }
    .header .mobile-nav .menu {
        justify-content: center;
        padding: 0;
        margin: 0;
        flex-direction: row;
    }
    .header .mobile-nav .menu li {
        padding: 0;
        font-size: 0.625rem;
        margin: 0 0.55rem;
    }
    /* Header Small */
    .header-small .logo {
        margin-left: 0;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- SECTION BANNER ----- */
    .section-banner .col-title {
        padding-top: 0.3rem;
    }
    .section-banner .partners .col {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 2.3rem;
    }
    .section-banner .partners .partners-item {
        margin-bottom: 1.2rem;
    }
    /* ----- /SECTION BANNER ----- */
    /*  */
    /* ----- SECTION SERVICES ----- */
    .services-card .card-content {
        min-height: 1rem;
    }
    .services-card {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    /* ----- /SECTION SERVICES ----- */
    /*  */
    /* ----- SECTION FEATURES ----- */
    .section-features h2 {
        margin-bottom: 1.5rem;
    }
    .section-features .row {
        margin: 0;
    }
    /* ----- /SECTION FEATURES ----- */
    /*  */
    /* ----- SECTION HOW WORK ----- */
    .section-how-work {
        padding-top: 2rem;
    }
    .section-how-work .title {
        padding: 1.1rem 2.2rem 0.4rem;
        border-radius: 2rem;
        margin-bottom: 2rem;
    }
    .how-work-item .icon::before {
        display: none;
    }
    .section-how-work .row {
        margin: 0;
    }
    .section-how-work .col, .section-how-work .col:nth-child(2),
    .section-how-work .col:nth-child(3) {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 1rem;
    }
    .section-how-work .col:nth-child(2) {
        order: 2;
    }
    .section-how-work .col:nth-child(3) {
        order: 3;
    }
    .section-how-work .how-work-item .icon,
    .section-how-work .col:nth-child(2) .how-work-item .icon,
    .section-how-work .col:nth-child(3) .how-work-item .icon {
        padding: 0;
        margin-bottom: 1rem;
    }
    /* ----- /SECTION HOW WORK ----- */
    /*  */
    /* ----- SECTION REVIEWS ----- */
    .section-reviews {
        padding-top: 3rem;
        padding-bottom: 2rem;
        margin-bottom: 4rem;
    }
    .section-reviews .owl-carousel .owl-stage-outer {
        padding-left: 0;
    }
    .review-item {
        width: 100%;
        padding: 0 1rem;
    }
    .review-item .review-content {
        margin-left: 2rem;
    }
    .review-item .review-title .rating {
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .review-item .review-title .rating img {
        width: 1rem;
        flex: 0 0 1rem;
        margin-left: 0.1rem;
    }
    .review-item .review-title {
        margin-bottom: 0.875rem;
    }
    /* ----- /SECTION REVIEWS ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer .footer-menu:first-child li {
        margin: 0 0.75rem 0.75rem;
    }
    .footer .footer-menu {
        margin-bottom: 1rem;
    }
    .footer .payment-cards {
        margin-top: 1.5rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- SECTION BANNER BUY ----- */
    .section-banner-buy {
        padding-bottom: 1.5rem;
    }
    .section-banner-buy .partners .partners-item {
        margin-bottom: 1.3rem;
        text-align: center;
    }
    .section-banner-buy .partners {
        margin: 3rem 2rem 0;
    }
    /* ----- /SECTION BANNER BUY ----- */
    /*  */
    /* ----- SECTION REASONS ----- */
    .section-reasons .title {
        margin-bottom: 1rem;
    }
    .section-reasons .services-card {
        margin-bottom: 1.5rem;
    }
    .section-reasons .col:nth-child(2) {
        padding-top: 0;
    }
    /* ----- /SECTION REASONS ----- */
    /*  */
    /* ----- SECTION FAQS ----- */
    .section-faqs .title p {
        line-height: 1.25rem;
    }
    .faq-item .col:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .faq-item .col:nth-child(2) {
        flex: 1;
        max-width: 100%;
    }
    .faq-item {
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .faq-item .number {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 0.2rem;
    }
    .section-faqs .title {
        margin-bottom: 3rem;
    }
    .section-faqs {
        padding-bottom: 3rem;
    }
    /* ----- /SECTION FAQS ----- */
    /*  */
    /* ----- SECTION REVIEWS TABS ----- */
    .section-reviews-tabs {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    .section-reviews-tabs .title-box .rating-wrap {
        flex-direction: column;
        justify-content: flex-start;
    }
    .section-reviews-tabs .title-box .rating-wrap .rating img {
        margin: 0 0.1rem;
    }
    .section-reviews-tabs .title-box .rating-wrap p {
        margin-bottom: 0.9rem;
    }
    .section-reviews-tabs .title-box .rating-wrap p span {
        margin-left: -0.7rem;
    }
    .section-reviews-tabs .swiper {
        height: auto;
    }
    .section-reviews-tabs .col-reviews .swiper-pagination {
        flex-direction: row;
        justify-content: center;
        margin: 1.6rem auto 0;
        flex-direction: row;
        position: static;
        width: auto;
    }
    .section-reviews-tabs .col-reviews .swiper-pagination-bullet, 
    .section-reviews-tabs .col-reviews .swiper-pagination-bullet-active, 
    .section-reviews-tabs .col-reviews .swiper-pagination-bullet-active + .swiper-pagination-bullet {
        margin: 0 0.2rem;
    }
    .section-reviews-tabs .review-item {
        padding: 0;
    }
    .section-reviews-tabs .col-write-review {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 2rem;
    }
    .section-reviews-tabs .swiper::after {
        display: none;
    }
    .section-reviews-tabs .col-reviews {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-reviews-tabs .review-item .review-content {
        width: auto;
    }
    /* ----- /SECTION REVIEWS TABS ----- */
    /*  */
    /* ----- SECTION BUY NOW ----- */
    .section-buy-now h1 {
        margin-bottom: 1.5rem;
    }
    .form-box-purple .form-box-content {
        padding: 2rem 1rem 2rem;
    }
    .form-box-purple .btn {
        margin-top: 1rem;
    }
    .section-buy-now .col-review {
        padding-top: 3rem;
    }
    .section-buy-now .review-item .user-name p {
        font-size: 1rem;
        max-width: 9rem;
    }
    /* ----- /SECTION BUY NOW ----- */
    /*  */
    /* ----- SECTION PAYMENT ----- */
    .section-payment .form-box-purple .form-group .form-control {
        height: 2.5rem;
    }
    .form-box-purple .form-check .form-check-label {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-top: 0;
    }
    .form-box-purple .form-check {
        align-items: flex-start;
    }
    .form-box-purple .form-check .form-check-input {
        margin-top: 0.2rem;
    }
    .section-payment .form-box-purple .card-number {
        padding-top: 1rem;
    }
    .section-payment .form-box-purple .card-cvv {
        padding-top: 0;
    }
    .section-payment .form-box-purple .btn {
        padding: 0.6rem 2rem;
    }
    /* ----- /SECTION PAYMENT ----- */
    /*  */
    /* ----- SECTION SUCCESS ----- */
    .section-success {
        padding-bottom: 7rem;
    }
    .section-success .icon {
        width: 10.8rem;
        height: 16rem;
        margin: 0.3rem auto -1.2rem;
    }
    .section-success h1 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }
    .section-fail .icon {
        height: 13rem;
        width: 12.2rem;
        margin: -2.7rem auto 2.8rem;
    }

    /* ----- /SECTION SUCCESS ----- */
    /*  */
    /* ----- SECTION CONTACT ----- */
    .section-contact .icons {
        width: 22rem;
        height: 20rem;
        margin: 0 auto;
    }
    .section-contact .icons img {
        max-width: 5rem;
        max-height: 5rem;
    }
    /* ----- /SECTION CONTACT ----- */
    /*  */
    /* ----- SECTION BLOG ----- */
    .section-blog .title {
        margin-bottom: 3rem;
    }
    /* ----- /SECTION BLOG ----- */
    /*  */
    /* ----- SECTION BLOG SINGLE ----- */
    .section-blog-single .breadcrumb {
        margin-bottom: 1.5rem;
    }
    .section-blog-single .title p {
        font-size: 1rem;
        line-height: inherit;
    }
    .section-blog-single .title {
        margin-bottom: 2rem;
    }
    .section-blog-single .post-image {
        max-width: 100%;
    }
    .section-blog-single .post-nav {
        margin: 2rem auto;
    }
    .section-blog-single .post-nav .col-nav-title {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
    }
    .section-blog-single .post-nav .col-nav {
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
        border-top: 1px solid rgba(14, 14, 68, 0.21);
        text-align: center;
    }
    .section-blog-single .post-nav h5 {
        justify-content: center;
    }
    .section-blog-single .post-content h2 {
        margin-bottom: 1.5rem;
    }
    .section-blog-single .post-card {
        margin-bottom: 2rem;
    }
    /* ----- /SECTION BLOG SINGLE ----- */
    /*  */
    /* ----- SECTION BLOG SIMILAR ----- */
    .section-blog-similar {
        padding-bottom: 1.5rem;
    }
    .section-blog-similar .col-title h4 {
        margin-left: 0;
        margin-bottom: 1rem;
    }
    /* ----- /SECTION BLOG SIMILAR ----- */
    /*  */
    /* ----- SECTION TEXT ----- */
    .section-text .title h2 {
        margin-bottom: 0.95rem;
    }
    /* ----- /SECTION TEXT ----- */
    /*  */
}
/* ----- /MEDIA ----- */
/*  */