.elementor-23 .elementor-element.elementor-element-b387ace.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-b387ace.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-b387ace.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-b387ace.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-b387ace.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-23 .elementor-element.elementor-element-e86e166.elementor-column{align-self:inherit;cursor:default;}.elementor-23 .elementor-element.elementor-element-3781308.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-3781308.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-3781308.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-3781308.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-3781308.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-23 .elementor-element.elementor-element-2330c55.elementor-column{align-self:inherit;cursor:default;}.elementor-23 .elementor-element.elementor-element-3a77eac.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-3a77eac.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-3a77eac.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-3a77eac.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-3a77eac.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-23 .elementor-element.elementor-element-3a77eac{margin-top:20px;margin-bottom:0px;}.elementor-23 .elementor-element.elementor-element-2938677:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23 .elementor-element.elementor-element-2938677 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-2938677.elementor-column{align-self:inherit;cursor:default;}.elementor-23 .elementor-element.elementor-element-2938677 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#DCDDF9;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 20px 10px 20px;}.elementor-23 .elementor-element.elementor-element-2938677 > .elementor-element-populated, .elementor-23 .elementor-element.elementor-element-2938677 > .elementor-element-populated > .elementor-background-overlay, .elementor-23 .elementor-element.elementor-element-2938677 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-23 .elementor-element.elementor-element-2938677 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.ob-postman blockquote{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.ob-postman blockquote cite{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri div{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-2f41287{text-align:center;font-family:"Kanit", Sans-serif;font-size:0.875rem;font-weight:400;}.elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > div, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > h1, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > h2, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > h3, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > h4, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > h5, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > h6, .elementor-23 .elementor-element.elementor-element-2f41287.ob-harakiri > p{transform:rotate(0deg);}.elementor-23 .elementor-element.elementor-element-2f41287 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23 .elementor-element.elementor-element-caad331.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-caad331.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-caad331.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-caad331.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-caad331.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-23 .elementor-element.elementor-element-caad331{margin-top:20px;margin-bottom:0px;}.elementor-23 .elementor-element.elementor-element-4d12e7d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23 .elementor-element.elementor-element-4d12e7d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-4d12e7d.elementor-column{align-self:inherit;cursor:default;}.elementor-23 .elementor-element.elementor-element-4d12e7d > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#DCDDF9;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 20px 10px 20px;}.elementor-23 .elementor-element.elementor-element-4d12e7d > .elementor-element-populated, .elementor-23 .elementor-element.elementor-element-4d12e7d > .elementor-element-populated > .elementor-background-overlay, .elementor-23 .elementor-element.elementor-element-4d12e7d > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-23 .elementor-element.elementor-element-4d12e7d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri div{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-c0c3f48{text-align:center;}.elementor-23 .elementor-element.elementor-element-c0c3f48 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.2rem;font-weight:500;color:#5A6170;}.elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > div, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > h1, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > h2, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > h3, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > h4, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > h5, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > h6, .elementor-23 .elementor-element.elementor-element-c0c3f48.ob-harakiri > p{transform:rotate(0deg);}.elementor-23 .elementor-element.elementor-element-c0c3f48 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri div{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-5f41fda{text-align:center;font-family:"Kanit", Sans-serif;font-size:0.875rem;font-weight:400;}.elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > div, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > h1, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > h2, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > h3, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > h4, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > h5, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > h6, .elementor-23 .elementor-element.elementor-element-5f41fda.ob-harakiri > p{transform:rotate(0deg);}.elementor-23 .elementor-element.elementor-element-5f41fda > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23 .elementor-element.elementor-element-12d47e0.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-12d47e0.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-23 .elementor-element.elementor-element-12d47e0.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-12d47e0.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-23 .elementor-element.elementor-element-12d47e0.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-23 .elementor-element.elementor-element-12d47e0{margin-top:20px;margin-bottom:30px;}.elementor-23 .elementor-element.elementor-element-7d4eac4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-23 .elementor-element.elementor-element-7d4eac4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-7d4eac4.elementor-column{align-self:inherit;cursor:default;}.elementor-23 .elementor-element.elementor-element-7d4eac4 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#DCDDF9;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 20px 10px 20px;}.elementor-23 .elementor-element.elementor-element-7d4eac4 > .elementor-element-populated, .elementor-23 .elementor-element.elementor-element-7d4eac4 > .elementor-element-populated > .elementor-background-overlay, .elementor-23 .elementor-element.elementor-element-7d4eac4 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-23 .elementor-element.elementor-element-7d4eac4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri div{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-38b662a{text-align:center;}.elementor-23 .elementor-element.elementor-element-38b662a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.2rem;font-weight:500;color:#5A6170;}.elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > div, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > h1, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > h2, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > h3, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > h4, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > h5, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > h6, .elementor-23 .elementor-element.elementor-element-38b662a.ob-harakiri > p{transform:rotate(0deg);}.elementor-23 .elementor-element.elementor-element-38b662a > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri div{writing-mode:inherit;}.elementor-23 .elementor-element.elementor-element-de9a513{text-align:center;font-family:"Kanit", Sans-serif;font-size:0.875rem;font-weight:400;}.elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > div, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > h1, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > h2, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > h3, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > h4, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > h5, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > h6, .elementor-23 .elementor-element.elementor-element-de9a513.ob-harakiri > p{transform:rotate(0deg);}.elementor-23 .elementor-element.elementor-element-de9a513 > div{text-indent:0px;mix-blend-mode:inherit;}html, body{overflow-x:auto;}/* Start custom CSS for html, class: .elementor-element-8dd161b */.x-cover {
    position: relative;
    height: 450px;
    padding: 0;
    overflow: hidden;
    z-index: 1;
}

.x-cover .-bg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-style: none;
}

.h-100 {
    height: 100% !important;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.x-cover .-contents-wrapper {
    position: relative;
    height: 100%;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.x-cover .-left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
}

.x-cover .-left-content {
    position: relative;
}






.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}



@media (min-width: 768px){
.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media (min-width: 992px){
.d-lg-inline-block {
    display: inline-block !important;
}
}



.x-cover .-left-content .-heading-content-wrapper {
    width: 80%;
    margin-left: auto;
}

.x-cover .-left-content .-title {
    font-size: 2.5rem;
    color: #845cdf;
    text-shadow: none;
    transition: all 0.4s;
}

.x-cover .-left-content .-sub-title {
    margin-top: 1rem;
    color: #5a6170;
    text-shadow: none;
    transition: all 0.4s;
}

.x-cover .-left-content .-btn-wrapper {
    margin-top: 2rem;
}

.btn.-register-btn {
    position: relative;
    width: 240px;
    padding: 0;
    color: #fff;
    background: transparent;
    box-shadow: none;
    transition: all .2s;
}

.btn.-register-btn .-btn-bg {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-animation: x-register-button-glowing 1s alternate infinite;
    animation: x-register-button-glowing 1s alternate infinite;
    vertical-align: middle;
    border-style: none;
}


.btn.-register-btn .-btn-title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 500;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    color: white;
    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(0.5, #4c8ee2), to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


@keyframes x-shimmer {
    0% {
    background-position: -200px top;
}

100% {
    background-position: 200px top;
}
}

.x-cover .-right-content {
    margin: auto;
    padding: 0;
}

.d-none {
    display: none !important;
}

@media (max-width: 991.98px){
.x-cover {
    height: 300px;
}

.x-cover .-left-content .-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.btn.-register-btn .-btn-title {
    font-size: 1.3rem;
}

}





@media (max-width: 767.98px){
.x-cover {
    height: auto;
}

.x-cover .-bg {
    display: none;
}

.x-cover .-contents-wrapper {
    flex-direction: column-reverse;
}

.x-cover .-left-content {
    padding-top: 0;
    text-align: center;
}


.x-cover .-left-content .-heading-content-wrapper {
    width: 100%;
    margin-left: unset;
}

.x-cover .-right-content {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.x-cover .-left-content .-title {
    font-size: 1.125rem !important;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-364868d */@media (min-width: 768px){
.x-promotion-index {
    padding-bottom: 5rem;
}
}

.x-promotion-index {
    position: relative;
    padding-bottom: 2rem;
    z-index: 2;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 576px){
.container {
    max-width: 540px;
}
}

@media (min-width: 768px){
.container {
    max-width: 720px;
}
}

@media (min-width: 992px){
.container {
    max-width: 960px;
}
}

@media (min-width: 1200px){
.container {
    max-width: 1140px;
}
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}


.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.x-promotion-index .-promotion-card-link {
    margin-top: 6rem;
}


.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px){
.col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

}



a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}


.h-100 {
    height: 100% !important;
}


.d-block {
    display: block !important;
}


@media (min-width: 992px){
.x-card {
    min-height: 240px;
}
}

.x-promotion-index .x-card {
    background-image: url(https://ezlotto.co/build/images/ez-lotto-event-card-bg.d773cd82.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #a8d9ff;
}



.x-card {
    height: 100%;
    padding-bottom: 1rem;
    color: #472c59;
    border-radius: 20px;
    transition: background .2s;
    background: transparent;
    box-shadow: 0 2px 20px rgb(0 0 0 / 12%), 0 1px 2px rgb(236 233 233 / 24%);
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}


.x-card .-img-container {
    height: 120px;
    text-align: center;
    z-index: 2;
}


.x-card .-img-container .-img {
    width: 250px;
    margin-top: -5rem;
    transition: all .2s;
    vertical-align: middle;
    border-style: none;
}


.x-card .card-body {
    padding: 0;
    z-index: 2;
  
}



.x-card .card-body .-title-container {
    text-align: center;
}


.m-3 {
    margin: 1rem !important;
}


.x-card .card-body .-title-container .-title {
    color: #472c59;
    font-size: 1.4rem;
}


.x-card .card-footer {
    border: none;
    background-color: transparent;
    margin: auto;
}


@media (min-width: 768px){
.x-card .card-footer .-btn.-mobile {
    display: none;
}
.x-promotion-index {
    padding-bottom: 5rem;
}


}


@media (max-width: 991.98px){
.x-card .-img-container {
    height: auto;
}

}



@media (max-width: 575.98px){
.x-promotion-index {
    position: relative;
    z-index: 1;
    margin-top: -2rem;
}

.x-promotion-index .-promotion-card-link {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 8px;
    padding-left: 8px;
}

.x-card .-img-container .-img {
    width: 80%;
    max-width: 170px;
}

.x-card .card-body .-title-container .-title {
    font-size: 1rem;
}


.x-card .card-footer {
    display:none;
}





}/* End custom CSS */