@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap");

.hero_section.spring {
    background-image: url(../img/banner/spring.jpg);
}

.hero_section.spring:before {
    background: linear-gradient(to top, rgba(79, 124, 5, 0.8), #002602);
}

.hero_section.halloween2025 {
    background-image: url(../img/banner/halloween2025.jpg);
}

.hero_section.summer2025 {
    background-image: url(../img/banner/summer2025.jpg);
}

.hero_section.memorial2025 {
    background-image: url(../img/banner/memorial2025.jpg);
}

.hero_section.july2025 {
    background-image: url(../img/banner/july2025.jpg);
}

.hero_section.father2025 {
    background-image: url(../img/banner/father2025.jpg);
}

.hero_section.mother2025 {
    background-image: url(../img/banner/mother2025.jpg);
}

.hero_section.easter2025 {
    background-image: url(../img/banner/easter2025.jpg);
}

.hero_section.stpatrick2025 {
    background-image: url(../img/banner/stpatrick2025.jpg);
}

.hero_section.valentine2025 {
    background-image: url(../img/banner/valentine2025.jpg);
}

.hero_section.newyear2025 {
    background-image: url(../img/banner/newyear2025.jpg);
}

.hero_section.christmas2024 {
    background-image: url(../img/banner/christmas2024.jpg);
}

.hero_section.Thanksgiving2024 {
    background-image: url(../img/banner/Thanksgiving2024.jpg);
}

.hero_section.veterans2024 {
    background-image: url(../img/banner/veterans2024.jpg);
}

.hero_section.halloween2024 {
    background-image: url(../img/banner/halloween2024.jpg);
}

.hero_section.fall2024 {
    background-image: url(../img/banner/fall2024.jpg);
}

.hero_section.labor2024 {
    background-image: url(../img/banner/labor2024.jpg);
}

.hero_section.july2024 {
    background-image: url(../img/banner/july2024.jpg);
}

.hero_section.father2024 {
    background-image: url(../img/banner/father2024.jpg);
}

.hero_section.memorial2024 {
    background-image: url(../img/banner/memorial2024.jpg);
}

.hero_section.mother2024 {
    background-image: url(../img/banner/mother2024.jpg);
}

.hero_section.spring2024 {
    background-image: url(../img/banner/spring2024.jpg);
}

.hero_section.easter2024 {
    background-image: url(../img/banner/easter2024.jpg);
}

.hero_section.stpatrick2024 {
    background-image: url(../img/banner/stpatrick2024.jpg);
}

.hero_section.valentine2024 {
    background-image: url(../img/banner/valentine2024.jpg);
}

.hero_section.newyear2024 {
    background-image: url(../img/banner/newyear2024.jpg);
}

.hero_section.christmas2023 {
    background-image: url(../img/banner/christmas2023.jpg);
}

.hero_section.Thanksgiving2023 {
    background-image: url(../img/banner/Thanksgiving2023.jpg);
}

.hero_section.Veterans2023 {
    background-image: url(../img/banner/Veterans2023.jpg);
}

.hero_section.halloween2023 {
    background-image: url(../img/banner/halloween2023.jpg);
}

.hero_section.newYear2023 {
    background-image: url(../img/banner/newYear2023.jpg);
}

.hero_section.Valentines2023 {
    background-image: url(../img/banner/Valentines2023.jpg);
}

.hero_section.stpatrick2023 {
    background-image: url(../img/banner/stpatrick2023.jpg);
}

.hero_section.easter2023 {
    background-image: url(../img/banner/easter2023.jpg);
}

.hero_section.mother2023 {
    background-image: url(../img/banner/mother2023.jpg);
}

.hero_section.father2023 {
    background-image: url(../img/banner/father2023.jpg);
}

.hero_section.july2023 {
    background-image: url(../img/banner/july2023.jpg);
}

.hero_section.labor2023 {
    background-image: url(../img/banner/labor2023.jpg);
}

.hero_section.fall2023 {
    background-image: url(../img/banner/fall2023.jpg);
}

.hero_section.christmas2022 {
    background-image: url(../img/banner/christmas2022.jpg);
}

.hero_section.thanks2022 {
    background-image: url(../img/banner/thanks2022.jpg);
}

.hero_section.father2022 {
    background-image: url(../img/banner/father2022.jpg);
}

.hero_section.mother2022 {
    background-image: url(../img/banner/mother2022.jpg);
}

.hero_section.july2022 {
    background-image: url(../img/banner/july2022.jpg);
}

.hero_section.autmn2022 {
    background-image: url(../img/banner/autmn2022.jpg);
}

.hero_section.halloween2022 {
    background-image: url(../img/banner/halloween2022.jpg);
}

.hero_section.memorial2022 {
    background-image: url(../img/banner/memorial2022.jpg);
}

.hero_section.composit {
    background-image: url(../img/banner/composit.jpg);
}

.hero_section.composit:before {
    background: rgba(107, 107, 107, 0.51);
}

.hero_section.memorial {
    background-image: url(../img/banner/memorial.jpg);
}

.hero_section.memorial:before {
    background: rgba(55, 52, 58, 0.51);
}

.hero_section.father {
    background-image: url(../img/banner/father.jpg);
}

.hero_section.father:before {
    background: linear-gradient(
        to top,
        rgba(55, 52, 58, 0.51),
        rgba(55, 52, 58, 0.51)
    );
}

.hero_section.independence {
    background-image: url(../img/banner/independence.jpg);
}

.hero_section.independence:before {
    background: linear-gradient(
        to top,
        rgba(55, 52, 58, 0.51),
        rgba(55, 52, 58, 0.51)
    );
}

.hero_section.labor {
    background-image: url(../img/banner/labor.jpg);
}

.hero_section.labor:before {
    background: linear-gradient(to top, rgba(79, 124, 5, 0.8), #002602);
}

.hero_section.newyear {
    background-image: url(../img/banner/newyear.jpg);
}

.hero_section.newyear:before {
    background: linear-gradient(to top, rgba(79, 124, 5, 0.8), #002602);
}

.hero_section.mother {
    background-image: url(../img/banner/mother.jpg);
    background-position: center center !important;
}

.hero_section.mother:before {
    background: linear-gradient(to bottom, #000, rgba(168, 55, 5, 0.1));
}

.hero_section.earthday {
    background-image: url(../img/banner/earthday.jpg);
    background-position: center;
}

.hero_section.earthday:before {
    background: linear-gradient(to top, rgba(79, 124, 5, 0.8), #002602);
}

.hero_section.summer {
    background-image: url(../img/banner/wood-dale-lanscaping02.jpg);
    background-position: 0vw -45vh;
}

.hero_section.summer:before {
    background: linear-gradient(to top, rgba(79, 124, 5, 0.5), #002602);
}

.hero_section.fall {
    background-image: url(../img/banner/home-fall.jpg);
}

.hero_section.fall:before {
    background: linear-gradient(to bottom, #722b11, rgba(168, 112, 5, 0.4));
}

.hero_section.fall-sept {
    /* background-image: url(../img/banner/home-fall.jpg) */
    background-image: url(../img/banner/fall-sept.jpg);
}

.hero_section.fall-sept:before {
    /* background: linear-gradient(to bottom, #722b11, rgba(168, 112, 5, 0.4)) */
    background: linear-gradient(
        to bottom,
        rgba(55, 52, 58, 0.4),
        rgba(55, 52, 58, 0.4)
    );
}

.hero_section.thxgiving {
    background-image: url(../img/banner/home-fall.jpg);
}

.hero_section.thxgiving:before {
    background: linear-gradient(to bottom, #722b11, rgba(168, 112, 5, 0.4));
}

.hero_section.thanksGiving {
    background-image: url(../img/banner/thanksGiving.jpg);
}

.hero_section.thanksGiving:before {
    background: linear-gradient(to bottom, #38353b, rgba(55, 52, 58, 0.11));
}

.hero_section.halloween {
    background-image: url(../img/banner/halloween.jpg);
}

.hero_section.halloween:before {
    background: linear-gradient(to bottom, #722b11, rgba(168, 112, 5, 0.4));
}

.hero_section.holidays {
    background-image: url(../img/banner/holidays.jpg);
}

.hero_section.holidays:before {
    background: linear-gradient(to bottom, #000, rgba(168, 55, 5, 0.2));
}

.hero_section.valentineVideo {
    background-image: url(../img/banner/valentineVideo.jpg);
}

.hero_section.valentineVideo:before {
    background: linear-gradient(to bottom, #6b6b6b, rgba(55, 52, 58, 0.5));
}

.hero_section.valentine {
    background-image: url(../img/banner/valentine.jpg);
}

.hero_section.valentine:before {
    background: linear-gradient(to bottom, #740707, rgba(142, 0, 71, 0.5));
}

.hero_section.stpatrick {
    background-image: url(../img/banner/stpatrick.jpg);
}

.hero_section.stpatrick:before {
    background: linear-gradient(to top, rgba(79, 124, 5, 0.8), #002602);
}

.hero_section.stpatrickNew {
    background-image: url(../img/banner/stpatrickNew.jpg);
}

.hero_section.stpatrickNew:before {
    background: linear-gradient(to bottom, #6b6b6b, rgba(55, 52, 58, 0.5));
}

/* flip clock */
#halloweenModal .flip-clock-wrapper,
.halloween_section02 .flip-clock-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    max-width: 100%;
    margin: 0;
    /* margin-bottom: 20px; */
}

#halloweenModal .flip-clock-wrapper .flip,
.halloween_section02 .flip-clock-wrapper .flip {
    box-shadow: none !important;
    margin-right: 0 !important;
    padding: 0 !important;
    /* margin-bottom: 80px; */
    bottom: 30px;
}

#halloweenModal .flip-clock-wrapper ul,
.halloween_section02 .flip-clock-wrapper ul {
    position: relative !important;
    float: unset !important;
    margin: 3px !important;
    /* width: 90px !important;
    height: 120px !important; */
    /* width: 50px !important; */
    width: 40px !important;
    /* height: 100px !important; */
    height: 120px !important;
    font-size: 36px !important;
    font-weight: unset !important;
    line-height: unset !important;
    border-radius: 10px !important;
    /* background: rgba(255, 255, 255,.5); */
    background: transparent !important;
    /* border: 2px solid #000 !important; */
    border: transparent !important;
}

#halloweenModal .days .flip-clock-label {
    width: 100px;
}

#halloweenModal .flip-clock-wrapper ul li,
.halloween_section02 .flip-clock-wrapper ul li {
    line-height: unset;
}

#halloweenModal .flip-clock-wrapper ul li a div,
.halloween_section02 .flip-clock-wrapper ul li a div {
    outline: none;
}

#halloweenModal .flip-clock-before,
.halloween_section02 .flip-clock-before {
    display: none;
}

#halloweenModal .flip-clock-wrapper ul li a div div.inn,
.halloween_section02 .flip-clock-wrapper ul li a div div.inn {
    font-family: Creepster;
    color: #fd8918 !important;
    /* font-size: 120px; */
    font-size: calc(
        30px + (40 - 30) * ((100vw - 375px) / (1920 - 375))
    ) !important;
    font-weight: unset;
    text-align: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    /* text-shadow: 0 0px 0px #000; */
    background-color: transparent !important;
    border-radius: 10px;
}

#halloweenModal .flip-clock-wrapper ul li a div .shadow,
.halloween_section02 .flip-clock-wrapper ul li a div .shadow {
    border-radius: 10px;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background-color: transparent !important;
    background: transparent !important;
} */
#halloweenModal .flip-clock-wrapper ul li a div.up:after,
.halloween_section02 .flip-clock-wrapper ul li a div.up:after {
    display: none;
}

/*---------------------------------------------*/
#halloweenModal .flip-clock-divider,
.halloween_section02 .flip-clock-divider {
    display: block;
    float: unset;
    position: relative;
    /* width: 68px !important; */
    /* height: 100px; */
}

#halloweenModal .flip-clock-divider span,
.halloween_section02 .flip-clock-divider span {
    /* display: none; */
    display: block;
}

#halloweenModal .flip-clock-divider::before,
.halloween_section02 .flip-clock-divider::before {
    content: ":";
    font-family: Creepster;
    color: #fd8918;
    font-size: 60px;
    /* font-size: calc(50px + (120 - 50) * ((100vw - 375px) / (1920 - 375))) !important; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 100%; */
    height: 45%;
    align-items: center;
}

#halloweenModal .flip-clock-divider.days::before,
.halloween_section02 .flip-clock-divider.days::before {
    display: none;
}

#halloweenModal .flip-clock-divider .flip-clock-label,
.halloween_section02 .flip-clock-divider:not(.days) .flip-clock-label {
    position: absolute !important;
    /* bottom: -1.5em; */
    bottom: 0;
    top: auto !important;
    /* right: -86px; */
    right: -130px !important;
    left: 0;
    font-family: Creepster;
    color: #fd8918 !important;
    /* font-size: calc(30px + (40 - 30) * ((100vw - 375px) / (1920 - 375))) !important; */
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: none !important;
}

.halloween_section02 .days .flip-clock-label {
    right: -130px !important;
    position: absolute !important;
    bottom: 0;
    top: auto !important;
    left: 0;
    font-family: Creepster;
    color: #fd8918 !important;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: none !important;
}

.halloween_section02 .flip-clock-divider:not(.days) .flip-clock-label {
    right: -150px !important;
}

#halloweenModal .flip-clock-dot,
.halloween_section02 .flip-clock-dot {
    display: none !important;
}

#halloweenModal .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,
#halloweenModal .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,
.halloween_section02
    .flip-clock-wrapper
    ul.play
    li.flip-clock-active
    .up
    .shadow,
.halloween_section02
    .flip-clock-wrapper
    ul.play
    li.flip-clock-active
    .down
    .shadow {
    background: transparent !important;
    animation: none !important;
    animation-duration: 50s !important;
    animation-timing-function: unset !important;
    animation-delay: unset !important;
    animation-iteration-count: unset !important;
    animation-direction: unset !important;
    animation-fill-mode: unset !important;
    animation-play-state: unset !important;
    animation-name: unset !important;
    box-shadow: none !important;
}

#halloweenModal .flip-clock-wrapper ul.play li.flip-clock-active .down,
.halloween_section02 .flip-clock-wrapper ul.play li.flip-clock-active .down {
    animation: none !important;
}

/* Navbar Toggler */
.icon-bar {
    width: 22px;
    height: 2px;
    background-color: #60aa20;
    display: block;
    transition: all 0.2s;
    margin-top: 4px;
}

.navbar-toggler {
    border: 1px solid #60aa20 !important;
    background: transparent !important;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    margin-bottom: 4px;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

.navbar-toggler:focus {
    outline: none;
}

.font-forumregular {
    font-family: "forumregular" !important;
}

.font-forum {
    font-family: "forumregular" !important;
}

.font-chapbookregular {
    font-family: "chapbookregular" !important;
}

.font-Creepster {
    font-family: "Creepster" !important;
}

.font-Kust {
    font-family: "Kust" !important;
}

.font-BreeSerif {
    font-family: "BreeSerif" !important;
}

.font-Nosifer {
    font-family: "Nosifer" !important;
}

.font-Exo {
    font-family: "Exo" !important;
}

.font-LeagueSpartan {
    font-family: "league_spartanbold" !important;
}

.font-EdoSZ {
    font-family: "EdoSZ" !important;
}

.font-Savage {
    font-family: "Savage" !important;
}

.font-Poppins_Bold {
    font-family: "Poppins_Bold" !important;
}

.font-Poppins_Regular {
    font-family: "Poppins_Regular" !important;
}

.font-Poppins_SemiBoldItalic {
    font-family: "Poppins_SemiBoldItalic" !important;
}

body {
    font-family: "Exo" !important;
    /* line-height: 1.2 !important; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "BreeSerif", serif;
}

p,
li,
a,
span,
label,
strong {
    font-family: "Exo", sans-serif;
    letter-spacing: 1px;
}

a:hover {
    text-decoration: none;
}

.text-green1 {
    color: #b5cc39 !important;
}

.text-green2 {
    color: #d4ef41 !important;
}

.text-green3 {
    color: #c9dd76 !important;
}

.text-green4 {
    color: #6eab1c !important;
}

.text-green5 {
    color: #1f5805 !important;
}

.text-black-2 {
    color: #f2f2f2 !important;
}

.text-brown {
    color: #573606 !important;
}

.text-brown-02 {
    color: #882929 !important;
}

.text-brown-03 {
    color: #4a2f0a !important;
}

.text-pumpkin-color {
    color: #ffc107 !important;
}

.text-pumpkin-color2 {
    color: #a7661a !important;
}

.text-pumpkin-color3 {
    color: #5c3a0c !important;
}

.text-pumpkin-color4 {
    color: #775841 !important;
}

.text-dark-pumpkin-color {
    color: #fd8918 !important;
}

.text-red {
    color: #f50516 !important;
}

.text-redish {
    color: #bf382c !important;
}

.text-blackish {
    color: #333333 !important;
}

.text-black {
    color: #000 !important;
}

.text-blackish2 {
    color: #111111 !important;
}

.text-blackish3 {
    color: #212529 !important;
}

.text-blackish-with-opacity {
    color: rgba(0, 0, 0, 0.702) !important;
}

.text-light-white {
    color: #cccccc !important;
}

.bg-light-black {
    background-color: #383838 !important;
}

.bg-light-black-02 {
    background-color: #f2f2f2 !important;
}

.height-80 {
    height: 80px !important;
}

.max-width-30px {
    max-width: 30px;
}

.max-width-45p {
    max-width: 45%;
}

.max-width-70p {
    max-width: 70%;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-250 {
    max-width: 250px;
}

.max-width-200 {
    max-width: 200px;
}

.holiday-tree-size {
    max-width: 700px;
}

.max-width-100 {
    max-width: 100px;
}

.max-width-120 {
    max-width: 120px;
}

.max-width-150 {
    max-width: 150px;
}

.green3-border-6px {
    border: 6px solid #6eab1c;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-50 {
    font-size: 50px !important;
}

.font-60 {
    font-size: 60px !important;
}

.font-70 {
    font-size: 70px !important;
}

.font-80 {
    font-size: 80px !important;
}

.font-90 {
    font-size: 90px !important;
}

.font-100 {
    font-size: 100px !important;
}

.font-130 {
    font-size: 130px !important;
}

.halloween_section02 .font-50 {
    /* font-size: 43px !important */
    font-size: 30px !important;
}

.green-white-gradient {
    background: linear-gradient(
        to right bottom,
        #b8e484,
        #fbffd9,
        #fff,
        #d0ff99
    ) !important;
}

.navigation_bar li.active,
.navigation_bar li.active svg,
.navigation_bar li.active i,
.navigation_bar li.active a {
    color: #60aa20 !important;
}

.bottomFooter {
    position: relative;
    background-image: url(../img/footer.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #fff;
    letter-spacing: 0.05em;
}

.bottomFooter:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(to bottom, #100a01, #3a2405);
    background: -webkit-linear-gradient(to bottom, #100a01, #3a2405);
    background: linear-gradient(to bottom, #100a01, #3a2405);
    opacity: 0.75;
}

.custom-primary-btn {
    font-size: 20px;
    letter-spacing: 0.03em;
    padding: 10px 20px;
    border: 3px solid #cddc39;
    color: #cddc39;
    background-color: #4a2f0a;
    border-radius: 10px;
}

.custom-primary-btn:hover {
    color: #e8f755 !important;
    background-color: #456d17;
}

.hero_section {
    min-height: 400px;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    /* padding-top: 25px; */
    /* background-color: #000000; */
    /* border-top: 3px solid #fff; */
}

.hero_section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
}

.text-shadow-black {
    text-shadow: 4px 4px 4px #292929;
    -webkit-text-shadow: 4px 4px 4px #292929;
    -ms-text-shadow: 4px 4px 4px #292929;
    -moz-text-shadow: 4px 4px 4px #292929;
}

.text-shadow-black-medium {
    text-shadow: 2px 2px 2px #292929;
    -webkit-text-shadow: 2px 2px 2px #292929;
    -ms-text-shadow: 2px 2px 2px #292929;
    -moz-text-shadow: 2px 2px 2px #292929;
}

.text-shadow-black-2px {
    text-shadow: 2px 2px 2px #092238;
    -webkit-text-shadow: 2px 2px 2px #092238;
    -ms-text-shadow: 2px 2px 2px #092238;
    -moz-text-shadow: 2px 2px 2px #092238;
}

.text-shadow-white-2px {
    text-shadow: 2px 2px 2px #fff;
    -webkit-text-shadow: 2px 2px 2px #fff;
    -ms-text-shadow: 2px 2px 2px #fff;
    -moz-text-shadow: 2px 2px 2px #fff;
}

.text-shadow-white-1px {
    text-shadow: 1px 1px 2px #ffffff;
    -webkit-text-shadow: 1px 1px 2px #ffffff;
    -ms-text-shadow: 1px 1px 2px #ffffff;
    -moz-text-shadow: 1px 1px 2px #ffffff;
}

.text-shadow-outline-pumpkin {
    text-shadow: rgb(253, 137, 24) 1px 0px 0px,
        rgb(253, 137, 24) 0.540302px 0.841471px 0px,
        rgb(253, 137, 24) -0.416147px 0.909297px 0px,
        rgb(253, 137, 24) -0.989992px 0.14112px 0px,
        rgb(253, 137, 24) -0.653644px -0.756802px 0px,
        rgb(253, 137, 24) 0.283662px -0.958924px 0px,
        rgb(253, 137, 24) 0.96017px -0.279415px 0px;
    -webkit-text-shadow: rgb(253, 137, 24) 1px 0px 0px,
        rgb(253, 137, 24) 0.540302px 0.841471px 0px,
        rgb(253, 137, 24) -0.416147px 0.909297px 0px,
        rgb(253, 137, 24) -0.989992px 0.14112px 0px,
        rgb(253, 137, 24) -0.653644px -0.756802px 0px,
        rgb(253, 137, 24) 0.283662px -0.958924px 0px,
        rgb(253, 137, 24) 0.96017px -0.279415px 0px;
    -ms-text-shadow: rgb(253, 137, 24) 1px 0px 0px,
        rgb(253, 137, 24) 0.540302px 0.841471px 0px,
        rgb(253, 137, 24) -0.416147px 0.909297px 0px,
        rgb(253, 137, 24) -0.989992px 0.14112px 0px,
        rgb(253, 137, 24) -0.653644px -0.756802px 0px,
        rgb(253, 137, 24) 0.283662px -0.958924px 0px,
        rgb(253, 137, 24) 0.96017px -0.279415px 0px;
    -moz-text-shadow: rgb(253, 137, 24) 1px 0px 0px,
        rgb(253, 137, 24) 0.540302px 0.841471px 0px,
        rgb(253, 137, 24) -0.416147px 0.909297px 0px,
        rgb(253, 137, 24) -0.989992px 0.14112px 0px,
        rgb(253, 137, 24) -0.653644px -0.756802px 0px,
        rgb(253, 137, 24) 0.283662px -0.958924px 0px,
        rgb(253, 137, 24) 0.96017px -0.279415px 0px;
}

.text-shadow-outline-pumpkin-02 {
    text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6), rgb(0, 0, 0) 2px 0px 0px,
        rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
    -webkit-text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6),
        rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
    -ms-text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6),
        rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
    -moz-text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6),
        rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
}

.text-shadow-outline-black {
    text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6), rgb(0, 0, 0) 1px 0px 0px,
        rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
    -webkit-text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6),
        rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
    -ms-text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6),
        rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
    -moz-text-shadow: 3px 1px 25px rgba(255, 255, 255, 0.6),
        rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px,
        rgb(0, 0, 0) 1.0806px 1.68294px 0px,
        rgb(0, 0, 0) 0.141474px 1.99499px 0px,
        rgb(0, 0, 0) -0.832294px 1.81859px 0px,
        rgb(0, 0, 0) -1.60229px 1.19694px 0px,
        rgb(0, 0, 0) -1.97998px 0.28224px 0px,
        rgb(0, 0, 0) -1.87291px -0.701566px 0px,
        rgb(0, 0, 0) -1.30729px -1.5136px 0px,
        rgb(0, 0, 0) -0.421592px -1.95506px 0px,
        rgb(0, 0, 0) 0.567324px -1.91785px 0px;
}

.text-shadow-outline-black-02 {
    text-shadow: rgba(0, 0, 0, 0.76) 1px 0px 0px,
        rgba(0, 0, 0, 0.76) 0.540302px 0.841471px 0px,
        rgba(0, 0, 0, 0.76) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 0.76) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 0.76) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 0.76) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 0.76) 0.96017px -0.279415px 0px;
    -webkit-text-shadow: rgba(0, 0, 0, 0.76) 1px 0px 0px,
        rgba(0, 0, 0, 0.76) 0.540302px 0.841471px 0px,
        rgba(0, 0, 0, 0.76) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 0.76) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 0.76) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 0.76) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 0.76) 0.96017px -0.279415px 0px;
    -ms-text-shadow: rgba(0, 0, 0, 0.76) 1px 0px 0px,
        rgba(0, 0, 0, 0.76) 0.540302px 0.841471px 0px,
        rgba(0, 0, 0, 0.76) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 0.76) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 0.76) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 0.76) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 0.76) 0.96017px -0.279415px 0px;
    -moz-text-shadow: rgba(0, 0, 0, 0.76) 1px 0px 0px,
        rgba(0, 0, 0, 0.76) 0.540302px 0.841471px 0px,
        rgba(0, 0, 0, 0.76) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 0.76) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 0.76) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 0.76) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 0.76) 0.96017px -0.279415px 0px;
}

.text-shadow-outline-white {
    text-shadow: rgba(255, 255, 255, 1) 0px 0px 5px,
        rgba(255, 255, 255, 1) 0.540302px 0.841471px 0px,
        rgba(255, 255, 255, 1) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 1) -0.416147px 0.909297px 5px,
        rgba(0, 0, 0, 1) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 1) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 1) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 1) 0.96017px -0.279415px 0px;
    -webkit-text-shadow: rgba(255, 255, 255, 1) 0px 0px 5px,
        rgba(255, 255, 255, 1) 0.540302px 0.841471px 0px,
        rgba(255, 255, 255, 1) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 1) -0.416147px 0.909297px 5px,
        rgba(0, 0, 0, 1) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 1) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 1) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 1) 0.96017px -0.279415px 0px;
    -ms-text-shadow: rgba(255, 255, 255, 1) 0px 0px 5px,
        rgba(255, 255, 255, 1) 0.540302px 0.841471px 0px,
        rgba(255, 255, 255, 1) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 1) -0.416147px 0.909297px 5px,
        rgba(0, 0, 0, 1) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 1) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 1) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 1) 0.96017px -0.279415px 0px;
    -moz-text-shadow: rgba(255, 255, 255, 1) 0px 0px 5px,
        rgba(255, 255, 255, 1) 0.540302px 0.841471px 0px,
        rgba(255, 255, 255, 1) -0.416147px 0.909297px 0px,
        rgba(0, 0, 0, 1) -0.416147px 0.909297px 5px,
        rgba(0, 0, 0, 1) -0.989992px 0.14112px 0px,
        rgba(0, 0, 0, 1) -0.653644px -0.756802px 0px,
        rgba(0, 0, 0, 1) 0.283662px -0.958924px 0px,
        rgba(0, 0, 0, 1) 0.96017px -0.279415px 0px;
}

.letter-spacing-extra-05 {
    letter-spacing: 0.05em;
}

.letter-spacing-extra-01 {
    letter-spacing: 0.1em !important;
}

.mt-2px {
    margin-top: 2px;
}

.line-height-initial {
    line-height: initial;
}

.line-height-1 {
    line-height: 1;
}

.line-height-17px {
    line-height: 17px;
}

.landingSection2 {
    min-height: 400px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/gallery/landscaping-gallery-3.jpg);
    /* padding-top: 25px; */
    /* background-color: #000000; */
    /* border-top: 3px solid #fff; */
}

.landingSection2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    background: linear-gradient(to top, #4b6d13, #38260c, #38260c);
}

#halloweenModal .popupTopItems {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#halloweenModal .popupCloseItems {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
}

#halloween2024_modal .popupCloseItems {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
}

#halloweenModal .popupBottomItems {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.max-width-popupclose {
    max-width: 50px;
}

.top-0 {
    top: 0;
}

.top-100p {
    top: 100%;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.learnbtntxt {
    font-size: 23px;
    font-family: Creepster;
    color: rgb(0, 0, 0);
}

.learnmorebtn {
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(253, 137, 24);
    padding: 5px 20px;
    /* margin-top: 50px; */
}

.inner_nav .inner_nav_btns {
    background-color: rgba(2, 78, 5, 0.1);
    border: 3px solid #ffffff;
    border-radius: 6px;
}

.inner_nav .inner_nav_btns:hover {
    border: 3px solid #d9ffb9 !important;
    background-color: rgba(56, 34, 2, 0.47) !important;
    color: #d9ffb9 !important;
}

.landingSection3 {
    min-height: 100vh;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/background.jpg);
    /* padding-top: 25px; */
    /* background-color: #000000; */
    /* border-top: 3px solid #fff; */
}

.bg-white-green-gradient {
    background: linear-gradient(to bottom, #fff, #b8e484);
}

.border-3px-white {
    border: 3px solid #ffffff;
}

.border-3px-grey {
    border: 3px solid #e5e5e5;
}

.border-radius-15px {
    border-radius: 15px;
}

.border-radius-10px {
    border-radius: 10px;
}

.border-radius-6px {
    border-radius: 6px;
}

.hr_border-brown {
    border: 2px solid #7b5318;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.bg-white-05 {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-grey-f9 {
    background-color: #f9f9f9;
}

.filter-grayscale03 {
    filter: grayscale(0.3);
}

.min-height-400 {
    min-height: 400px;
}

.min-height-600 {
    min-height: 600px;
}

.min-height-170 {
    min-height: 170px;
}

.object-fit-contain {
    object-fit: contain;
}

.object-fit-cover {
    object-fit: cover;
}

.backsize-cover {
    background-size: cover;
}

.backposition-center {
    background-position: center;
}

.text-underline {
    text-decoration: underline;
}

.letter-spacing--1 {
    letter-spacing: -1px;
}

/* halloween page styling */
.halloween_hero_section .halloween_hero_banner {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.halloween2024 .halloween_hero_section .heading-1 {
    /* font-size: 46px; */
    color: rgb(255, 255, 255);
    text-align: center;
}

.halloween2024 .halloween_hero_section .hero-logo {
    max-width: 100%;
    object-fit: contain;
}

.halloween2024 .halloween_hero_section .heading-2 {
    /* font-size: 100px; */
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: inherit;
    /* margin-bottom: 70px; */
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .days
    .flip-clock-label {
    right: -200px !important;
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .flip-clock-divider:not(.days)
    .flip-clock-label {
    right: -220px !important;
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .flip-clock-label {
    font-size: 26px;
    font-family: "chapbookregular" !important;
    color: rgb(255, 255, 255) !important;
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .flip-clock-wrapper
    ul
    li
    a
    div
    div.inn {
    font-size: 50px;
    font-family: "chapbookregular" !important;
    color: rgb(255, 255, 255) !important;
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .flip-clock-divider {
    margin: 0 50px !important;
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .flip-clock-wrapper
    .flip {
    bottom: 50px !important;
}

.halloween2024
    .halloween_hero_section
    .countDownClockSection
    .flip-clock-divider::before {
    /* font-size: 50px; */
    font-family: "chapbookregular" !important;
    color: rgb(255, 255, 255) !important;
    height: 10% !important;
}

.halloween2024.halloweenWinnersPage .halloween_prize_section .main-heading,
.halloween2024.halloweenWinnersPage .halloween_prize_section .ticket-number {
    color: #ffffff !important;
}

.halloween2024 .halloween_prize_section .main-heading {
    /* font-size: 100px; */
    color: rgb(251, 98, 0) !important;
    text-align: center;
}

.border-right-1px-black {
    border-right: 1px solid black;
}

.border-bottom-1px-black {
    border-bottom: 1px solid black;
}

/* .halloween2024 .halloween_prize_section .prizes-list .main-box {
    border-right: 0 !important;
    border-bottom: 1px solid black;
} */

.halloween2024 .halloween_prize_section .prizes-list img {
    object-fit: contain;
    max-width: 250px;
}

.halloween2024 .halloween_prize_section .prizes-list .heading {
    color: rgb(255, 255, 255);
}

.halloween2024 .halloween_prize_section .prizes-list .details {
    color: rgb(255, 255, 255);
}
.halloween2024 .halloween_prize_section .prizes-list .ticket-number {
    color: rgb(251, 98, 0);
}

.halloween2024 .halloween_giveaway_section .main-heading {
    line-height: 0.917;
    text-align: center;
    color: rgb(251, 98, 0) !important;
    text-align: center;
}

.halloween_hero_banner {
    margin-bottom: -15px;
}

.halloween_section02 {
    /* background-image: url('../img/halloween/section2.png'); */
    background-image: -moz-linear-gradient(
        90deg,
        rgb(200, 32, 144) 0%,
        rgb(106, 20, 209) 88.77%
    );
    background-image: -webkit-linear-gradient(
        90deg,
        rgb(200, 32, 144) 0%,
        rgb(106, 20, 209) 88.77%
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.halloween_section03 {
    background-image: url("../img/halloween/halloween-winner-2023-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.halloween_section04 {
    background-image: url("../img/halloween/section04-bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.halloween2024.halloweenWinnersPage .halloween_hero_section {
    background-image: url("../img/halloween2025/winner/main/top.png") !important;
}

.halloween2024.halloweenWinnersPage .halloween_prize_section {
    background-image: url("../img/halloween2025/winner/main/middle.png") !important;
}

.halloween2024.halloweenWinnersPage .halloween_giveaway_section {
    background-image: url("../img/halloween2025/winner/main/bottom.png") !important;
}

.halloween2024 .halloween_hero_section {
    background-image: url("../img/halloween2025/main/top.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.halloween2024 .halloween_prize_section {
    background-image: url("../img/halloween2025/main//middle.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.halloween2024 .halloween_giveaway_section {
    background-image: url("../img/halloween2025/main/bottom.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.halloween_yellow_color {
    color: #f8af21;
}

.halloween_orange_bg {
    background-color: #f4691d;
}

.halloween_orange_color {
    color: #f4691d;
}

.halloween_orange_border {
    border: 3px solid #f4691d;
    border-radius: 10px;
}

.w-fit-content {
    width: fit-content;
}

.halloween_section03 .inner_section_list {
    min-height: 290px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

.halloween_section03 .inner_section_list.sectionR {
    background-position: right;
}

.halloween_section03 .inner_section_list.sectionL {
    background-position: left;
}

.halloween_section03 .inner_section_list.section_1 {
    background-image: url("../img/halloween/section3_1_new.png");
}

.halloween_section03 .inner_section_list.section_2 {
    background-image: url("../img/halloween/section3_2_new.png");
    background-position: 30%;
    margin-top: -20px;
}

.halloween_section03 .inner_section_list.section_3 {
    background-image: url("../img/halloween/section3_3_new.png");
    background-position: 70%;
}

.halloween_section03 .inner_section_list.section_4 {
    background-image: url("../img/halloween/section3_4_new.png");
    background-position: 10%;
}

.halloween_section03 .inner_section_list.section_5 {
    background-image: url("../img/halloween/section3_5_new.png");
    background-position: 70%;
}

.halloween_section03 .inner_section_list.section_6 {
    background-image: url("../img/halloween/section3_6_new_2.png");
}

/* spider customization */
.webcontainer {
    animation: spider-anima 12s ease-out;
    animation-fill-mode: forwards;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

@keyframes spider-anima {
    0% {
        top: -100px;
    }

    50% {
        top: 40%;
    }
}

.webcontainer .eye {
    background-color: #fff;
    height: 1px;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 1px;
}

.webcontainer .eye-right {
    right: 6px;
}

.webcontainer .eye-left {
    left: 6px;
}

.spider-web {
    animation: spider-web-anima 6s ease-out;
    animation-fill-mode: forwards;
    background-color: #000;
    border-radius: 4px;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 2px;
}

@keyframes spider-web-anima {
    0% {
        height: 0;
        top: -100px;
    }

    100% {
        height: 40vh;
        top: 0;
    }
}

.spider-body {
    background-color: #000;
    border-radius: 50%;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 20px;
}

.spider-body:before {
    content: "";
    background-color: #000;
    border-radius: 50%;
    height: 15px;
    left: 2.5px;
    position: absolute;
    top: -5px;
    width: 15px;
    z-index: -99;
}

.right {
    transform: rotateY(180deg);
}

.arm-webcontainer .arm {
    background-color: #000;
    border-radius: 4px;
    height: 4px;
    position: absolute;
    transform-origin: center left;
    width: 30px;
}

.arm-webcontainer .A {
    animation: A-anima 3s infinite ease-in-out;
    transform: rotate(75deg);
}

@keyframes A-anima {
    0% {
        transform: rotate(75deg);
    }

    50% {
        transform: rotate(-70deg);
    }
}

.arm-webcontainer .A:nth-child(2) {
    animation-delay: -0.2s;
}

.arm-webcontainer .A:nth-child(3) {
    animation-delay: -0.5s;
}

.arm-webcontainer .A:nth-child(4) {
    animation-delay: -0.4s;
}

.arm-webcontainer .B {
    animation: B-anima 3s infinite ease-in-out;
    left: calc(100% - 2px);
    transform: rotate(10deg);
}

@keyframes B-anima {
    0% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(120deg);
    }

    80% {
        transform: rotate(20deg);
    }
}

.arm-webcontainer .C {
    animation: C-anima 3s infinite ease-in-out;
    left: calc(100% - 2px);
    transform: rotate(10deg);
}

@keyframes C-anima {
    0% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(90deg);
    }

    80% {
        transform: rotate(10deg);
    }
}

.halloween_hero_section,
.halloween_prize_section,
/* .halloween_giveaway_section, */
.halloween_section02,
.halloween_section02 .internal_section,
.halloween_section03,
.halloween_section04,
.winner_tickets_section {
    min-height: 100vh;
}

.pricing_tables .single_pricing:hover {
    border: 3px solid #73c438 !important;
    background-color: white !important;
    transition: 0.3s ease-in;
}

.pricing_tables .single_pricing:hover a.btn {
    color: #e8f755 !important;
    background-color: #456d17;
}

.cursor-pointer {
    cursor: pointer !important;
}

.article_detail p,
.article_detail ul li,
.article_detail a {
    font-weight: 400 !important;
    /* line-height: 26px; */
    line-height: 30px;
    font-size: 21px;
    color: #111111 !important;
}

.article_detail a {
    font-weight: 600 !important;
    font-style: italic !important;
}

.article_detail strong {
    font-family: "Exo_Bold" !important;
}

.article_detail h3 {
    font-weight: 500 !important;
    font-family: "Exo_Bold" !important;
    /* line-height: 26px; */
    font-size: 1.5rem;
    color: #6eab1c !important;
}

.package_contact_btn {
    bottom: 2%;
    left: 25%;
}

.z-index-9 {
    z-index: 9;
}

.z-index-1 {
    z-index: 1;
}

.z-index-0 {
    z-index: 0;
}

.right-100px {
    right: 100px;
}

.overflow-x-hidden,
body {
    overflow-x: hidden;
}

.opacity-1 {
    opacity: 1 !important;
}

.min-width-90vw {
    min-width: 90vw;
}

.min-width-80vw {
    min-width: 80vw !important;
}

.ekko-lightbox-nav-overlay a {
    color: white !important;
}

.img_hover_effect {
    -webkit-filter: sepia(0);
    filter: sepia(0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.img_hover_effect:hover {
    -webkit-filter: sepia(50%);
    filter: sepia(50%);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.halloween_winner2024 {
    background-image: url("../img/halloween2025/winner/banner/banner-bg.png") !important;
}

.halloween_soon2024 {
    background-image: url("../img/halloween2025/banner/banner-bg.png");
}

.halloween_soon {
    background-image: url("../img/halloween/Halloween-Home-Banner.png");
}

.halloween_congrats {
    background-image: url("../img/halloween/2023-Halloween Home-Banner.png");
}

.halloween_soon2024 .top_heading {
    font-size: 36px;
}

.halloween_soon2024 .middle_heading {
    font-size: 100px;
    line-height: 1;
}

.halloween_soon2024 .bottom_heading {
    font-size: 36px;
}

.halloween_soon2024 .learnmorebtn .learnbtntxt {
    font-size: 30px;
    color: rgb(0, 0, 0);
}

.halloweenSection {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.career_hero_section {
    background-image: url("../img/CareerPage.jpg");
}

.career_section {
    min-height: 600px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    /* padding-top: 25px; */
    /* background-color: #000000; */
    /* border-top: 3px solid #fff; */
}

.max-20px {
    max-height: 20px;
    max-width: 20px;
}

.brown_border {
    border-top: 15px solid #4a2f0a;
}

.career_list_section {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/careerGrass.jpg);
}

.career_listing:not(:last-child) {
    border-bottom: 2px solid #4a2f0a;
    margin-bottom: 2rem !important;
}

.career_listing:not(:last-child) .inner_career_listing {
    margin-bottom: 2rem !important;
}

.career_listing:last-child {
    border-bottom: 0px !important;
    margin-bottom: 0 !important;
}

.changeLanguageToggle label {
    color: #4a2f0a !important;
    font-size: 16px !important;
    font-family: "Exo" !important;
}

.changeLanguageToggle label.active {
    color: #6eab1c !important;
    border-color: #6eab1c !important;
    border-radius: 5px !important;
}

.changeLanguageToggle .btn:focus,
.changeLanguageToggle .btn.focus {
    box-shadow: none !important;
}

.job_description p {
    font-size: 17px;
    font-family: "Exo" !important;
    color: #4a2f0a !important;
    font-style: italic;
}

.pt-2rem {
    padding-top: 2rem !important;
}

#jobForm input::placeholder,
#jobForm textarea::placeholder {
    font-size: 17px;
    font-family: "Exo" !important;
    color: #4a2f0a !important;
}

#jobForm input,
#jobForm textarea {
    z-index: 9;
    border: 0.5px solid #000 !important;
}

#jobForm label {
    position: absolute;
    left: 15px;
    top: 5px;
    z-index: 1;
    font-size: 17px;
    font-family: "Exo" !important;
    color: #4a2f0a !important;
}

#jobForm label::after {
    content: "*";
    color: #fa0a1b !important;
}

#jobForm input[required]:valid + label,
#jobForm textarea[required]:valid + label {
    display: none;
}

.resize-none {
    resize: none;
}

.congratsWidth {
    max-width: 85% !important;
}

.congratsWinnersFontSize {
    font-size: 26px !important;
}

.winner_tickets_section {
    background-image: url("../img/halloween/tickets/Background.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.career_main_banner {
    min-height: 460px;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/careerBackground.png");
}

.careerModalBorder {
    border: 10px solid #4a2f0a !important;
}

.careerModalMegaphone {
    left: 43%;
    top: -15%;
}

.career_listing_modal:not(:last-child) {
    border-right: 4px solid #4a2f0a;
    margin-right: 2rem !important;
}

.career_listing_modal:not(:last-child) .inner_career_listing_modal {
    margin-right: 2rem !important;
}

.career_listing_modal:last-child {
    border-right: 0px !important;
    margin-right: 0 !important;
}

.holiday-banner-section {
    background-image: url("../img/holiday-banner-1.jpg");
    min-height: 400px;
    /* min-height: 1130px; */
    background-repeat: no-repeat;
    background-size: cover;
}

.ukrain_donation {
    min-height: 500px;
    background-image: url("../img/ukraine-mobile.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.ukrain_donation .donation_text h1 {
    font-family: "Roboto Slab", serif !important;
    font-weight: 700;
    font-size: 28px;
}

.ukrain_donation .donation_text p {
    font-family: "Roboto Slab", serif !important;
    font-weight: 400;
    font-size: 18px;
}

.ukrain_donation .standWithUkraine {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    max-width: 600px;
}

.donation_area .donation_logos {
    max-height: 80px;
    margin-bottom: 1em;
}

#halloweenModal_update .modal-body {
    min-height: 600px !important;
    z-index: 0;
}

#halloweenModal_update .modal_video {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    z-index: -1;
}

#halloweenModal_update .top_left_spider {
    position: absolute;
    left: 10px;
    max-width: 80px;
}

#halloweenModal_update .top_right_spider {
    position: absolute;
    right: 0;
    max-width: 170px;
}

#halloweenModal_update .modal_bottom {
    position: absolute;
    bottom: 0;
}

#halloweenModal_update .modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    max-width: 50px;
    cursor: pointer;
    z-index: 1;
}

#halloweenModal_update .internal_modal {
    min-height: 600px;
}

#halloweenModal_update .trickOrTreat {
    max-width: 300px;
}

#halloweenModal_update .learnbtntxt {
    font-size: 22px !important;
    font-family: Creepster;
    color: rgb(0, 0, 0);
}

#halloweenModal_update .modal-dialog {
    max-width: 900px !important;
}

.halloween_section03 .winner_internal {
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 150px;
}

.halloween_section03 .winner_internal .winnerTextInternal {
    margin: 0 50px;
}

.halloween_section03 .grandWinner {
    background-image: url("../img/halloween_new/grandWinner.png");
}

.halloween_section03 ._2ndWinner {
    background-image: url("../img/halloween_new/2ndWinner.png");
}

.halloween_section03 ._3rdWinner {
    background-image: url("../img/halloween_new/3rdWinner.png");
}

.halloween_section03 ._4thWinner {
    background-image: url("../img/halloween_new/4thWinner.png");
}

.halloween_section03 ._5thWinner {
    background-image: url("../img/halloween_new/5thWinner.png");
}

.halloween_section03 .consolation {
    background-image: url("../img/halloween_new/Consolation.png");
}

.halloween_section03 .consolation img {
    margin-left: 12px;
    height: 110px;
    width: 300px;
    object-fit: contain;
}

.halloween_section03 .winners_prize_text h4 {
    font-size: 28px !important;
}

.halloween_section03 .winners_prize_text h3 {
    font-size: 20px !important;
}

.w-80 {
    width: 80% !important;
}