@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
:focus, :focus-visible { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* {font-variant-numeric: lining-nums;}
* html .cf { height: 1% }
.cf { display: block }
p {padding-bottom: 16px;}
.last-p p:last-child {padding-bottom: 0;}
sub, sup {font-size: 75% !important;}
a, a:hover, a:focus, button, button:focus, button:hover{outline: none;}
button{background: transparent; cursor: pointer;}
a{color: var(--neutral); vertical-align: top}
a:hover{color: var(--primary-300);}

html, body{min-height: 100vh;}
.al{float: left;}
.ar{float: right;}
.pr {position: relative;}
.margin-auto {margin: 0 auto;}
a,a:after, button {text-decoration: none; cursor: pointer!important;}
a:focus, a:hover{text-decoration: none; outline: none !important;}
img { border: 0; vertical-align: top;}
.imgW100p {width:100%;}
.img-responsive{max-width: 100%;}
.height-100{height: 100%;}
.width-100{width: 100%;}

/* Start Transition Effect */
a,a:after{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.btn, .btn-icon{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms;}
.fadeIn{ -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s;  -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
/* End Transition Effect */

.display-1, .display-2, h1, h2, h3, h4{font-family: "Poppins", sans-serif; color: var(--neutral-900); font-weight: 600; line-height: 120%; margin: 0; padding: 0; text-transform: none;}
body {font-family: "Poppins", sans-serif; font-size: 16px; line-height: 24px; color: var(--neutral-900); background: var(--neutral-75); overflow: hidden; overflow-y: scroll; font-weight: 400;}

.display-1{font-size: 48px; line-height: 1.167;}
.display-2{font-size: 40px; line-height: 1.2;}
h1{font-size: 32px; line-height: 1.25;}
h2{font-size: 28px; line-height: 36px;}
h3{font-size: 24px; line-height: 1.33;}
h4{font-size: 20px; line-height: 1.4;}
h5{font-size: 18px; line-height: 24px;}
h6{font-size: 16px; line-height: 24px;}

.font-18{font-size: 18px; line-height: 24px;}
.font-16{font-size: 16px; line-height: 20px;}
.font-14{font-size: 14px; line-height: 16px;}
.font-12{font-size: 12px; line-height: 16px;}

.font-700{font-weight: 700;}
.font-600{font-weight: 600;}
.font-500{font-weight: 500;}
.font-400{font-weight: 400;}
.font-300{font-weight: 300;}
.letter-spacing-1{letter-spacing: 1px;}
.letter-spacing-4{letter-spacing: 4px;}

/* Start Button */
.btn{font-family: "Poppins", sans-serif; font-size: 18px; line-height: 24px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; padding: 10px 24px; -moz-border-radius: 999px; -webkit-border-radius: 999px; border-radius: 999px; cursor: pointer; transition: all 0.2s ease-in-out;}

.btn-text-icon{padding: 10px 16px;}
.btn-text-icon svg, .btn-text-icon img{height: 20px !important; width: 20px !important;}
.btn-sm.btn-text-icon svg, .btn-sm.btn-text-icon img{height: 16px !important; width: 16px !important;}


.btn.disabled, .btn:disabled{cursor: not-allowed; opacity: 1;}

/* Primary Buttons */
.btn-primary{ background: var(--primary-300); color: var(--white); border:1px solid var(--primary-300); }
.btn-primary:hover{ background:var(--primary-400); color:var(--white); border:1px solid var(--primary-400); }
.btn-primary:focus, .btn-primary:active{ background:var(--primary-100) !important; color:var(--white) !important; border:1px solid var(--primary-100) !important;}
.btn-primary svg path{fill: var(--white) !important;}

/* Secondary Buttons */
.btn-secondary{ background:var(--white); color:var(--primary-300); border:1px solid var(--primary-300); }
.btn-secondary:hover{ background:var(--primary-75); color:var(--primary-400); border:1px solid var(--primary-400); }
.btn-secondary:focus, .btn-secondary:active{ background:var(--primary-50) !important; color:var(--primary-300) !important; border:1px solid var(--primary-300) !important; -moz-box-shadow: 0 0 0 2px rgba(159, 208, 242, 1); -webkit-box-shadow: 0 0 0 2px rgba(159, 208, 242, 1); box-shadow: 0 0 0 2px rgba(159, 208, 242, 1);}
.btn-secondary svg path{fill: var(--primary-300) !important;}
.btn-secondary:hover svg path{fill: var(--primary-400) !important;}
.btn-secondary:hover:focus svg path, .btn-secondary:hover:active svg path{fill: var(--primary-300) !important;}


.btn-primary:disabled, .btn-primary.disabled, .btn-secondary:disabled, .btn-secondary.disabled, .btn-light:disabled, .btn-light.disabled, .btn-red:disabled, .btn-red.disabled, .btn-red-outline:disabled, .btn-red-outline.disabled, .btn-icon:disabled, .btn-icon.disabled, .nav-btn.btn:disabled, .nav-btn.btn.disabled{background: var(--neutral-100) !important; color: var(--neutral-400) !important; border:1px solid transparent !important; cursor: not-allowed;}
.btn-text-icon:disabled svg path, .btn-text-icon.disabled svg path, .btn-icon:disabled svg path, .btn-icon.disabled svg path, .nav-btn.btn:disabled svg path, .nav-btn.btn.disabled svg path
.btn-text-icon:disabled img, .btn-text-icon.disabled img, .btn-icon:disabled img, .btn-icon.disabled img, .nav-btn.btn:disabled img, .nav-btn.btn.disabled img, .nav-btn.disabled svg path, .nav-btn.disabled img, .nav-btn:disabled svg path
{fill: var(--neutral-400) !important;}


/* Start Text Link */
.text-link, .text-link-inline{padding: 2px 0; display: inline-flex; align-items: center; font-size: 16px; line-height: 20px; font-weight: 500;}
.text-link{color: var(--neutral); border-bottom: 1px solid transparent;}
.text-link:hover, .text-link:focus{color: var(--neutral); border-bottom: 1px solid var(--neutral);}
.text-link-inline{color: var(--neutral); border-bottom: 1px solid var(--neutral); position: relative;}
.text-link-inline:hover, .text-link-inline:focus{color: var(--neutral); border-bottom: 1px solid transparent;}
.text-icon span{line-height: 0;}
.text-icon svg, .text-link-inline svg{height: 20px !important; width: 20px !important;}
.text-icon.font-14 svg{height: 16px !important; width: 16px !important;}
.text-icon svg path, .text-link-inline svg path{fill: var(--neutral) !important;}
.text-link-inline:hover svg path, .text-link:hover svg path{fill: var(--neutral) !important;}
/* End Text Link */

/* Start Input, textarea, Select, Switch toggle */
.form-group{margin-bottom: 16px;}
.form-group label.label{font-family: "Poppins", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--neutral-500); display: block; margin-bottom: 4px;}
.form-control{font-family: "Poppins", sans-serif; font-size: 14px; line-height: 16px; font-weight: 400; border: 1px solid var(--neutral-200); background-color: var(--white); color: var(--neutral-900); width: 100%; padding: 13px 15px; height: auto; -moz-border-radius: 999px; -webkit-border-radius: 999px; border-radius: 999px;}
select.form-control{padding-right: 36px; background-image: url(../images/icon/select-icon.svg) !important; background-position: calc(100% - 10px) 10px !important; background-size: 24px 24px !important; background-repeat: no-repeat !important; -webkit-appearance: none; -moz-appearance: none;}
select option{color: var(--neutral-900);}
textarea, textarea.form-control{resize: none; height: 80px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
textarea.height-160, textarea.form-control.height-160{height: 160px;}
textarea.height-240, textarea.form-control.height-240{height: 240px;}
.form-control:hover{border-color: var(--neutral-400); background-color: var(--neutral-75);}
.form-control:focus{border-color: var(--white); background: var(--white); color: var(--neutral-900); -moz-box-shadow: 0 0 0 2px rgba(37, 37, 37, 1); -webkit-box-shadow: 0 0 0 2px rgba(37, 37, 37, 1); box-shadow: 0 0 0 2px rgba(37, 37, 37, 1);}
select.form-control:not([size]):not([multiple]){height: auto;}
.form-control.disabled, .form-control:disabled{cursor: not-allowed; background: var(--neutral-200) !important; color: var(--neutral-400); border: 1px solid var(--neutral-200);}
.form-control[readonly], select.form-control[readonly]:focus, input.form-control[readonly]:focus, textarea.form-control[readonly]:focus,
.form-control[value], select.form-control[value]:focus, input.form-control[value]:focus, textarea.form-control[value]:focus
{background-color: var(--white); border: 1px solid var(--neutral-400) !important; color: var(--neutral-900) !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.form-group.form-group-lg .form-control{padding: 10px 12px; font-size: 16px; line-height: 24px;}
.form-group.form-group-lg select.form-control{padding-right: 38px; background-position: calc(100% - 10px) 10px !important; background-size: 24px 24px !important;}
.form-control.filled { background-color: var(--white) !important;;}

.input-error, .input-success{position: relative;}
.input-error .form-control{border-color: var(--error-300); background: var(--white); color: var(--error-primary);}
.input-error .span-error{color: var(--error-300); display: block;}
.input-success .form-control{border-color: var(--success-300); background-color: var(--white); color: var(--success-300);}
.input-error .form-control:focus{border-color: var(--white); background: var(--white); color: var(--neutral-900); -moz-box-shadow: 0 0 0 2px rgba(217, 78, 78, 1); -webkit-box-shadow: 0 0 0 2px rgba(217, 78, 78, 1); box-shadow: 0 0 0 2px rgba(217, 78, 78, 1);}
.input-success .form-control:focus{border-color: var(--white); background: var(--white); color: var(--neutral-900); -moz-box-shadow: 0 0 0 2px rgba(78, 217, 78, 1); -webkit-box-shadow: 0 0 0 2px rgba(78, 217, 78, 1); box-shadow: 0 0 0 2px rgba(78, 217, 78, 1);}
.input-success .span-success{color: var(--success-300); display: block;}
.input-icon, .input-icon-img{position: absolute; top: 8px; height: 24px; width: 24px; display: inline-block; background-size: 24px; background-repeat: no-repeat; background-position: 0 0;}
.input-icon-img{height: 24px; width: 24px;}
.input-icon-img img{height: 24px; width: 24px;}
.input-group-append .form-control{padding-right: 40px !important;}
.input-group-prepend .form-control{padding-left: 40px !important;}
.input-group-append .input-icon{right: 12px;}
.input-group-prepend .input-icon{left: 12px;}
.form-group.form-group-lg .input-icon{top: 10px; background-size: 24px 24px; height: 24px; width: 24px;}
.form-group-lg .input-group-append .form-control{padding-right: 42px !important;}
.form-group-lg .input-group-prepend .form-control{padding-left: 42px !important;}
.form-group-lg .input-group-append .input-icon{right: 10px;}
.form-group-lg .input-group-prepend .input-icon{left: 10px;}

.span-error-icon{background-image: url(../images/icon/error.svg);}
.span-success-icon{background-image: url(../images/icon/check-circle.svg);}
.date-icon{background-image: url(../images/icon/date-icon.svg);}

.form-check.custom-checkbox, .form-check.custom-radio { min-height: 20px; padding-left: 20px; margin: 0;}
.custom-checkbox .form-check-input, .custom-radio .form-check-input { width: 20px; height: 20px; border: 2px solid var(--neutral-300); background-color: transparent; cursor: pointer; transition: all 0.3s ease; margin-left: -20px; margin-top: 2px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.custom-checkbox .form-check-input{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.custom-checkbox .form-check-input:hover, .custom-radio .form-check-input:hover { border-color: var(--neutral-800);}
.custom-checkbox .form-check-label, .custom-radio .form-check-label { margin: 0; padding: 0 0 0 8px; font-size: 14px; line-height: 16px; color: var(--neutral-900); font-weight: 400; cursor: pointer;}
.form-check .form-check-input:checked + .form-check-label, .form-check:hover .form-check-label {color: var(--neutral-900);}
.form-check-input:checked[type=radio]{background-color: transparent;}
/*.form-check-input[type=radio]:hover{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%239FD0F2'/%3e%3c/svg%3e");}*/
.form-check-input:checked[type=radio], .form-check-input:checked[type=radio]:hover { border-color: var(--neutral-800); background-color: var(--neutral-800); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23ffffff'/%3e%3c/svg%3e");}

.custom-checkbox .form-check-input:hover{background-color: var(--neutral-800); border-color: var(--neutral-800); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.custom-checkbox .form-check-input:checked[type=checkbox]{background-color: var(--neutral-800); border-color: var(--neutral-800); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}

.custom-checkbox .form-check-input:disabled, .custom-radio .form-check-input:disabled, .custom-checkbox .form-check-input:checked:disabled, .custom-radio .form-check-input:checked:disabled{background-color: transparent; border-color: var(--neutral-200); cursor: not-allowed; opacity:1;}
.custom-checkbox .form-check-input:checked:disabled{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.custom-radio .form-check-input:checked:disabled{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23adb5bd'/%3e%3c/svg%3e");}
.custom-checkbox .form-check-label:has(+ .form-check-input:disabled),.custom-radio .form-check-label:has(+ .form-check-input:disabled){color:var(--neutral-400);cursor:not-allowed;}

.form-check-input[type=checkbox]:indeterminate{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}


/* Start Search */
.search-box{position: relative; width: 100%;}
.search-box .form-control{padding-left: 40px;}
.search-icon {background: url(../images/icon/search.svg) center center no-repeat; height: 24px; width: 24px; background-size: 24px; position: absolute; left: 8px; top: 10px; border: none !important;}

/* Start Placeholder */
.placeholder, .form-control::placeholder{color: var(--neutral-300) !important; opacity: 1;}
.form-control::-ms-input-placeholder{color: var(--neutral-300) !important; opacity: 1;}
.form-control.disabled::placeholder,.form-control:disabled::placeholder{color: var(--neutral-300) !important;}
.form-control.disabled::-ms-input-placeholder,.form-control:disabled::-ms-input-placeholder{color: var(--neutral-300) !important;}


/* Start Margin & Padding */
.mt-240{margin-top: 240px;}
.mt-200{margin-top: 200px;}
.mt-80{margin-top: 80px;}
.mt-40{margin-top: 40px;}
.mt-24{margin-top: 24px;}
.mt-16{margin-top: 16px;}
.mt-12{margin-top: 12px;}
.mb-12{margin-bottom: 12px;}
.mb-16{margin-bottom: 16px;}
.mb-40{margin-bottom: 40px;}
.mb-24{margin-bottom: 24px;}

.pt-24{padding-top: 24px;}
.p-40{padding: 40px !important;}
.p-24{padding: 24px;}
.p-16{padding: 16px;}
.prl-16{padding-left: 16px; padding-right: 16px;}
.pt-40{padding-top: 40px;}
/* End Margin & Padding */

/* Start Border Radius */
.rounded-xs{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.rounded-s{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.rounded-m{-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.rounded-l{-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
.rounded-xl{-moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px;}
.rounded-full{-moz-border-radius: 999px; -webkit-border-radius: 999px; border-radius: 999px;}
.rounded-0{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
/* End Border Radius */

/* Start Alert */
.alert-message, .alert-notification{padding: 12px 12px 12px 16px; font-size: 16px; line-height: 24px; font-weight: 500;}
.alert-success, .alert-notification.alert-success, #toast-container>.toast-success{background-color: var(--success-75); border-left: 4px solid var(--success-400); color: var(--neutral-900);}
.alert-danger, .alert-notification.alert-danger, #toast-container>.toast-danger{background-color: var(--error-75); border-left: 4px solid var(--error-400);}
.alert-warning, .alert-notification.alert-warning, #toast-container>.toast-warning{background-color: var(--warning-75); border-left: 4px solid var(--warning-400);}
.alert-info, .alert-notification.alert-info, #toast-container>.toast-info{background-color: var(--info-75); border-left: 4px solid var(--info-400);}

.alert-notification{ position: relative; padding-left: 48px; padding-right: 38px;}
.alert-notification::before, .alert-notification-close{position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; display: block; background-position: 0 0; background-repeat: no-repeat; background-size: 100%;}
.alert-notification::before{content: ''; left: 12px;}
.alert-notification.alert-info::before, #toast-container>.toast-info{background-image: url(../images/icon/info.svg);}
.alert-notification.alert-success::before, #toast-container>.toast-success{background-image: url(../images/icon/success.svg);}
.alert-notification.alert-danger::before, #toast-container>.toast-danger{background-image: url(../images/icon/error.svg);}
.alert-notification.alert-warning::before, #toast-container>.toast-warning{background-image: url(../images/icon/warning.svg);}
.alert-notification-close{right: 12px; cursor: pointer; background-image: url(../images/icon/close.svg);}
.alert-notification-close:hover{opacity: 0.6;}
.alert-link{font-weight: 700; text-decoration: underline !important; color: inherit;}
.alert-link:hover{text-decoration: none !important;}

#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div{max-width: 500px; width: auto;}
#toast-container>div{opacity: 1; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 12px 38px 12px 48px; font-size: 16px; line-height: 24px; background-position: 12px center;}
.toast-close-button{position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; display: block; right: 12px; cursor: pointer; background: url(../images/icon/close.svg) 0 0 no-repeat !important; text-indent: -9999px;}
.toast-close-button:hover{opacity: 0.6;}
/* End Alert */

/* Start Nav Tab */
.nav-tab.nav{font-size: 16px; line-height: 20px; font-weight: 400; gap: 4px; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; overflow-x: auto;}
.nav-tab.nav a{color: var(--neutral-400); background: transparent; padding: 6px 8px; position: relative;}
.nav-tab.nav a:hover{color: var(--secondary-300);}
.nav-tab.nav a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px;}
.nav-tab.nav a:hover::after{background: var(--secondary-300);}
.nav-tab.nav a.active::after{height: 2px; background: var(--primary-300);}
.nav-tab.nav a.active{color: var(--primary-300); font-weight: 500; background: transparent;}
/* End Nav Tab */

/* Start Accordion */
.accordion-button{ -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
.accordion-item{border: none; background: var(--neutral-50); padding: 16px; -moz-border-radius: 16px !important; -webkit-border-radius: 16px !important; border-radius: 16px !important;}
.accordion-item:first-child{margin-top: 0;}
.accordion-button, .accordion-button:not(.collapsed){background: transparent !important; position: relative; padding: 0 72px 0 0; font-size: 18px; line-height: 32px; color: var(--neutral-600); font-weight: 500; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;}
.accordion-body{padding: 8px 0 0; font-size: 16px; line-height: 20px; color: var(--neutral-400);}
.accordion-button::after{border: none; position: absolute; right: 0; top: 0; height: 32px; width: 32px; background-size: 32px; background-image: url(../images/icon/faq-plus.svg) !important; background-repeat: no-repeat; background-position: center center;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/icon/faq-minus.svg) !important;}
/* End Accordion */

/* Start Custom Scroll */
.customScroll{ overflow: hidden; overflow-y: auto;}
.customScroll::-webkit-scrollbar{width: 4px; }
.customScrollH::-webkit-scrollbar {height: 4px;}
.customScroll::-webkit-scrollbar-thumb, .customScrollH::-webkit-scrollbar-thumb{background: var(--neutral-200);}
.customScroll::-webkit-scrollbar-thumb:hover {background: var(--neutral-500); }
.customScrollH{overflow-x: hidden; overflow-x: auto;}
/* End Custom Scroll */

/* Start Modal */
body.modal-open, .overflowHidden{overflow: hidden;}
.modal{display: none;}
.modal.show{display: block; background: rgba(26, 26, 26, 0.3) !important;}
.modal-backdrop.show{opacity: 1 !important; background: rgba(26, 26, 26, 0.3) !important;}
.modal-content{border: none; position: relative; padding: 24px;}
.modal-xxl{max-width: 1272px;}
.modal-xl{max-width: 1056px;}
.modal-lg{max-width: 832px;}
.modal-md{max-width: 672px;}
.modal-sm{max-width: 432px;}
/* End Modal */

/* Start Background and Text Color */
.text-neutral-400{color: var(--neutral-400);}
.text-neutral-500{color: var(--neutral-500);}
.text-neutral-600{color: var(--neutral-600);}
.text-neutral-900{color: var(--neutral-900);}
.text-primary-300{color: var(--primary-300);}
.text-secondary-300{color: var(--secondary-300);}
.text-secondary-400{color: var(--secondary-400);}
.text-success{color: var(--success-primary);}
.text-info-400{color: var(--info-400);}
/* End Background and Text Color */

/* Start Common */
.wrap { margin: 0 auto; max-width: 1556px; width: 100%; padding: 0 48px; }
.row-8{margin-left: -8px; margin-right: -8px;}
.row-12{margin-left: -12px; margin-right: -12px;}
.row-24{margin-left: -24px; margin-right: -24px;}
.row-8 [class*="col-"], .row-24 .row-8 [class*="col-"], .row-8 [class*="col-md-"], .row-8 [class*="col-sm-"]{padding-left: 8px; padding-right: 8px;}
.row-12 [class*="col-"], .row-12 [class*="col-md-"], .row-12 [class*="col-sm-"]{padding-left: 12px; padding-right: 12px;}
.row-24 [class*="col-"], .row-24 [class*="col-md-"], .row-24 [class*="col-sm-"]{padding-left: 24px; padding-right: 24px;}
.width-116{width: calc(100% + 16px); margin-left: -8px; margin-right: -8px;}

.last-p{padding-bottom: 0 !important;}
.bullet-list{padding-left: 20px;}
.bullet-list li{margin-top: 4px; list-style: disc;}
.bullet-list li:first-child{margin-top: 0;}

.backdrop{position:fixed; inset: 0; background:rgba(2,12,20,.45); opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease; z-index:8;}
.backdrop.show{opacity:1; visibility:visible;}
.content-header{padding-top: 120px;}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}