h1, h2, h3, h4, h5 {
    margin: 0;
}
.d-none {display: none !important;}
.d-block {display: block !important;}
.d-flex {display: flex !important;}
.flex-row {flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-column {flex-direction: column;}
.flex-column-reverse {flex-direction: column-reverse;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-space-between{justify-content: space-between;}
.justify-space-around{justify-content: space-around;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}
.align-baseline{align-items: baseline;}
.align-stretch{align-items: stretch;}
.align-self-start{align-self: flex-start;}
.align-self-end{align-self: flex-end;}
.align-self-center{align-self: center;}
.align-self-baseline{align-self: baseline;}
.align-self-auto{align-self: auto;}
.align-self-stretch{align-self: stretch;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.align-content-start{align-content: flex-start;}
.align-content-end{align-content: flex-end;}
.align-content-center{align-content: center;}
.align-content-space-between{align-content: space-between;}
.align-content-space-around{align-content: space-around;}
.align-content-stretch{align-content: stretch;}
.flex-grow-0{flex-grow: 0;}
.flex-grow-1{flex-grow: 1;}
.flex-shrink-0{flex-shrink: 0;}
.flex-shrink-1{flex-shrink: 1;}
/* Padding Classes */
.p-1 { padding: 4px; }
.p-2 { padding: 8px; }
.p-3 { padding: 12px; }
.p-4 { padding: 16px; }
.p-5 { padding: 20px; }
.p-6 { padding: 24px; }
.p-7 { padding: 28px; }
.p-8 { padding: 32px; }
.p-9 { padding: 36px; }
.p-10 { padding: 40px; }
.pt-1 { padding-top: 4px; }
.pt-2 { padding-top: 8px; }
.pt-3 { padding-top: 12px; }
.pt-4 { padding-top: 16px; }
.pt-5 { padding-top: 20px; }
.pt-6 { padding-top: 24px; }
.pt-7 { padding-top: 28px; }
.pt-8 { padding-top: 32px; }
.pt-9 { padding-top: 36px; }
.pt-10 { padding-top: 40px; }
.pr-1 { padding-right: 4px; }
.pr-2 { padding-right: 8px; }
.pr-3 { padding-right: 12px; }
.pr-4 { padding-right: 16px; }
.pr-5 { padding-right: 20px; }
.pr-6 { padding-right: 24px; }
.pr-7 { padding-right: 28px; }
.pr-8 { padding-right: 32px; }
.pr-9 { padding-right: 36px; }
.pr-10 { padding-right: 40px; }
.pb-1 { padding-bottom: 4px; }
.pb-2 { padding-bottom: 8px; }
.pb-3 { padding-bottom: 12px; }
.pb-4 { padding-bottom: 16px; }
.pb-5 { padding-bottom: 20px; }
.pb-6 { padding-bottom: 24px; }
.pb-7 { padding-bottom: 28px; }
.pb-8 { padding-bottom: 32px; }
.pb-9 { padding-bottom: 36px; }
.pb-10 { padding-bottom: 40px; }
.pl-1 { padding-left: 4px; }
.pl-2 { padding-left: 8px; }
.pl-3 { padding-left: 12px; }
.pl-4 { padding-left: 16px; }
.pl-5 { padding-left: 20px; }
.pl-6 { padding-left: 24px; }
.pl-7 { padding-left: 28px; }
.pl-8 { padding-left: 32px; }
.pl-9 { padding-left: 36px; }
.pl-10 { padding-left: 40px; }
.px-1 { padding-left: 4px; padding-right: 4px; }
.px-2 { padding-left: 8px; padding-right: 8px; }
.px-3 { padding-left: 12px; padding-right: 12px; }
.px-4 { padding-left: 16px; padding-right: 16px; }
.px-5 { padding-left: 20px; padding-right: 20px; }
.px-6 { padding-left: 24px; padding-right: 24px }
.px-7 { padding-left: 28px; padding-right: 28px;}
.px-8 { padding-left: 32px; padding-right: 32px;}
.px-9 { padding-left: 36px; padding-right: 36px;}
.px-10 { padding-left: 40px; padding-right: 40px;}
.py-1 { padding-top: 4px; padding-bottom: 4px; }
.py-2 { padding-top: 8px; padding-bottom: 8px; }
.py-3 { padding-top: 12px; padding-bottom: 12px; }
.py-4 { padding-top: 16px; padding-bottom: 16px; }
.py-5 { padding-top: 20px; padding-bottom: 20px; }
.py-6 { padding-top: 24px; padding-bottom: 24px; }
.py-7 { padding-top: 28px; padding-bottom: 28px; }
.py-8 { padding-top: 32px; padding-bottom: 32px; }
.py-9 { padding-top: 36px; padding-bottom: 36px; }
.py-10 { padding-top: 40px; padding-bottom: 40px; }
.m-1 { margin: 4px; }
.m-2 { margin: 8px; }
.m-3 { margin: 12px; }
.m-4 { margin: 16px; }
.m-5 { margin: 20px; }
.m-6 { margin: 24px; }
.m-7 { margin: 28px; }
.m-8 { margin: 32px; }
.m-9 { margin: 36px; }
.m-10 { margin: 40px; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }
.mt-5 { margin-top: 20px; }
.mt-6 { margin-top: 24px; }
.mt-7 { margin-top: 28px; }
.mt-8 { margin-top: 32px; }
.mt-9 { margin-top: 36px; }
.mt-10 { margin-top: 40px; }
.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-5 { margin-bottom: 20px; }
.mb-6 { margin-bottom: 24px; }
.mb-7 { margin-bottom: 28px; }
.mb-8 { margin-bottom: 32px; }
.mb-9 { margin-bottom: 36px; }
.mb-10 { margin-bottom: 40px; }
.ml-1 { margin-left: 4px; }
.ml-2 { margin-left: 8px; }
.ml-3 { margin-left: 12px; }
.ml-4 { margin-left: 16px; }
.ml-5 { margin-left: 20px; }
.ml-6 { margin-left: 24px; }
.ml-7 { margin-left: 28px; }
.ml-8 { margin-left: 32px; }
.ml-9 { margin-left: 36px; }
.ml-10 { margin-left: 40px; }
.mr-1 { margin-right: 4px; }
.mr-2 { margin-right: 8px; }
.mr-3 { margin-right: 12px; }
.mr-4 { margin-right: 16px; }
.mr-5 { margin-right: 20px; }
.mr-6 { margin-right: 24px; }
.mr-7 { margin-right: 28px; }
.mr-8 { margin-right: 32px; }
.mr-9 { margin-right: 36px; }
.mr-10 { margin-right: 40px; }
.mx-1 { margin-left: 4px; margin-right: 4px; }
.mx-2 { margin-left: 8px; margin-right: 8px; }
.mx-3 { margin-left: 12px; margin-right: 12px; }
.mx-4 { margin-left: 16px; margin-right: 16px; }
.mx-5 { margin-left: 20px; margin-right: 20px;}
.mx-6 { margin-left: 24px; margin-right: 24px;}
.mx-7 { margin-left: 28px; margin-right: 28px;}
.mx-8 { margin-left: 32px; margin-right: 32px;}
.mx-9 { margin-left: 36px; margin-right: 36px;}
.mx-10 { margin-left: 40px; margin-right: 40px;}
.my-1 { margin-top: 4px; margin-bottom: 4px; }
.my-2 { margin-top: 8px; margin-bottom: 8px; }
.my-3 { margin-top: 12px; margin-bottom: 12px; }
.my-4 { margin-top: 16px; margin-bottom: 16px; }
.my-5 { margin-top: 20px; margin-bottom: 20px; }
.my-6 { margin-top: 24px; margin-bottom: 24px; }
.my-7 { margin-top: 28px; margin-bottom: 28px; }
.my-8 { margin-top: 32px; margin-bottom: 32px; }
.my-9 { margin-top: 36px; margin-bottom: 36px; }
.my-10 { margin-top: 40px; margin-bottom: 40px; }
.mx-auto {margin-left: auto;margin-right: auto;}
/* lg */
@media (min-width: 1200px) { 
    .d-lg-none {display: none !important}
    .d-lg-flex{display:flex !important}
    .d-lg-inline{display:inline !important}
    .flex-lg-row{flex-direction:row}
    .flex-lg-row-reverse{flex-direction:row-reverse}
    .flex-lg-column{flex-direction:column}
    .flex-lg-column-reverse{flex-direction:column-reverse}
    .justify-lg-start{justify-content: flex-start;}
    .justify-lg-end{justify-content: flex-end;}
    .justify-lg-center{justify-content: center;}
    .justify-lg-space-between{justify-content: space-between;}
    .justify-lg-space-around{justify-content: space-around;}
    .align-lg-start{align-items: flex-start;}
    .align-lg-end{align-items: flex-end;}
    .align-lg-center{align-items: center;}
    .align-lg-baseline{align-items: baseline;}
    .align-lg-stretch{align-items: stretch;}
    .align-lg-self-start{align-self: flex-start;}
    .align-lg-self-end{align-self: flex-end;}
    .align-lg-self-center{align-self: center;}
    .align-lg-self-baseline{align-self: baseline;}
    .align-lg-self-auto{align-self: auto;}
    .align-lg-self-stretch{align-self: stretch;}
    .flex-lg-nowrap{flex-wrap: nowrap;}
    .flex-lg-wrap{flex-wrap: wrap;}
    .flex-lg-wrap-reverse{flex-wrap: wrap-reverse;}
    .align-lg-content-start{align-content: flex-start;}
    .align-lg-content-end{align-content: flex-end;}
    .align-lg-content-center{align-content: center;}
    .align-lg-content-space-between{align-content: space-between;}
    .align-lg-content-space-around{align-content: space-around;}
    .align-lg-content-stretch{align-content: stretch;}
    .flex-lg-grow-0{flex-grow: 0;}
    .flex-lg-grow-1{flex-grow: 1;}
    .flex-lg-shrink-0{flex-shrink: 0;}
    .flex-lg-shrink-1{flex-shrink: 1;}
    /* Padding Classes */
    .p-lg-1 { padding: 4px; }
    .p-lg-2 { padding: 8px; }
    .p-lg-3 { padding: 12px; }
    .p-lg-4 { padding: 16px; }
    .p-lg-5 { padding: 20px; }
    .p-lg-6 { padding: 24px; }
    .p-lg-7 { padding: 28px; }
    .p-lg-8 { padding: 32px; }
    .p-lg-9 { padding: 36px; }
    .p-lg-10 { padding: 40px; }
    .pt-lg-1 { padding-top: 4px; }
    .pt-lg-2 { padding-top: 8px; }
    .pt-lg-3 { padding-top: 12px; }
    .pt-lg-4 { padding-top: 16px; }
    .pt-lg-5 { padding-top: 20px; }
    .pt-lg-6 { padding-top: 24px; }
    .pt-lg-7 { padding-top: 28px; }
    .pt-lg-8 { padding-top: 32px; }
    .pt-lg-9 { padding-top: 36px; }
    .pt-lg-10 { padding-top: 40px; }
    .pr-lg-1 { padding-right: 4px; }
    .pr-lg-2 { padding-right: 8px; }
    .pr-lg-3 { padding-right: 12px; }
    .pr-lg-4 { padding-right: 16px; }
    .pr-lg-5 { padding-right: 20px; }
    .pr-lg-6 { padding-right: 24px; }
    .pr-lg-7 { padding-right: 28px; }
    .pr-lg-8 { padding-right: 32px; }
    .pr-lg-9 { padding-right: 36px; }
    .pr-lg-10 { padding-right: 40px; }
    .pb-lg-1 { padding-bottom: 4px; }
    .pb-lg-2 { padding-bottom: 8px; }
    .pb-lg-3 { padding-bottom: 12px; }
    .pb-lg-4 { padding-bottom: 16px; }
    .pb-lg-5 { padding-bottom: 20px; }
    .pb-lg-6 { padding-bottom: 24px; }
    .pb-lg-7 { padding-bottom: 28px; }
    .pb-lg-8 { padding-bottom: 32px; }
    .pb-lg-9 { padding-bottom: 36px; }
    .pb-lg-10 { padding-bottom: 40px; }
    .pl-lg-1 { padding-left: 4px; }
    .pl-lg-2 { padding-left: 8px; }
    .pl-lg-3 { padding-left: 12px; }
    .pl-lg-4 { padding-left: 16px; }
    .pl-lg-5 { padding-left: 20px; }
    .pl-lg-6 { padding-left: 24px; }
    .pl-lg-7 { padding-left: 28px; }
    .pl-lg-8 { padding-left: 32px; }
    .pl-lg-9 { padding-left: 36px; }
    .pl-lg-10 { padding-left: 40px; }
    .px-lg-1 { padding-left: 4px; padding-right: 4px; }
    .px-lg-2 { padding-left: 8px; padding-right: 8px; }
    .px-lg-3 { padding-left: 12px; padding-right: 12px; }
    .px-lg-4 { padding-left: 16px; padding-right: 16px; }
    .px-lg-5 { padding-left: 20px; padding-right: 20px; }
    .px-lg-6 { padding-left: 24px; padding-right: 24px }
    .px-lg-7 { padding-left: 28px; padding-right: 28px;}
    .px-lg-8 { padding-left: 32px; padding-right: 32px;}
    .px-lg-9 { padding-left: 36px; padding-right: 36px;}
    .px-lg-10 { padding-left: 40px; padding-right: 40px;}
    .py-lg-1 { padding-top: 4px; padding-bottom: 4px; }
    .py-lg-2 { padding-top: 8px; padding-bottom: 8px; }
    .py-lg-3 { padding-top: 12px; padding-bottom: 12px; }
    .py-lg-4 { padding-top: 16px; padding-bottom: 16px; }
    .py-lg-5 { padding-top: 20px; padding-bottom: 20px; }
    .py-lg-6 { padding-top: 24px; padding-bottom: 24px; }
    .py-lg-7 { padding-top: 28px; padding-bottom: 28px; }
    .py-lg-8 { padding-top: 32px; padding-bottom: 32px; }
    .py-lg-9 { padding-top: 36px; padding-bottom: 36px; }
    .py-lg-10 { padding-top: 40px; padding-bottom: 40px; }
    .m-lg-1 { margin: 4px; }
    .m-lg-2 { margin: 8px; }
    .m-lg-3 { margin: 12px; }
    .m-lg-4 { margin: 16px; }
    .m-lg-5 { margin: 20px; }
    .m-lg-6 { margin: 24px; }
    .m-lg-7 { margin: 28px; }
    .m-lg-8 { margin: 32px; }
    .m-lg-9 { margin: 36px; }
    .m-lg-10 { margin: 40px; }
    .mt-lg-1 { margin-top: 4px; }
    .mt-lg-2 { margin-top: 8px; }
    .mt-lg-3 { margin-top: 12px; }
    .mt-lg-4 { margin-top: 16px; }
    .mt-lg-5 { margin-top: 20px; }
    .mt-lg-6 { margin-top: 24px; }
    .mt-lg-7 { margin-top: 28px; }
    .mt-lg-8 { margin-top: 32px; }
    .mt-lg-9 { margin-top: 36px; }
    .mt-lg-10 { margin-top: 40px; }
    .mb-lg-1 { margin-bottom: 4px; }
    .mb-lg-2 { margin-bottom: 8px; }
    .mb-lg-3 { margin-bottom: 12px; }
    .mb-lg-4 { margin-bottom: 16px; }
    .mb-lg-5 { margin-bottom: 20px; }
    .mb-lg-6 { margin-bottom: 24px; }
    .mb-lg-7 { margin-bottom: 28px; }
    .mb-lg-8 { margin-bottom: 32px; }
    .mb-lg-9 { margin-bottom: 36px; }
    .mb-lg-10 { margin-bottom: 40px; }
    .ml-lg-1 { margin-left: 4px; }
    .ml-lg-2 { margin-left: 8px; }
    .ml-lg-3 { margin-left: 12px; }
    .ml-lg-4 { margin-left: 16px; }
    .ml-lg-5 { margin-left: 20px; }
    .ml-lg-6 { margin-left: 24px; }
    .ml-lg-7 { margin-left: 28px; }
    .ml-lg-8 { margin-left: 32px; }
    .ml-lg-9 { margin-left: 36px; }
    .ml-lg-10 { margin-left: 40px; }
    .mr-lg-1 { margin-right: 4px; }
    .mr-lg-2 { margin-right: 8px; }
    .mr-lg-3 { margin-right: 12px; }
    .mr-lg-4 { margin-right: 16px; }
    .mr-lg-5 { margin-right: 20px; }
    .mr-lg-6 { margin-right: 24px; }
    .mr-lg-7 { margin-right: 28px; }
    .mr-lg-8 { margin-right: 32px; }
    .mr-lg-9 { margin-right: 36px; }
    .mr-lg-10 { margin-right: 40px; }
    .mx-lg-1 { margin-left: 4px; margin-right: 4px; }
    .mx-lg-2 { margin-left: 8px; margin-right: 8px; }
    .mx-lg-3 { margin-left: 12px; margin-right: 12px; }
    .mx-lg-4 { margin-left: 16px; margin-right: 16px; }
    .mx-lg-5 { margin-left: 20px; margin-right: 20px;}
    .mx-lg-6 { margin-left: 24px; margin-right: 24px;}
    .mx-lg-7 { margin-left: 28px; margin-right: 28px;}
    .mx-lg-8 { margin-left: 32px; margin-right: 32px;}
    .mx-lg-9 { margin-left: 36px; margin-right: 36px;}
    .mx-lg-10 { margin-left: 40px; margin-right: 40px;}
    .my-lg-1 { margin-top: 4px; margin-bottom: 4px; }
    .my-lg-2 { margin-top: 8px; margin-bottom: 8px; }
    .my-lg-3 { margin-top: 12px; margin-bottom: 12px; }
    .my-lg-4 { margin-top: 16px; margin-bottom: 16px; }
    .my-lg-5 { margin-top: 20px; margin-bottom: 20px; }
    .my-lg-6 { margin-top: 24px; margin-bottom: 24px; }
    .my-lg-7 { margin-top: 28px; margin-bottom: 28px; }
    .my-lg-8 { margin-top: 32px; margin-bottom: 32px; }
    .my-lg-9 { margin-top: 36px; margin-bottom: 36px; }
    .my-lg-10 { margin-top: 40px; margin-bottom: 40px; }
}
/* md */
@media (max-width: 1199px) {
    .d-md-none {display: none !important;}
    .d-md-flex{display:flex !important}
    .d-md-inline{display:inline !important}
    .flex-md-row{flex-direction:row}
    .flex-md-row-reverse{flex-direction:row-reverse}
    .flex-md-column{flex-direction:column}
    .flex-md-column-reverse{flex-direction:column-reverse}
    .justify-md-start{justify-content: flex-start;}
    .justify-md-end{justify-content: flex-end;}
    .justify-md-center{justify-content: center;}
    .justify-md-space-between{justify-content: space-between;}
    .justify-md-space-around{justify-content: space-around;}
    .align-md-start{align-items: flex-start;}
    .align-md-end{align-items: flex-end;}
    .align-md-center{align-items: center;}
    .align-md-baseline{align-items: baseline;}
    .align-md-stretch{align-items: stretch;}
    .align-md-self-start{align-self: flex-start;}
    .align-md-self-end{align-self: flex-end;}
    .align-md-self-center{align-self: center;}
    .align-md-self-baseline{align-self: baseline;}
    .align-md-self-auto{align-self: auto;}
    .align-md-self-stretch{align-self: stretch;}
    .flex-md-nowrap{flex-wrap: nowrap;}
    .flex-md-wrap{flex-wrap: wrap;}
    .flex-md-wrap-reverse{flex-wrap: wrap-reverse;}
    .align-md-content-start{align-content: flex-start;}
    .align-md-content-end{align-content: flex-end;}
    .align-md-content-center{align-content: center;}
    .align-md-content-space-between{align-content: space-between;}
    .align-md-content-space-around{align-content: space-around;}
    .align-md-content-stretch{align-content: stretch;}
    .flex-md-grow-0{flex-grow: 0;}
    .flex-md-grow-1{flex-grow: 1;}
    .flex-md-shrink-0{flex-shrink: 0;}
    .flex-md-shrink-1{flex-shrink: 1;}
    /* Padding Classes */
    .p-md-1 { padding: 4px; }
    .p-md-2 { padding: 8px; }
    .p-md-3 { padding: 12px; }
    .p-md-4 { padding: 16px; }
    .p-md-5 { padding: 20px; }
    .p-md-6 { padding: 24px; }
    .p-md-7 { padding: 28px; }
    .p-md-8 { padding: 32px; }
    .p-md-9 { padding: 36px; }
    .p-md-10 { padding: 40px; }
    .pt-md-1 { padding-top: 4px; }
    .pt-md-2 { padding-top: 8px; }
    .pt-md-3 { padding-top: 12px; }
    .pt-md-4 { padding-top: 16px; }
    .pt-md-5 { padding-top: 20px; }
    .pt-md-6 { padding-top: 24px; }
    .pt-md-7 { padding-top: 28px; }
    .pt-md-8 { padding-top: 32px; }
    .pt-md-9 { padding-top: 36px; }
    .pt-md-10 { padding-top: 40px; }
    .pr-md-1 { padding-right: 4px; }
    .pr-md-2 { padding-right: 8px; }
    .pr-md-3 { padding-right: 12px; }
    .pr-md-4 { padding-right: 16px; }
    .pr-md-5 { padding-right: 20px; }
    .pr-md-6 { padding-right: 24px; }
    .pr-md-7 { padding-right: 28px; }
    .pr-md-8 { padding-right: 32px; }
    .pr-md-9 { padding-right: 36px; }
    .pr-md-10 { padding-right: 40px; }
    .pb-md-1 { padding-bottom: 4px; }
    .pb-md-2 { padding-bottom: 8px; }
    .pb-md-3 { padding-bottom: 12px; }
    .pb-md-4 { padding-bottom: 16px; }
    .pb-md-5 { padding-bottom: 20px; }
    .pb-md-6 { padding-bottom: 24px; }
    .pb-md-7 { padding-bottom: 28px; }
    .pb-md-8 { padding-bottom: 32px; }
    .pb-md-9 { padding-bottom: 36px; }
    .pb-md-10 { padding-bottom: 40px; }
    .pl-md-1 { padding-left: 4px; }
    .pl-md-2 { padding-left: 8px; }
    .pl-md-3 { padding-left: 12px; }
    .pl-md-4 { padding-left: 16px; }
    .pl-md-5 { padding-left: 20px; }
    .pl-md-6 { padding-left: 24px; }
    .pl-md-7 { padding-left: 28px; }
    .pl-md-8 { padding-left: 32px; }
    .pl-md-9 { padding-left: 36px; }
    .pl-md-10 { padding-left: 40px; }
    .px-md-1 { padding-left: 4px; padding-right: 4px; }
    .px-md-2 { padding-left: 8px; padding-right: 8px; }
    .px-md-3 { padding-left: 12px; padding-right: 12px; }
    .px-md-4 { padding-left: 16px; padding-right: 16px; }
    .px-md-5 { padding-left: 20px; padding-right: 20px; }
    .px-md-6 { padding-left: 24px; padding-right: 24px }
    .px-md-7 { padding-left: 28px; padding-right: 28px;}
    .px-md-8 { padding-left: 32px; padding-right: 32px;}
    .px-md-9 { padding-left: 36px; padding-right: 36px;}
    .px-md-10 { padding-left: 40px; padding-right: 40px;}
    .py-md-1 { padding-top: 4px; padding-bottom: 4px; }
    .py-md-2 { padding-top: 8px; padding-bottom: 8px; }
    .py-md-3 { padding-top: 12px; padding-bottom: 12px; }
    .py-md-4 { padding-top: 16px; padding-bottom: 16px; }
    .py-md-5 { padding-top: 20px; padding-bottom: 20px; }
    .py-md-6 { padding-top: 24px; padding-bottom: 24px; }
    .py-md-7 { padding-top: 28px; padding-bottom: 28px; }
    .py-md-8 { padding-top: 32px; padding-bottom: 32px; }
    .py-md-9 { padding-top: 36px; padding-bottom: 36px; }
    .py-md-10 { padding-top: 40px; padding-bottom: 40px; }
    .m-md-1 { margin: 4px; }
    .m-md-2 { margin: 8px; }
    .m-md-3 { margin: 12px; }
    .m-md-4 { margin: 16px; }
    .m-md-5 { margin: 20px; }
    .m-md-6 { margin: 24px; }
    .m-md-7 { margin: 28px; }
    .m-md-8 { margin: 32px; }
    .m-md-9 { margin: 36px; }
    .m-md-10 { margin: 40px; }
    .mt-md-1 { margin-top: 4px; }
    .mt-md-2 { margin-top: 8px; }
    .mt-md-3 { margin-top: 12px; }
    .mt-md-4 { margin-top: 16px; }
    .mt-md-5 { margin-top: 20px; }
    .mt-md-6 { margin-top: 24px; }
    .mt-md-7 { margin-top: 28px; }
    .mt-md-8 { margin-top: 32px; }
    .mt-md-9 { margin-top: 36px; }
    .mt-md-10 { margin-top: 40px; }
    .mb-md-1 { margin-bottom: 4px; }
    .mb-md-2 { margin-bottom: 8px; }
    .mb-md-3 { margin-bottom: 12px; }
    .mb-md-4 { margin-bottom: 16px; }
    .mb-md-5 { margin-bottom: 20px; }
    .mb-md-6 { margin-bottom: 24px; }
    .mb-md-7 { margin-bottom: 28px; }
    .mb-md-8 { margin-bottom: 32px; }
    .mb-md-9 { margin-bottom: 36px; }
    .mb-md-10 { margin-bottom: 40px; }
    .ml-md-1 { margin-left: 4px; }
    .ml-md-2 { margin-left: 8px; }
    .ml-md-3 { margin-left: 12px; }
    .ml-md-4 { margin-left: 16px; }
    .ml-md-5 { margin-left: 20px; }
    .ml-md-6 { margin-left: 24px; }
    .ml-md-7 { margin-left: 28px; }
    .ml-md-8 { margin-left: 32px; }
    .ml-md-9 { margin-left: 36px; }
    .ml-md-10 { margin-left: 40px; }
    .mr-md-1 { margin-right: 4px; }
    .mr-md-2 { margin-right: 8px; }
    .mr-md-3 { margin-right: 12px; }
    .mr-md-4 { margin-right: 16px; }
    .mr-md-5 { margin-right: 20px; }
    .mr-md-6 { margin-right: 24px; }
    .mr-md-7 { margin-right: 28px; }
    .mr-md-8 { margin-right: 32px; }
    .mr-md-9 { margin-right: 36px; }
    .mr-md-10 { margin-right: 40px; }
    .mx-md-1 { margin-left: 4px; margin-right: 4px; }
    .mx-md-2 { margin-left: 8px; margin-right: 8px; }
    .mx-md-3 { margin-left: 12px; margin-right: 12px; }
    .mx-md-4 { margin-left: 16px; margin-right: 16px; }
    .mx-md-5 { margin-left: 20px; margin-right: 20px;}
    .mx-md-6 { margin-left: 24px; margin-right: 24px;}
    .mx-md-7 { margin-left: 28px; margin-right: 28px;}
    .mx-md-8 { margin-left: 32px; margin-right: 32px;}
    .mx-md-9 { margin-left: 36px; margin-right: 36px;}
    .mx-md-10 { margin-left: 40px; margin-right: 40px;}
    .my-md-1 { margin-top: 4px; margin-bottom: 4px; }
    .my-md-2 { margin-top: 8px; margin-bottom: 8px; }
    .my-md-3 { margin-top: 12px; margin-bottom: 12px; }
    .my-md-4 { margin-top: 16px; margin-bottom: 16px; }
    .my-md-5 { margin-top: 20px; margin-bottom: 20px; }
    .my-md-6 { margin-top: 24px; margin-bottom: 24px; }
    .my-md-7 { margin-top: 28px; margin-bottom: 28px; }
    .my-md-8 { margin-top: 32px; margin-bottom: 32px; }
    .my-md-9 { margin-top: 36px; margin-bottom: 36px; }
    .my-md-10 { margin-top: 40px; margin-bottom: 40px; }
}
/* sm */
@media (max-width: 991px) {
    .d-sm-none {display: none !important;}
    .d-sm-flex{display:flex !important}
    .d-sm-inline{display:inline !important}
    .flex-sm-row{flex-direction:row}
    .flex-sm-row-reverse{flex-direction:row-reverse}
    .flex-sm-column{flex-direction:column}
    .flex-sm-column-reverse{flex-direction:column-reverse}
    .justify-sm-start{justify-content: flex-start;}
    .justify-sm-end{justify-content: flex-end;}
    .justify-sm-center{justify-content: center;}
    .justify-sm-space-between{justify-content: space-between;}
    .justify-sm-space-around{justify-content: space-around;}
    .align-sm-start{align-items: flex-start;}
    .align-sm-end{align-items: flex-end;}
    .align-sm-center{align-items: center;}
    .align-sm-baseline{align-items: baseline;}
    .align-sm-stretch{align-items: stretch;}
    .align-sm-self-start{align-self: flex-start;}
    .align-sm-self-end{align-self: flex-end;}
    .align-sm-self-center{align-self: center;}
    .align-sm-self-baseline{align-self: baseline;}
    .align-sm-self-auto{align-self: auto;}
    .align-sm-self-stretch{align-self: stretch;}
    .flex-sm-nowrap{flex-wrap: nowrap;}
    .flex-sm-wrap{flex-wrap: wrap;}
    .flex-sm-wrap-reverse{flex-wrap: wrap-reverse;}
    .align-sm-content-start{align-content: flex-start;}
    .align-sm-content-end{align-content: flex-end;}
    .align-sm-content-center{align-content: center;}
    .align-sm-content-space-between{align-content: space-between;}
    .align-sm-content-space-around{align-content: space-around;}
    .align-sm-content-stretch{align-content: stretch;}
    .flex-sm-grow-0{flex-grow: 0;}
    .flex-sm-grow-1{flex-grow: 1;}
    .flex-sm-shrink-0{flex-shrink: 0;}
    .flex-sm-shrink-1{flex-shrink: 1;}
    /* Padding Classes */
    .p-sm-1 { padding: 4px; }
    .p-sm-2 { padding: 8px; }
    .p-sm-3 { padding: 12px; }
    .p-sm-4 { padding: 16px; }
    .p-sm-5 { padding: 20px; }
    .p-sm-6 { padding: 24px; }
    .p-sm-7 { padding: 28px; }
    .p-sm-8 { padding: 32px; }
    .p-sm-9 { padding: 36px; }
    .p-sm-10 { padding: 40px; }
    .pt-sm-1 { padding-top: 4px; }
    .pt-sm-2 { padding-top: 8px; }
    .pt-sm-3 { padding-top: 12px; }
    .pt-sm-4 { padding-top: 16px; }
    .pt-sm-5 { padding-top: 20px; }
    .pt-sm-6 { padding-top: 24px; }
    .pt-sm-7 { padding-top: 28px; }
    .pt-sm-8 { padding-top: 32px; }
    .pt-sm-9 { padding-top: 36px; }
    .pt-sm-10 { padding-top: 40px; }
    .pr-sm-1 { padding-right: 4px; }
    .pr-sm-2 { padding-right: 8px; }
    .pr-sm-3 { padding-right: 12px; }
    .pr-sm-4 { padding-right: 16px; }
    .pr-sm-5 { padding-right: 20px; }
    .pr-sm-6 { padding-right: 24px; }
    .pr-sm-7 { padding-right: 28px; }
    .pr-sm-8 { padding-right: 32px; }
    .pr-sm-9 { padding-right: 36px; }
    .pr-sm-10 { padding-right: 40px; }
    .pb-sm-1 { padding-bottom: 4px; }
    .pb-sm-2 { padding-bottom: 8px; }
    .pb-sm-3 { padding-bottom: 12px; }
    .pb-sm-4 { padding-bottom: 16px; }
    .pb-sm-5 { padding-bottom: 20px; }
    .pb-sm-6 { padding-bottom: 24px; }
    .pb-sm-7 { padding-bottom: 28px; }
    .pb-sm-8 { padding-bottom: 32px; }
    .pb-sm-9 { padding-bottom: 36px; }
    .pb-sm-10 { padding-bottom: 40px; }
    .pl-sm-1 { padding-left: 4px; }
    .pl-sm-2 { padding-left: 8px; }
    .pl-sm-3 { padding-left: 12px; }
    .pl-sm-4 { padding-left: 16px; }
    .pl-sm-5 { padding-left: 20px; }
    .pl-sm-6 { padding-left: 24px; }
    .pl-sm-7 { padding-left: 28px; }
    .pl-sm-8 { padding-left: 32px; }
    .pl-sm-9 { padding-left: 36px; }
    .pl-sm-10 { padding-left: 40px; }
    .px-sm-1 { padding-left: 4px; padding-right: 4px; }
    .px-sm-2 { padding-left: 8px; padding-right: 8px; }
    .px-sm-3 { padding-left: 12px; padding-right: 12px; }
    .px-sm-4 { padding-left: 16px; padding-right: 16px; }
    .px-sm-5 { padding-left: 20px; padding-right: 20px; }
    .px-sm-6 { padding-left: 24px; padding-right: 24px }
    .px-sm-7 { padding-left: 28px; padding-right: 28px;}
    .px-sm-8 { padding-left: 32px; padding-right: 32px;}
    .px-sm-9 { padding-left: 36px; padding-right: 36px;}
    .px-sm-10 { padding-left: 40px; padding-right: 40px;}
    .py-sm-1 { padding-top: 4px; padding-bottom: 4px; }
    .py-sm-2 { padding-top: 8px; padding-bottom: 8px; }
    .py-sm-3 { padding-top: 12px; padding-bottom: 12px; }
    .py-sm-4 { padding-top: 16px; padding-bottom: 16px; }
    .py-sm-5 { padding-top: 20px; padding-bottom: 20px; }
    .py-sm-6 { padding-top: 24px; padding-bottom: 24px; }
    .py-sm-7 { padding-top: 28px; padding-bottom: 28px; }
    .py-sm-8 { padding-top: 32px; padding-bottom: 32px; }
    .py-sm-9 { padding-top: 36px; padding-bottom: 36px; }
    .py-sm-10 { padding-top: 40px; padding-bottom: 40px; }
    .m-sm-1 { margin: 4px; }
    .m-sm-2 { margin: 8px; }
    .m-sm-3 { margin: 12px; }
    .m-sm-4 { margin: 16px; }
    .m-sm-5 { margin: 20px; }
    .m-sm-6 { margin: 24px; }
    .m-sm-7 { margin: 28px; }
    .m-sm-8 { margin: 32px; }
    .m-sm-9 { margin: 36px; }
    .m-sm-10 { margin: 40px; }
    .mt-sm-1 { margin-top: 4px; }
    .mt-sm-2 { margin-top: 8px; }
    .mt-sm-3 { margin-top: 12px; }
    .mt-sm-4 { margin-top: 16px; }
    .mt-sm-5 { margin-top: 20px; }
    .mt-sm-6 { margin-top: 24px; }
    .mt-sm-7 { margin-top: 28px; }
    .mt-sm-8 { margin-top: 32px; }
    .mt-sm-9 { margin-top: 36px; }
    .mt-sm-10 { margin-top: 40px; }
    .mb-sm-1 { margin-bottom: 4px; }
    .mb-sm-2 { margin-bottom: 8px; }
    .mb-sm-3 { margin-bottom: 12px; }
    .mb-sm-4 { margin-bottom: 16px; }
    .mb-sm-5 { margin-bottom: 20px; }
    .mb-sm-6 { margin-bottom: 24px; }
    .mb-sm-7 { margin-bottom: 28px; }
    .mb-sm-8 { margin-bottom: 32px; }
    .mb-sm-9 { margin-bottom: 36px; }
    .mb-sm-10 { margin-bottom: 40px; }
    .ml-sm-1 { margin-left: 4px; }
    .ml-sm-2 { margin-left: 8px; }
    .ml-sm-3 { margin-left: 12px; }
    .ml-sm-4 { margin-left: 16px; }
    .ml-sm-5 { margin-left: 20px; }
    .ml-sm-6 { margin-left: 24px; }
    .ml-sm-7 { margin-left: 28px; }
    .ml-sm-8 { margin-left: 32px; }
    .ml-sm-9 { margin-left: 36px; }
    .ml-sm-10 { margin-left: 40px; }
    .mr-sm-1 { margin-right: 4px; }
    .mr-sm-2 { margin-right: 8px; }
    .mr-sm-3 { margin-right: 12px; }
    .mr-sm-4 { margin-right: 16px; }
    .mr-sm-5 { margin-right: 20px; }
    .mr-sm-6 { margin-right: 24px; }
    .mr-sm-7 { margin-right: 28px; }
    .mr-sm-8 { margin-right: 32px; }
    .mr-sm-9 { margin-right: 36px; }
    .mr-sm-10 { margin-right: 40px; }
    .mx-sm-1 { margin-left: 4px; margin-right: 4px; }
    .mx-sm-2 { margin-left: 8px; margin-right: 8px; }
    .mx-sm-3 { margin-left: 12px; margin-right: 12px; }
    .mx-sm-4 { margin-left: 16px; margin-right: 16px; }
    .mx-sm-5 { margin-left: 20px; margin-right: 20px;}
    .mx-sm-6 { margin-left: 24px; margin-right: 24px;}
    .mx-sm-7 { margin-left: 28px; margin-right: 28px;}
    .mx-sm-8 { margin-left: 32px; margin-right: 32px;}
    .mx-sm-9 { margin-left: 36px; margin-right: 36px;}
    .mx-sm-10 { margin-left: 40px; margin-right: 40px;}
    .my-sm-1 { margin-top: 4px; margin-bottom: 4px; }
    .my-sm-2 { margin-top: 8px; margin-bottom: 8px; }
    .my-sm-3 { margin-top: 12px; margin-bottom: 12px; }
    .my-sm-4 { margin-top: 16px; margin-bottom: 16px; }
    .my-sm-5 { margin-top: 20px; margin-bottom: 20px; }
    .my-sm-6 { margin-top: 24px; margin-bottom: 24px; }
    .my-sm-7 { margin-top: 28px; margin-bottom: 28px; }
    .my-sm-8 { margin-top: 32px; margin-bottom: 32px; }
    .my-sm-9 { margin-top: 36px; margin-bottom: 36px; }
    .my-sm-10 { margin-top: 40px; margin-bottom: 40px; }
}
/* xs */
@media (max-width: 767px) {
    .d-xs-none {display: none !important;}
    .d-xs-flex{display:flex !important}
    .d-xs-inline{display:inline !important}
    .flex-xs-row{flex-direction:row}
    .flex-xs-row-reverse{flex-direction:row-reverse}
    .flex-xs-column{flex-direction:column}
    .flex-xs-column-reverse{flex-direction:column-reverse}
    .justify-xs-start{justify-content: flex-start;}
    .justify-xs-end{justify-content: flex-end;}
    .justify-xs-center{justify-content: center;}
    .justify-xs-space-between{justify-content: space-between;}
    .justify-xs-space-around{justify-content: space-around;}
    .align-xs-start{align-items: flex-start;}
    .align-xs-end{align-items: flex-end;}
    .align-xs-center{align-items: center;}
    .align-xs-baseline{align-items: baseline;}
    .align-xs-stretch{align-items: stretch;}
    .align-xs-self-start{align-self: flex-start;}
    .align-xs-self-end{align-self: flex-end;}
    .align-xs-self-center{align-self: center;}
    .align-xs-self-baseline{align-self: baseline;}
    .align-xs-self-auto{align-self: auto;}
    .align-xs-self-stretch{align-self: stretch;}
    .flex-xs-nowrap{flex-wrap: nowrap;}
    .flex-xs-wrap{flex-wrap: wrap;}
    .flex-xs-wrap-reverse{flex-wrap: wrap-reverse;}
    .align-xs-content-start{align-content: flex-start;}
    .align-xs-content-end{align-content: flex-end;}
    .align-xs-content-center{align-content: center;}
    .align-xs-content-space-between{align-content: space-between;}
    .align-xs-content-space-around{align-content: space-around;}
    .align-xs-content-stretch{align-content: stretch;}
    .flex-xs-grow-0{flex-grow: 0;}
    .flex-xs-grow-1{flex-grow: 1;}
    .flex-xs-shrink-0{flex-shrink: 0;}
    .flex-xs-shrink-1{flex-shrink: 1;}
    /* Padding Classes */
    .p-xs-1 { padding: 4px; }
    .p-xs-2 { padding: 8px; }
    .p-xs-3 { padding: 12px; }
    .p-xs-4 { padding: 16px; }
    .p-xs-5 { padding: 20px; }
    .p-xs-6 { padding: 24px; }
    .p-xs-7 { padding: 28px; }
    .p-xs-8 { padding: 32px; }
    .p-xs-9 { padding: 36px; }
    .p-xs-10 { padding: 40px; }
    .pt-xs-1 { padding-top: 4px; }
    .pt-xs-2 { padding-top: 8px; }
    .pt-xs-3 { padding-top: 12px; }
    .pt-xs-4 { padding-top: 16px; }
    .pt-xs-5 { padding-top: 20px; }
    .pt-xs-6 { padding-top: 24px; }
    .pt-xs-7 { padding-top: 28px; }
    .pt-xs-8 { padding-top: 32px; }
    .pt-xs-9 { padding-top: 36px; }
    .pt-xs-10 { padding-top: 40px; }
    .pr-xs-1 { padding-right: 4px; }
    .pr-xs-2 { padding-right: 8px; }
    .pr-xs-3 { padding-right: 12px; }
    .pr-xs-4 { padding-right: 16px; }
    .pr-xs-5 { padding-right: 20px; }
    .pr-xs-6 { padding-right: 24px; }
    .pr-xs-7 { padding-right: 28px; }
    .pr-xs-8 { padding-right: 32px; }
    .pr-xs-9 { padding-right: 36px; }
    .pr-xs-10 { padding-right: 40px; }
    .pb-xs-1 { padding-bottom: 4px; }
    .pb-xs-2 { padding-bottom: 8px; }
    .pb-xs-3 { padding-bottom: 12px; }
    .pb-xs-4 { padding-bottom: 16px; }
    .pb-xs-5 { padding-bottom: 20px; }
    .pb-xs-6 { padding-bottom: 24px; }
    .pb-xs-7 { padding-bottom: 28px; }
    .pb-xs-8 { padding-bottom: 32px; }
    .pb-xs-9 { padding-bottom: 36px; }
    .pb-xs-10 { padding-bottom: 40px; }
    .pl-xs-1 { padding-left: 4px; }
    .pl-xs-2 { padding-left: 8px; }
    .pl-xs-3 { padding-left: 12px; }
    .pl-xs-4 { padding-left: 16px; }
    .pl-xs-5 { padding-left: 20px; }
    .pl-xs-6 { padding-left: 24px; }
    .pl-xs-7 { padding-left: 28px; }
    .pl-xs-8 { padding-left: 32px; }
    .pl-xs-9 { padding-left: 36px; }
    .pl-xs-10 { padding-left: 40px; }
    .px-xs-1 { padding-left: 4px; padding-right: 4px; }
    .px-xs-2 { padding-left: 8px; padding-right: 8px; }
    .px-xs-3 { padding-left: 12px; padding-right: 12px; }
    .px-xs-4 { padding-left: 16px; padding-right: 16px; }
    .px-xs-5 { padding-left: 20px; padding-right: 20px; }
    .px-xs-6 { padding-left: 24px; padding-right: 24px }
    .px-xs-7 { padding-left: 28px; padding-right: 28px;}
    .px-xs-8 { padding-left: 32px; padding-right: 32px;}
    .px-xs-9 { padding-left: 36px; padding-right: 36px;}
    .px-xs-10 { padding-left: 40px; padding-right: 40px;}
    .py-xs-1 { padding-top: 4px; padding-bottom: 4px; }
    .py-xs-2 { padding-top: 8px; padding-bottom: 8px; }
    .py-xs-3 { padding-top: 12px; padding-bottom: 12px; }
    .py-xs-4 { padding-top: 16px; padding-bottom: 16px; }
    .py-xs-5 { padding-top: 20px; padding-bottom: 20px; }
    .py-xs-6 { padding-top: 24px; padding-bottom: 24px; }
    .py-xs-7 { padding-top: 28px; padding-bottom: 28px; }
    .py-xs-8 { padding-top: 32px; padding-bottom: 32px; }
    .py-xs-9 { padding-top: 36px; padding-bottom: 36px; }
    .py-xs-10 { padding-top: 40px; padding-bottom: 40px; }
    .m-xs-1 { margin: 4px; }
    .m-xs-2 { margin: 8px; }
    .m-xs-3 { margin: 12px; }
    .m-xs-4 { margin: 16px; }
    .m-xs-5 { margin: 20px; }
    .m-xs-6 { margin: 24px; }
    .m-xs-7 { margin: 28px; }
    .m-xs-8 { margin: 32px; }
    .m-xs-9 { margin: 36px; }
    .m-xs-10 { margin: 40px; }
    .mt-xs-1 { margin-top: 4px; }
    .mt-xs-2 { margin-top: 8px; }
    .mt-xs-3 { margin-top: 12px; }
    .mt-xs-4 { margin-top: 16px; }
    .mt-xs-5 { margin-top: 20px; }
    .mt-xs-6 { margin-top: 24px; }
    .mt-xs-7 { margin-top: 28px; }
    .mt-xs-8 { margin-top: 32px; }
    .mt-xs-9 { margin-top: 36px; }
    .mt-xs-10 { margin-top: 40px; }
    .mb-xs-1 { margin-bottom: 4px; }
    .mb-xs-2 { margin-bottom: 8px; }
    .mb-xs-3 { margin-bottom: 12px; }
    .mb-xs-4 { margin-bottom: 16px; }
    .mb-xs-5 { margin-bottom: 20px; }
    .mb-xs-6 { margin-bottom: 24px; }
    .mb-xs-7 { margin-bottom: 28px; }
    .mb-xs-8 { margin-bottom: 32px; }
    .mb-xs-9 { margin-bottom: 36px; }
    .mb-xs-10 { margin-bottom: 40px; }
    .ml-xs-1 { margin-left: 4px; }
    .ml-xs-2 { margin-left: 8px; }
    .ml-xs-3 { margin-left: 12px; }
    .ml-xs-4 { margin-left: 16px; }
    .ml-xs-5 { margin-left: 20px; }
    .ml-xs-6 { margin-left: 24px; }
    .ml-xs-7 { margin-left: 28px; }
    .ml-xs-8 { margin-left: 32px; }
    .ml-xs-9 { margin-left: 36px; }
    .ml-xs-10 { margin-left: 40px; }
    .mr-xs-1 { margin-right: 4px; }
    .mr-xs-2 { margin-right: 8px; }
    .mr-xs-3 { margin-right: 12px; }
    .mr-xs-4 { margin-right: 16px; }
    .mr-xs-5 { margin-right: 20px; }
    .mr-xs-6 { margin-right: 24px; }
    .mr-xs-7 { margin-right: 28px; }
    .mr-xs-8 { margin-right: 32px; }
    .mr-xs-9 { margin-right: 36px; }
    .mr-xs-10 { margin-right: 40px; }
    .mx-xs-1 { margin-left: 4px; margin-right: 4px; }
    .mx-xs-2 { margin-left: 8px; margin-right: 8px; }
    .mx-xs-3 { margin-left: 12px; margin-right: 12px; }
    .mx-xs-4 { margin-left: 16px; margin-right: 16px; }
    .mx-xs-5 { margin-left: 20px; margin-right: 20px;}
    .mx-xs-6 { margin-left: 24px; margin-right: 24px;}
    .mx-xs-7 { margin-left: 28px; margin-right: 28px;}
    .mx-xs-8 { margin-left: 32px; margin-right: 32px;}
    .mx-xs-9 { margin-left: 36px; margin-right: 36px;}
    .mx-xs-10 { margin-left: 40px; margin-right: 40px;}
    .my-xs-1 { margin-top: 4px; margin-bottom: 4px; }
    .my-xs-2 { margin-top: 8px; margin-bottom: 8px; }
    .my-xs-3 { margin-top: 12px; margin-bottom: 12px; }
    .my-xs-4 { margin-top: 16px; margin-bottom: 16px; }
    .my-xs-5 { margin-top: 20px; margin-bottom: 20px; }
    .my-xs-6 { margin-top: 24px; margin-bottom: 24px; }
    .my-xs-7 { margin-top: 28px; margin-bottom: 28px; }
    .my-xs-8 { margin-top: 32px; margin-bottom: 32px; }
    .my-xs-9 { margin-top: 36px; margin-bottom: 36px; }
    .my-xs-10 { margin-top: 40px; margin-bottom: 40px; }
}
.hide {
    display: none !important;
}
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Light.ttf');
    src: local('Roboto Light'), local('Roboto'),
    url('./fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Regular.ttf');
    src: local('Roboto Regular'), local('Roboto'),
    url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Medium.ttf');
    src: local('Roboto Medium'), local('Roboto'),
    url('./fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-SemiBold.ttf');
    src: local('Roboto SemiBold'), local('Roboto'),
    url('./fonts/Roboto/Roboto-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #525252;
    background: #fff;
    overflow-x: hidden;
}
a {
    color: #174ACD;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: all .2s ease;
}
a:hover {
    color: #3F4A81;
    text-decoration: underline;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    outline: none !important;
}
label {
    font-size: 16px;
    line-height: 24px;
    color: #3D3D3D;
}
input, textarea {
    display: block;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #292929;
    background: transparent;
    border: 1px solid #DCDCDC;
    border-radius: 24px;
    box-sizing: border-box;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.2s ease-in-out;
}
select {
    position: relative;
    display: block;
    padding: 8px 36px 8px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #292929;
    background: transparent;
    border: 1px solid #DCDCDC;
    border-radius: 24px;
    outline: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.49969 13.1667C9.31471 13.167 9.13545 13.1026 8.99302 12.9846L4.24302 9.02627C4.08135 8.89189 3.97968 8.69879 3.96038 8.48945C3.94108 8.28012 4.00573 8.07169 4.14011 7.91001C4.27448 7.74834 4.46758 7.64667 4.67692 7.62737C4.88625 7.60807 5.09468 7.67272 5.25636 7.8071L9.49969 11.3538L13.743 7.93377C13.824 7.868 13.9172 7.8189 14.0172 7.78926C14.1172 7.75963 14.2221 7.75005 14.3258 7.76109C14.4296 7.77213 14.5301 7.80355 14.6216 7.85356C14.7132 7.90358 14.7939 7.97119 14.8593 8.05251C14.9318 8.13392 14.9867 8.22941 15.0206 8.33302C15.0544 8.43663 15.0666 8.54612 15.0561 8.65462C15.0457 8.76313 15.013 8.86832 14.9601 8.96361C14.9071 9.05889 14.8351 9.14221 14.7484 9.20835L9.99844 13.0321C9.85191 13.1315 9.67631 13.1788 9.49969 13.1667Z' fill='%23E5E5E6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px 16px;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
textarea {
    resize: none;
}
input::placeholder, textarea::placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #7C7C7C;
}
input:hover, textarea:hover, select:hover {
    background-color: transparent;
    border: 1px solid #DDE6F0;
}
input:focus, textarea:focus {
    background: #fff;
    border: 1px solid #174ACD;
    box-shadow: none !important;
}
ul, ol {
    margin-top: 0;
    padding-left: 26px;
}
.unscroll {
	overflow: hidden;
}
.container {
    width: 100%;
    max-width: 1312px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 auto;
    box-sizing: border-box;
}
.container-md {
    max-width: 1093px;
}
.dropdown {
    position: relative;
    padding-right: 16px;
}
.dropdown::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%233D3D3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%) rotate(-90deg);
}
.dropdown:hover::before {
    transform: translateY(-50%) rotate(0deg);
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
    z-index: 200;
    min-width: 60px;
    list-style: none;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
    border: 1px solid #DCDCDC;
    border-radius: 24px;
    /* overflow: hidden; */
}
.dropdown-menu.dropdown-left {
    right: unset;
    left: 0;
}
.dropdown-toggle::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 20px;
    display: none;
}
.dropdown:hover > .dropdown-menu, .dropdown:hover > .dropdown-toggle::before,
.dropdown.show > .dropdown-menu, .dropdown.show > .dropdown-toggle::before {
    display: block;
}
.dropdown-menu li {
    margin-bottom: 0;
}
.dropdown-menu li:last-child {
    margin-bottom: 0 !important;
}
.dropdown-menu a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
    text-align: left;
    border-radius: 16px;
    box-sizing: border-box;
}
.dropdown-menu a:hover, .dropdown-menu button:hover {
    text-decoration: none;
    background: #EFEFEF;
}
.dropdown-menu a.active,
.dropdown-menu button.active {
    text-decoration: underline;
    color: #174ACD;
}
.btn-primary {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    text-decoration: none !important;
    color: #FFFFFF;
    border-radius: 16px;
    border: none;
    background: linear-gradient(90deg, #5E05D3 0%, #07A1D1 100%);
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
}
.btn-primary:hover {
    color: #FFFFFF;
    background: linear-gradient(90deg, #6776D7 0%, #76CAE4 100%);
}
.btn-primary:focus, .btn-primary:active {
    color: #FFFFFF;
    background: linear-gradient(90deg, #3E0056 0%, #005CC5 100%);
}
.btn-secondary {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 15px 16px;
    font-size: 16px;
    line-height: 16px;
    color: #7492E1;
    text-align: center;
    text-decoration: none !important;
    background: transparent;
    border-radius: 16px;
    border: 1px solid #7492E1;
    box-shadow: none;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
}
.btn-secondary:hover {
    color: #174ACD;
    background: transparent;
    border-color: #174ACD;
    box-shadow: none;
}
.btn-secondary:focus, .btn-secondary:active {
    color: #174ACD;
    background: transparent;
    border-color: #174ACD;
}
.btn-default {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 15px 16px;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    background: #7492E1;
    border: 1px solid #7492E1;
    box-shadow: none;
    border-radius: 16px;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
}
.btn-default .ca {
    margin-left: 4px;
}
a.btn-default {
    color: #FFFFFF;
}
.btn-default:hover {
    background: #76CAE4;
    border: 1px solid #76CAE4;
    box-shadow: none;
}
.btn-default:focus, .btn-default:active {
    background: #76CAE4;
    border: 1px solid #76CAE4;
}
.btn-fab {
    display: block;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 0;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 4px 14px -4px #3333331c;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}
.btn-fab:hover {
    box-shadow: 0 4px 14px -4px #3333331c;
}
.btn-fab:focus, .btn-fab:active {
    box-shadow: 0 4px 14px -4px #3333331c;
}
.btn-fab-round .ca {
    width: 24px;
    height: 24px;
}
.btn-fab-round {
    display: block;
    width: 42px;
    height: 42px;
    padding: 8px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #36363D;
}
.btn-fab-round:hover {
    background-color: #2D2E34;
    border-color: #3E3F47;
}
.btn-fab-round:focus, .btn-fab-round:active {
    background: #2D2E34;
    border-color: #3E3F47;
}
.btn-fab--round .ca {
    width: 24px;
    height: 24px;
}
.btn-full {
    display: flex;
    width: 100%;
    max-width: 100%;
}
.chip {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 4px;
    padding: 8px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background: #fff;
    box-shadow: 0 4px 14px -4px #3333331c;
    border-radius: 12px;
}
.chip .ca {
    margin-right: 8px;
    width: 16px;
    height: 16px;
}
b {
    font-weight: 600;
}
.title-main {
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    color: #3D3D3D;
}
.title-1, h1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    color: #3D3D3D;
}
.title-2, h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #3D3D3D;
}
.title-3, h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #3D3D3D;
}
.title-4, h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}
.subtitle-1, h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}
.subtitle-2, h6 {
    font-size: 14px;
    line-height: 14px;
}
.text-sm {
    font-size: 12px;
    line-height: 12px;
}
.text-xs {
    font-size: 10px;
    line-height: 10px;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-white {
    color: #FFFFFF;
}
.text-grey {
    color: #BDBDBD;
}
.text-grey-dark {
    color: #656565;
}
.text-blue {
    color: #174ACD;
}
.text-blue-dark {
    color: #3F4A81;
}
.text-red {
    color: #FF4848;
}
.text-green {
    color: #39A300;
}
.form-check {
    display: flex;
    align-items: center;
}
.form-check input {
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #36363D;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    cursor: pointer;
}
.form-check input[type="radio"] {
    border-radius: 50%;
}
.form-check input:checked[type="radio"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy45OTk3OCIgY3k9IjguMDAwMjciIHI9IjYuNzcyNzMiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.form-check input[type="checkbox"] {
    border-radius: 8px;
}
.form-check input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.79998 15.905L5.29998 12.405C5.11513 12.2179 4.86303 12.1125 4.59998 12.1125C4.33693 12.1125 4.08484 12.2179 3.89998 12.405C3.50998 12.795 3.50998 13.415 3.89998 13.805L8.08998 17.995C8.47998 18.385 9.10998 18.385 9.49998 17.995L20.1 7.40501C20.49 7.01501 20.49 6.39501 20.1 6.00501C19.9151 5.81786 19.663 5.71252 19.4 5.71252C19.1369 5.71252 18.8848 5.81786 18.7 6.00501L8.79998 15.905Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: #174ACD;
    border-color: #174ACD;
}
.form-check label {
    padding-left: 5px;
    cursor: pointer;
}
/* modal - component */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.1s, opacity 0.3s ease;
    box-sizing: border-box;
}
.modal.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 21;
    background: rgba(61, 61, 61, 0.3);
    backdrop-filter: blur(2px);
}
.modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px;
    display: flex;
    align-items: center;
    background: rgba(199, 201, 209, 0.1);
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    transition: all .2s ease-in;
}
.modal__close .ca {
    width: 24px;
    height: 24px;
}
.modal__close:hover {
    background: rgba(199, 201, 209, 0.2);
}
.modal__container {
    position: relative;
    z-index: 22;
    top: 50%;
    width: 100%;
    max-width: 600px;
    max-height: 95vh;
    margin: 0 auto;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 4px 14px -4px #3333331c;
    transform: translateY(-50%);
    box-sizing: border-box;
    overflow-y: auto;
}
/* Tooltip - Component */
[data-tooltip] {
    position: relative;
    display: inline-flex;
}
[data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    right: 100%;
    z-index: 10;
    padding: 4px 12px;
    width: auto;
    max-height: 0px;
    font-size: 12px;
    line-height: 16px;
    color: #3D3D3D;
    background: #fff;
    box-shadow: 0 4px 14px -4px #3333331c;
    transform: translate(0px, -50%);
    transition: all .3s ease;
    overflow: hidden;
    margin: auto;
    pointer-events: none;
    opacity: 0;
}
[data-tooltip]:hover::before {
    opacity: 1;
    max-height: 600px;
    transition: all .3s .5s ease;
}
[data-tooltip]:hover::after {
    opacity: 1;
    transition: all .3s .5s ease;
}
.alert {
    position: relative;
    padding: 24px;
    color: #3D3D3D;
    border-radius: 12px;
    box-shadow: 0 4px 14px -4px #3333331c;
    background: #fff;
}
.alert::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: -1;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: 12px;
}
.alert-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 600;
}
.alert-info::after {
    border: 1px solid #174ACD;
}
.alert-info .alert-title, .alert-info b {
    color: #174ACD;
}
.alert-info .alert-title::before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6668 5.26857V12.3219C10.6668 13.7152 9.64678 14.9552 8.26012 15.0886C6.66678 15.2419 5.33345 13.9952 5.33345 12.4352V4.19524C5.33345 3.3219 5.96012 2.52857 6.82678 2.4419C7.82678 2.3419 8.66678 3.1219 8.66678 4.1019V11.1019C8.66678 11.4686 8.36678 11.7686 8.00012 11.7686C7.63345 11.7686 7.33345 11.4686 7.33345 11.1019V5.26857C7.33345 4.99524 7.10678 4.76857 6.83345 4.76857C6.56012 4.76857 6.33345 4.99524 6.33345 5.26857V11.0086C6.33345 11.8819 6.96012 12.6752 7.82678 12.7619C8.82678 12.8619 9.66678 12.0819 9.66678 11.1019V4.21524C9.66678 2.8219 8.64678 1.5819 7.26012 1.44857C5.67345 1.29524 4.33345 2.5419 4.33345 4.1019V12.2819C4.33345 14.1952 5.73345 15.9086 7.64012 16.0886C9.83345 16.2886 11.6668 14.5819 11.6668 12.4352V5.26857C11.6668 4.99524 11.4401 4.76857 11.1668 4.76857C10.8935 4.76857 10.6668 4.99524 10.6668 5.26857Z' fill='%23174ACD'/%3E%3C/svg%3E%0A");;
    height: 20px;
    padding-right: 4px;
}
.alert-warning::after {
    border: 1px solid #FF7F37;
}
.alert-warning .alert-title, .alert-warning b {
    color: #FF7F37;
}
.alert-warning .alert-title::before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66678 3.43701C3.72012 3.43701 1.33345 5.82368 1.33345 8.77034C1.33345 11.717 3.72012 14.1037 6.66678 14.1037C9.61345 14.1037 12.0001 11.717 12.0001 8.77034C12.0001 5.82368 9.61345 3.43701 6.66678 3.43701ZM13.3335 8.10368V6.10368C13.3335 5.73701 13.6335 5.43701 14.0001 5.43701C14.3668 5.43701 14.6668 5.73701 14.6668 6.10368V8.10368C14.6668 8.47035 14.3668 8.77034 14.0001 8.77034C13.6335 8.77034 13.3335 8.47035 13.3335 8.10368ZM14.6668 10.1037V11.437H13.3335V10.1037H14.6668ZM5.33345 8.77034C5.33345 9.50368 5.93345 10.1037 6.66678 10.1037C7.40012 10.1037 8.00012 9.50368 8.00012 8.77034C8.00012 8.03701 7.40012 7.43701 6.66678 7.43701C5.93345 7.43701 5.33345 8.03701 5.33345 8.77034Z' fill='%23FF7F37'/%3E%3C/svg%3E%0A");
    height: 20px;
    padding-right: 4px;
}
/* accordion */
.accordion-content {
    width: 100%;
}
.accordion-content .accordion-item {
}
.accordion-content .accordion-item:last-child {
    padding-bottom: 0;
}
.accordion-content .accordion-heading {
    position: relative;
    display: block;
    padding: 16px 48px 16px 16px;
    margin: 8px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #3F4A81;
    background: #DDE6F0;
    border: 1px solid #DDE6F0;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.accordion-content .accordion-heading:hover {
    border: 1px solid #174ACD;
}
.accordion-content .accordion-item.active .accordion-heading {
    border: 1px solid #174ACD;
}
.accordion-content .accordion-item .accordion-heading::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%233F4A81' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
}
.accordion-content .accordion-item.active .accordion-heading::after {
    transform: translateY(-50%) rotate(180deg);
}
.accordion-text {
    display: block;
    padding: 0 0 0 8px;
    max-height: 0;
    margin: 0;
    color: #525252;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.accordion-item.active .accordion-text {
    max-height: 400px;
    /* margin-bottom: 16px; */
}
.accordion-item .accordion-text p {
    margin: 16px 0;
}
/* icons */
.ca {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .1s ease-in-out;
}
.ca-md {
    width: 20px;
    height: 20px;
}
.ca-sm {
    width: 16px;
    height: 16px;
}
.ca-xs {
    width: 12px;
    height: 12px;
}
.ca-info {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8.8C12 8.8 12.0001 9.94781 12 10.5V11C12 11.5523 12 12 12 12M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5Z' stroke='%23525252' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='15.1992' r='1' fill='%23525252'/%3E%3C/svg%3E%0A");
}
.ca-star {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5L14.163 9.60778L19 10.3512L15.5 13.9359L16.326 19L12 16.6078L7.674 19L8.5 13.9359L5 10.3512L9.837 9.60778L12 5Z' stroke='%23FFCC00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-dollar {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_172_288)'%3E%3Cpath d='M12 4.66669V19.3334M15.3333 7.33335H10.3333C9.71449 7.33335 9.121 7.57919 8.68342 8.01677C8.24583 8.45436 8 9.04785 8 9.66669C8 10.2855 8.24583 10.879 8.68342 11.3166C9.121 11.7542 9.71449 12 10.3333 12H13.6667C14.2855 12 14.879 12.2459 15.3166 12.6834C15.7542 13.121 16 13.7145 16 14.3334C16 14.9522 15.7542 15.5457 15.3166 15.9833C14.879 16.4209 14.2855 16.6667 13.6667 16.6667H8' stroke='%23174ACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_172_288'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.ca-play {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z' stroke='%23174ACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6001 9.19922L14.802 12.0005' stroke='%23174ACD' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10.6001 14.8008L14.802 11.9996' stroke='%23174ACD' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10.6001 9.5V14.8' stroke='%23174ACD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.ca-bulb {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H5.77778M12 5V5.77778M18.2222 12H19M7.02222 7.02222L7.56667 7.56667M16.9778 7.02222L16.4333 7.56667M10.2111 15.8889H13.7889M9.66667 15.1111C9.0137 14.6214 8.53137 13.9386 8.288 13.1595C8.04464 12.3805 8.05257 11.5446 8.31068 10.7702C8.56878 9.9959 9.06398 9.32242 9.72613 8.84517C10.3883 8.36792 11.1838 8.11111 12 8.11111C12.8162 8.11111 13.6117 8.36792 14.2739 8.84517C14.936 9.32242 15.4312 9.9959 15.6893 10.7702C15.9474 11.5446 15.9554 12.3805 15.712 13.1595C15.4686 13.9386 14.9863 14.6214 14.3333 15.1111C14.0297 15.4117 13.801 15.7796 13.6659 16.1849C13.5308 16.5903 13.493 17.0218 13.5556 17.4444C13.5556 17.857 13.3917 18.2527 13.0999 18.5444C12.8082 18.8361 12.4126 19 12 19C11.5874 19 11.1918 18.8361 10.9001 18.5444C10.6083 18.2527 10.4444 17.857 10.4444 17.4444C10.507 17.0218 10.4692 16.5903 10.3341 16.1849C10.199 15.7796 9.97034 15.4117 9.66667 15.1111Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-check-white {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11.36V12.004C18.9991 13.5135 18.5103 14.9823 17.6065 16.1913C16.7027 17.4003 15.4323 18.2847 13.9847 18.7127C12.5372 19.1407 10.9901 19.0893 9.57413 18.5662C8.15818 18.0431 6.94926 17.0763 6.12767 15.8099C5.30609 14.5436 4.91585 13.0456 5.01517 11.5394C5.11449 10.0332 5.69804 8.59943 6.6788 7.45196C7.65955 6.30448 8.98495 5.50477 10.4573 5.17211C11.9297 4.83944 13.4702 4.99164 14.849 5.60601M19 6.40402L12 13.411L9.9 11.311' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-check {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 7L10 17L5 12.4545' stroke='%23536082' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-link {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12.6667V16.6667C16 17.0203 15.8595 17.3594 15.6095 17.6095C15.3594 17.8595 15.0203 18 14.6667 18H7.33333C6.97971 18 6.64057 17.8595 6.39052 17.6095C6.14048 17.3594 6 17.0203 6 16.6667V9.33333C6 8.97971 6.14048 8.64057 6.39052 8.39052C6.64057 8.14048 6.97971 8 7.33333 8H11.3333M10.6667 13.3333L18 6M18 6H14M18 6V10' stroke='%233F4A81' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-link-blue {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.66667V12.6667C12.5 13.0203 12.3595 13.3594 12.1095 13.6095C11.8594 13.8595 11.5203 14 11.1667 14H3.83333C3.47971 14 3.14057 13.8595 2.89052 13.6095C2.64048 13.3594 2.5 13.0203 2.5 12.6667V5.33333C2.5 4.97971 2.64048 4.64057 2.89052 4.39052C3.14057 4.14048 3.47971 4 3.83333 4H7.83333M7.16667 9.33333L14.5 2M14.5 2H10.5M14.5 2V6' stroke='%23174ACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-world {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.72 16.312C16.512 15.672 15.912 15.2 15.2 15.2H14.4V12.8C14.4 12.5878 14.3157 12.3843 14.1657 12.2343C14.0157 12.0843 13.8122 12 13.6 12H8.8V10.4H10.4C10.6122 10.4 10.8157 10.3157 10.9657 10.1657C11.1157 10.0157 11.2 9.81217 11.2 9.6V8H12.8C13.2243 8 13.6313 7.83143 13.9314 7.53137C14.2314 7.23131 14.4 6.82435 14.4 6.4V6.072C15.3572 6.45789 16.2066 7.06998 16.8755 7.85587C17.5445 8.64176 18.013 9.57804 18.2411 10.5846C18.4691 11.5911 18.4499 12.6379 18.185 13.6354C17.9201 14.6328 17.4174 15.5512 16.72 16.312ZM11.2 18.344C8.04 17.952 5.6 15.264 5.6 12C5.6 11.504 5.664 11.024 5.768 10.568L9.6 14.4V15.2C9.6 15.6243 9.76857 16.0313 10.0686 16.3314C10.3687 16.6314 10.7757 16.8 11.2 16.8M12 4C10.9494 4 9.90914 4.20693 8.93853 4.60896C7.96793 5.011 7.08601 5.60028 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.08601 18.3997 7.96793 18.989 8.93853 19.391C9.90914 19.7931 10.9494 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 10.9494 19.7931 9.90914 19.391 8.93853C18.989 7.96793 18.3997 7.08601 17.6569 6.34315C16.914 5.60028 16.0321 5.011 15.0615 4.60896C14.0909 4.20693 13.0506 4 12 4Z' fill='%233D3D3D'/%3E%3C/svg%3E%0A");
}
.ca-close-white {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.5L18 18.5M18 6.5L6 18.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-reload {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75712 14.4938C7.21103 15.7207 8.07135 16.7739 9.20846 17.4947C10.3456 18.2155 11.6979 18.5648 13.0616 18.4901C14.4253 18.4153 15.7266 17.9206 16.7693 17.0803C17.8121 16.24 18.5398 15.0998 18.8429 13.8313C19.146 12.5629 19.0081 11.2351 18.4498 10.0478C17.8915 8.86061 16.9432 7.87831 15.7477 7.24896C14.5523 6.6196 13.1744 6.37729 11.8218 6.55853C10.4691 6.73976 9.21494 7.33473 8.24823 8.25378L5 11.1604M5 11.1604L9.2003 11.1604M5 11.1604V7.16045' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ca-fullscreen {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 9C7 9.55 6.55 10 6 10C5.45 10 5 9.55 5 9V6C5 5.45 5.45 5 6 5H9C9.55 5 10 5.45 10 6C10 6.55 9.55 7 9 7H7V9ZM5 15C5 14.45 5.45 14 6 14C6.55 14 7 14.45 7 15V17H9C9.55 17 10 17.45 10 18C10 18.55 9.55 19 9 19H6C5.45 19 5 18.55 5 18V15ZM17 17H15C14.45 17 14 17.45 14 18C14 18.55 14.45 19 15 19H18C18.55 19 19 18.55 19 18V15C19 14.45 18.55 14 18 14C17.45 14 17 14.45 17 15V17ZM15 7C14.45 7 14 6.55 14 6C14 5.45 14.45 5 15 5H18C18.55 5 19 5.45 19 6V9C19 9.55 18.55 10 18 10C17.45 10 17 9.55 17 9V7H15Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.ca-fullscreen-exit {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 8H8V6C8 5.45 8.45 5 9 5C9.55 5 10 5.45 10 6V9C10 9.55 9.55 10 9 10H6C5.45 10 5 9.55 5 9C5 8.45 5.45 8 6 8ZM8 16H6C5.45 16 5 15.55 5 15C5 14.45 5.45 14 6 14H9C9.55 14 10 14.45 10 15V18C10 18.55 9.55 19 9 19C8.45 19 8 18.55 8 18V16ZM15 19C15.55 19 16 18.55 16 18V16H18C18.55 16 19 15.55 19 15C19 14.45 18.55 14 18 14H15C14.45 14 14 14.45 14 15V18C14 18.55 14.45 19 15 19ZM16 6V8H18C18.55 8 19 8.45 19 9C19 9.55 18.55 10 18 10H15C14.45 10 14 9.55 14 9V6C14 5.45 14.45 5 15 5C15.55 5 16 5.45 16 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
/* ---------------------------------------------- */    
/* ------------------- header ------------------- */
.header {
    padding: 16px 0;
    background: #174ACD;
    border-radius: 0 0 24px 0;
}
.header-logo {
    margin-right: 16px;
    height: 32px;
}
.header-logo img {
    width: auto;
    height: 34px;
    object-fit: contain;
    object-position: center;
    vertical-align: super;
}
.nav-toggle {
    position: relative;
    z-index: 5;
    display: block;
    width: 32px;
    height: 32px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8H18M6 12H18M6 16H18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.nav-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.header.nav-active .nav-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18M18 6L6 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-menu {
    order: 0;
}
.header-nav .container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.header.nav-active .header-nav {
    opacity: 1;
    transform: translateY(0);
    z-index: 100;
}
.header-nav > ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 0;
    margin: 0;
    list-style: none;
}
.header-nav > ul > li {
    width: 100%;
}
.header-nav > ul > li.menu-collapse {
    padding-right: 0;
}
.header-nav > ul > li:hover {
    background: transparent;
}
.header-nav > ul > li > a,
.header-nav > ul > li > .dropdown-toggle {
    display: block;
    width: 100%;
    padding: 8px 24px 8px 16px;
    color: #3D3D3D;
}
.header-nav > ul > li > a:hover,
.header-nav > ul > li > .dropdown-toggle:hover {
    color: #174ACD;
    text-decoration: none;
}
.header-nav .dropdown::before {
    width: 16px;
    height: 16px;
    /* background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%233D3D3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");    background-position: center; */
}
.header-nav > ul > .dropdown::before {
    right: 16px;
    top: 21px;
    z-index: -1;
}
.header-nav .dropdown:hover::before {
    transform: translateY(-50%);
}
.header-nav .dropdown.show::before {
    transform: translateY(-50%) rotate(180deg) !important;
}
.header-nav .dropdown-menu {
    width: 100%;
    margin-top: 0;
    position: unset;
    border-radius: 0;
}
.header-nav .dropdown.menu-collapse.show {
    /* position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-top: 8px solid transparent;
    width: 100%;
    height: 100%;
    background-color: #1C1D20; */
}
.header-nav .dropdown.menu-collapse > a {
    transition: none;
}
.header-nav .dropdown.menu-collapse:hover::before,
.header-nav .dropdown.menu-collapse.show::before {
    filter: invert(13%) sepia(94%) saturate(5855%) hue-rotate(228deg) brightness(88%) contrast(82%);
}
.header-nav .dropdown-menu li:hover {
    background: transparent;
    border-radius: 0;
}
.header-nav .dropdown > .dropdown-menu {
    border: 0;
    padding: 0 0 8px 8px;
    border-radius: 0;
    margin: 0;
    background-color: transparent;
}
.header-nav .dropdown-menu a,
.header-nav .dropdown-menu .dropdown-toggle {
    display: block;
    padding: 8px 0 8px 24px;
    text-align: left;
}
.header-nav .dropdown-menu .dropdown.show > a,
.header-nav .dropdown-menu .dropdown.show > .dropdown-toggle {
    color: #FF4135;
}
.header-nav .dropdown-menu .dropdown::before {
    top: 20px;
    /* transform: translateY(-50%) rotate(90deg); */
    opacity: .6;
}
.header-nav .dropdown-menu .dropdown.show::before {
    transform: translateY(-50%) rotate(-90deg) !important;
    filter: invert(49%) sepia(86%) saturate(5552%) hue-rotate(342deg) brightness(108%) contrast(102%);
}
.header.nav-active .header-locale {
    opacity: 0;
    visibility: hidden;
}
.header-nav .dropdown .dropdown .dropdown-menu {
    padding: 0;
}
.header-nav .dropdown .dropdown .dropdown-menu a {
    padding: 8px 0 8px 36px;
    
}
.header-locale {
    order: 2;
}
.header .country-dropdown {
    width: 100%;
    padding: 8px 24px 8px 8px;
    background: #fff;
    border: 1px solid #DDE6F0;
    border-radius: 24px;
    cursor: pointer;
}
.header .country-dropdown.dropdown::before {
    right: 8px;
}
.header .country-dropdown .dropdown-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: #292929;
}
.header .country-dropdown .dropdown-toggle .ca {
    margin-right: 8px;
}
.header .country-dropdown .dropdown-menu {
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
}
.header .wpm-switcher-dropdown {
    color: #fff;
}
.header .wpm-switcher-dropdown > li {
    padding: 8px 16px;
    border-radius: 24px;
    /* border: 1px solid #fff; */
    background-color: #7492E1;
    cursor: pointer;
}
.header .wpm-switcher-dropdown > li:hover::before {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 300;
    width: 100%;
    height: 10px;
    background: transparent;
}
.header .wpm-language-dropdown {
    top: calc(100% + 8px);
    left: unset;
    right: 0;
    width: auto;
    max-height: 240px;
    padding: 12px;
    list-style: none;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
    border: 1px solid #DCDCDC;
    border-radius: 24px;
    overflow-y: auto;
    white-space: nowrap;
}
.header .wpm-language-dropdown::before {

}
.header .wpm-language-dropdown li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 6px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
    text-align: left;
    border-radius: 20px;
    box-sizing: border-box;
}
.header .wpm-language-dropdown li:hover {
    background: #EFEFEF;
}
.header .wpm-language-dropdown li:hover a,
.header .wpm-language-dropdown li a:hover {
    color: #3d3d3d;
    text-decoration: none;
}
.header .wpm-language-dropdown li > a,
.header .wpm-switcher-dropdown li > span {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.header .wpm-language-dropdown li img,
.header .wpm-switcher-dropdown li img {
    width: 20px;
    height: auto;
    margin-right: 8px;
}
/* ----------------- header end ----------------- */
/* ---------------------------------------------- */    
/* -------------------- main -------------------- */
.main {
    padding: 48px 0;
    overflow: hidden;
}
.main .container {
    flex-direction: column;
    align-items: flex-start;
}
.main-subtitle {
    padding-bottom: 16px;
    color: #3D3D3D;
}
.main-date {
    position: relative;
    display: inline-flex;
    padding: 8px 16px 8px 32px;
    margin-bottom: 56px;
    color: #536082;
}
.main-date::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: calc(100% + 700px);
    height: 100%;
    background: #fff;
    box-shadow: 0 5px 14px -4px #73859630;
    border-radius: 0 24px 24px 0;
}
.main-affiliate {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding: 16px;
    margin: 0 -16px;
    /* margin-bottom: 56px; */
    color: #3D3D3D;
}
.main-affiliate::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 5px 14px -4px #73859630;
    border-radius: 0 0 24px 24px;
}
.main-affiliate-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 4px;
    color: #525252;
}
.main-affiliate-title .ca {
    margin-right: 6px;
}
.main-affiliate p {
    margin-top: 0;
}
.main-affiliate p:last-child {
    margin-bottom: 0;
}
.main-anchors {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 -16px;
    padding: 24px 16px;
    background: #DDE6F0;
    border-radius: 24px 24px 0 0;
}
.main-anchor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc(50% - 4px);
    padding: 16px;
    color: #000;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 14px -4px #3333331c;
}
.main-anchor:hover {
    text-decoration: none;
}
.main-anchor img {
    max-width: 96px;
    max-height: 96px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.2s ease-in-out;
}
.main-anchor:hover img {
    opacity: .8;
}
/* ------------------ main end ------------------ */
/* ---------------------------------------------- */    
/* ------------------ slots-top ----------------- */
.slots-top {
    margin-bottom: 40px;
}
.slots-top .container {
    padding: 24px 16px;
    background: #DDE6F0;
    border-radius: 32px;
}
.slots-title {
}
.slots-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 32px;
}
.slot-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 16px;
    color: #656565;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 14px -4px #3333331c;
}
.slot-card-image {
    position: relative;
    width: 100%;
    height: 80px;
    margin-bottom: 24px;
    border-radius: 16px;
    overflow: hidden;
}
.slot-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slot-card-chip {
    position: absolute;
    left: 20px;
    top: 0;
    padding: 2px 8px;
    color: #fff;
    background: #174ACD;
    border-radius: 0 0 8px 8px;
}
.slot-card-rating {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 8px 4px 4px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 14px -4px #3333331c;
}
.slot-card-rating span {
    color: #3D3D3D
}
.slot-card-content {
    width: 100%;
}
.slot-card-content ul li, 
.slot-card-content ol li {
    margin-bottom: 10px;
}
.slot-card-pros,
.slot-card-cons {
    list-style: none;
    padding: 0;
    margin: -7px 0 20px 0;
}
.slot-card-pros li,
.slot-card-cons li {
    margin-bottom: 4px !important;
}
.slot-card-pros li::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11.36V12.004C18.9991 13.5135 18.5103 14.9823 17.6065 16.1913C16.7027 17.4003 15.4323 18.2847 13.9847 18.7127C12.5372 19.1407 10.9901 19.0893 9.57413 18.5662C8.15818 18.0431 6.94926 17.0763 6.12767 15.8099C5.30609 14.5436 4.91585 13.0456 5.01517 11.5394C5.11449 10.0332 5.69804 8.59943 6.6788 7.45196C7.65955 6.30448 8.98495 5.50477 10.4573 5.17211C11.9297 4.83944 13.4702 4.99164 14.849 5.60601M19 6.40402L12 13.411L9.9 11.311' stroke='%2339A300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: 15px;
    transform: translateY(6px);
    display: inline-block;
}
.slot-card-cons li::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_172_967)'%3E%3Cpath d='M13.9999 10.0002L9.99992 14.0002M9.99992 10.0002L13.9999 14.0002M18.6666 12.0002C18.6666 15.6821 15.6818 18.6668 11.9999 18.6668C8.31802 18.6668 5.33325 15.6821 5.33325 12.0002C5.33325 8.31826 8.31802 5.3335 11.9999 5.3335C15.6818 5.3335 18.6666 8.31826 18.6666 12.0002Z' stroke='%23FF4848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_172_967'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    height: 15px;
    transform: translateY(6px);
    display: inline-block;
}
.slot-card-stats {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slot-card-stat {
    width: 50%;
    padding-bottom: 24px;
}
.slot-card-stat .stat-label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 12px;
}
.slot-card-stat .stat-value {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    color: #3D3D3D;
}
.slot-card-stat .stat-value .ca {
    margin-right: 4px;
}
.slots-popular {
    margin-bottom: 40px;
}
.slots-popular .slots-list {
    gap: 32px;
}
.slots-popular .slot-card .slot-card-title {
    color: #525252;
}
.slots-popular .slot-card .slot-card-description {
}
/* ---------------- slots-top end --------------- */
/* ---------------------------------------------- */    
/* ------------------- bonuses ------------------ */
.bonuses {
    margin-bottom: 64px;
    padding: 16px 0 24px;
    box-shadow: 0 8px 14px -4px #3333331c;
}
.bonuses-title {
}
.bonuses-text {
    color: #525252;
}
.bonuses-group {
}
.bonuses .bonuses-item {
    width: 100%;
    max-width: 620px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    margin-bottom: 24px;
    color: #EFEFEF;
    background: linear-gradient(90deg, #4305D3 0%, #537BE0 100%);
    border-radius: 0 24px 24px 24px;
}
.bonuses .bonuses-item:last-child {
    margin-bottom: 0;
}
.bonuses .bonuses-item:nth-child(odd) {
    margin-left: auto;
    border-radius: 24px 0 24px 24px;
}
.bonuses .bonuses-item .bonuse-title {
    margin-bottom: 4px;
    font-weight: 600;
    color: #fff;
}
.bonuses-item .bonuse-icon {
    width: 28px;
    padding-right: 4px;
}
.bonuses-2 {
    margin-bottom: 64px;
}
.bonuses-2 .bonuses-content {
    padding: 16px;
    color: #536082;
    background: #DDE6F0;
    border-radius: 24px;
}
.bonuses-2 .bonuses-group {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}
.bonuses-2 .bonuses-item {
    width: calc(50% - 8px);
    padding: 16px;
    background: #fff;
    border-radius: 16px;
}
.bonuses-2 .bonuse-title {
    margin-bottom: 4px;
    font-weight: 600;
}
/* ----------------- bonuses end ---------------- */
/* ---------------------------------------------- */    
/* -------------------- tips -------------------- */
.tips {
    margin-bottom: 64px;
}
.tips-title {
}
.tips-text {
    color: #525252;
}
.tips-group {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}
.tips-item {
    width: calc(33.333% - 11px);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    color: #525252;
    border-radius: 16px;
    box-shadow: 0 8px 14px -4px #3333331c;
}
.tips-item:nth-child(odd) {
    color: #536082;
    background: #DDE6F0;
}
.tips-item .tip-title {
    margin-bottom: 4px;
    color: #3D3D3D;
    font-weight: 600;
}
.tips-item:nth-child(odd) .tip-title {
    color: #3F4A81
}
.tips-item .tip-icon {
    width: 28px;
    padding-right: 4px;
}
/* ------------------ tips end ------------------ */
/* ---------------------------------------------- */    
/* ----------------- how-review ----------------- */
.how-review {
    margin-bottom: 64px;
}
.how-review-group {
    padding: 32px 016px;
}
.how-review-item {
    position: relative;
    padding-left: 84px;
    counter-increment: how-review-item;
}
.how-review-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(90deg, #5E05D3 0%, #07A1D1 100%);
    border-radius: 50%;
}
.how-review-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 29px;
    z-index: -1;
    width: 3px;
    height: 100%;
    background: #174ACD;
}
.how-review-item-title {
    padding: 18px 0;
}
.how-review-item-title::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
}
.how-review-item-title::after {
    content: counter(how-review-item, decimal);
    position: absolute;
    top: 15px;
    left: 21px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    background: linear-gradient(90deg, #4237D3 0%, #2271D2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.how-review-item-text {
}
/* --------------- how-review end --------------- */
/* ---------------------------------------------- */    
/* ---------------- compare-table --------------- */
.compare-table {
    /* width: 100%; */
    /* overflow-x: auto; */
}
table {
    display: block;
    height: auto !important;
    max-width: 100%;
    overflow-x: auto;
    margin: 24px 0 32px;
}
.table {
    margin: 0 0 64px;
}
table,
.table {
    border-spacing: 0;
}
table th, 
table td,
.table th, 
.table td {
    padding: 8px 24px;
    border: 0;
    text-align: left;
}
.table td:first-child {
    font-weight: 600;
}
table th,
.table th {
    font-weight: 600;
}
table tr:nth-child(odd) td,
.table tr:nth-child(odd) td {
    color: #3F4A81;
    background: #DDE6F0;
}

/* --------------- how-review end --------------- */
/* ---------------------------------------------- */    
/* ---------------- casino-review --------------- */
.casino-review {
    margin-bottom: 64px;
}
.review-card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 16px;
    color: #536082;
    background: #DDE6F0;
    border-radius: 24px;
}
.review-card-left {
    width: 50%;
    padding: 0 28px 16px 0;
}
.review-card-left .review-text p:last-child {
    margin-bottom: 0;
}
.review-card-right {
    position: relative;
    width: 50%;
    padding: 28px 0 16px 28px;
}
.review-card-right::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    width: 4px;
    height: calc(100% - 16px);
    background: #DDE6F0;
    border-radius: 3px;
    box-shadow: -1px 4px 8px rgba(124, 141, 208, 0.2);
}
.review-card-buttons {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
}
.review-card-buttons .btn-secondary,
.review-card-buttons .btn-primary {
    width: calc(50% - 4px);
}
.review-card-buttons .btn-secondary {
    background: rgba(255, 255, 255, 0.6);
}
/* -------------- casino-review end ------------- */
/* ---------------------------------------------- */    
/* ------------------ resources ----------------- */
.resources {
    margin-bottom: 64px;
}
.resources-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}
.resource-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: calc(33.333% - 16px);
    color: #525252;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 14px -4px #3333331c;
}
.resource-heading {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #3F4A81;
    background: #DDE6F0;
    border-radius: 24px 24px 0 0;
}
.resource-image img {
    width: 48px;
    height: 48px;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
.resource-image {
    padding-right: 18px;
}
.resource-link {
    margin-left: auto;
}
.resource-text {
    padding: 16px;
}
/* ---------------- resources end --------------- */
/* ---------------------------------------------- */    
/* ----------------- information ---------------- */
.information {
    margin-bottom: 64px;
}
.information p {
    margin: 0 0 16px;
}
.information p:last-child {
    margin-bottom: 0;
}
.information ul,
.information ol {
    margin: 4px 0 28px;
}
.information b {
    color: #464646;
}
/* --------------- information end -------------- */
/* ---------------------------------------------- */ 
/* --------------------- faq -------------------- */
.faq {
    margin-bottom: 64px;
}
/* ------------------- footer ------------------- */
.footer {
    padding: 24px 0;
    background: #292929;
    color: #fff;
    font-weight: 300;
}
.footer .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-left {
    width: 40%;
    max-width: 352px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer-group {
    width: 30%;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.footer-links {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    /* display: flex; */
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    columns: 2;
}
.footer-title {
    margin-bottom: 16px;
    font-weight: 600;
    color: #fff;
}
.footer-links li {
    display: block;
    margin-bottom: 16px;
    break-inside: avoid-column;
}
.footer-links a {
    display: inline-block;
    color: #fff;
}
.footer-links a:hover {
    color: #174ACD;
    text-decoration: none;
}
.footer .country-dropdown {
    width: 100%;
    padding: 8px 24px 8px 8px;
    background: #fff;
    border: 1px solid #DDE6F0;
    border-radius: 24px;
    cursor: pointer;
}
.footer .country-dropdown.dropdown::before {
    right: 8px;
}
.footer .country-dropdown .dropdown-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: #292929;
}
.footer .country-dropdown .dropdown-toggle .ca {
    margin-right: 8px;
}
.footer .country-dropdown .dropdown-menu {
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
}
/* ----------------- footer end ----------------- */
/* ---------------------------------------------- */    
/* ----------------- slot-modal ----------------- */
.slot-modal {
    padding: 0;
}
.slot-modal .modal__container {
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
    padding: 0;
    border-radius: 0;
}
.slot-modal .modal-heading {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    color: #fff;
    background: #174ACD;
    border-radius: 0 0 24px 0;
}
.slot-modal .modal-title {
    color: #fff;
}
.slot-modal .slot-image img {
    width: 82px;
    height: 37px;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
.slot-modal .slot-image {
    padding-right: 12px;
}
.slot-modal .btn-fab {
    position: unset;
    background: transparent !important;
    border-radius: 50%;
}
.slot-modal .btn-fab:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}
.slot-modal .btn-fab.reload {
    margin-left: auto;
}
.slot-modal .btn-fab.modal__close {
    /* margin-left: 8px; */
}
.slot-modal .modal-body {
    padding: 0;
    height: calc(100vh - 181px);
    display: flex;
}
.slot-modal .slot-game {
    width: 100%;
    height: calc(100% + 25px);
    overflow: hidden;
    transform: translateY(-25px);
}
.slot-modal .slot-game-image {
    width: 100%;
    height: 100%;
}
.slot-modal .slot-game-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.slot-modal .modal-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 20px;
    background: #fff;
}
.slot-modal .modal-footer .btn {
    max-width: 244px;
    gap: 4px;
}
.slot-modal .modal-footer .btn .ca {
    width: 16px;
    height: 16px;
    opacity: 0.6;
}
.slot-modal .modal-footer .btn:hover .ca {
    opacity: 1;
}
/* --------------- slot-modal end --------------- */
/* ---------------------------------------------- */ 
/* ------------------ game-demo ----------------- */
.home-game {
    padding-top: 48px;
}
.home-game-content {
    display: flex;
    flex-direction: column;
}
.home-game-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
}
.game-demo .game-demo-wrapper {
    width: 100%;
    height: 100%;
}
.game-media {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 530px;
    max-height: 530px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 24px;
    margin-top: 48px;
    margin-bottom: 48px;
    background: #DDE6F0;
    border-radius: 32px;
    box-shadow: 0 8px 14px -4px #3333331c;
}
.game-thumbnail {
    position: relative;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}
.game-thumbnail img,
.game-thumbnail picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
    border-radius: 24px;
}
.game-active .game-thumbnail {
    visibility: hidden;
    z-index: -1;
}
.game-thumbnail-actions {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(23, 23, 27, 0.698);
    border-radius: 24px;
}
.game-thumbnail-actions .btn-primary,
.game-thumbnail-actions .btn-default {
    width: calc(100% - 32px);
    max-width: 500px;
}
.game-demo .btn-fab.btn-fullscreen {
    position: absolute;
    right: 42px;
    top: 42px;
    z-index: 21;
    background: #7492E1;
}
.game-demo .btn-fab.btn-fullscreen:hover .ca {
    filter: brightness(4);
}
.game-demo .ca-fullscreen-exit {
    display: none;
}
.game-demo.game-fullscreen .ca-fullscreen-exit {
    display: block;
}
.game-demo.game-fullscreen .ca-fullscreen {
    display: none;
}
.game-demo-iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    padding: 24px;
    background: #DDE6F0;
    border-radius: 32px;
    visibility: hidden;
}
.game-active .game-demo-iframe {
    visibility: visible;
    z-index: 2;
}
.game-demo-iframe iframe {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    border: 0;
}
.game-demo.game-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: #141417;
}
.game-demo.game-fullscreen .game-media {
    max-height: unset;
    height: 100%;
    border-radius: 0;
    padding: 0;
    margin: 0 !important;
}
.game-demo.game-fullscreen .game-demo-iframe {
    border: 0;
    border-radius: 0;
    padding: 0;
}
.game-demo.game-fullscreen .game-demo-iframe iframe {
    border-radius: 0;
}
.game-demo.game-fullscreen .game-thumbnail {
    border: 0;
    border-radius: 0;
}
.game-demo.game-fullscreen .game-thumbnail img,
.game-demo.game-fullscreen .game-thumbnail picture {
    border-radius: 0;
}
.game-demo.game-fullscreen .game-thumbnail-actions {
    border-radius: 0;
}

/* ---------------- game-demo end --------------- */
/* ---------------------------------------------- */ 

@media (min-width: 768px) {
    .slots-list .slot-card .slot-card-content .slot-card-description {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .slots-list .slot-card .slot-card-content .slot-card-description > * {
        width: auto
    }
    .slots-list .slot-card .slot-card-content .slot-card-description .slot-card-stats {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: 180px;
        width: 100%;
    }
    .slots-list .slot-card .slot-card-content .slot-card-description .slot-card-stat {
        padding-bottom: 24px;
        width: 100%;
    }
    .slots-popular .slot-card-content {
        height: calc(100% - 104px);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
    .slots-popular .slot-card .slot-card-description {
        height: -webkit-fill-available;
    }
}
@media (min-width: 992px) {
    .nav-toggle {
        display: none;
    }
    .header-nav > ul {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .header-nav > ul > li > a, .header-nav > ul > li > .dropdown-toggle {
        padding: 0 32px;
        color: #fff;
        font-weight: 600;
        white-space: nowrap;
        cursor: pointer;
        border-radius: 8px;
        transition: all 0.2s ease-in-out;
    }
    .header-nav > ul > li > a:hover, .header-nav > ul > li > .dropdown-toggle:hover {
        color: #fff;
        text-decoration: underline;
    }
    .header-nav > ul ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0;
        margin: 0;
        list-style: none;
    }
    .header-nav .dropdown-toggle::before {
        height: 30px;
    }
    .header-nav .dropdown > .dropdown-menu {
        position: absolute;
        width: auto;
        padding: 8px;
        margin-top: 20px !important;
        background: #fff !important;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 4px 14px -4px #3333331c;
        border: 0;
    }
    .header-nav .dropdown-menu::before {
        content: none;
    }
    .header-nav .dropdown-menu li {
        border-radius: 8px;
        padding-right: 0;
        margin: 0;
    }
    .header-nav .dropdown-menu a {
        display: block;
        width: 100%;
        padding: 8px 16px;
        border: 0;
        text-align: center;
        white-space: nowrap;
        text-decoration: none;
        border-radius: 8px;
        cursor: pointer;
    }
    .header-nav .dropdown-menu li:hover {
        background: rgba(199, 201, 209, 0.059);
        border: 0;
    }
    .header-nav .dropdown-menu li.active {
        background: rgba(199, 201, 209, 0.059);
        border: 0;
        text-decoration: none;
    }
    .header-nav .dropdown-menu .dropdown::before {
        right: 6px;
        transform: rotate(-90deg) translateX(9px);
    }
    .header-nav .dropdown-menu .dropdown-menu {
        top: 0;
        left: 100%;
        right: unset;
        margin-left: 18px;
        margin-top: 0;
        border-radius: 10px;
    }
    .header-nav .dropdown-menu .dropdown .dropdown-toggle::before {
        left: 100%;
        top: 0;
        height: 44px;
        width: 20px;
    }
    .main {
        padding: 64px 0;
    }
    .main .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .main-left {
        width: 100%;
        max-width: 808px;
        padding-right: 32px;
        box-sizing: border-box;
    }
    .main-subtitle {
        padding-bottom: 32px;
    }
    .main-date {
        margin-bottom: 16px;
        padding-left: 0;
    }
    .main-affiliate { 
        padding: 16px 16px 16px 0;
        margin: 0;
    }
    .main-affiliate::before {
        width: calc(100% + 700px);
        border-radius: 0 24px 24px 0;
    }
    .main-right {
        width: 100%;
        max-width: 376px;
    }
    .main-anchors {
        position: relative;
        margin: 0;
        padding: 24px 8px 24px 24px;
        border-radius: 24px 0 0 24px;
    }
    .main-anchors::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: calc(100% + 700px);
        height: 100%;
        background: #DDE6F0;
        box-shadow: 0 5px 14px -4px #3333331c;
        border-radius: 24px 0 0 24px;
    }
    .slots-top,
    .slots-popular {
        margin-bottom: 64px;
    }
    .slots-top .container {
        padding: 40px;
        border-radius: 64px;
    }
    .slots-list {
        gap: 36px;
    }
    .slots-list .slot-card:nth-child(-n + 3) {
        width: calc(33.3333% - 24px);
    }
    .slots-list .slot-card:not(:nth-child(-n + 3)) {
        flex-direction: row;
    }
    .slots-list .slot-card:not(:nth-child(-n + 3)) .slot-card-image {
        width: 70%;
        max-width: 468px;
        height: 100%;
        margin-bottom: 0;
    }
    .slots-list .slot-card:not(:nth-child(-n + 3)) .slot-card-content {
        padding: 8px 8px 8px 24px;
    }
    .slots-list .slot-card .slot-card-content .slot-card-description .slot-card-stat {
        padding-bottom: 24px;
    }
    .slots-list .slot-card:not(:nth-child(-n + 3)) .slot-card-content .slot-card-description > * {
        width: 50%;
    }
    .slots-list .slot-card:nth-child(-n + 3) .slot-card-content .slot-card-description > * {
        width: 100%;
    }
    .slots-list .slot-card:nth-child(-n + 3) .slot-card-content .slot-card-description .slot-card-stats {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: unset;
    }
    .slots-list .slot-card:nth-child(-n + 3) .slot-card-content .slot-card-description .slot-card-stat {
        width: 50%;
    }
}
@media (max-width: 991px) {
    .header-nav {
        position: absolute;
        top: 64px;
        left: 0;
        z-index: -1;
        width: 100%;
        max-height: calc(100% - 64px);
        padding: 16px 0;
        background: #fff;
        transform: translateY(-100vh);
        overflow-y: auto;
        box-sizing: border-box;
        border-radius: 0 0 24px 0;
        opacity: 0;
    }
    .header.nav-active::before {
        content: '';
        position: absolute;
        top: 64px;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(61, 61, 61, 0.3);
        z-index: 1;
    }
    .header.nav-active::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 64px;
        background: #fff;
        z-index: -1;
    }
    .header-nav .dropdown:hover > .dropdown-menu, .header-nav .dropdown:hover > .dropdown-toggle::before, .header-nav .dropdown.show > .dropdown-toggle::before {
        display: none;
    }
    .header-nav .dropdown.show > .dropdown-menu {
        display: block;
    }
}
@media (max-width: 1023px) {

    .footer .container {

    }
    .footer-group {
        width: 50%;
    }
    .footer-left {
        margin-right: 60%;
        margin-bottom: 32px;
    }
}
@media (max-width: 767px) {
    .accordion-item.active .accordion-text {
        max-height: 1000px;
        /* margin-bottom: 16px; */
    }
    .slots-top .container {
        box-shadow: 0 5px 14px -4px #73859630;
    }
    .bonuses {
        margin-bottom: 56px;
        padding-bottom: 16px;
    }
    .bonuses .bonuses-item {
        margin-bottom: 16px;
    }
    .tips {
        margin-bottom: 56px;
    }
    .tips-group {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
    .tips-item {
        width: 100%;
        max-width: unset;
        box-shadow: 0 6px 16px -3px #3333331c;
    }
    .how-review .container {
        border-radius: 0 0 24px 24px;
        box-shadow: 0 8px 14px -5px #3333331c;
    }
    .how-review-group {
        padding: 24px 0 32px;
    }
    .compare-table {
        width: 100vw;
        margin: 0 -16px 56px;
        padding: 0 16px;
    }
    .casino-review {
        margin-bottom: 56px;
    }
    .review-card {
        margin: 0 -16px;
        padding: 32px 16px;
        box-shadow: 0 8px 14px -5px #3333331c;
    }
    .review-card-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 24px;
    }
    .review-card-right {
        width: 100%;
        padding: 28px 0 0;
    }
    .review-card-right::before {
        left: 0;
        width: 100%;
        height: 4px;
    }
    .review-card-buttons {
        padding-top: 20px;
        flex-direction: column;
    }
    .review-card-buttons .btn-secondary,
    .review-card-buttons .btn-primary {
        width: 100%;
    }
    .information {
        margin-bottom: 56px;
    }
    .bonuses-2 {
        margin-bottom: 56px;
    }
    .bonuses-2 .bonuses-content {
        margin: 0 -16px;
        box-shadow: 0 8px 14px -5px #3333331c;
    }
    .bonuses-2 .bonuses-item {
        width: 100%;
    }
    .slots-popular {
        margin-bottom: 56px;
    }
    .slot-modal .modal-body {
        height: calc(100vh - 205px);
    }
    .slot-modal .modal-footer {
        flex-direction: column;
        padding: 16px;
    }
    .slot-modal .modal-footer .btn {
        max-width: unset;
    }
    .resources {
        margin-bottom: 56px;
    }
    .resources-list {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
    .resource-item {
        width: 100%;
        max-width: unset;
    }
    .faq {
        margin-bottom: 48px;
    }
    .footer .container {
        flex-wrap: wrap;
    }
    .footer-left {
        margin-right: unset;
        width: 100%;
        max-width: unset;
        margin-bottom: 24px;
    }
    .footer-group {
        width: 50%;
        max-width: unset;
        padding-left: 0;
    }
    .footer-links {
        columns: 1;
    }
    .footer-links li {
        padding-right: 12px;
    }
    .game-media {
        width: auto;
        min-width: 100%;
        margin: 32px -16px;
        padding: 16px;
        border-radius: 24px;
    }
    .game-thumbnail {
        overflow: hidden;
    }
    .game-thumbnail img,
    .game-thumbnail picture {
        border-radius: 24px;
    }
    .game-thumbnail-actions {
        border-radius: 24px;
    }
    .game-demo {
        display: flex;
        flex-direction: column-reverse;
    }
    .game-demo-iframe {
        padding: 16px;
        border-radius: 24px;
    }
}