/* ======================= VARIABLES ======================= */

:root {--primary-font:'Roboto', sans-serif;}
p {  }

/* ==================== TITLES AND TEXT ==================== */

.view.home.xmas .section-title { font-family: var(--primary-font); font-size: 26px; line-height: 1; font-weight: 700; color: #1A1A1A; text-transform: uppercase;}
.view.home.xmas .section-text { font-family: var(--primary-font); font-size: 14px; font-weight: 400; color: #1D1D1D; }

/* ======================== BUTTONS ======================== */

.view.home.xmas .btn-xmas { display:inline-block; background-color: #232323; border-radius: 5px; border: 1px solid #232323; cursor:pointer; color: white; font-family:var(--primary-font); font-size: 16px; line-height: 1; font-weight: 500; padding: 17px 36px; text-decoration:none;}
.view.home.xmas .btn-xmas:hover { background-color: white; color: black; border-color: black; }

/* ========================== HERO ========================== */

.view.home.xmas .hero { width: 100%; height: 100vh; max-height: 797px;  background-position: center; background-size: cover; background-repeat: no-repeat; }
.view.home.xmas .hero-info { display: grid; place-content: center; width: 100%; height: 100%; }
.view.home.xmas .hero-info .hero-title { font-family: var(--primary-font); font-size: 60px; line-height: 1; font-weight: 900; color: white;}
.view.home.xmas .hero-info .hero-subtitle { font-family: var(--primary-font); font-size: 22px; font-weight: 500; color: white;}

/* ======================== KNOWS US ======================== */

@media (min-width: 767px){.view.home.xmas .know-us {padding-top: 133px !important; padding-bottom: 118px !important;}}
@media (max-width: 768px){ .view.home.xmas .know-us .row {flex-wrap: wrap-reverse;}}
/* .view.home.xmas .know-us .know-us-info { max-width: 366px; } */
@media (max-width: 768px){ .view.home.xmas .know-us .know-us-info { max-width: 100% }}
.view.home.xmas .know-us .know-us-info .section-text { -webkit-user-modify: read-write-plaintext-only !important; }
.view.home.xmas .know-us .image-container { display: grid; place-content: center; width: 100%; height: 100%; }
.view.home.xmas .know-us .image-container .know-us-image { width: 100%; height: auto; }

/* ========================= GALLERY ========================= */

.view.home.xmas .gallery .gallery-item { width: 100%; position: relative; top: 0; cursor: pointer; transition: all 0.25s ease-in-out; }
.view.home.xmas .gallery .gallery-item:hover { top: -5px; }
.view.home.xmas .gallery .gallery-item .gallery-image { width: 100%; min-height: 139px; object-fit: cover; border-radius: 15px; }

/* ========================== ABOUT ========================== */

@media (min-width: 767px){.view.home.xmas .about {padding-top: 133px !important; padding-bottom: 118px !important;}}
@media (max-width: 768px){.view.home.xmas .about .row {flex-wrap: wrap;}}
.view.home.xmas .about .about-info { display: grid; place-content: center; width: 100%; height: 100%; }
/* .view.home.xmas .about .about-info { max-width: 413px; } */
@media (max-width: 768px){ .view.home.xmas .about .about-info { max-width: 100% }}
.view.home.xmas .about .about-info .section-text { -webkit-user-modify: read-write-plaintext-only !important; }
.view.home.xmas .about .image-container { display: grid; place-content: center; width: 100%; height: 100%; }
.view.home.xmas .about .image-container .about-image { width: 100%; height: auto; }

/* =========================== FAQS =========================== */

.view.home.xmas .faqs .accordion { border-radius: 0px; }
.view.home.xmas .faqs .accordion-item:first-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.view.home.xmas .faqs .accordion-button:not(.collapsed) { font-family: var(--primary-font); font-size: 16px; font-weight: 500; color: #1A1A1A; background-color: white; }
.view.home.xmas .faqs .accordion-button { font-family: var(--primary-font); font-size: 16px; font-weight: 500; color: #1A1A1A; }
.view.home.xmas .faqs .accordion-button::after { background-image: url(../../images/landing/icons/accordion-plus.svg); }
.view.home.xmas .faqs .accordion-button:not(.collapsed)::after { background-image: url(../../images/landing/icons/accordion-less.svg); }
.view.home.xmas .accordion-button:focus { box-shadow: none; }
.view.home.xmas .accordion-item .accordion-button { box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); }

/* ======================== REGULATION ======================== */

.view.home.xmas .regulation { background-color: #F3F3F3; margin-bottom: 48px; }
@media (min-width: 767px){.view.home.xmas .regulation {margin-top: 48px !important; margin-bottom: 80px !important;}}
.view.home.xmas .regulation .section-text { margin-bottom: 5px; }
.view.home.xmas .regulation .section-text .bullet { margin-right: 10px; }