@font-face {
    font-family: Aeonik;
    src: url("assets/fonts/AeonikTRIAL-Regular.otf") format("opentype");
}

* {
    font-family: Aeonik;
}

body {
    background-color: #f3f3f3;
}

.cart-sidebar {
    width: 300px;
    position: fixed;
    top: 0;
    right: -300px;
    height: 100%;
    background-color: #ffffff;
    transition: right 0.3s ease-in-out;
    z-index: 9999;
    padding: 20px;
}

.cart-open {
    right: 0;
}

.cart-close {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}

.position-fixed {
    background-color: white;
    z-index: 100;
}

.d-flex .d-flex .logo {
    height: 50px;
}

.w-100 .w-75 ul li {
    list-style: none;
    font-weight: 600;
    font-size: x-large;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.h-100 .d-flex .nav-button {
    width: 19%;
}

.w-75 .list-group {
    gap: 90px;
}

.p-4 div .btn {
    width: 150px;
}

.cart-logo {
    width: 105px;
}

.rounded-5 {
    width: 96vw;
}

.container-xxl {
    margin-top: 85px;
}

.container-xxl .container-background {
    height: auto;
}

.container-xxl .background {
    background-image: url(assets/background/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}

.background .container-h1 {
    min-height: 570px;
    padding: 80px 0 0 85px;
}

.background .container-h1 h1 {
    font-size: calc(4rem + 1.5vw);
    width: fit-content;
}

.background .container-h1 p {
    font-size: x-large;
}

.background .container-h1 .w-50 .c-btn {
    min-width: 25%;
}

#m-r {
    min-height: 200px;
}

#m-r .container h1 {
    font-size: 5rem;
}

#m-r .container p {
    font-size: 2.6rem;
}

#m-r .container p span {
    background: linear-gradient(270deg, #C7E4CC 14.58%, #FFCD1D 54.69%, #FB8B08 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#m-r .container img {
    width: 80vw;
    margin-top: 50px;
}

#benefits {
    padding: 6% 0 6% 0;
    background-color: #f3f3f3;
}

#benefits .benefits-div-h1 {
    padding: 0% 15% 0% 15%;
    margin: 40px 0px 40px 0px;
}

#benefits .benefits-div-h1 h1 {
    font-size: 4rem;
}

#benefits .tile {
    min-height: 390px;
    margin: 10px 5px 10px 5px;
    padding: 15px 40px 45px 40px;
    background-image: url(https://goayo.com/wp-content/uploads/2022/09/ayo-home-sleep-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 12px 100px 12px rgba(0, 0, 0, 0.1);
    width: 370px;
}

#benefits .tile2 {
    min-height: 390px;
    margin: 10px 5px 10px 5px;
    padding: 15px 40px 45px 40px;
    background-color: var(--e-global-color-ad4e538);
    background-image: url(https://goayo.com/wp-content/uploads/2022/09/ayo-home-low-energy-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 12px 100px 12px rgba(0, 0, 0, 0.050980392156862744);
    width: 370px;
}

#benefits .tile .tile-div-h1,
#benefits .tile2 .tile-div-h1 {
    margin-top: 70px;
}

#benefits .tile .tile-div-h1-c2,
#benefits .tile2 .tile-div-h1-c2 {
    margin-top: 58px;
}

#benefits .tile .tile-div-h1-c3,
#benefits .tile2 .tile-div-h1-c3 {
    margin-top: 52px;
}

#benefits .tile .tile-div-p,
#benefits .tile2 .tile-div-p {
    margin-top: 20px;
}

#benefits .row .col-md-4 h1 {
    font-size: xx-large;
}

#benefits .row .col-md-4 p {
    color: rgb(122, 122, 122);
    font-size: larger;
}

#RBHY {
    background-color: #f3f3f3;
}

#RBHY .container .grid {
    margin: 10%;
}

#RBHY .text-center h1 {
    font-size: 4rem;
}

#RBHY .grid .content1 h2 {
    font-size: 2.5rem;
}

#RBHY .grid .content1 ul li {
    font-size: 1.5rem;
    list-style: none;
}

#RBHY .grid .content1 ul li::before {
    content: '✓ ';
}

hr {
    border: 1px gray solid;
}

#HIW {
    background-color: #f3f3f3;
}

#HIW .text-center h1 {
    font-size: 4rem;
}

#HIW .d-flex .tile1 {
    min-height: 400px;
    margin: 10px 5px 10px 5px;
    padding: 15px 40px 45px 40px;
    background-color: var(--e-global-color-ad4e538);
    background-image: url(assets/background/rbs-home-sleep-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 12px 100px 12px rgba(0, 0, 0, 0.050980392156862744);
}

#HIW .d-flex span {
    background: linear-gradient(270deg, #C7E4CC 14.58%, #FFCD1D 54.69%, #FB8B08 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 55px;
    line-height: 60px;
    background-clip: text;
}

#HIW .d-flex .w-50 .my-5 h2 {
    font-size: 2rem;
}

#HIW .d-flex .w-50 .tile1-h2,
#HIW .d-flex .w-50 .tile2-h2,
#HIW .d-flex .w-50 .tile3-h2,
#HIW .d-flex .w-50 .tile4-h2 {
    margin-top: 45px;
}

#HIW .d-flex .w-50 .tile1-p,
#HIW .d-flex .w-50 .tile2-p,
#HIW .d-flex .w-50 .tile3-p,
#HIW .d-flex .w-50 .tile4-p {
    margin-top: 15px;
}

#HIW .d-flex .w-50 .rbs-gp {
    transition: all 0.3s;
    cursor: pointer;
}

#HIW .d-flex .w-50 .rbs-gp:hover {
    transform: scale(1.1);
}

#HIW .d-flex .w-50 .rbs-as {
    transition: all 0.3s;
    cursor: pointer;
}

#HIW .d-flex .w-50 .rbs-as:hover {
    transform: scale(1.1);
}

#HIW .text-center h1 {
    font-size: 4rem;
}

#HIW .d-flex .tile2 {
    min-height: 400px;
    margin: 10px 5px 10px 5px;
    padding: 15px 40px 45px 40px;
    background-color: var(--e-global-color-ad4e538);
    background-image: url(assets/background/rbs-home-steps-2-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 12px 100px 12px rgba(0, 0, 0, 0.050980392156862744);
}

#HIW .d-flex .tile2-span span {
    background: linear-gradient(89.52deg, #BCD5F7 0%, #91ABF6 71.35%, #BCDAFA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 55px;
    line-height: 60px;
    background-clip: text;
}

#HIW .d-flex .tile3 {
    min-height: 400px;
    margin: 10px 5px 10px 5px;
    padding: 15px 40px 45px 40px;
    background-color: var(--e-global-color-ad4e538);
    background-image: url(assets/background/rbs-home-steps-3-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 12px 100px 12px rgba(0, 0, 0, 0.050980392156862744);
}

#HIW .d-flex .tile3-span span {
    background: linear-gradient(270deg, #FFA654 14.58%, #E39D6A 54.69%, #B2778B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 55px;
    line-height: 60px;
    background-clip: text;
}

#HIW .d-flex .tile4 {
    min-height: 400px;
    margin: 10px 5px 10px 5px;
    padding: 15px 40px 45px 40px;
    background-color: var(--e-global-color-ad4e538);
    background-image: url(assets/background/rbs-home-steps-4-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 12px 100px 12px rgba(0, 0, 0, 0.050980392156862744);
}

#HIW .d-flex .tile4-span span {
    background: linear-gradient(270deg, #C7E4CC 14.58%, #FFCD1D 54.69%, #FB8B08 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    background-clip: text;
}

#HIW .d-flex .tile1 .tile1-p p,
#HIW .d-flex .tile2 .tile2-p p,
#HIW .d-flex .tile3 .tile3-p p,
#HIW .d-flex .tile4 .tile4-p p {
    color: #838383;
}

#product {
    background-color: #f3f3f3;
}

#product .text-center h5 {
    margin-top: 90px;
}

#product .product-h1 h1 {
    font-size: 4rem;
}

#product .container .product-btn {
    margin: 30px 0 75px 0;
}

#product .d-flex .tile1,
#product .d-flex .tile3 {
    width: 33%;
    height: 650px;
}

#product .d-flex .tile2 {
    width: 33%;
    height: 650px;
    box-shadow: 1px 12px 100px 12px rgba(0, 0, 0, 0.050980392156862744);
    background-color: white;
}

#product .d-flex .tile1 h1,
#product .d-flex .tile2 h1,
#product .d-flex .tile3 h1 {
    font-size: 3rem;
}

#product .d-flex .tile1 p,
#product .d-flex .tile2 p,
#product .d-flex .tile3 p {
    font-size: 1.5rem;
    color: #838383;
}

#product .d-flex .tile1 span,
#product .d-flex .tile2 span,
#product .d-flex .tile3 span {
    font-size: 2rem;
    color: black;
}

#product .d-flex .tile1 .tile1-desc,
#product .d-flex .tile2 .tile2-desc {
    margin-top: 50px;
}

#product .d-flex .tile3 .tile3-desc {
    line-height: 25px;
}

#product .d-flex .product1-button,
#product .d-flex .product2-button,
#product .d-flex .product3-button {
    height: 35px;
    display: flex;
    align-items: center;
}

#product .d-flex .product1-button a,
#product .d-flex .product2-button a,
#product .d-flex .product3-button a {
    font-size: 12px;
    width: 110px;
}

#product .d-flex .tile1-container-btn,
#product .d-flex .tile2-container-btn,
#product .d-flex .tile3-container-btn {
    height: inherit;
}

#product .d-flex .tile3 .tile3-span {
    background: linear-gradient(270deg, #C7E4CC 14.58%, #FFCD1D 54.69%, #FB8B08 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    font-size: 3rem;
}

#product .d-flex .tile3 .tile3-save-div {
    height: 30px;
    background: rgb(205,132,34);
    background: linear-gradient(90deg, rgba(205,132,34,1) 0%, rgba(253,202,29,1) 62%, rgba(170,255,213,1) 100%);
    width: 111px;
    border-radius: 50px;
}

#product .d-flex .tile3 .tile3-save-span {
    font-size: 12px;
    font-weight: 500;
}

#product .d-flex .tile3 .tile3-desc .text-decoration-line-through {
    font-size: 17px;
    color: #838383;
    text-decoration: line-through #323232!important;
}

#product .d-flex .tile3 .tile3-desc .tile3-additional-price {
    font-size: 12px;
}

.product-ext {
    background-color: #f3f3f3;
}

#ftr-section {
    background-color: #f3f3f3;
}

#ftr-section .d-flex .ftr-section-li {
    list-style: none;
}

#ftr-section .d-flex .ftr-section-li li {
    font-size: 1.3rem;
    color: #838383;
    line-height: 40px;
}

#ftr-section .d-flex .w-50 .ftr-section-input-email {
    border-bottom: 1px black solid;
}

#ftr-section .d-flex .w-50 input {
    background-color: #f3f3f3;
    border: none;
    width: 95%;
    font-size: 15px;
    outline: none;
}

#ftr-section .d-flex .w-50 button {
    border: none;
}

#ftr-section .d-flex .w-50 .fst-italic {
    color: #838383;
}

#ftr-section .d-flex .w-50 .ftr-section-checkbox {
    width: 35px;
}

#ftr {
    background-color: #f3f3f3;
}

#ftr .d-flex {
    display: flex;
}

#ftr p {
    margin: 0!important;
}

#ftr a {
    color: black;
}

#ftr a:hover {
    color: #323232;
}

#ftr .d-flex .ftr-social {
    width: 23%;
}

#ftr .d-flex .ftr-social .d-flex {
    gap: 10px;
}

i {
    cursor: pointer;
    transition: all 0.3s;
}

i:hover {
    color: #838383;
}

/* End of Home Page */

/* Why-RBS Start Here */

#why-rbs .container-xxl .rounded-5 {
    background-color: #f3f3f3;
    margin-top: 85px;
    min-height: 570px;
}

#why-rbs .container-xxl .w-50 h1 {
    font-size: 4rem;
}

.wr .tile1 {
    width: 33%;
}

#theproblem-01 .d-flex .tile1,
#theproblem-01 .d-flex .tile2,
#theproblem-01 .d-flex .tile3 {
    width: 33%;
}

#ourfindings-02 {
    background-color: #f3f3f3;
}

#ourfindings-02 .container {
    border-bottom: #c5c5c5 1px solid;
}

#ourfindings-02 .text-center .pb-5 h1 {
    font-size: 4rem;
}

#ourfindings-02 .text-center .pb-5 span {
    background: linear-gradient(270deg, #C7E4CC 14.58%, #FFCD1D 54.69%, #FB8B08 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

#thesolution-03 .text-center .pb-5 h1 {
    font-size: 4rem;
}

#thesolution-03 .container {
    border-bottom: #c5c5c5 1px solid;
}

/* WHY RBS Ends Here */

/* FAQS Section Starts Here */

#faqs .container-xxl .rounded-5 {
    background-image: url(assets/background/faqs-bg.png);
    background-size: 100% 100%;
    min-height: 570px;
    box-shadow: 12px 12px 100px 199px rgba(0, 0, 0, 0.050980392156862744);
}

#faqs .container-xxl .pb-5 h1 {
    font-size: 5rem;
}

#faqs-section aside ul li {
    list-style: none;
}

#faqs-section .w-25 .fs-3 a {
    color: black;
    width: 240px;
    display: block;
}

#faqs-section .w-25 .faqs-aside {
    height: 50px;
    width: 250px;
}

#faqs-section .w-25 .faqs-aside:hover {
    border: 1px solid #838383;
    border-radius: 25px;
}

#faqs-section .w-75 .container h1,
#faqs-section .w-75 h1 {
    font-size: 3.5rem;
}

.accordion-button:focus {
    background: none;
    box-shadow: none;
    color: black;
}

.accordion-button:not(:focus) {
    background: none;
    color: black;
}

#faqs-section .w-75 .d-flex .accordion-item a {
    transition: all 0.4s;
    color: black;
}

#faqs-section .w-75 .d-flex .accordion-item a:hover {
    --bs-text-opacity: 1;
    color: #6C757D;
    transform: translate(1.2);
}

#faqs-section .w-75 .pt-3 input {
    height: 50px;
    box-shadow: none;
    border-radius: 0;
}

#faqs-section .w-75 .pt-3 textarea {
    box-shadow: none;
    border-radius: 0;
}

/* FAQS Page Ends Here */

/* BUY-RBS Starts Here */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.container h1,
.card {
    animation: fadeIn 1s;
}

.total-cost {
    font-weight: bold;
}

.card {
    min-height: 416px;
}

#buy-rbs .container .card-body img {
    height: 226px!important;
}

/* BUY-RBS Page Ends Here */