.home-header{background:var(--bg-gray);position:relative;.home-header__container{background-position:100% 0;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;min-height:30vw;padding-bottom:3rem;@media (min-width:992px){background-image:url(/img/home_page_block_light.png)}}.home-header__subtitle{color:#000;font-size:2rem}.home-header__title{color:#000;font-size:3rem;margin-bottom:5rem;@media (min-width:768px){font-size:4rem;margin-bottom:2rem}}.home-header__text{background:#fff;border-radius:2rem;bottom:39px;box-shadow:0 0 38px -26px #42445a;font-size:1.2rem;left:44%;padding:2rem;position:absolute;@media (min-width:768px){bottom:0}}.home-header__text-image{bottom:-20px;height:40px;position:absolute;right:10px;width:40px}.home-header__text-image--1{right:76px}.home-header__text-image--2{right:42px;z-index:2}.home-header__wrap-btn-signup{margin-top:0;padding-bottom:3rem;@media (min-width:768px){margin-top:-1rem}}.home-header__btn{background:var(--primary);box-shadow:none;color:#fff;font-size:1.5rem;line-height:1;&:hover{transform:translateY(-2px)}@media (min-width:768px){font-size:1.9rem}}&.home-header--dark{background-color:#000;background-image:linear-gradient(180deg,rgba(42,123,155,0),rgba(87,199,133,0) 10%,#000 34%,#000),url(/img/home_page_block_dark.png);background-position:top;background-repeat:no-repeat;background-size:contain;@media (max-width:992px){background-image:linear-gradient(180deg,rgba(42,123,155,0),rgba(87,199,133,0) 15%,#000 61%,#000),url(/img/home_page_block_dark.png);background-size:cover}@media (min-width:1200px){background-image:linear-gradient(180deg,rgba(42,123,155,0),rgba(87,199,133,0) 14%,#000 43%,#000),url(/img/home_page_block_dark.png);background-size:contain}.home-header__container{background-image:none}.home-header__subtitle,.home-header__title{color:#fff}.home-header__text{background:transparent;box-shadow:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;position:static}.home-header__text-image{display:none}.home-header__wrap-btn-signup{@media (min-width:768px){margin-top:3rem}}}}.home-box-img{max-height:120px;max-width:120px}.home-mid-img{max-width:400px}.coinbasae-logo{height:1.3rem}.suggestion-header-bg{height:140px!important}.new-how-it-works{background:var(--gray-light);.new-how-it-works__container{@media (min-width:992px){display:flex;gap:2rem}}h2{display:flex;gap:5px;justify-content:center;min-width:250px;text-align:center;@media (min-width:992px){display:block;font-size:4rem;text-align:left}}h2,h5{color:#000}h5{@media (min-width:992px){font-size:1.4rem}}.new-how-it-works__content{flex:1 1 auto;p{color:var(--text-color);font-size:1.1rem}.ion-icon-wrapper{height:2.5rem;width:2.5rem}}&.new-how-it-works--dark{background:#fff;.new-how-it-works__container{display:block}h2{display:flex;font-size:2.5rem;margin-bottom:2rem}}}.most-popular-recipes{background:var(--bg-gray);h2{color:#000;font-size:3rem;margin-bottom:4rem}.most-popular-recipes__creators-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:start;@media (min-width:992px){justify-content:center}@media (min-width:1200px){justify-content:start}}.most-popular-recipes__card{background:transparent;width:18rem;a{color:#000;font-weight:700;text-transform:capitalize;transition:all .3s ease;&:hover{color:var(--primary)}}.card-text{color:var(--primary)}img{-o-object-fit:cover;object-fit:cover}}&.most-popular-recipes--dark{background:#000;h2{color:#fff}.most-popular-recipes__card{a{color:#fff;&:hover{color:var(--primary)}}}}}.trending{background:var(--bg-gray);h2{color:#000;font-size:3rem;margin-bottom:4rem}.trending__creators-wrapper{display:grid;gap:2rem;grid-template-columns:1fr;@media (min-width:992px){grid-template-columns:1fr 1fr}@media (min-width:1200px){grid-template-columns:1fr 1fr 1fr 1fr}flex-wrap:wrap;justify-content:center}.trending__card{background:#fff;border-radius:2rem;box-shadow:17px 17px 41px -25px rgba(0,0,0,.5);flex:1 1 auto;padding:2rem 1.5rem;.card-body{padding:1.25rem 1.25rem .5rem}.card-title{margin-bottom:.5rem}img{height:6rem;width:6rem}a{color:#000;font-weight:700;text-transform:capitalize;transition:all .3s ease;&:hover{color:var(--primary)}}.card-text{color:var(--primary)}}&.trending--dark{background:#000;h2{color:#fff}.trending__card{background:#000;a{color:#fff;&:hover{color:var(--primary)}}}}}