@import"https://fonts.googleapis.com/css2?family=Montagu+Slab:wght@500&family=Montserrat:wght@400;500;600&display=swap";:root{--header-height: 3.5rem;--first-color: hsl(230, 62%, 56%);--title-color: hsl(230, 70%, 16%);--text-color: hsl(230, 16%, 45%);--border-color: hsl(230, 50%, 90%);--white-color: hsl(0, 0%, 100%);--body-color: hsl(230, 100%, 96%);--container-color: hsl(230, 100%, 97%);--body-font: "Montserrat", sans-serif;--second-font: "Montagu Slab", serif;--biggest-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}@media screen and (min-width:1150px){:root{--biggest-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}:root{--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,input,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);transition:background-color .4s}input,button{border:none;outline:none}h1,h2,h3,h4{color:var(--title-color);font-family:var(--second-font);font-weight:var(--font-medium)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}body.dark-theme{--title-color: hsl(230, 48%, 85%);--text-color: hsl(230, 16%, 70%);--border-color: hsl(230, 12%, 18%);--body-color: hsl(230, 12%, 8%);--container-color: hsl(230, 12%, 12%)}.dark-theme .shadow-header{box-shadow:0 2px 16px #0006}.dark-theme .nav__menu{box-shadow:0 -8px 32px #0006}.dark-theme .scrollup{box-shadow:0 2px 8px #0006}.dark-theme .search,.dark-theme .login{background-color:#12131799}.dark-theme::-webkit-scrollbar{background-color:#20222c}.dark-theme::-webkit-scrollbar-thumb{background-color:#36394a}.dark-theme::-webkit-scrollbar-thumb:hover{background-color:#4b5068}.container{max-width:1220px;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding-block:5rem 1rem}.section__title{text-align:center;font-size:var(--h1-font-size);font-family:var(--second-font);margin-bottom:2rem}.main{overflow:hidden}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--body-color);z-index:var(--z-fixed);transition:box-shadow .4s,background-color .4s}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{display:inline-flex;align-items:center;column-gap:.5rem;color:var(--first-color);font-weight:var(--font-medium)}.nav__logo i{font-size:1.25rem}@media screen and (max-width:1150px){.nav__menu{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:var(--container-color);box-shadow:0 -8px 32px #0000001a;padding:1.25rem 4rem;transition:background-color .4s}}.nav__list{display:flex;justify-content:space-between}.nav__link{color:var(--text-color);transition:color .4s}.nav__link span{display:none}.nav__link i{font-size:1.25rem}.nav__link:hover{color:var(--first-color)}.nav__actions{display:flex;align-items:center;column-gap:1rem}.nav__actions i{font-size:1.25rem;color:var(--title-color);cursor:pointer;transition:color .4s}.nav__actions i:hover{color:var(--first-color)}.shadow-header{box-shadow:0 2px 16px #0000001a}.active-link{color:var(--first-color)}.search{position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:var(--z-fixed);background-color:#eef1fb99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8rem 1.5rem;transition:top .4s}.search__form{display:flex;align-items:center;column-gap:.5rem;background-color:var(--container-color);border:2px solid var(--border-color);padding-inline:1rem}.search__icon{font-size:1.25rem;color:var(--title-color)}.search__input{width:100%;padding-block:1rem;background-color:var(--container-color);color:var(--text-color)}.search__close{position:absolute;top:2rem;right:2rem;font-size:2rem;color:var(--title-color);cursor:pointer}.show-search{top:0}.login{position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:var(--z-fixed);background-color:#eef1fb99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;padding:1.5rem;text-align:center;transition:top .4s}.login__form{background-color:var(--container-color);padding:2rem 1.5rem;border:2px solid var(--border-color);row-gap:1.25rem}.login__title{font-size:var(--h2-font-size)}.login__group{row-gap:1.25rem}.login__label{display:block;text-align:initial;color:var(--title-color);font-weight:var(--font-medium);margin-bottom:.25rem}.login__input{width:100%;background-color:var(--container-color);border:2px solid var(--border-color);padding:1rem;color:var(--text-color)}.login__signup,.login__forgot{display:block;font-size:var(--small-font-size)}.login__signup{margin-bottom:.5rem}.login__signup a{color:var(--first-color);font-weight:var(--font-medium)}.login__forgot{color:var(--first-color);margin-bottom:1.25rem}.login__button{width:100%;cursor:pointer}.login__close{position:absolute;top:2rem;right:2rem;font-size:2rem;color:var(--title-color);cursor:pointer}.show-login{top:0}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:grid;place-items:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.popup__content{position:relative;background-color:var(--body-color);padding:3.5rem 2rem 2.5rem;border-radius:1rem;text-align:center;max-width:400px;transform:translateY(-20%);transition:transform .4s}.popup__close{position:absolute;top:1.25rem;right:1.25rem;font-size:1.5rem;color:var(--title-color);cursor:pointer}.popup__title{font-size:var(--h2-font-size);color:var(--title-color);margin-bottom:1rem}.popup__description{font-size:var(--small-font-size);margin-bottom:2rem}.popup__button{width:100%}.show-popup{opacity:1;visibility:visible}.show-popup .popup__content{transform:translateY(0)}.home__swiper{margin:initial}.home__container{padding-top:2rem;row-gap:2.5rem}.home__data{text-align:center}.home__title{font-size:var(--biggest-font-size);margin-bottom:1rem}.home__description{margin-bottom:2rem}.home__images{display:grid}.home__article,.home__img{width:220px;transition:scale .4s}.home__article{scale:.8}.swiper-slide-active,.swiper-slide-duplicate-active{scale:1}.button{display:inline-block;background-color:var(--first-color);color:var(--white-color);font-weight:var(--font-semi-bold);padding:1rem 1.5rem;transition:box-shadow .4s}.button:hover{box-shadow:0 4px 32px #172a8c66}.services__container{row-gap:3rem}.services__card{text-align:center}.services__card i{display:block;font-size:3rem;color:var(--first-color);margin-bottom:1rem}.services__title{font-size:var(--h3-font-size);margin-bottom:.5rem}.featured__card{position:relative;text-align:center;background-color:var(--container-color);padding:2rem;overflow:hidden;border:2px solid var(--border-color);transition:border .4s,background-color .4s}.featured__img{width:150px;margin:0 auto .75rem}.featured__title{font-size:var(--h2-font-size);margin-bottom:.5rem}.featured__prices{display:flex;justify-content:center;align-items:center;column-gap:.75rem;margin-bottom:1.25rem}.featured__discount{color:var(--title-color)}.featured__price{font-size:var(--small-font-size);text-decoration:line-through}.featured__card .button{cursor:pointer}.featured__actions{display:inline-flex;flex-direction:column;row-gap:.75rem;position:absolute;top:2rem;right:-1.5rem;transition:right .4s}.featured__actions button{background:none;font-size:1.25rem;color:var(--first-color);cursor:pointer}.featured__card:hover .featured__actions{right:1.5rem}.swiper-button-prev:after,.swiper-button-next:after{content:""}.swiper-button-prev,.swiper-button-next{width:initial;height:initial;background-color:var(--container-color);border:2px solid var(--border-color);padding:.5rem;font-size:1.5rem;color:var(--first-color);transition:border .4s,background-color .4s}.discount__container{row-gap:3.5rem}.discount__data{text-align:center}.discount__title{margin-bottom:1rem}.discount__description{margin-bottom:2rem}.discount__images{display:flex;justify-content:center}.discount__img-1,.discount__img-2{width:170px}.discount__img-1{transform:translate(1rem) rotate(-10deg)}.discount__img-2{transform:translate(-1rem) rotate(10deg)}.new__card{display:flex;align-items:center;column-gap:2.5rem;background-color:var(--container-color);padding:1.5rem 1rem;color:var(--text-color);border:2px solid var(--border-color);transition:border .4s,background-color .4s}.new__card:hover{border:2px solid var(--text-color)}.new__img{width:100px}.new__title{font-size:var(--h2-font-size);margin-bottom:.5rem}.new__prices{display:flex;align-items:center;column-gap:.75rem;margin-bottom:.75rem}.new__discount{color:var(--title-color)}.new__price{font-size:var(--small-font-size);text-decoration:line-through}.new__stars{color:var(--first-color)}.new__swiper:nth-child(1){margin-bottom:2rem}.join__container{position:relative;padding-block:3rem}.join__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.join__data{position:relative}.join__title{color:var(--white-color)}.join__form{display:grid;row-gap:1rem}.join__input{padding:1.25rem 1rem;background-color:var(--body-color);color:var(--title-color);transition:background-color .4s}.join__input::placeholder{color:var(--text-color)}.join__button{padding-block:1.25rem;cursor:pointer}.testimonial__card{text-align:center;background-color:var(--container-color);padding:2rem 3rem 2.5rem;border:2px solid var(--border-color);transition:border .4s,background-color .4s}.testimonial__img{width:100px;border-radius:50%;margin:0 auto 1.5rem}.testimonial__title{font-size:var(--h2-font-size);margin-bottom:.75rem}.testimonial__description{font-size:var(--small-font-size);margin-bottom:1.25rem}.testimonial__stars{color:var(--first-color)}.footer{padding-block:4rem 6rem}.footer__container{row-gap:3rem}.footer__logo{display:inline-flex;align-items:center;column-gap:.5rem;color:var(--first-color);font-size:var(--h3-font-size);font-family:var(--second-font);margin-bottom:1.25rem}.footer__logo i{font-size:1.25rem}.footer__data{grid-template-columns:repeat(2,max-content);gap:3rem 2rem}.footer__title{font-size:var(--h3-font-size);margin-bottom:1.25rem}.footer__links{display:grid;row-gap:.5rem}.footer__link{color:var(--text-color);transition:color .4s}.footer__link:hover{color:var(--first-color)}.footer__info{font-style:normal}.footer__social{display:flex;column-gap:1.25rem}.footer__social-link{font-size:1.25rem;color:var(--first-color)}.footer__copy{display:block;margin-top:5rem;text-align:center;font-size:var(--small-font-size)}::-webkit-scrollbar{width:.6rem;border-radius:.5rem;background-color:#d3d5df}::-webkit-scrollbar-thumb{background-color:#979cb4;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#7a809f}.scrollup{position:fixed;right:1rem;bottom:-50%;background-color:var(--container-color);box-shadow:0 2px 8px #0000001a;display:inline-flex;padding:6px;font-size:1.25rem;color:var(--title-color);z-index:var(--z-tooltip);transition:bottom .4s,transform .4s,background-color .4s}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:6rem}@media screen and (max-width:320px){.container{margin-inline:1rem}.nav__menu{padding-inline:3rem}.discount__img-1,.discount__img-2{width:140px}.new__card{flex-direction:column}.testimonial__card{padding-inline:1rem}.footer__data{grid-template-columns:1fr;row-gap:2rem}}@media screen and (min-width:450px){.featured__card{width:290px}.new__card{width:390px}.testimonial__card{width:320px}}@media screen and (min-width:576px){.search__form{width:500px;margin-inline:auto}.login__form{width:400px;justify-self:center}.search__close,.login__close{width:max-content;top:4rem;left:0;right:0;margin-inline:auto}.nav__menu{width:380px;margin-inline:auto}.home__container,.discount__container{grid-template-columns:420px;justify-content:center}.join__form{width:328px;justify-self:center}.footer__data{grid-template-columns:repeat(3,max-content)}}@media screen and (min-width:768px){.home__container{grid-template-columns:580px}.home__data{width:420px;justify-self:center}.services__container{grid-template-columns:repeat(3,max-content);justify-content:center;column-gap:5rem}.footer__container{grid-template-columns:repeat(2,max-content);justify-content:space-between}}@media screen and (min-width:1150px){.section{padding-block:7rem 2rem}.nav{height:calc(var(--header-height) + 2rem);column-gap:4rem}.nav__link i{display:none}.nav__link span{display:block}.nav__menu{width:initial;margin-inline:auto 0}.nav__list{column-gap:4rem}.nav__link{font-weight:var(--font-medium)}.dark-theme .nav__menu{box-shadow:none}.home__data{width:initial}.services__container{column-gap:10rem}.services__card i{font-size:3.5rem}.featured__container{padding-top:2rem}.featured__title{font-size:var(--h3-font-size)}.discount__container{grid-template-columns:615px 500px;justify-content:space-between;align-items:center}.discount__data{order:1}.discount__data,.discount__title{text-align:initial}.discount__description{margin-bottom:3.5rem}.discount__img-1,.discount__img-2{width:300px}.new__container{padding-top:2rem}.new__card{padding:1.5rem}.new__img{width:120px}.new__title{font-size:var(--h3-font-size)}.join__bg{object-position:0 -5rem}.testimonial__container{padding-top:2rem}.testimonial__card{padding-inline:2rem}.testimonial__title{font-size:var(--h3-font-size)}.testimonial__description{font-size:var(--normal-font-size)}.footer{padding-block:6rem 3rem}.footer__data{grid-template-columns:repeat(4,max-content);column-gap:4.5rem}.footer__logo,.footer__title{font-size:var(--h2-font-size);margin-bottom:1.5rem}.footer__links{row-gap:1rem}.footer__social{column-gap:1.5rem}.footer__social-link{font-size:1.5rem}.footer__copy{margin-top:7.5rem}.scrollup{right:3rem}.show-scroll{bottom:3rem}}@media screen and (min-width:1220px){.container{margin-inline:auto}.home__container{grid-template-columns:435px 745px;align-items:center;padding-block:7rem 2rem}.home__data{text-align:initial}.home__description{margin-bottom:4rem}.home__article,.home__img{width:290px}}