@font-face {
  font-family: 'Spumante Bold';
  src: url('../fonts/Spumante-Bold.eot');
  src: url('../fonts/Spumante-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Spumante-Bold.woff2') format('woff2'),
    url('../fonts/Spumante-Bold.woff') format('woff'),
    url('../fonts/Spumante-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.container {width: 100%;max-width: 1370px;margin: 0 auto;}
a.cta {background-color: #cf1014;color: #fff;height: 57px;line-height: 57px;font-size: 18px;border-radius: 38px;padding: 0 38px;display: inline-block;font-weight: bold;}
a.cta:hover {color: #fff;}

#custom-cookie-hero {background-color: #fbe779;position: relative;padding-top: 30px;margin-bottom: 30px;margin-top: 48px;}
#custom-cookie-hero .container {position: relative;margin-bottom: 80px;}
#custom-cookie-hero .hero-text {text-align: center;margin-bottom: 1rem;margin: 30px 0 0 0;}
#custom-cookie-hero .decor-1 {position: absolute;left: -142px;bottom: -60px;}
#custom-cookie-hero .decor-2 {position: absolute;right: -173px;bottom: -164px;}
#custom-cookie-hero::after {content: '';position: absolute;left: 0;right: 0;height: 95px;bottom: -92px;background-image: url('../images/photo-cookies-wave-yellow.png');background-size: cover;background-position: center bottom;z-index: -1;}
#custom-cookie-hero h1,
#custom-cookie-hero .h1 {font-family: 'Spumante Bold';color: #3d9ef0;text-shadow: 0px 7px 1px rgba(0, 0, 0, 0.15);line-height: 1;margin-bottom: 1rem;font-size: 70px;}
#custom-cookie-hero h1 span,
#custom-cookie-hero .h1 span {font-family: 'BasicSansSF-Bold';color: #fff;display: block;padding-top:0;font-size:93px;letter-spacing: 0.05em;font-size:50px}
#custom-cookie-hero p {font-family: 'BasicSansRegular';line-height: 1.3076;font-size: 18px;color: #000;max-width: 843px;margin: 0 auto;margin-top: 33px;}
#custom-cookie-hero a.cta {margin-bottom: -20px;position: relative;top: 38px;}

@media screen and (min-width: 480px ) {
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 70px;}
}
@media screen and (min-width: 600px ) {
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 100px;}
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 82px;}
  #custom-cookie-hero h1 span,
  #custom-cookie-hero .h1 span {font-size:50px}
}
@media screen and (min-width: 768px ) {
  #custom-cookie-hero {margin-bottom: 50px;}

  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 102px;margin-bottom:0}
  #custom-cookie-hero h1 span,
  #custom-cookie-hero .h1 span  {font-size:63px}
  #custom-cookie-hero .container {display: flex;justify-content: center;}
  #custom-cookie-hero .hero-text {margin-bottom: 0;text-align: center;margin-top:58px}
  #custom-cookie-hero::after {height: 115px;bottom: -114px;}
  #custom-cookie-hero .hero-text {text-align: center;margin-bottom: 1rem;margin: 58px 50px 0 50px;}
}
@media screen and (min-width: 992px ) {
  #custom-cookie-hero {margin-bottom: 192px;}
  #custom-cookie-hero p {margin-bottom: -5px;font-size: 26px;}
  #custom-cookie-hero .hero-text {margin: 58px 140px 0 140px;}
  
  a.cta {height: 76px;line-height: 76px;font-size: 27px;}
}

@media screen and (min-width: 1400px ) {
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size:152px}
  #custom-cookie-hero h1 span,
  #custom-cookie-hero .h1 span {font-size:93px}

}


@media screen and (max-width: 992px ) {
  #custom-cookie-hero .decor-1 {left: -192px;bottom: -233px;}
  #custom-cookie-hero .decor-2 {right: -255px;bottom: -240px;}
}

@media screen and (max-width: 767px ) {
  #custom-cookie-hero .decor-1 {display: none;}
  #custom-cookie-hero .decor-2 {display: none;}
  .hero-image {display: block !important;margin-bottom: 30px;text-align: center;}
  .hero-image img {max-height: 190px;}
}


@media screen and (max-width: 480px ) {
  #custom-cookie-hero .hero-text p br{display:none}
}


#cards {text-align: center;position: relative;}
#cards .title {color: #333333;font-family: 'BasicSansSF-Bold';line-height: 1;margin-bottom: 62px;}
#cards .cards-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 40px;margin-bottom: 40px;}
#cards .cards-container .card {border-radius:10px;background-color: #fff;box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15);text-align: center;padding: 30px 15px 20px 15px;flex-basis: 280px;}
#cards .cards-container .card .img {height:180px}
#cards .cards-container .card img {margin-bottom: 15px;}
#cards .cards-container .card p {margin-bottom: 0;font-family: 'BasicSansRegular';font-size: 22px;line-height: 25px;}
#cards .cards-container .card strong {font-family: 'BasicSansSF-Bold';}
#cards .desc {padding-bottom:30px;}
#cards .desc p {font-size:22px;color:#333;line-height:34px;font-family: 'BasicSansRegular';}


@media screen and (min-width: 768px){
  #cards .cards-container {margin-bottom: 64px;}
  #cards .title {font-size: 69px;}
}
@media screen and (max-width: 480px ) {
  #custom-cookie-hero .hero-text p br{display:none}
}

#contact {background-image: url('../images/custom-cookie-contact-bg.png');background-position: center top;background-size: contain;background-repeat: no-repeat;margin-top: 50px;text-align: center;margin-bottom: 50px;}
#contact .container {display: flex;flex-direction: column;justify-content: center;}
#contact h2 {margin-bottom:10px;color: #333333;font-family: 'BasicSansSF-Bold';line-height: 1.2;font-size: 36px;}
#contact p {font-family: 'BasicSansRegular';line-height: 1.3076;font-size: 18px;color: #333333;}
#contact .contact-text a:not(.cta) {color: #cf1014;text-decoration: underline;font-weight: bold;}
#contact .contact-text p {margin-bottom:12px}
#contact .contact-text {margin-bottom: 30px;}
#contact .cta {margin-top:15px}
@media screen and (min-width: 768px ) {
  #contact {padding: 50px 0;}
  #contact h2 {font-size: 42px;}
  #contact .contact-image {text-align: right;flex: 1 0 30%;}
  #contact .contact-text {text-align: left;flex: 1 0 37%;margin-bottom: 0;position: relative;order: 2;}
  #contact .contact-text p {max-width: 458px;font-size: 20px;}
  #contact .cta {padding: 0 50px;}
  #contact {background-position: center center;}
  #contact .container {flex-direction: row;gap: 0 55px;align-items: center;}
}
@media screen and (min-width: 992px ) {
  #contact {margin-top: 78px;margin-bottom: 100px;padding: 100px 0;}
  #contact h2 {font-size: 69px;}
  #contact .contact-text p {font-size: 22px;line-height: 33px;}
  #contact .cta {padding: 0 100px;}
}
@media screen and (max-width: 768px ) {
  #contact .contact-image img {max-height: 240px;}
  #contact br {display: none;}
}

#carousel {padding:94px 0 70px 0;overflow:hidden;text-align: center;margin-top: 25px;}
#carousel .container {position:relative}
#carousel .container:before {position:absolute;top:-95px;left:-100%;right:0;margin:auto;background:#e7f4fc;width:300%;height:300%;border-radius:50%;content:''}
#carousel .carousel-text {position: relative;top: -25px;}
#carousel h2 {color: #333333;font-family: 'BasicSansSF-Bold';line-height: 1;font-size: 36px;margin: 0 auto;margin-bottom: 20px;}
#carousel p {font-family: 'BasicSansRegular';line-height: 1.3;font-size: 18px;color: #000;max-width: 978px;margin: 0 auto;}
#carousel br {display: none;}
@media screen and (min-width: 768px ) {
  #carousel br {display: block;}
  #carousel h2 {font-size: 42px;margin-bottom: 37px;}
  #carousel .carousel-text p {font-size: 20px;}
  #carousel .carousel-container {margin-top: 27px;}
}
@media screen and (min-width: 992px ) {
  #carousel h2 {padding-top:22px;font-size: 69px;}
  #carousel .carousel-text p {font-size: 22px;line-height:1.3}
}


.swiper-custom-cookies {position: relative;overflow: hidden;}
#carousel .swiper-button-prev {transform:rotate(-180deg)}
#carousel .swiper-button-prev,
#carousel .swiper-button-next {box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.18);width:54px;height:54px;background:#fff url(../images/arr.svg) no-repeat center;border-radius:27px;background-size: 12px 44px;}
.carousel-container {position: relative;padding: 0 92px;}
#carousel .swiper-wrapper h3,
#carousel .swiper-wrapper .h3 {padding-top:20px;line-height:1.2;color:#333333;font-size:16px;display:block;text-transform:uppercase;font-family: "Poppins";
  font-weight: 500;
  margin: 0.65em 0 0.5em;}
#carousel .swiper-wrapper .pricebox {color:#d50900;font-size:14px}
#carousel .swiper-wrapper .pimage {height:12vw;max-height:220px;}
#carousel .swiper-wrapper .pimage img {margin:auto;height:100%;width:auto}
#carousel .swiper-wrapper .shoptoday {margin-bottom:20px;border-radius: 20px;background:#d10900;color:#fff;font-size:16px;font-weight:700;display:inline-block;padding:7px 29px;/*transition:transform .3s;*/}
/* #carousel .swiper-wrapper .shoptoday:hover{transform: translateY(-10px)}*/
#carousel .swiper-wrapper .view {margin:62px auto 100px auto;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;background:#d10900;color:#fff;font-size:20px;font-weight:700;display:inline-block;padding:7px 35px}
#carousel .swiper-wrapper a.prod {margin:5px;box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.12);background:#fff;position:relative;display:block;padding:10px;}
#carousel .swiper-wrapper .btm {height:110px}
.carousel-small-print {z-indeX: 1;  position: relative;padding-top:30px;font-size:14px;line-height:1.2;color:#7a7373;max-width: 715px;margin: 0 auto;letter-spacing: 0.01em;}
.carousel-small-print a {color:#7a7373}

@media screen and (max-width: 767px ) {
  #carousel .container:before {width: 400%;    height: 400%;    left: -150%;}
}

@media screen and (max-width: 640px ) {
  #carousel .swiper-wrapper .pimage {height:45vw}
  .carousel-container {padding:0 50px}
  #carousel .swiper-button-prev {left:-5px}
  #carousel .swiper-button-next {right:-5px}
  #carousel .swiper-wrapper .btm {height:130px}
  #carousel {padding-bottom:30px}
}

@media screen and (max-width: 480px ) {
  #cards .desc p {    line-height: 1.3076;    font-size: 18px;}
  #cards .desc p br {display:none}
}

#faq {padding-top: 40px;padding-bottom: 100px;}
#faq h2 {font-size: 50px;color: #0f8ef9;font-family: 'BasicSansSF-Bold';text-align: center;margin-bottom: 31px;}
#faq .container {max-width: 1070px;}
#faq .acc_head {font-size: 25px;line-height: 1.3;color: #0f8ef9;font-family: 'BasicSansSF-Bold';margin-bottom: 2px;padding-right: 40px;}
#faq .acc_content {padding-right: 40px;}
#faq .acc_content p,
#faq .acc_content a {font-size: 15px;color: #000;font-family: 'BasicSansSF-Bold';line-height: 1.3;}
#faq .acc_content p {max-width: 795px;margin-bottom: 16px;}
#faq .acc_content a {color: #0f8ef9;text-decoration: underline;}
#faq ul li {list-style: none;border-top: 1px solid #b7b7b7;padding: 29px 0 26px 25px;}
#faq ul li.acc_active {padding: 34px 0 23px 25px;}
#faq ul li:last-child {border-bottom: 1px solid #b7b7b7;}
#faq .acc_head {position: relative;}
#faq .acc_head::after {content: '';position: absolute;width: 32px;height: 32px;background-image: url('../images/icon-plus-blue.png');background-size: cover;background-repeat: no-repeat;right: 37px;top: 50%;transform: translateY(-50%);}
#faq .acc_active .acc_head::after {width: 32px;height: 4px;background-image: url('../images/icon-minus-blue.png');}
#faq .acc_section {cursor: pointer;}
@media screen and (max-width: 768px ) {
  #faq h2 {font-size: 42px;}
  #faq .acc_head {font-size: 22px;}
  #faq .acc_content p, #faq .acc_content a {font-size: 14px;}
  #faq .acc_head::after {right: 0;}
  #faq ul li,
  #faq ul li.acc_active {padding-left: 0;}
}
@media screen and (max-width: 600px ) {
  #faq h2 {font-size: 36px;}
}
@media screen and (max-width: 480px ) {
  #faq h2 {font-size: 28px;}
}