html#offer section#bannerSection { min-height: auto;height: auto !important;}
section#offer-list .card {border-radius: 20px;border: 1px solid var(--primary-color);overflow: hidden;}
section#offer-list .card:hover {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;transition: .3s ease;}
section#offer-list h2 {color: var(--primary-color);font-size: 22px;line-height: 1.6rem;margin-bottom: 10px;}
section#offer-list .button span:hover {color: #fff;background: #A58C81;transition: .3s ease;}
section#offer-list p {font-size: 18px;color: #000;line-height: 1.4rem;font-weight: 600;}
.inner-card {padding: 10px 15px;}
section#offer-list .button {padding: 15px;border-top: 1px solid #767676;text-align: right;}
section#offer-list .button span {background: var(--primary-color);color: #fff;padding: 7px 15px;display: inline-block;font-size: 18px;border-radius: 7px;}
section#offer-list {padding: 20px 0 50px;}
.desktop-offers .col-md-4 {margin-bottom: 30px;}
.inner-home-content p {text-align: center;color: #fff;font-size: 20px;margin-bottom: 0;margin-top: 10px;}
.inner-home-content i {text-align: center;font-style: normal;padding: 10px 30px;display: inline-block;border: 1px solid #fff;border-radius: 100px;color: #fff;margin-top: 20px;font-size: 18px;}
html#offer section#bannerSection html#offer section#bannerSection div#th-banner h1 {margin: 0;line-height: 2.6rem !important;}
section#offer-list p span {display: block;font-size: 16px;font-weight: 600;color: #000;}
.inner-home-content.detail p {font-size: 24px;}   
.offer-item {margin-top: 30px;}
.inner-home-content.detail p span {font-size: 18px;display: block;}
section#offer-detail-content{padding: 50px 0 0;}
section#offer-detail-tc {padding: 20px 0 0;}
section#offer-list div#detail-card .inner-card ul img {width: 43px;   height: auto;filter: brightness(0) invert(1);}
.detail-content-main {font-size: 18px;color: #000;line-height: normal;}
h2.detail-head, h3.detail-head {font-size: 40px;color: var(--primary-color);font-family: var(--heading-font);margin-bottom: 20px;margin-top: 0;}
.detail-content-main ul {padding-left: 20px;}
section#offer-list div#detail-card .inner-card p {color: #fff;margin-bottom: 10px;font-size: 20px;}
section#offer-list div#detail-card .inner-card ul {padding: 0;list-style: none;display: flex;gap: 5px;margin: 0;}
div#detail-card .inner-card {position: absolute;bottom: 0;width: 100%;padding: 20px;z-index: 11;}
section#offer-list div#detail-card .inner-card p a {color: #fff;}
section#offer-list div#detail-card .inner-card p:nth-child(2) {font-size: 18px;}
div#detail-card:after {content: "";height: 50%;width: 100%;display: block;position: absolute;bottom: 0;left: 0;background: #000000;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 50%, rgba(0, 0, 0, 1) 100%);}
section#offer-detail-tc + section#offer-list {padding: 30px 0 50px;}
.offers-wrapper {display: flex;flex-wrap: wrap;gap: 20px;}
.offer-item {width: calc(33.33% - 20px); /* 3 cards desktop */}
.language-section.text-right {display: flex;flex-direction: row-reverse;align-items: flex-end;align-content: flex-end;}
html#offer a.become-btn {padding: 7px 15px 7px;font-size: 18px;}
a.become-btn.mem-offer {order: 1;}
.swiper-button-next, .swiper-button-prev {    display: none;}
section#offer-list .inner-card  p {margin-bottom: 5px;}
html#offer section#bannerSection::after { content: ""; display: block; width: 100%; height: 100%; background: #00000060; position: absolute; top: 0; left: 0; margin: 0 auto; }
section#offer-list div#detail-card .inner-card ul img:hover { transition: .3s ease; transform: scale(1.1); }
@media (max-width: 1441px) {
html#offer section#bannerSection div#th-banner h1, h2.detail-head, h3.detail-head{font-size: 32px;line-height: 2.4rem !important;}
html#offer #bannerSection {height: calc(100vh - 138px);}
.inner-home-content p {font-size: 18px;}
section#offer-list h2 {font-size: 20px;line-height: 1.4rem;}
section#offer-list p span {font-size: 14px;}
section#offer-list p { font-size: 16px;line-height: 1.2rem;}
section#offer-list .button span { font-size: 16px;}
.inner-home-content.detail p {font-size: 22px;line-height: normal;}
.inner-home-content i {padding: 7px 30px;}
a.become-btn {padding: 6px 15px 6px;font-size: 18px;}
html#offer a.become-btn {padding: 6px 15px 6px;font-size: 18px;}
}
@media (max-width: 1281px) {
html#offer section#bannerSection div#th-banner h1, h2.detail-head, h3.detail-head {font-size: 30px;}
.inner-home-content p {font-size: 16px;margin-top: 0px;line-height: normal;}
section#offer-list h2 {font-size: 18px;}
.inner-home-content.detail p {font-size: 20px;line-height: normal;}
.detail-content-main {font-size: 16px;}
.inner-home-content.detail p {margin-top: 10px;}
.inner-home-content i {font-size: 16px;}
}
@media (max-width: 1025px) {
section#offer-list div#detail-card .inner-card ul img {width: 32px;height: auto;}
section#offer-list div#detail-card .inner-card p {font-size: 18px;}
section#offer-list div#detail-card .inner-card p:nth-child(2) {font-size: 16px;}
}
@media (max-width: 992px) {
.offer-item {width: calc(50% - 20px);}
}
@media (max-width: 767px) {
html#offer section#bannerSection div#th-banner h1, h2.detail-head, h3.detail-head {font-size: 28px;}
section#offer-list h2 {text-align: left;}
section#offer-list p {line-height: 1.4rem;}
section#offer-list h2 {line-height: 1.6rem;}
.mobile-offers {display: block;}
.swiper-slide {height: 100%;}
section#offer-list {padding: 50px 0 50px;}
.swiper-button-next, .swiper-button-prev {width: 36px;height: 36px;top: 45% !important;}
.offers-wrapper {display: flex;gap: 0px;flex-direction: row;flex-wrap: unset;}
html#offer a.become-btn {padding: 5px 15px 5px;font-size: 15px;border-radius: 5px;margin-right: 10px;}
.offer-item {width: 100%;}
.swiper-button-next, .swiper-button-prev {    display: block;}
.offer-item {margin-top: 0;}
}
@media (max-width: 576px) {
html#offer section#bannerSection div#th-banner h1, h2.detail-head, h3.detail-head {font-size: 24px;line-height: 2rem !important;}
a.become-btn.mem-offer {order: unset;}
section#offer-list .card {border-radius: 20px;border: 1px solid var(--primary-color);/* overflow: hidden; */width: 99.5%;}
.inner-home-content.detail p {font-size: 18px;}
.inner-home-content.detail p span {font-size: 16px;}
.inner-card {padding: 0px 15px;}
section#offer-list h2 {margin-bottom: 5px;margin-top: 10px;}
.inner-home-content i {font-size: 14px;padding: 7px 10px;}
section#offer-list div#detail-card .inner-card p {margin-bottom: 5px;}
div#detail-card .inner-card {padding: 20px 20px 15px;}
.swiper-button-next.det, .swiper-button-prev.det {top: 50% !important;width: 32px;height: 32px;}
html#offer #siteheader.home-pg .logo{text-align: left;}
html#offer #siteheader .logo{width: 100% !important;}
html#offer #siteheader .languagedv {position: absolute;top: -75px;right: 0;}
html#offer #siteheader .language-section a {width: 50%; margin: 0;text-align: center;}
html#offer #siteheader .language-section a:first-child {margin-right: 5px;}
html#offer #siteheader .language-section a:last-child {margin-left: 5px;}
html#offer #siteheader .language-section {width: 100%;position: relative;display: flex;margin-top: 10px;flex-direction: row;}
html#offer #siteheader {padding: 1.4em 0;}
html#offer section#bannerSection {min-height: auto;height:50vh !important;}
}