@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --color-red: #D3212D;
    --color-red-dark: #B31B1B;
    --color-yellow: #FFDF00;
    --color-yellow-dark: #FFC40C;
    --color-green: #46AA2D;
    --color-black: #1d1d1b;
    --color-gray: #595469;
    --color-white: #ffffff;
    --color-white1: #f5f5f7;
    --color-white2: #eeeeee;
    --color-white3: #cccccc;
    --color-white4: #999999;
    --size-0: 0px;
    --size-1: 1px;
    --size-2: 2px;
    --size-3: 3px;
    --size-4: 4px;
    --size-5: 5px;
    --size-6: 6px;
    --size-7: 7px;
    --size-8: 8px;
    --size-9: 9px;
    --size-10: 10px;
    --size-11: 11px;
    --size-12: 12px;
    --size-13: 13px;
    --size-14: 14px;
    --size-15: 15px;
    --size-16: 16px;
    --size-17: 17px;
    --size-18: 18px;
    --size-19: 19px;
    --size-20: 20px;
    --size-21: 21px;
    --size-22: 22px;
    --size-23: 23px;
    --size-24: 24px;
    --size-25: 25px;
    --size-30: 30px;
    --size-35: 35px;
    --size-40: 40px;
    --size-45: 45px;
    --size-50: 50px;
    --size-55: 55px;
    --size-60: 60px;
    --size-70: 70px;
    --size-75: 75px;
    --size-80: 80px;
    --size-90: 90px;
    --size-100: 100px;
    --size-110: 110px;
    --size-120: 120px;
    --size-125: 125px;
    --size-130: 130px;
    --size-140: 140px;
    --size-150: 150px;
    --size-180: 180px;
    --size-200: 200px;
    --size-225: 225px;
    --size-250: 250px;
    --size-270: 270px;
    --size-300: 300px;
    --size-350: 350px;
}
body {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;color: var(--color-black);font-size: var(--size-16);line-height: 1.6;}
::selection {color: var(--color-white);background: var(--color-red);}
::-moz-selection {color: var(--color-white);background: var(--color-red);}
*:focus {outline: none!important;box-shadow: none!important;}
a {color: var(--color-red);text-decoration: none;transition: all 0.3s ease;}
a:focus,a:hover {color: var(--color-red-dark);}
h1,h2,h3,h4,h5,h6 {margin: var(--size-0);padding: var(--size-0);font-weight: 500;}
p {margin: var(--size-0);padding: var(--size-0);}
ul,ol,li {margin: var(--size-0);padding: var(--size-0);list-style: none;}
@media (max-width: 1199.98px) {
    body {font-size: var(--size-14);}
}
/* ==== general ==== */
.btn-primary {border: 0!important;background-color: var(--color-red);color: var(--color-white)!important;padding: var(--size-10) var(--size-25)!important;border-radius: 999px;transition: background-color 0.3s ease;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: var(--color-red-dark)!important;}
.btn-secondary {border: 0!important;background-color: var(--color-yellow);color: var(--color-black)!important;padding: var(--size-10) var(--size-24);border-radius: 999px;transition: background-color 0.3s ease;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background-color: var(--color-yellow-dark)!important;}
.btn-dark {border: 0!important;background-color: var(--color-black);color: var(--color-white)!important;padding: var(--size-10) var(--size-25)!important;border-radius: 999px;transition: background-color 0.3s ease;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {background-color: var(--color-gray)!important;}
.btn-outline-primary {border: var(--size-1) solid var(--color-red)!important;color: var(--color-red)!important;padding: var(--size-9) var(--size-25);border-radius: 999px;transition: background-color 0.3s ease;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {background-color: var(--color-red)!important;color: var(--color-white)!important}
.badge {border-radius: 999px;padding: var(--size-4) var(--size-8);}
.bg-primary {background-color: var(--color-red)!important;font-weight: 500;font-size: var(--size-10);padding: var(--size-3) var(--size-5);}
.bg-secondary {background-color: var(--color-red-dark)!important;font-weight: 500;}
.text-bg-primary {color: var(--color-white)!important;background-color: var(--color-red)!important;font-size: var(--size-11)!important;font-weight: 500;padding: var(--size-5) var(--size-15);}
.text-bg-secondary {color: var(--color-black)!important;background-color: var(--color-yellow)!important;font-size: var(--size-11)!important;font-weight: 500;padding: var(--size-5) var(--size-15);}
.text-bg-dark {color: var(--color-white)!important;background-color: var(--color-gray)!important;font-size: var(--size-11)!important;font-weight: 500;padding: var(--size-5) var(--size-15);}
.text-bg-success {color: var(--color-white)!important;background-color: var(--color-green)!important;font-size: var(--size-11)!important;font-weight: 500;padding: var(--size-5) var(--size-15);}
input, select, textarea {border: var(--size-1) solid var(--color-white3)!important;border-radius: var(--size-5)!important;}
input:focus, select:focus, textarea:focus {border: var(--size-1) solid var(--color-yellow-dark)!important;}
textarea {min-height: var(--size-100)!important;}
.form-check {margin-bottom: var(--size-7);}
.form-check-input {width: var(--size-20);height: var(--size-20);margin-right: var(--size-8);border-radius: var(--size-3)!important;}
.form-check-input[type=radio] {border-radius: 50%!important;cursor: pointer;}
.form-check-input:checked {background-color: var(--color-red);border-color: var(--color-red)!important;}
.note-editable {font-family: 'Poppins', sans-serif;}
.alert-success {background-color: var(--color-green);border: var(--size-0);color: var(--color-white);border-radius: var(--size-10);}
@media (max-width: 767.98px) {
    .btn-primary {font-size: var(--size-14);padding: var(--size-8) var(--size-20)!important;}
    .btn-dark {font-size: var(--size-14);padding: var(--size-9) var(--size-30);}
    .btn-dark svg {width: var(--size-18)!important;height: var(--size-18)!important;}
    .btn-outline-primary {font-size: var(--size-14);padding: var(--size-8) var(--size-30)!important;}
    input, select, textarea {font-size: var(--size-14)!important;}
    .form-check {margin-bottom: var(--size-5);}
    .form-check-input {width: var(--size-15);height: var(--size-15);margin-right: var(--size-5);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-primary {font-size: var(--size-14);padding: var(--size-9) var(--size-30)!important;}
    .btn-dark {font-size: var(--size-14);padding: var(--size-9) var(--size-30);}
    .btn-outline-primary {font-size: var(--size-14);padding: var(--size-8) var(--size-30)!important;}
    .form-check {margin-bottom: var(--size-7);}
    .form-check-input {width: var(--size-17);height: var(--size-17);margin-right: var(--size-7);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .btn-primary {font-size: var(--size-14);padding: var(--size-9) var(--size-24)!important;}
    .btn-dark {font-size: var(--size-14);padding: var(--size-9) var(--size-24);}
    .btn-outline-primary {font-size: var(--size-14);padding: var(--size-8) var(--size-23)!important;}
    input, select, textarea {font-size: var(--size-14)!important;}
}
/* ==== sizes ==== */
.mb-25 {margin-bottom: 25px;}
.mb-50 {margin-bottom: 50px;}
.mb-75 {margin-bottom: 75px;}
.mb-100 {margin-bottom: 100px;}
.mb-150 {margin-bottom: 150px;}
.mt-25 {margin-top: 25px;}
.mt-50 {margin-top: 50px;}
.mt-75 {margin-top: 75px;}
.mt-100 {margin-top: 100px;}
.mt-150 {margin-top: 150px;}

/* ==== header ==== */
/*
.header-event {padding: var(--size-10) var(--size-0);background-color: var(--color-white);-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);}
.header-event .logo img {width: var(--size-70);height: auto;}
.header-event .logo svg {color: var(--color-gray);stroke-width: 2;}
.header-event .user-access ul {text-align: end;}
.header-event .user-access ul>li {display: inline-block;}
.header-event .user-access img {width: var(--size-45);height: var(--size-45);border-radius: 50%;}
.header-event .user-access .btn-light {border: var(--size-0);padding: var(--size-0);background-color: var(--color-white);color: var(--color-black);}
.header-event .menu-bar .navbar {padding: var(--size-0);}
.header-event .menu-bar .bg-light {background-color: var(--color-white)!important;}
.header-event .menu-bar .nav-link {color: var(--color-gray);font-weight: 500;font-size: var(--size-16);padding: var(--size-5) var(--size-20);}
.header-event .menu-bar .nav-link:hover,
.header-event .menu-bar .nav-link:focus {color: var(--color-red);}
.header-event .menu-bar .text-bg-light {background-color: var(--color-white)!important;}
@media (max-width: 767.98px) {
    .header-event {padding: var(--size-10) var(--size-0);}
    .header-event .logo img {width: var(--size-50);height: auto;}
    .header-event .user-access img {width: var(--size-35);height: var(--size-35);}
    .header-event .menu-bar .nav-link {padding-left: var(--size-0);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .header-event {padding: var(--size-15) var(--size-0);}
    .header-event .logo img {width: var(--size-60);height: auto;}
}
*/

#Header {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;transition: top 0.3s ease;}
.header {padding: var(--size-10) var(--size-0);background-color: var(--color-white);-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);}
.header .logo img {width: var(--size-70);height: auto;}
.header .search-bar {border: var(--size-1) solid var(--color-white3);padding: var(--size-3);border-radius: 999px;}
.header .search-bar .input-group-text {border-radius: var(--size-20)!important;border: var(--size-0)!important;padding-right: var(--size-0);background-color: var(--color-white);}
.header .search-bar input {border-radius: var(--size-20)!important;border: var(--size-0)!important;}
.header .search-bar svg {width: var(--size-25);height: var(--size-25);color: var(--color-gray);}

.header .btn-link {color: var(--color-black);text-decoration: none;padding: var(--size-0);font-size: var(--size-16);font-weight: 500;}
.header .btn-link svg {width: var(--size-23);height: var(--size-23);stroke-width: 1.8;margin-right: var(--size-3);}
.header .menu-bar .menu-wrapper {position: relative;overflow: hidden;height: 100%;}
.header .menu-bar .menu-level {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 0.3s ease;}
.header .menu-bar .menu-level:not(.active) {transform: translateX(100%);}
.header .menu-bar .menu-level.active {transform: translateX(0);}
.header .menu-bar .offcanvas-header {padding: var(--size-30) var(--size-30) var(--size-0);}
.header .menu-bar .offcanvas-body {padding: var(--size-30);}
.header .menu-bar .offcanvas-title {font-size: var(--size-20);}
.header .menu-bar .offcanvas-title svg {width: var(--size-23);height: var(--size-23);margin-right: var(--size-3);}
.header .menu-bar ul>li {margin-bottom: var(--size-16);}
.header .menu-bar ul>li a {color: var(--color-black);}
.header .menu-bar ul>li a:hover,
.header .menu-bar ul>li a:focus {color: var(--color-red);}
.header .menu-bar ul>li svg {width: var(--size-20);height: var(--size-20);color: var(--color-red);stroke-width: 2.5;}


.header .user-auth {text-align: end;}
.header .user-auth .btn-light {border: var(--size-0);padding: var(--size-0);background-color: var(--color-white);color: var(--color-black);}
.header .user-auth .btn-light svg {width: var(--size-30);height: var(--size-30);stroke-width: 1.5;}
.header .user-auth .btn-light img {width: var(--size-45);height: var(--size-45);border-radius: 50%;}
.header .user-auth .btn-light p {font-size: var(--size-10);margin-top: var(--size-4);display: none;}
.header .user-auth .icon-normal {display: block;}
.header .user-auth .icon-active {display: none;}
.header .user-auth .active .icon-normal {display: none;}
.header .user-auth .active .icon-active {display: block;}

@media (max-width: 991.98px) {
    .header .search-bar svg {width: var(--size-20);height: var(--size-20);}
    .header .user-auth {position: fixed;right: 0;left: 0;bottom: 0;z-index: 1030;background-color: var(--color-white);padding: var(--size-10) var(--size-0);border-top: 1px solid var(--color-white1);}
    .header .user-auth {text-align: center;}
    .header .user-auth .btn-light p {display: block;}
    .header .user-auth .btn-light svg {width: var(--size-25);height: var(--size-25);stroke-width: 1.5;}
    .header .user-auth .btn-light img {width: var(--size-25);height: var(--size-25);}
}
@media (max-width: 575.98px) {
    .header .logo img {width: var(--size-45);height: auto;}
    .header .search-bar {padding: var(--size-2) var(--size-3);}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .header .logo img {width: var(--size-45);height: auto;}
    .header .search-bar {padding: var(--size-2) var(--size-3);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .header .logo img {width: var(--size-55);height: auto;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header .btn-link {font-size: var(--size-15);}
    .header .btn-link svg {width: var(--size-20);height: var(--size-20);stroke-width: 1.8;margin-right: var(--size-3);}
    .header .logo img {width: var(--size-55);height: auto;}
    .header .search-bar {padding: var(--size-2) var(--size-3);}
    .header .search-bar svg {width: var(--size-20);height: var(--size-20);}
    .header .user-auth .btn-light svg {width: var(--size-25);height: var(--size-25);stroke-width: 1.5;}
    .header .user-auth .btn-light img {width: var(--size-25);height: var(--size-25);}
}

/* ==== footer ==== */
.footer {padding: var(--size-70) var(--size-0) var(--size-90);}
.footer .logo img {height: var(--size-75);width: auto;}
.footer h3 {font-size: var(--size-20);margin-bottom: var(--size-20);}
.footer p {font-size: var(--size-14);}
.footer a {color: var(--color-black);}
.footer a:hover, .footer a:focus {color: var(--color-gray);}
.footer hr {opacity: 0.1;margin: var(--size-30) var(--size-0);}
.footer .btn-light {padding: var(--size-10) var(--size-20);color: var(--color-white)!important;background-color: var(--color-black)!important;border: var(--size-0)!important;}
.footer .btn-light:hover, .footer .btn-light:focus, .footer .btn-light:active {background-color: var(--color-red)!important;}
.footer ul.foot-links {margin-bottom: var(--size-20);}
.footer ul.foot-links li {margin-bottom: var(--size-9);}
.footer ul.foot-links li:last-child {margin-bottom: var(--size-0);}
.footer ul.app-icon li {display: inline-block;}
.footer ul.app-icon li svg {width: var(--size-20);height: var(--size-20);margin-right: var(--size-5);}
.footer ul.social-media {text-align: end;}
.footer ul.social-media li {display: inline-block;margin-left: var(--size-12);vertical-align: middle;}
.footer ul.social-media li:first-child {margin-left: var(--size-0);}
.footer ul.social-media svg {width: var(--size-30);height: var(--size-30);}
@media (max-width: 767.98px) {
    .footer {padding: var(--size-70) var(--size-0) var(--size-120);}
    .footer .logo {text-align: center;margin-bottom: var(--size-50);}
    .footer h3 {font-size: var(--size-16);}
    .footer p {font-size: var(--size-13);text-align: center;}
    .footer ul.app-icon {text-align: center;}
    .footer ul.social-media {text-align: center;margin-top: var(--size-30);}
    .footer ul.social-media svg {width: var(--size-25);height: var(--size-25);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer .logo {margin-bottom: var(--size-50);}
    .footer h3 {font-size: var(--size-16);}
    .footer ul.social-media svg {width: var(--size-25);height: var(--size-25);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer .logo img {height: var(--size-60);}
    .footer h3 {font-size: var(--size-16);}
    .footer ul.social-media svg {width: var(--size-25);height: var(--size-25);}
}

/* ==== event ==== */
.event-slider {background: url(../img/event/bg-01.jpg) center center no-repeat;background-size: cover;color: var(--color-white);padding: var(--size-70) var(--size-0);}
.event-slider h1 {font-size: var(--size-45);font-weight: 600;}
.event-slider h2 {font-size: var(--size-25);margin: var(--size-20) var(--size-0);}
.event-slider h3 {font-size: var(--size-35);}
.event-slider h4 {font-size: var(--size-20);}
.event-slider h5 {font-size: var(--size-16);}
.event-slider p {font-size: var(--size-14);margin-top: var(--size-10);}
.event-slider .info-box {border: var(--size-2) solid var(--color-white);border-radius: var(--size-15);position: relative;margin-bottom: var(--size-30);}
.event-slider .info-box .content-venue {padding: var(--size-15) var(--size-15) var(--size-15) var(--size-30);}
.event-slider .info-box .content-time {padding-left: var(--size-15);}
.event-slider .info-box .content-border {padding: var(--size-15);border-left: var(--size-2) solid var(--color-white);border-right: var(--size-2) solid var(--color-white);}
.event-slider .info-box .content-res {border-top: var(--size-0) solid var(--color-white);}
.event-slider .info-box .pin {position: absolute;top: 35%;left: -2.5%;}
.event-slider .info-box .pin svg {color: var(--color-red);background-color: var(--color-white);border-radius: 50%;padding: var(--size-5);width: var(--size-30);height: var(--size-30);}

.event-details {padding: var(--size-70) var(--size-0);}
.event-details h1 {font-size: var(--size-35);margin-bottom: var(--size-20);color: var(--color-red);}
.event-details h2 {font-size: var(--size-25);margin-bottom: var(--size-15);}
.event-details h3 {font-size: var(--size-20);margin-bottom: var(--size-15);}
.event-details h4 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.event-details h4 svg {width: var(--size-25);height: var(--size-25);margin-bottom: var(--size-0);color: var(--color-black);}
.event-details h5 {font-size: var(--size-18);color: var(--color-red);}
.event-details h6 {font-size: var(--size-19);font-weight: 300;line-height: var(--size-30);margin-bottom: var(--size-30);}
.event-details p {margin-bottom: var(--size-15);}
.event-details p span {font-weight: 500;}
.event-details ul {margin-bottom: var(--size-20);}
.event-details ul>li {position: relative;padding-left: var(--size-20);margin-bottom: var(--size-7);}
.event-details ul>li::before {content: "-";position: absolute;left: 0;color: var(--color-red);font-weight: 700;}
.event-details ul span {font-weight: 500;}
.event-details img {border-radius: var(--size-25);margin-bottom: var(--size-25);}
.event-details svg {width: var(--size-70);height: var(--size-70);color: var(--color-red);stroke-width: 1;margin-bottom: var(--size-20);}
.event-details-packages {background-color: var(--color-white1);}
.event-details-packages .package-list {border: var(--size-1) solid var(--color-white2);background-color: var(--color-white);padding: var(--size-30);border-radius: var(--size-15);}
.event-details-packages .package-list h1 {color: var(--color-red);font-weight: 600;}
.event-details-packages .package-list h2 {color: var(--color-red);}
.event-details-packages .package-list p {margin-bottom: var(--size-15);}
.event-details-packages .package-list ul {margin-bottom: var(--size-30);}
.event-details-schedule {position: relative;background-color: var(--color-red);color: var(--color-white);}
.event-details-schedule::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/event/bg-02.jpg') center center / cover no-repeat;opacity: 0.15;z-index: 1;}
.event-details-schedule * {position: relative;z-index: 2;}
.event-details-schedule h1 {color: var(--color-yellow);}
.event-details-schedule h3 svg {width: var(--size-30);height: var(--size-30);stroke-width: 1.5;margin-right: var(--size-2);margin-bottom: var(--size-0);color: var(--color-white);}
.event-details-schedule p span {color: var(--color-yellow);}
.event-details-schedule a {color: var(--color-white);}
.event-details-schedule ul>li::before {color: var(--color-yellow)!important;}
.event-details .step-box {border-left: var(--size-2) solid var(--color-black);padding-left: var(--size-20);margin-left: var(--size-10);margin-bottom: var(--size-15);}
.event-details .step-box ul {margin-bottom: var(--size-0);}
.event-details .step-box ul>li:last-child {margin-bottom: var(--size-0);}
.event-details-commitment {position: relative;background-color: var(--color-red);color: var(--color-white);}
.event-details-commitment::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/event/bg-03.jpg') center center / cover no-repeat;opacity: 0.5;z-index: 1;}
.event-details-commitment * {position: relative;z-index: 2;}
.event-details-commitment h1 {color: var(--color-yellow);}
.event-details .commitment-box {border: var(--size-1) solid var(--color-white);padding: var(--size-25) var(--size-20) var(--size-10);border-radius: var(--size-15);}
.event-details .commitment-box svg {color: var(--color-red);margin-bottom: var(--size-10);}
.event-details .commitment-box h3 {color: var(--color-white);}
.event-details .commitment-box .line {border-bottom: var(--size-2) solid var(--color-yellow);width: var(--size-20);margin-bottom: var(--size-15);}
.event-details .accordion-item {border: var(--size-0);}
.event-details .accordion-button {padding: var(--size-12) var(--size-0);font-size: var(--size-16);font-weight: 500;}
.event-details .accordion-button:not(.collapsed) {color: var(--color-red);background-color: var(--color-white);box-shadow: none;}
.event-details .accordion-body {padding: var(--size-10) var(--size-0) var(--size-0);}

.event-page-header {background-color: var(--color-red);color: var(--color-white);padding: var(--size-50) var(--size-0);}
.event-page-header h1 {font-size: var(--size-30);margin-bottom: var(--size-20);}
.event-page-header p {font-size: var(--size-18);}
.event-booking {padding: var(--size-50) var(--size-0);}
.event-booking .packages {margin-bottom: var(--size-30);}
.event-booking .packages label {display: inline-block;}
.event-booking .btn-light {border-color: var(--color-red);background-color: var(--color-white);padding: var(--size-10) var(--size-25);border-radius: var(--size-5);}
.event-booking .btn-light h2 {font-size: var(--size-20);color: var(--color-red);}
.event-booking .btn-light h3 {font-size: var(--size-16);margin: var(--size-10) var(--size-0) var(--size-5);color: var(--color-black);}
.event-booking .btn-light p {font-size: var(--size-14);color: var(--color-gray);}
.event-booking .btn-light:hover,
.event-booking .btn-light:focus {color: var(--color-red-dark);border-color: var(--color-red-dark);background-color: var(--color-white);}
.event-booking .btn-check:checked+.btn, 
.event-booking .btn.active, .btn.show, 
.event-booking .btn:first-child:active, 
.event-booking :not(.btn-check)+.btn:active {color: var(--color-white);border-color: var(--color-red);background-color: var(--color-red);padding: var(--size-10) var(--size-25);border-radius: var(--size-5);}
.event-booking .btn-check:checked+.btn h2, 
.event-booking .btn.active, .btn.show h2, 
.event-booking .btn:first-child:active h2, 
.event-booking :not(.btn-check)+.btn:active h2 {color: var(--color-white);}
.event-booking .btn-check:checked+.btn h3, 
.event-booking .btn.active, .btn.show h3, 
.event-booking .btn:first-child:active h3, 
.event-booking :not(.btn-check)+.btn:active h3 {color: var(--color-yellow);}
.event-booking .btn-check:checked+.btn p, 
.event-booking .btn.active, .btn.show p, 
.event-booking .btn:first-child:active p, 
.event-booking :not(.btn-check)+.btn:active p {color: var(--color-white);}
.event-booking h5 {font-size: var(--size-20);margin-bottom: var(--size-15);}
.event-booking h5 span {font-size: var(--size-16);font-weight: 400;}
.event-booking p {font-size: var(--size-15);color: var(--color-gray);}
.event-booking .banners img {border-radius: var(--size-15);margin-bottom: var(--size-20);}

.event-confirm {padding: var(--size-30) var(--size-0);}
.event-confirm h1 {color: var(--color-green);font-size: var(--size-30);margin-bottom: var(--size-10);}
.event-confirm h1 svg {width: var(--size-35);height: var(--size-35);}
.event-confirm h2 {color: var(--color-black);font-size: var(--size-30);margin-bottom: var(--size-10);}
.event-confirm h2 svg {width: var(--size-35);height: var(--size-35);}
.event-confirm h3 {font-size: var(--size-23);margin-bottom: var(--size-15);}
.event-confirm h4 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.event-confirm .info-box {background-color: var(--color-red);color: var(--color-white);padding: var(--size-30);border-radius: var(--size-15);margin: var(--size-40) var(--size-0);font-size: var(--size-18);}
.event-confirm ul {margin-bottom: var(--size-20);}
.event-confirm ul>li {position: relative;padding-left: var(--size-20);margin-bottom: var(--size-5);}
.event-confirm ul>li::before {content: "-";position: absolute;left: 0;color: var(--color-red);font-weight: 700;}
.event-confirm .summary {border: var(--size-1) solid var(--color-white3);padding: var(--size-20);border-radius: var(--size-15);}
.event-confirm .summary p {font-size: var(--size-15);margin-bottom: var(--size-7);}
.event-confirm .summary p span {font-weight: 500;}
.event-confirm .summary hr {border-top: var(--bs-border-width) dotted;}
.event-confirm .summary .qr {padding: var(--size-0) var(--size-70);}


@media (max-width: 575.98px) {
    .event-slider {padding: var(--size-50) var(--size-0);background-position: top left;}
    .event-slider h1 {font-size: var(--size-30);}
    .event-slider h2 {font-size: var(--size-20);}
    .event-slider h3 {font-size: var(--size-25);}
    .event-slider h4 {font-size: var(--size-18);}
    .event-slider h5 {font-size: var(--size-15);}
    .event-slider p {font-size: var(--size-12);}
    .event-slider .info-box .content-venue {padding-left: var(--size-15);}
    .event-slider .info-box .content-border {border-left: var(--size-0);border-right: var(--size-2) solid var(--color-white);}
    .event-slider .info-box .content-res {border-top: var(--size-2) solid var(--color-white);}
    .event-slider .info-box .pin {position: absolute;top: 42%;left: -4.5%;}
    .event-details {padding: var(--size-50) var(--size-0);}
    .event-details h1 {font-size: var(--size-25);}
    .event-details h2 {font-size: var(--size-18);}
    .event-details h3 {font-size: var(--size-16);}
    .event-details h4 {font-size: var(--size-16);}
    .event-details h5 {font-size: var(--size-16);}
    .event-details svg {width: var(--size-50);height: var(--size-50);}
    .event-details .accordion-button {font-size: var(--size-14);}
    .event-details-packages table .btn-primary {padding: var(--size-3) var(--size-7)!important;font-size: var(--size-11);font-weight: 500;}

    .event-page-header {padding: var(--size-40) var(--size-0);}
    .event-page-header h1 {font-size: var(--size-20);}
    .event-page-header p {font-size: var(--size-15);}
    .event-booking {padding: var(--size-30) var(--size-0);}
    .event-booking .btn-light {padding: var(--size-10) var(--size-10);}
    .event-booking .btn-light h2 {font-size: var(--size-18);}
    .event-booking .btn-light h3 {font-size: var(--size-16);}
    .event-booking .btn-light p {font-size: var(--size-11);}
    .event-booking .btn-check:checked+.btn, 
    .event-booking .btn.active, .btn.show, 
    .event-booking .btn:first-child:active, 
    .event-booking :not(.btn-check)+.btn:active {padding: var(--size-10) var(--size-10);}
    .event-booking h5 {font-size: var(--size-16);}
    .event-booking h5 span {font-size: var(--size-14);}
    .event-booking p {font-size: var(--size-14);}

    .event-confirm h1 {font-size: var(--size-20);}
    .event-confirm h1 svg {width: var(--size-25);height: var(--size-25);}
    .event-confirm h2 {font-size: var(--size-20);}
    .event-confirm h2 svg {width: var(--size-25);height: var(--size-25);}
    .event-confirm h3 {font-size: var(--size-18);}
    .event-confirm h4 {font-size: var(--size-15);}
    .event-confirm .info-box {font-size: var(--size-15);}
    .event-confirm .summary p {font-size: var(--size-14);}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .event-slider {padding: var(--size-50) var(--size-0);background-position: top left;}
    .event-slider h1 {font-size: var(--size-30);}
    .event-slider h2 {font-size: var(--size-20);}
    .event-slider h3 {font-size: var(--size-25);}
    .event-slider h4 {font-size: var(--size-18);}
    .event-slider h5 {font-size: var(--size-15);}
    .event-slider p {font-size: var(--size-12);}
    .event-slider .info-box .content-border {border-left: var(--size-0);border-right: var(--size-2) solid var(--color-white);}
    .event-slider .info-box .content-res {border-top: var(--size-2) solid var(--color-white);}
    .event-slider .info-box .pin {position: absolute;top: 35%;left: -3%;}
    .event-details {padding: var(--size-50) var(--size-0);}
    .event-details h1 {font-size: var(--size-25);}
    .event-details h2 {font-size: var(--size-18);}
    .event-details h3 {font-size: var(--size-16);}
    .event-details h4 {font-size: var(--size-16);}
    .event-details h5 {font-size: var(--size-16);}
    .event-details svg {width: var(--size-50);height: var(--size-50);}
    .event-details .accordion-button {font-size: var(--size-14);}
    .event-details-packages table .btn-primary {padding: var(--size-4) var(--size-14)!important;font-size: var(--size-12);font-weight: 500;}

    .event-page-header {padding: var(--size-40) var(--size-0);}
    .event-page-header h1 {font-size: var(--size-20);}
    .event-page-header p {font-size: var(--size-15);}
    .event-booking {padding: var(--size-30) var(--size-0);}
    .event-booking .btn-light {padding: var(--size-10) var(--size-25);}
    .event-booking .btn-light h2 {font-size: var(--size-18);}
    .event-booking .btn-light h3 {font-size: var(--size-16);}
    .event-booking .btn-light p {font-size: var(--size-11);}
    .event-booking .btn-check:checked+.btn, 
    .event-booking .btn.active, .btn.show, 
    .event-booking .btn:first-child:active, 
    .event-booking :not(.btn-check)+.btn:active {padding: var(--size-10) var(--size-25);}
    .event-booking h5 {font-size: var(--size-16);}
    .event-booking h5 span {font-size: var(--size-14);}
    .event-booking p {font-size: var(--size-14);}

    .event-confirm h1 {font-size: var(--size-20);}
    .event-confirm h1 svg {width: var(--size-25);height: var(--size-25);}
    .event-confirm h2 {font-size: var(--size-20);}
    .event-confirm h2 svg {width: var(--size-25);height: var(--size-25);}
    .event-confirm h3 {font-size: var(--size-18);}
    .event-confirm h4 {font-size: var(--size-15);}
    .event-confirm .info-box {font-size: var(--size-15);}
    .event-confirm .summary p {font-size: var(--size-14);}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .event-slider {padding: var(--size-60) var(--size-0);background-position: top left;}
    .event-slider h1 {font-size: var(--size-30);}
    .event-slider h2 {font-size: var(--size-20);}
    .event-slider h3 {font-size: var(--size-30);}
    .event-slider h4 {font-size: var(--size-18);}
    .event-slider h5 {font-size: var(--size-15);}
    .event-slider p {font-size: var(--size-12);}
    .event-slider .info-box .content-time {padding-left: var(--size-5);}
    .event-details {padding: var(--size-60) var(--size-0);}
    .event-details h1 {font-size: var(--size-30);}
    .event-details h2 {font-size: var(--size-20);}
    .event-details h3 {font-size: var(--size-18);}
    .event-details h4 {font-size: var(--size-18);}
    .event-details h5 {font-size: var(--size-18);}
    .event-details svg {width: var(--size-60);height: var(--size-60);}
    .event-details .accordion-button {font-size: var(--size-15);}

    .event-page-header h1 {font-size: var(--size-20);}
    .event-page-header p {font-size: var(--size-15);}
    .event-booking .btn-light {padding: var(--size-10) var(--size-25);}
    .event-booking .btn-light h2 {font-size: var(--size-18);}
    .event-booking .btn-light h3 {font-size: var(--size-16);}
    .event-booking .btn-light p {font-size: var(--size-11);}
    .event-booking .btn-check:checked+.btn, 
    .event-booking .btn.active, .btn.show, 
    .event-booking .btn:first-child:active, 
    .event-booking :not(.btn-check)+.btn:active {padding: var(--size-10) var(--size-25);}
    .event-booking h5 {font-size: var(--size-16);}
    .event-booking h5 span {font-size: var(--size-14);}
    .event-booking p {font-size: var(--size-14);}
    .event-booking label {display: block;}

    .event-confirm h1 {font-size: var(--size-20);}
    .event-confirm h1 svg {width: var(--size-25);height: var(--size-25);}
    .event-confirm h2 {font-size: var(--size-20);}
    .event-confirm h2 svg {width: var(--size-25);height: var(--size-25);}
    .event-confirm h3 {font-size: var(--size-18);}
    .event-confirm h4 {font-size: var(--size-15);}
    .event-confirm .info-box {font-size: var(--size-15);}
    .event-confirm .summary p {font-size: var(--size-15);}
}


/*
.table thead th {
    background-color: #f8f9fa;
    color: #333;
    font-weight: bold;
  }
  .table tbody tr:nth-child(odd) {
    background-color: #fdfdfd; 
  }
  .table tbody tr:nth-child(even) {
    background-color: #f7f7f7;
  }
  .table td, .table th {
    vertical-align: middle; 
    padding: 15px; 
  }
  .table td strong {
    color: #007bff; 
  }
*/  

/* ==== service ==== */
.service-header {background-color: var(--color-yellow);padding: var(--size-50) var(--size-70);border-radius: var(--size-15);}

.service-filter {padding: var(--size-50) var(--size-0);}
.service-filter .page-bar {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;word-wrap: break-word;margin-bottom: var(--size-20);}
.service-filter .page-bar::-webkit-scrollbar {display: none;}
.service-filter .page-bar a {display: flex;background-color: var(--color-white2);color: var(--color-black);margin-right: var(--size-10);padding: var(--size-10) var(--size-20);border-radius: 999px;}
.service-filter .page-bar a:hover,
.service-filter .page-bar a:focus,
.service-filter .page-bar a:active {background-color: var(--color-white3);}
.service-filter .page-bar a svg {width: var(--size-25);height: var(--size-25);padding-top: var(--size-3);margin-left: var(--size-3);}
.service-filter .dropdown-menu {padding: var(--size-15);}
.service-filter .dropdown-menu a {background-color: var(--color-white)!important;padding: var(--size-0);margin-bottom: var(--size-5);}
.service-filter .filter-select-list .badge {border-radius: var(--size-2);}


.services {padding: var(--size-50) var(--size-0);}
.services .service-card img {border-radius: var(--size-15);margin-bottom: var(--size-25);}
.services .service-card h1 {font-size: var(--size-18);color: var(--color-black);}
.services .service-card h2 {font-size: var(--size-15);font-weight: 400;line-height: var(--size-21);color: var(--color-gray);}
.services .service-card h3 {font-size: var(--size-15);font-weight: 600;color: var(--color-red);text-transform: uppercase;margin-bottom: var(--size-7);}
.services .service-card h4 {font-size: var(--size-18);color: var(--color-black);}
.services .service-card ul {margin: var(--size-4) var(--size-0);}
.services .service-card ul>li {display: inline-block;font-size: var(--size-14);vertical-align: middle;color: var(--color-gray);}
.services .service-card ul>li svg {width: var(--size-5);height: var(--size-5);margin: var(--size-0) var(--size-3);}
.services a:hover .service-card h1 {color: var(--color-red);}


/* ==== details ==== */
.detail-slider {margin-bottom: var(--size-50);}
.detail-slider .slider-wrapper {overflow: hidden;width: 100%;}
.detail-slider .slick-slider {margin: 0;padding: 0;width: 100%;overflow: visible;}
.detail-slider .slick-slider .slick-slide {padding: 0 var(--size-10);box-sizing: border-box;}
.detail-slider .slick-slider img {border-radius: var(--size-15);max-width: 100%;height: auto;}

.details-faq h2 {font-size: var(--size-40);margin-bottom: var(--size-10);}
.details-faq h3 {font-size: var(--size-16);font-weight: 400;margin-bottom: var(--size-20);}
.details-faq .accordion-button {padding: var(--size-10) var(--size-0);font-weight: 500;}
.details-faq .accordion-button:not(.collapsed) {color: var(--color-black);background-color: var(--color-white);}
.details-faq .accordion-body {padding: var(--size-10) var(--size-0) var(--size-20);}

.service-booking {
    padding: 40px 0;
    background-color: #f8f9fa;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

.service-booking .service-name {
    font-size: 1.8rem;
    font-weight: 600;
    color: #214889;
    margin-bottom: 10px;
}

.service-booking .short-description {
    font-size: 1rem;
    color: #555;
    margin-bottom: 20px;
}

.service-booking .ratings {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 20px;
}

.service-booking .ratings .stars {
    color: #f7b924;
    margin-right: 10px;
}

.package-selection label {
    font-size: 1rem;
    color: #333;
    margin-bottom: 5px;
    display: block;
}

.package-selection .form-control {
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
}

.book-now .btn-primary {
    background-color: #214889;
    color: #fff;
    padding: 10px 20px;
    font-size: 1rem;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.book-now .btn-primary:hover {
    background-color: #172b54;
}

.additional-info {
    padding: 60px 0;
    background-color: #f7f7f7;
}

.additional-info .section-title {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}

.additional-info .section-description {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 40px;
    color: #555;
}

.info-item {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.info-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.info-item .icon {
    margin-bottom: 15px;
}

.info-item .icon img {
    width: 50px;
    height: auto;
}

.info-item .info-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: #214889;
}

.info-item .info-description {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .info-item {
        margin-bottom: 20px;
    }
}

.reviews-ratings {
    padding: 60px 0;
    background-color: #f9f9f9;
}

.reviews-ratings .section-title {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}

.reviews-ratings .section-description {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 40px;
    color: #555;
}

.star-ratings {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.star-ratings .rating-score {
    font-size: 3rem;
    font-weight: 700;
    color: #214889;
}

.star-ratings .total-reviews {
    font-size: 0.9rem;
    color: #777;
    margin: 10px 0;
}

.star-ratings .stars {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.star {
    font-size: 2rem;
    color: #f7b924;
}

.star.half::after {
    content: "☆";
    position: absolute;
    color: #ddd;
}

.user-reviews {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.review {
    margin-bottom: 20px;
}

.review .user-name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.review .review-date {
    font-size: 0.85rem;
    color: #777;
    margin-bottom: 10px;
}

.review .review-text {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}




@media (max-width: 767.98px) {
    .detail-slider .slick-slider .slick-slide {padding: 0;}
}

/* ==== blogs ==== */
.blogs {padding: var(--size-70) var(--size-0);}
.blogs h1 {font-size: var(--size-25);margin-bottom: var(--size-20);}
.blogs .page-bar {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;word-wrap: break-word;margin-bottom: var(--size-35);}
.blogs .page-bar::-webkit-scrollbar {display: none;}
.blogs .page-bar a {display: flex;flex-direction: column;color: var(--color-black);text-align: center;margin-right: var(--size-5);border: var(--size-1) solid var(--color-white2);background-color: var(--color-white);padding: var(--size-5) var(--size-23);border-radius: 999px;}
.blogs .page-bar a:hover {background-color: var(--color-white2);}
.blogs .page-bar a.active {color: var(--color-white);border-color: var(--color-red);background-color: var(--color-red);}
.blogs .blog-list img {border-radius: var(--size-15);margin-bottom: var(--size-20);}
.blogs .blog-list h2 {font-size: var(--size-18);color: var(--color-black);margin: var(--size-10) var(--size-0);transition: all 0.3s ease}
.blogs .blog-list h3 {font-size: var(--size-16);color: var(--color-red);transition: all 0.3s ease}
.blogs .blog-list p {color: var(--color-gray);margin-bottom: var(--size-20);}
.blogs .blog-list:hover h2 {color: var(--color-gray);}
.blogs .blog-list:hover h3 {color: var(--color-gray);}
.blog-header {padding: var(--size-20) var(--size-0) var(--size-20);}
.blog-header h1 {font-size: var(--size-35);margin-bottom: var(--size-10);}
.blog-header .breadcrumb {margin-bottom: var(--size-10);font-size: var(--size-14);}
.blog-header ul li {display: inline-block;font-size: var(--size-14);margin-right: var(--size-10);color: var(--color-gray);}
.blog-header ul li:last-child {margin-right: var(--size-0);}
.blog-header ul svg {width: var(--size-20);height: var(--size-20);}
.blog-body h2 {font-size: var(--size-25);margin-bottom: var(--size-20);margin-top: var(--size-40);}
.blog-body h3 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.blog-body img {border-radius: var(--size-25);margin-bottom: var(--size-30);}
.blog-body p {margin-bottom: var(--size-20);}
.blog-body p span {font-weight: 500;}
.blog-body ul {margin-bottom: var(--size-20);}
.blog-body ul>li {position: relative;padding-left: var(--size-20);margin-bottom: var(--size-10);}
.blog-body ul>li::before {content: "-";position: absolute;left: 0;color: var(--color-red);font-weight: 700;}
.blog-body ul>li span {font-weight: 500;}
.blog-footer {padding: var(--size-20) var(--size-0) var(--size-20);}
@media (max-width: 767.98px) {
    .blogs .blog-list h2 {font-size: var(--size-15);margin: var(--size-7) var(--size-0);}
    .blogs .blog-list h3 {font-size: var(--size-14);}
    .blog-header h1 {font-size: var(--size-25);}
    .blog-header .breadcrumb {margin-bottom: var(--size-10);font-size: var(--size-13);}
    .blog-header ul li {font-size: var(--size-12);margin-right: var(--size-5);}
    .blog-header ul svg {width: var(--size-16);height: var(--size-16);}
    .blog-body h2 {font-size: var(--size-20);}
    .blog-body h3 {font-size: var(--size-16);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .blogs .blog-list h2 {font-size: var(--size-16);}
    .blogs .blog-list h3 {font-size: var(--size-15);}
    .blog-header h1 {font-size: var(--size-30);}
    .blog-body h2 {font-size: var(--size-21);}
    .blog-body h3 {font-size: var(--size-17);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .blogs .blog-list h2 {font-size: var(--size-16);}
    .blogs .blog-list h3 {font-size: var(--size-15);}
    .blog-header h1 {font-size: var(--size-30);}
    .blog-body h2 {font-size: var(--size-21);}
    .blog-body h3 {font-size: var(--size-17);}
}
/* ==== infos ==== */
.info-header {background-color: var(--color-red);position: relative;color: var(--color-white);padding: var(--size-100) var(--size-0) var(--size-50);overflow: hidden;}
.info-header .background-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0.2;z-index: 1;}
.info-header h1,
.info-header h2,
.info-header p,
.info-header .breadcrumb {position: relative;z-index: 2;}
.info-header h1 {font-size: var(--size-40);margin-bottom: var(--size-25);}
.info-header h2 {font-size: var(--size-25);margin-bottom: var(--size-10);}
.info-header p {margin-bottom: var(--size-20);}
.info-header .breadcrumb-item a {color: var(--color-white);}
.info-header .breadcrumb-item a:hover,
.info-header .breadcrumb-item a:focus {color: var(--color-yellow);}
.info-header .breadcrumb-item {color: var(--color-white);}
.info-content {padding: var(--size-70) var(--size-0);}
.info-content h2 {font-size: var(--size-30);margin-bottom: var(--size-20);}
.info-content h3 {font-size: var(--size-20);margin-bottom: var(--size-10);}
.info-content h5 {font-size: var(--size-16);color: var(--color-red-dark);font-weight: 400;margin-top: var(--size-30);line-height: var(--size-25);}
.info-content p {margin-bottom: var(--size-20);}
.info-content p span {font-weight: 500;}
.info-content img {border-radius: var(--size-25);}
.info-content ul {margin-bottom: var(--size-20);}
.info-content ul li {margin-bottom: var(--size-10);}
.info-content ul li span {font-weight: 500;}
.info-content ul.social-media li {display: inline-block;margin-left: var(--size-12);vertical-align: middle;}
.info-content ul.social-media li:first-child {margin-left: var(--size-0);}
.info-content ul.social-media a {color: var(--color-black);}
.info-content ul.social-media a:hover,
.info-content ul.social-media a:focus {color: var(--color-red);}
.info-content ul.social-media svg {width: var(--size-25);height: var(--size-25);}
.info-content .content-icon svg {width: var(--size-50);height: var(--size-50);color: var(--color-red);stroke-width: 1;margin-bottom: var(--size-20);}
.info-content .card-body {padding: var(--size-30) var(--size-30) var(--size-10);}
.info-content-box {background-color: var(--color-red);background-image: url('../img/bg-auth.png');background-size: cover;background-repeat: no-repeat;background-position: center center;color: var(--color-white);padding: var(--size-70) var(--size-0);}
.info-content-box h2 {font-size: var(--size-30);margin-bottom: var(--size-20);}
.info-content-box h3 {font-size: var(--size-20);margin-bottom: var(--size-10);}
.info-content-box h4 {font-size: var(--size-25);font-weight: 300;margin: var(--size-30) var(--size-0);}
.info-content-box p {margin-bottom: var(--size-20);}
.info-content .accordion-item {border: var(--size-0);}
.info-content .accordion-button {padding: var(--size-10) var(--size-0);color: var(--color-black);font-size: var(--size-16);}
.info-content .accordion-button:not(.collapsed) {background-color: var(--color-white);color: var(--color-black);box-shadow: none;}
.info-content .accordion-body {padding-top: var(--size-0);padding-left: var(--size-0);color: var(--color-gray);}
.legal-header {background-color: var(--color-red);background-image: url('../img/bg-auth.png');background-size: cover;background-repeat: no-repeat;background-position: center center;color: var(--color-white);text-align: center;padding: var(--size-50);}
.legal-header h1 {font-size: var(--size-40);}
.legal-content {padding: var(--size-70) var(--size-0);}
.legal-content h2 {font-size: var(--size-25);margin: var(--size-60) var(--size-0) var(--size-20);}
.legal-content h3 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.legal-content p {margin-bottom: var(--size-20);}
.legal-content p span {font-weight: 500;}
.legal-content ul {margin-bottom: var(--size-25);}
.legal-content ul>li {position: relative;padding-left: var(--size-20);margin-bottom: var(--size-10);}
.legal-content ul>li::before {content: "-";position: absolute;left: 0;color: var(--color-red);font-weight: 700;}
.legal-content ul>li span {font-weight: 500;}
@media (max-width: 767.98px) {
    .info-header {padding: var(--size-70) var(--size-0) var(--size-40);}
    .info-header h1 {font-size: var(--size-30);}
    .info-header h2 {font-size: var(--size-20);}
    .info-content {padding: var(--size-50) var(--size-0);}
    .info-content h2 {font-size: var(--size-20);}
    .info-content h3 {font-size: var(--size-16);}
    .info-content h5 {font-size: var(--size-14);}
    .info-content img {margin-bottom: var(--size-30);}
    .info-content ul.social-media {margin-bottom: var(--size-40);}
    .info-content ul.social-media li {margin-left: var(--size-7);}
    .info-content ul.social-media svg {width: var(--size-20);height: var(--size-20);}
    .info-content-box {padding: var(--size-50) var(--size-0);}
    .info-content-box h2 {font-size: var(--size-20);}
    .info-content-box h3 {font-size: var(--size-16);}
    .info-content-box h4 {font-size: var(--size-20);}
    .info-content .accordion-button {font-size: var(--size-15);}
    .legal-header {padding: var(--size-50);}
    .legal-header h1 {font-size: var(--size-25);}
    .legal-content {padding: var(--size-50) var(--size-0);}
    .legal-content h2 {font-size: var(--size-20);}
    .legal-content h3 {font-size: var(--size-16);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .info-header {padding: var(--size-70) var(--size-0) var(--size-40);}
    .info-header h1 {font-size: var(--size-35);}
    .info-header h2 {font-size: var(--size-25);}
    .info-content {padding: var(--size-60) var(--size-0);}
    .info-content h2 {font-size: var(--size-25);}
    .info-content h3 {font-size: var(--size-18);}
    .info-content h5 {font-size: var(--size-15);}
    .info-content img {margin-bottom: var(--size-30);}
    .info-content ul.social-media {margin-bottom: var(--size-50);}
    .info-content-box {padding: var(--size-50) var(--size-0);}
    .info-content-box h2 {font-size: var(--size-25);}
    .info-content-box h3 {font-size: var(--size-18);}
    .info-content-box h4 {font-size: var(--size-20);}
    .info-content .accordion-button {font-size: var(--size-15);}
    .legal-header {padding: var(--size-60);}
    .legal-header h1 {font-size: var(--size-30);}
    .legal-content {padding: var(--size-60) var(--size-0);}
    .legal-content h2 {font-size: var(--size-25);}
    .legal-content h3 {font-size: var(--size-18);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .info-header {padding: var(--size-80) var(--size-0) var(--size-40);}
    .info-header h1 {font-size: var(--size-35);}
    .info-header h2 {font-size: var(--size-25);}
    .info-content {padding: var(--size-60) var(--size-0);}
    .info-content h2 {font-size: var(--size-25);}
    .info-content h3 {font-size: var(--size-18);}
    .info-content h5 {font-size: var(--size-15);}
    .info-content-box {padding: var(--size-60) var(--size-0);}
    .info-content-box h2 {font-size: var(--size-25);}
    .info-content-box h3 {font-size: var(--size-18);}
    .info-content-box h4 {font-size: var(--size-20);}
    .legal-header h1 {font-size: var(--size-30);}
    .legal-content {padding: var(--size-60) var(--size-0);}
    .legal-content h2 {font-size: var(--size-25);}
    .legal-content h3 {font-size: var(--size-18);}
}
/* ==== accounts ==== */
.accounts {padding: var(--size-50) var(--size-0);}
.accounts h1 {font-size: var(--size-25);font-weight: 300;margin-bottom: var(--size-10);}
.accounts h1 svg {color: var(--color-red);width: var(--size-30);height: var(--size-30);}
.accounts h2 {font-size: var(--size-20);margin-bottom: var(--size-25);color: var(--color-red);}
.accounts h3 {font-size: var(--size-20);margin-bottom: var(--size-15);}
.accounts h4 {font-size: var(--size-16);margin-bottom: var(--size-5);}
.accounts h5 {font-size: var(--size-18);margin-bottom: var(--size-5);}
.accounts h6 {font-size: var(--size-18);}
.accounts p span {font-weight: 500;}
.accounts hr {margin: var(--size-25) var(--size-0);border-top: var(--size-1) solid var(--color-white2);opacity: 1;}
.accounts .log-out .btn-primary {width: 30%;}
.accounts .btn-light {border: var(--size-1) solid var(--color-white2);background-color: var(--color-white);text-align: center;width: 100%;height: 100%;}
.accounts .btn-light svg {width: var(--size-50);height: var(--size-50);stroke-width: 1;margin-bottom: var(--size-5);color: var(--color-red);}
.accounts .btn-light p {font-size: var(--size-12);color: var(--color-gray);}
.accounts .btn-light:hover {background-color: var(--color-white1);}
.accounts .btn-link {text-decoration: none;padding: var(--size-0);color: var(--color-red);}
.accounts .btn-link svg {width: var(--size-30);height: var(--size-30);stroke-width: 1.4;margin-right: var(--size-10);}
.accounts .alert h3 {font-size: var(--size-16);margin-bottom: var(--size-7);}
.accounts .alert p {font-size: var(--size-14);}
.accounts .picture-box img {border-radius: var(--size-15);}
.accounts .empty-box {padding: var(--size-30);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-5);text-align: center;}
.accounts .empty-box svg {width: var(--size-50);height: var(--size-50);stroke-width: 1;color: var(--color-gray);margin-bottom: var(--size-20);}
.accounts .empty-box h3 {font-size: var(--size-20);margin-bottom: var(--size-15);color: var(--color-gray);}
.accounts .empty-box p {color: var(--color-gray);}
.accounts .booking-details-box {padding: var(--size-20);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-5);margin-bottom: var(--size-10);}
.accounts .booking-details-box img {border-radius: var(--size-7);}
.accounts .booking-details-box h2 {color: var(--color-red);font-size: var(--size-20);margin-bottom: var(--size-10);}
.accounts .info-box {padding: var(--size-30);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-5);}
.accounts .info-box h4 {font-size: var(--size-16);margin: var(--size-30) var(--size-0) var(--size-15);}
.accounts .info-box p {margin-bottom: var(--size-15);}
.accounts .info-box ul {margin-bottom: var(--size-20);}
.accounts .info-box ul>li {position: relative;padding-left: var(--size-20);margin-bottom: var(--size-10);}
.accounts .info-box ul>li::before {content: "-";position: absolute;left: 0;color: var(--color-red);font-weight: 700;}
.accounts .info-box ul>li span {font-weight: 500;}
.accounts .info-box svg {width: var(--size-60);height: var(--size-60);stroke-width: 1;color: var(--color-gray);margin-bottom: var(--size-20);}
.accounts .search-box {margin-bottom: var(--size-15);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-5);padding: var(--size-3);}
.accounts .search-box input {border: var(--size-0)!important;padding-left: var(--size-0);}
.accounts .search-box .input-group-text {border: var(--size-0)!important;background-color: var(--color-white);}
.accounts .search-box svg {width: var(--size-20);height: var(--size-20);}
.accounts .page-header {margin-bottom: var(--size-50);}
.accounts .page-header h5 {text-align: center;font-size: var(--size-18);}
.accounts .page-header .btn-link {padding: 0;color: var(--color-gray);}
.accounts .page-header .btn-link:hover {color: var(--color-red)}
.accounts .page-header .btn-link svg {width: var(--size-30);height: var(--size-30);}
.accounts .page-header .page-icon {text-align: end;}
.accounts .page-header .page-icon svg {stroke-width: 1.5;width: var(--size-30);height: var(--size-30);}
.accounts .page-bar {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;word-wrap: break-word;margin-bottom: var(--size-35);}
.accounts .page-bar::-webkit-scrollbar {display: none;}
.accounts .page-bar a {display: flex;flex-direction: column;color: var(--color-black);text-align: center;margin-right: var(--size-10);border: var(--size-1) solid var(--color-white3);background-color: var(--color-white);padding: var(--size-5) var(--size-23);border-radius: 999px;}
.accounts .page-bar a:hover {background-color: var(--color-white1);}
.accounts .page-bar a.active {color: var(--color-white);border-color: var(--color-red);background-color: var(--color-red);}
.accounts .booking-list {padding: var(--size-10);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-10);margin-bottom: var(--size-10);transition: background-color 0.3s ease;}
.accounts .booking-list img {border-radius: var(--size-5);}
.accounts .booking-list h2 {font-size: var(--size-16);color: var(--color-black);margin-bottom: var(--size-3);}
.accounts .booking-list ul>li {color: var(--color-gray);display: inline-block;font-size: var(--size-14);}
.accounts .booking-list ul>li:last-child {margin-left: var(--size-10);}
.accounts a:hover .booking-list {background-color: var(--color-white1);}
.accounts .page-link {color: var(--color-black);padding: var(--size-0);margin: var(--size-0) var(--size-10);border: var(--size-0);background-color: var(--color-white);font-size: var(--size-18);font-weight: 500;}
.accounts .page-link svg {width: var(--size-20);height: var(--size-20);}
.accounts .page-link:hover,
.accounts .page-link:focus {color: var(--color-red);}
.accounts .active>.page-link, 
.accounts .page-link.active {color: var(--color-red);}
.accounts .page-item:not(:first-child) .page-link {margin-left: var(--size-10);}
.accounts .page-item:not(:last-child) .page-link {margin-right: var(--size-10);}
.accounts .page-details h3 {font-size: var(--size-20);margin-bottom: var(--size-15);}
.accounts .page-details img {border-radius: var(--size-15);}
.accounts .profile-picture {justify-content: center !important;display: flex;margin-bottom: var(--size-50);}
.accounts .profile-picture .picture {position: relative;width: var(--size-200);height: var(--size-200);}
.accounts .profile-picture .picture img {border-radius: 50%;}
.accounts .profile-picture .picture .icon {position: absolute;bottom: 0;right: var(--size-10);background-color: var(--color-white1);padding: var(--size-5) var(--size-0);border-radius: 50%;}
.accounts .profile-picture .picture .icon svg {width: var(--size-35);height: var(--size-35);stroke-width: 1.75;}
.accounts .profile-picture .modal-body {padding: var(--size-30);}
.accounts .profile-picture .modal-body input {border: 0px!important;background-color: var(--color-white1);}
.accounts .profile-picture .modal-body hr {margin: var(--size-20) var(--size-0);}
.accounts .profile-picture .modal-body .form-text {color: var(--color-gray);}
.accounts .address {padding: var(--size-20) var(--size-30);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-5);margin-bottom: var(--size-10);}
.accounts .address svg {width: var(--size-18);height: var(--size-18);color: var(--color-red);}
.accounts .address p {color: var(--color-gray);font-size: var(--size-15);}
.accounts .address ul {margin-top: var(--size-5);}
.accounts .address ul>li {display: inline-block;font-size: var(--size-15);}
.accounts .address ul>li:first-child {margin-right: var(--size-10);}
.accounts iframe {margin-bottom: var(--size-30);border-radius: var(--size-15);}
.accounts .list-group .list-group-item {padding: var(--size-20) var(--size-20);}
.accounts .list-group h5 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.accounts .list-group h6 {font-size: var(--size-14);font-weight: 400;color: var(--color-gray);}
.accounts .list-group p {font-size: var(--size-15);}
.accounts .list-group p span {font-weight: 500;}
.accounts .list-group .disabled h5,
.accounts .list-group .disabled h6,
.accounts .list-group .disabled p {opacity: 0.5;}
.accounts a .support-link {padding: var(--size-25);border-radius: var(--size-10);background-color: var(--color-red);height: 100%;transition: background-color 0.3s ease;}
.accounts a .support-link svg {width: var(--size-50);height: var(--size-50);stroke-width: 1;color: var(--color-white);margin-bottom: var(--size-20);}
.accounts a .support-link h5 {color: var(--color-white);margin-bottom: var(--size-10);}
.accounts a .support-link p {color: var(--color-white);font-size: var(--size-14);}
.accounts a:hover .support-link {background-color: var(--color-red-dark);}
.accounts .logout {padding: var(--size-50) var(--size-0);}
.accounts .logout h2 {font-size: var(--size-30);margin-bottom: var(--size-20);}
.accounts .logout p {margin-bottom: var(--size-20);}

@media (max-width: 991.98px) {
    .accounts {padding: var(--size-30) var(--size-0);}
    .accounts h1 {font-size: var(--size-16);}
    .accounts h1 svg {width: var(--size-25);height: var(--size-25);}
    .accounts h2 {font-size: var(--size-16);}
    .accounts h3 {font-size: var(--size-16);}
    .accounts h4 {font-size: var(--size-14);}
    .accounts h5 {font-size: var(--size-16);}
    .accounts h6 {font-size: var(--size-16);}
    .accounts p span {font-weight: 500;}
    .accounts hr {margin: var(--size-25) var(--size-0);border-top: var(--size-1) solid var(--color-white2);opacity: 1;}
    .accounts .log-out .btn-primary {width: 100%;}
    .accounts .btn-light svg {width: var(--size-40);height: var(--size-40);}
    .accounts .btn-light p {font-size: var(--size-10);}
    .accounts .btn-link {text-decoration: none;padding: var(--size-0);color: var(--color-red);}
    .accounts .btn-link svg {width: var(--size-30);height: var(--size-30);stroke-width: 1.4;margin-right: var(--size-10);}
    .accounts .alert h3 {font-size: var(--size-14);}
    .accounts .alert p {font-size: var(--size-12);line-height: var(--size-16);}
    .accounts .picture-box img {border-radius: var(--size-10);}
    .accounts .empty-box h3 {font-size: var(--size-17);}
    .accounts .empty-box p {font-size: var(--size-12);}
    .accounts .booking-details-box h2 {font-size: var(--size-18);}
    .accounts .info-box h4 {font-size: var(--size-15);}
    .accounts .page-header {margin-bottom: var(--size-30);}
    .accounts .page-header h5 {font-size: var(--size-16);margin-bottom: var(--size-0);}
    .accounts .page-header .btn-link svg {width: var(--size-30);height: var(--size-30);}
    .accounts .page-header .page-icon svg {width: var(--size-25);height: var(--size-25);}
    .accounts .page-bar {margin-bottom: var(--size-30);}
    .accounts .page-bar a {padding: var(--size-5) var(--size-20);font-size: var(--size-14);}
    .accounts .booking-list {border-radius: var(--size-10);}
    .accounts .booking-list img {border-radius: var(--size-7);}
    .accounts .booking-list h2 {font-size: var(--size-13);}
    .accounts .booking-list ul>li {display: block;font-size: var(--size-12);}
    .accounts .booking-list ul>li:last-child {margin-left: var(--size-0);}
    .accounts .page-link {color: var(--color-black);padding: var(--size-0);margin: var(--size-0) var(--size-10);border: var(--size-0);background-color: var(--color-white);font-size: var(--size-18);font-weight: 500;}
    .accounts .page-link svg {width: var(--size-20);height: var(--size-20);}
    .accounts .page-link:hover,
    .accounts .page-link:focus {color: var(--color-red);}
    .accounts .active>.page-link, 
    .accounts .page-link.active {color: var(--color-red);}
    .accounts .page-item:not(:first-child) .page-link {margin-left: var(--size-10);}
    .accounts .page-item:not(:last-child) .page-link {margin-right: var(--size-10);}
    .accounts .profile-picture .picture {position: relative;width: var(--size-150);height: var(--size-150);}
    .accounts .address p {font-size: var(--size-13);}
    .accounts .list-group h5 {font-size: var(--size-15);}
    .accounts .list-group h6 {font-size: var(--size-12);}
    .accounts .list-group p {font-size: var(--size-13);}
    .accounts a .support-link svg {width: var(--size-40);height: var(--size-40);margin-bottom: var(--size-10);}
    .accounts a .support-link p {font-size: var(--size-12);}
    .accounts .logout {padding: var(--size-30) var(--size-0);}
    .accounts .logout h2 {font-size: var(--size-20);}

}
@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {
    .accounts .booking-list ul>li {display: inline-block;}
    .accounts .booking-list ul>li:last-child {margin-left: var(--size-10);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .accounts .log-out .btn-primary {width: 40%;}
    .accounts .booking-list h2 {font-size: var(--size-15);}
    .accounts .booking-list ul>li {display: inline-block;font-size: var(--size-13);}
    .accounts .booking-list ul>li:last-child {margin-left: var(--size-10);}
    .accounts .empty-box h3 {font-size: var(--size-18);}
    .accounts .empty-box p {font-size: var(--size-14);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .accounts h1 {font-size: var(--size-20);}
    .accounts h2 {font-size: var(--size-18);}
    .accounts h3 {font-size: var(--size-18);}
    .accounts h5 {font-size: var(--size-16);}
    .accounts .log-out .btn-primary {width: 35%;}
    .accounts .btn-light svg {width: var(--size-45);height: var(--size-45);}
    .accounts .btn-light p {font-size: var(--size-12);}
    .accounts .booking-list h2 {font-size: var(--size-15);}
    .accounts .booking-list ul>li {display: inline-block;font-size: var(--size-13);}
    .accounts .empty-box h3 {font-size: var(--size-18);}
    .accounts .empty-box p {font-size: var(--size-14);}
    .accounts .page-header {margin-bottom: var(--size-30);}
    .accounts .page-header h5 {font-size: var(--size-16);margin-bottom: var(--size-0);}
    .accounts .page-header .btn-link svg {width: var(--size-30);height: var(--size-30);}
    .accounts .page-header .page-icon svg {width: var(--size-25);height: var(--size-25);}
    .accounts .profile-picture .picture {width: var(--size-150);height: var(--size-150);}
    .accounts .address p {font-size: var(--size-14);}
    .accounts .list-group h5 {font-size: var(--size-15);}
    .accounts .list-group h6 {font-size: var(--size-12);}
    .accounts .list-group p {font-size: var(--size-13);}
    .accounts .logout h2 {font-size: var(--size-20);}
}
/* ==== business ==== */
.biz-icons {padding: var(--size-50) var(--size-0);text-align: center;}
.biz-icons .btn-light {padding: var(--size-0);border: var(--size-0);background-color: var(--color-white)!important;transition: all 0.3s ease!important;}
.biz-icons .btn-light svg {color: var(--color-red);margin-bottom: var(--size-5);width: var(--size-45);height: var(--size-45);stroke-width: 1;}
.biz-icons .btn-light p {font-size: var(--size-12);color: var(--color-gray);}
.biz-icons .btn-light:hover svg {color: var(--color-red-dark);}
.biz-icons .btn-light:hover p {color: var(--color-red-dark);}

.biz {padding: var(--size-30) var(--size-0);}


/* ==== admin ==== */
.admin-icon {padding: var(--size-50) var(--size-0);}
.admin-icon {text-align: center;}
.admin-icon .btn-light {padding: var(--size-0);border: var(--size-0);background-color: var(--color-white)!important;transition: all 0.3s ease!important;}
.admin-icon .btn-light svg {color: var(--color-red);margin-bottom: var(--size-5);width: var(--size-45);height: var(--size-45);stroke-width: 1;}
.admin-icon .btn-light p {font-size: var(--size-12);color: var(--color-gray);}
.admin-icon .btn-light:hover svg {color: var(--color-red-dark);}
.admin-icon .btn-light:hover p {color: var(--color-red-dark);}
.admin {padding: var(--size-30) var(--size-0);}
.admin .page-header {margin-bottom: var(--size-30);}
.admin .page-header h5 {text-align: center;font-size: var(--size-16);color: var(--color-gray);}
.admin .page-header .btn-link {padding: 0;color: var(--color-red);text-decoration: none;}
.admin .page-header .btn-link:hover {color: var(--color-red-dark)}
.admin .page-header .btn-link svg {width: var(--size-30);height: var(--size-30);stroke-width: 1.25;margin-right: var(--size-10);}
.admin .page-header .page-icon {text-align: end;}
.admin .page-header .page-icon svg {width: var(--size-30);height: var(--size-30);stroke-width: 1.5;color: var(--color-gray);}
.admin .page-bar {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;word-wrap: break-word;margin-bottom: var(--size-35);padding-top: var(--size-10);}
.admin .page-bar::-webkit-scrollbar {display: none;}
.admin .page-bar a {display: flex;flex-direction: column;color: var(--color-black);text-align: center;margin-right: var(--size-10);border: var(--size-1) solid var(--color-white3);background-color: var(--color-white1);padding: var(--size-5) var(--size-23);border-radius: 999px;}
.admin .page-bar a:hover {background-color: var(--color-white3);}
.admin .page-bar a.active {color: var(--color-white);border-color: var(--color-red);background-color: var(--color-red);}
.admin .page-bar a.active:hover {background-color: var(--color-red-dark);}
.admin .page-bar .dropdown-item {text-align: start;border: 0;background-color: var(--color-white)!important;padding: var(--size-3) var(--size-20);}
.admin .page-bar .dropdown-item:hover {color: var(--color-red);}
.admin .page-bar .dropdown-menu .active {color: var(--color-red);}
.admin .page-info {margin-bottom: var(--size-30);}
.admin .page-info .info-box {border: var(--size-1) solid var(--color-white2);text-align: center;padding: var(--size-30);border-radius: var(--size-15);}
.admin .page-info .info-box h1 {font-size: var(--size-30);color: var(--color-red);}
.admin .page-info .info-box h5 {font-size: var(--size-18);margin-bottom: var(--size-10);}

.admin .page-details {margin-bottom: var(--size-30);}
.admin .page-details h1 {font-size: var(--size-25);margin-bottom: var(--size-20);color: var(--color-red);}
.admin .page-details h2 {font-size: var(--size-20);margin-bottom: var(--size-20);}
.admin .page-details h3 {font-size: var(--size-16);margin-bottom: var(--size-5);}
.admin .page-details hr {opacity: 0.1;margin: var(--size-25) var(--size-0);}
.admin .page-details .form-text {font-size: var(--size-12);}
.admin .page-details .svg-icon svg {color: var(--color-red);width: var(--size-30);height: var(--size-30);stroke-width: 1.5;}
.admin .page-details table th {font-weight: 500;}
.admin .page-details table img {height: var(--size-40);width: auto;}
.admin .page-details table svg {width: var(--size-40);height: var(--size-40);stroke-width: 1.25;color: var(--color-red);}
.admin .page-details .page-link {color: var(--color-black);}
.admin .page-details .page-item:first-child .page-link {border-top-left-radius: var(--size-5);border-bottom-left-radius: var(--size-5);}
.admin .page-details .page-item:last-child .page-link {border-top-right-radius: var(--size-5);border-bottom-right-radius: var(--size-5);}
.admin .page-details div.dataTables_wrapper div.dataTables_info {font-size: var(--size-14);}
.admin .page-details div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top: var(--size-10)!important;}
.admin .page-details .active>.page-link, 
.admin .page-details .page-link.active {color: var(--color-white);background-color: var(--color-red);border-color: var(--color-red);}
.admin .page-details .btn-link {padding: var(--size-0);color: var(--color-black);text-decoration: none;}
.admin .page-details .btn-link svg {width: var(--size-25);height: var(--size-25);}
.admin .page-details .btn-link:hover,
.admin .page-details .btn-link:focus,
.admin .page-details .btn-link:active {color: var(--color-red);}
.admin .page-details .dropdown-item {color: var(--color-black);background-color: var(--color-white);}
.admin .page-details .dropdown-item:hover {color: var(--color-red);}
.admin .page-details .modal-header {padding: var(--size-15) var(--size-20) var(--size-0)!important;background-color: var(--color-white1);display: block;}
.admin .page-details .modal-header .modal-title {font-size: var(--size-16);}

.admin .page-details .modal-header .nav-pills .nav-link {color: var(--color-black);padding: var(--size-0) var(--size-0) var(--size-10);border-bottom: var(--size-2) solid transparent;border-radius: var(--size-0);margin-right: var(--size-25);font-size: var(--size-15);}
.admin .page-details .modal-header .nav-pills .nav-link svg {width: var(--size-25);height: var(--size-25);stroke-width: 1.5;margin-right: var(--size-3);}
.admin .page-details .modal-header .nav-pills .nav-link.active, 
.admin .page-details .modal-header .nav-pills .show>.nav-link {background-color: transparent;border-color: var(--color-red);color: var(--color-red);}

.admin .page-details .modal-body {padding: var(--size-20)!important;}
.admin .page-details .modal-title {font-size: var(--size-18);font-weight: 500;}
.admin .page-details .modal-body .input-group {background-color: var(--color-white1);padding: var(--size-5);border-radius: 999px;}
.admin .page-details .modal-body .input-group input {border: var(--size-0)!important;border-radius: var(--size-10)!important;background-color: var(--color-white1);}
.admin .page-details .modal-body .input-group-text {border: var(--size-0)!important;border-radius: var(--size-10)!important;padding-right: var(--size-1);background-color: var(--color-white1);}
.admin .page-details .modal-body .btn {padding: var(--size-0);border-radius: var(--size-0);}
.admin .page-details .modal-body .btn-check:checked+.btn, 
.admin .page-details .modal-body .btn.active, 
.admin .page-details .modal-body .btn.show, 
.admin .page-details .modal-body .btn:first-child:active, 
.admin .page-details .modal-body :not(.btn-check)+.btn:active {border: var(--size-2) solid var(--color-red);}
.admin .page-details .modal-body ul>li {position: relative;padding-left: var(--size-20);margin-bottom: var(--size-5);}
.admin .page-details .modal-body ul>li::before {content: "-";position: absolute;left: 0;color: var(--color-red);font-weight: 700;}

.admin .page-details .modal h3 {font-size: var(--size-18);margin-bottom: var(--size-15);color: var(--color-gray);}
.admin .page-details .modal h6 {font-size: var(--size-16);margin-bottom: var(--size-15)!important;}
.admin .page-details .modal h6 span {float: right;font-weight: 400;color: var(--color-gray);width: 60%;}
.admin .page-details .modal .img-thumbnail {height: var(--size-100);width: auto;margin-bottom: var(--size-10);}
.admin .page-details .card-header {background-color: var(--color-white);border-radius: var(--size-5);}
.admin .page-details .gallery {position: relative;}
.admin .page-details .gallery img {border-radius: var(--size-15);}
.admin .page-details .gallery svg {padding: var(--size-5);width: var(--size-35);height: var(--size-35);color: var(--color-white);}
.admin .page-details .gallery .action {position: absolute;background-color: var(--color-red);border-radius: var(--size-14);bottom: 0;right: 0;}

.admin .page-details .info-box {padding: var(--size-40);text-align: center;border: var(--size-1) solid var(--color-white3);border-radius: var(--size-5);}
.admin .page-details .info-box h2 {font-size: var(--size-25);margin-bottom: var(--size-30);}
.admin .page-details .ticket-list {border: var(--size-1) solid var(--color-white3);padding: var(--size-15) var(--size-20);border-radius: var(--size-5);margin-bottom: var(--size-5);transition: all 0.3s ease}
.admin .page-details .ticket-list:hover {background-color: var(--color-white1);}
.admin .page-details .ticket-list p {color: var(--color-black);}
.admin .page-details .ticket-list h3 {font-size: var(--size-16);color: var(--color-black);font-weight: 400;}
.admin .page-details .ticket-list .badge {font-size: var(--size-12)!important;font-weight: 500;border: 0px;border-radius: var(--size-3);}
.admin .page-details .ticket-list .text-bg-dark {background-color: var(--color-gray)!important;}

.admin .ticket-details {border: var(--size-1) solid var(--color-white2);padding: var(--size-30);border-radius: var(--size-15);margin-bottom: var(--size-15);}
.admin .ticket-details img {border-radius: 50%;}
.admin .ticket-details h3 {font-size: var(--size-18);border-bottom: var(--size-1) solid var(--color-white3);padding-bottom: var(--size-15);margin-bottom: var(--size-15);}
.admin .ticket-details .text-secondary {color: var(--color-gray)!important;font-size: var(--size-14)!important;}
.admin .ticket-details .badge {font-size: var(--size-12)!important;font-weight: 500;border: 0px;border-radius: var(--size-3);}
.admin .ticket-reply {background-color: var(--color-white1);padding: var(--size-25);border-radius: var(--size-15);margin-bottom: var(--size-10);}
.admin .ticket-reply-form {margin-top: var(--size-30);}
.admin .ticket-reply-form h2 {font-size: var(--size-25);margin-bottom: var(--size-15);}
.admin .ticket-reply-form svg {width: var(--size-30);height: var(--size-30);}

.admin .booking-list {padding: var(--size-15);border: var(--size-1) solid var(--color-white3);border-radius: var(--size-15);margin-bottom: var(--size-10);transition: background-color 0.3s ease;}
.admin .booking-list img {border-radius: var(--size-10);}
.admin .booking-list h4 {font-size: var(--size-18);color: var(--color-black);}
.admin .booking-list p {font-size: var(--size-14);color: var(--color-gray);}
.admin .booking-list p svg {width: var(--size-18);height: var(--size-18);}

.admin .booking-list ul {margin: var(--size-3) var(--size-0);}
.admin .booking-list ul>li {color: var(--color-gray);display: inline-block;font-size: var(--size-14);}
.admin .booking-list ul>li span {margin: var(--size-0) var(--size-3);font-size: var(--size-14);color: var(--color-red);}
.admin .booking-list svg {width: var(--size-18);height: var(--size-18);}
.admin a:hover .booking-list {background-color: var(--color-white1);}

@media (max-width: 767.98px) {
    .admin-icon .btn-light svg {width: var(--size-35);height: var(--size-35);stroke-width: 1.25;}
    .admin .page-header {margin-bottom: var(--size-25);}
    .admin .page-header h5 {font-size: var(--size-16);}
    .admin .page-header .btn-link svg {stroke-width: 1.5;width: var(--size-25);height: var(--size-25);}
    .admin .page-header .page-icon svg {stroke-width: 1.5;width: var(--size-25);height: var(--size-25);}
    .admin .page-info .info-box h1 {font-size: var(--size-25);}
    .admin .page-info .info-box h5 {font-size: var(--size-16);}
    .admin .page-details .dropdown-item {font-size: var(--size-14);}
    .admin .booking-list {padding: var(--size-12);}
    .admin .booking-list img {border-radius: var(--size-10);}
    .admin .booking-list h4 {font-size: var(--size-16);}
    .admin .booking-list ul>li {font-size: var(--size-14);}

    .admin .ticket-list h3 {font-size: var(--size-14);}
    .admin .ticket-details {padding: var(--size-20);}
    
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .admin .page-header {margin-bottom: var(--size-20);}
    .admin .page-header h5 {font-size: var(--size-16);}
    .admin .page-header .btn-link svg {stroke-width: 1.5;width: var(--size-25);height: var(--size-25);}
    .admin .page-header .page-icon svg {stroke-width: 1.5;width: var(--size-25);height: var(--size-25);}
    .admin .page-info .info-box h1 {font-size: var(--size-25);}
    .admin .page-info .info-box h5 {font-size: var(--size-16);}
    .admin .booking-list h4 {font-size: var(--size-16);}
    .admin .booking-list ul {margin-bottom: var(--size-10);}
    .admin .booking-list ul>li {font-size: var(--size-14);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .admin .page-header {margin-bottom: var(--size-20);}
    .admin .page-header h5 {font-size: var(--size-16);}
    .admin .page-header .btn-link svg {stroke-width: 1.5;width: var(--size-25);height: var(--size-25);}
    .admin .page-header .page-icon svg {stroke-width: 1.5;width: var(--size-25);height: var(--size-25);}
    .admin .page-info .info-box h1 {font-size: var(--size-25);}
    .admin .page-info .info-box h5 {font-size: var(--size-16);}
    .admin .booking-list h4 {font-size: var(--size-16);}
    .admin .booking-list ul>li {font-size: var(--size-14);}
}


@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) and (max-width: 1399.98px) {}
@media (min-width: 1400px) {}