/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

.spoffer_listbase {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 gap:50px;
 padding:0px 10% 50px;
 background-image: linear-gradient(
  0deg,
  rgba(24, 29, 37, 0) 0%,
  rgba(24, 29, 37, 1) 100%
);
}
.singleevent_body {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: space-between;
}
.singleevent_body .seb_img {
 width:45%;
 height: auto;
 display: block;
}
.singleevent_body .seb_img img {
 border-radius: 30px;
}
.singleevent_body .seb_cc {
 width:50%;
 height: auto;
 display: block;
}
.singleevent_body .seb_cc h2 {
 font-size: clamp(26px, 2vw, 60px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
.singleevent_body .seb_cc h3 {
 font-size: clamp(18px, 1.5vw, 30px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
.singleevent_body .seb_cc p {
 font-size: clamp(14px, 1.1vw, 16px);
 font-weight: 300;
 color:var(--color-white);
 line-height: 2em;
 margin-bottom:1.5em;
}
.singleevent_body .seb_cc ul.sebbnlist {
 width: 100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
 gap:10px 10px;
}
.singleevent_body .seb_cc ul.sebbnlist li {
 width: fit-content;
 height: auto;
 display: block;
 font-size:14px;
 margin:0;
}
.singleevent_body .seb_cc ul.sebbnlist li a {
 width: 100%;
 height: auto;
 display: block;
 text-decoration: none;
 color:var(--color-white);
 padding:0.75em 2em;
 border-radius: 9999px;
 transition: .4s all
}
.singleevent_body .seb_cc ul.sebbnlist li:nth-child(odd) a {
background-color: var(--color-1st);
}
.singleevent_body .seb_cc ul.sebbnlist li:nth-child(even) a {
background-color: var(--color-5th);
border: 1px solid var(--color-1st);
}

.singleevent_body .seb_cc ul.sebbnlist li a:hover {
 color:var(--color-white);
 background-color: var(--color-red);
}


/* Default offer */
.spoffer_default {
 width: 100%;
 height: auto;
 display: block;
 padding:50px 10% 100px;
}
.spoffer_default ul.spof_def_list {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap:20px 20px;
 margin-bottom: 50px;
}
.spoffer_default ul.spof_def_list li {
 flex:0 0 calc((100% - 20px) / 2);
 height: auto;
 display: block;
 border:1px solid var(--color-1st);
 border-radius: 20px;
 overflow: hidden;
 transition: .4s all;
}
.spoffer_default ul.spof_def_list li:hover {
 border:1px solid var(--color-red);
}
.spoffer_default ul.spof_def_list li a {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 padding:3em 2em;
 transition: .4s all;
}
.spoffer_default ul.spof_def_list li a:hover {
 background-color: var(--color-3rd);
}
.spoffer_default ul.spof_def_list li a h3 {
 font-size: clamp(26px, 2.5vw, 60px);
 font-weight: 300;
 text-align: center;
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0!important;
}
.spoffer_default ul.spof_def_list li a h3 .spofd_subtxt_l {
 display: block;
 font-size: clamp(16px, 1.5vw, 30px);
 margin-bottom: 0.25em;
}
.spoffer_default ul.spof_def_list li a h3 .spofd_subtxt_s {
 display: block;
 font-size: clamp(10px, 1.1vw, 16px);
 margin-bottom: 0em;
}

p.spofdef_addtxt {
 font-size:12px;
 line-height: 2em;
 color:var(--color-a9);
 margin:0;
}


}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.spoffer_listbase {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 gap:50px;
 padding:0px 5% 100px;
 background-image: linear-gradient(
  0deg,
  rgba(24, 29, 37, 0) 0%,
  rgba(24, 29, 37, 1) 100%
);
}
.singleevent_body {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: space-between;
}
.singleevent_body .seb_img {
 width:40%;
 height: auto;
 display: block;
}
.singleevent_body .seb_img img {
 border-radius: 30px;
}
.singleevent_body .seb_cc {
 width:55%;
 height: auto;
 display: block;
}
.singleevent_body .seb_cc h2 {
 font-size: clamp(26px, 2vw, 60px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
.singleevent_body .seb_cc h3 {
 font-size: clamp(18px, 1.5vw, 30px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
.singleevent_body .seb_cc p {
 font-size: clamp(14px, 1.1vw, 16px);
 font-weight: 300;
 color:var(--color-white);
 line-height: 2em;
 margin-bottom:1.5em;
}
.singleevent_body .seb_cc ul.sebbnlist {
 width: 100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
 gap:10px 10px;
}
.singleevent_body .seb_cc ul.sebbnlist li {
 width: fit-content;
 height: auto;
 display: block;
 font-size:14px;
 margin:0;
}
.singleevent_body .seb_cc ul.sebbnlist li a {
 width: 100%;
 height: auto;
 display: block;
 text-decoration: none;
 color:var(--color-white);
 padding:0.75em 2em;
 border-radius: 9999px;
}
.singleevent_body .seb_cc ul.sebbnlist li:nth-child(odd) a {
background-color: var(--color-1st);
}
.singleevent_body .seb_cc ul.sebbnlist li:nth-child(even) a {
background-color: var(--color-5th);
border: 1px solid var(--color-1st);
}


/* Default offer */
.spoffer_default {
 width: 100%;
 height: auto;
 display: block;
 padding:0px 5% 100px;
}
.spoffer_default ul.spof_def_list {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap:20px 20px;
 margin-bottom: 50px;
}
.spoffer_default ul.spof_def_list li {
 flex:0 0 calc((100% - 20px) / 2);
 height: auto;
 display: block;
 border:1px solid var(--color-1st);
 border-radius: 20px;
 overflow: hidden;
 transition: .4s all;
}
.spoffer_default ul.spof_def_list li:hover {
 border:1px solid var(--color-red);
}
.spoffer_default ul.spof_def_list li a {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 padding:3em 2em;
 transition: .4s all;
}
.spoffer_default ul.spof_def_list li a:hover {
 background-color: var(--color-3rd);
}
.spoffer_default ul.spof_def_list li a h3 {
 font-size: clamp(26px, 2.5vw, 60px);
 font-weight: 300;
 text-align: center;
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0!important;
}
.spoffer_default ul.spof_def_list li a h3 .spofd_subtxt_l {
 display: block;
 font-size: clamp(16px, 1.5vw, 30px);
 margin-bottom: 0.25em;
}
.spoffer_default ul.spof_def_list li a h3 .spofd_subtxt_s {
 display: block;
 font-size: clamp(10px, 1.1vw, 16px);
 margin-bottom: 0em;
}

p.spofdef_addtxt {
 font-size:12px;
 line-height: 2em;
 color:var(--color-a9);
 margin:0;
}



}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {


 .spoffer_listbase {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 gap:50px;
 padding:0px 8% 50px;
 background-image: linear-gradient(
  0deg,
  rgba(24, 29, 37, 0) 0%,
  rgba(24, 29, 37, 1) 100%
);
}
.singleevent_body {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
}
.singleevent_body .seb_img {
 width:100%;
 height: auto;
 display: block;
}
.singleevent_body .seb_img img {
 border-radius: 20px;
}
.singleevent_body .seb_cc {
 width:100%;
 height: auto;
 display: block;
 padding:1.5em 1em;
}
.singleevent_body .seb_cc h2 {
 font-size: clamp(26px, 2vw, 60px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
.singleevent_body .seb_cc h3 {
 font-size: clamp(18px, 1.5vw, 30px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
.singleevent_body .seb_cc p {
 font-size: clamp(14px, 1.1vw, 16px);
 font-weight: 300;
 color:var(--color-white);
 line-height: 2em;
 margin-bottom:1.5em;
}
.singleevent_body .seb_cc ul.sebbnlist {
 width: 100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
 gap:10px 10px;
}
.singleevent_body .seb_cc ul.sebbnlist li {
 width: fit-content;
 height: auto;
 display: block;
 font-size:14px;
 margin:0;
}
.singleevent_body .seb_cc ul.sebbnlist li a {
 width: 100%;
 height: auto;
 display: block;
 text-decoration: none;
 color:var(--color-white);
 padding:0.75em 2em;
 border-radius: 9999px;
}
.singleevent_body .seb_cc ul.sebbnlist li:nth-child(odd) a {
background-color: var(--color-1st);
}
.singleevent_body .seb_cc ul.sebbnlist li:nth-child(even) a {
background-color: var(--color-5th);
border: 1px solid var(--color-1st);
}





/* Default offer */
.spoffer_default {
 width: 100%;
 height: auto;
 display: block;
 padding:0px 5% 100px;
}
.spoffer_default ul.spof_def_list {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 gap:20px;
 margin-bottom: 50px;
}
.spoffer_default ul.spof_def_list li {
  width:100%;
 height: auto;
 display: block;
 border:1px solid var(--color-1st);
 border-radius: 10px;
 overflow: hidden;
 transition: .4s all;
}
.spoffer_default ul.spof_def_list li:hover {
 border:1px solid var(--color-red);
}
.spoffer_default ul.spof_def_list li a {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 padding:1.5em 1em;
 transition: .4s all;
}
.spoffer_default ul.spof_def_list li a:hover {
 background-color: var(--color-3rd);
}
.spoffer_default ul.spof_def_list li a h3 {
 font-size: clamp(26px, 2.5vw, 60px);
 font-weight: 300;
 text-align: center;
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0!important;
}
.spoffer_default ul.spof_def_list li a h3 .spofd_subtxt_l {
 display: block;
 font-size: clamp(16px, 1.5vw, 30px);
 margin-bottom: 0.25em;
}
.spoffer_default ul.spof_def_list li a h3 .spofd_subtxt_s {
 display: block;
 font-size: clamp(10px, 1.1vw, 16px);
 margin-bottom: 0em;
}

p.spofdef_addtxt {
 font-size:12px;
 line-height: 2em;
 color:var(--color-a9);
 margin:0;
}


}