@font-face {
    font-family: 'Alexandria', galano_light;
    src: url("../fonts/en/GalanoClassicLight.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Alexandria', galano_regular;
    src: url("../fonts/en/GalanoClassicRegular.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Alexandria', galano_medium;
    src: url("../fonts/en/GalanoClassicMedium.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Alexandria', galano_semibold;
    src: url("../fonts/en/GalanoClassicSemiBold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Alexandria', galano_bold;
    src: url("../fonts/en/GalanoClassicBold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Alexandria';
    src: url('path/to/alexandria-font.woff2') format('woff2'),
         url('path/to/alexandria-font.woff') format('woff');
}
:root {
    --primary-color: #ff9700;
    --primary-light-color: #f7f3ee;
    --secondary-color: #033371;
    --white-color: #ffffff;
    --dark-color: #2a2728;
    --dark-light-color: #807972;
    --border-color: rgba(128, 121, 114, 0.5);
    --fs-xsmall: 10px;
    --fs-small: 12px;
    --fs-regular: 14px;
    --fs-medium: 16px;
    --fs-large: 18px;
    --fs-xlarge: 20px;
    --fw-li: Alexandria;
    --fw-rg: Alexandria;
    --fw-md: Alexandria;
    --fw-sb: Alexandria;
    --fw-bd: Alexandria;
}
.bg-primary-color {
    background-color: var(--primary-color);
}
.bg-primary-light-color {
    background-color: var(--primary-light-color);
}
.bg-secondary-color {
    background-color: var(--secondary-color);
}
.bg-white-color {
    background-color: var(--white-color);
}
.bg-dark-color {
    background-color: var(--dark-color);
}
.bg-dark-light-color {
    background-color: var(--dark-light-color);
}
.text-primary-color {
    color: var(--primary-color);
}
.hover-text-primary-color:hover {
    color: var(--primary-color);
}
.text-secondary-color {
    color: var(--secondary-color) !important;
}
.text-white-color {
    color: var(--white-color) !important;
}
.text-dark-color {
    color: var(--dark-color) !important;
}
.text-dark-light-color {
    color: var(--dark-light-color) !important;
}
.border-dark-color {
    border-color: var(--dark-color);
}
.border-light-color {
    border-color: rgba(217, 217, 217, 0.5) !important;
}
.fs-xsmall {
    font-size: var(--fs-xsmall);
}
.fs-small {
    font-size: var(--fs-small);
}
.fs-regular {
    font-size: var(--fs-regular);
}
.fs-medium {
    font-size: var(--fs-medium);
}
.fs-large {
    font-size: var(--fs-large);
}
.fs-xlarge {
    font-size: var(--fs-xlarge);
}
.lh-30 {
    line-height: 30px;
}
.label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-small);
    padding: 2px 13px;
    border-radius: 6px;
}
.label.label-light-primary {
    background-color: rgba(255, 151, 0, 0.15);
    color: var(--dark-color);
}
.label.label-light-primary:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.label.label-light-success {
    color: #1bc5bd;
    background-color: #c9f7f5;
}
.label.label-light-danger {
    color: #f64e60;
    background-color: #ffe2e5;
}
.label.label-primary {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.kt-notification .kt-notification__item {
    padding: 15px;
}
.kt-notification .kt-notification__item:hover {
    background-color: rgba(247, 243, 238, 0.7);
}
.kt-notification .kt-notification__item:not(:last-child) {
    border-bottom: 1px solid rgba(247, 243, 238, 0.7);
}
.icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon.icon-35 {
    width: 35px;
    height: 35px;
}
.icon.icon-circle {
    border-radius: 50%;
}
.icon.icon-border {
    border: 1px solid var(--border-color);
}
.icon.icon-border:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
    text-decoration: none;
}
.border-start {
    border-color: var(--border-color) !important;
}
.border-end {
    border-color: var(--border-color) !important;
}
hr {
    border-color: #d9d9d9;
}
.fw-li {
    font-family: 'Alexandria', sans-serif;
}
.fw-rg {
    font-family: 'Alexandria', sans-serif;
}
.fw-md {
    font-family: 'Alexandria', sans-serif;
}
.fw-sb {
    font-family: 'Alexandria', sans-serif;
}
.fw-bd {
    font-family: 'Alexandria', sans-serif;
}
.fw-bd {
    font-family: 'Alexandria', sans-serif;
}
.form-control::-moz-placeholder {
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.transition-300,
.nav-pills.nav-2 .nav-link::after,
.partner-item img,
.brand-item-2 .image-container img,
.brand-item-2 .image-container,
.brand-item .image-container img,
.brand-item .image-container,
.cat-item .image-container img,
.product-item .image-container .label,
.product-item .image-container img,
.hero .slick-dots li,
a,
.form-control::placeholder {
    transition: all 0.3s ease-in-out;
}
.list-seperated li:not(:last-child) a {
    position: relative;
}
.list-seperated li:not(:last-child) a::after {
    content: "-";
    /* display: inline-block; */
	display: none;
    margin-left: 0.5rem;
}
.btn,
.form-control {
    padding-top: 12px;
    padding-bottom: 12px;
}
.btn-md,
.form-control-md {
    padding-top: 14px;
    padding-bottom: 14px;
}
.btn-lg,
.form-control-lg {
    padding-top: 16px;
    padding-bottom: 16px;
}
.form-control.form-control-light:focus {
    background-color: var(--primary-light-color);
}
.form-check-input:focus {
    box-shadow: none;
}
.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
}
.form-check-input:checked[type="radio"] {
    background-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='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.upload-file {
    background-color: var(--primary-light-color);
    height: 62px;
    line-height: 52px;
    padding: 0.375rem 0.75rem;
    color: #666;
    position: relative;
}
.upload-file input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.btn-close {
    background-color: var(--primary-light-color);
    background-size: 10px;
    width: 0.4rem;
    height: 0.4rem;
}
.offcanvas-backdrop.show {
    opacity: 0.2;
}
.btn-primary-color {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.btn-primary-color:hover,
.btn-primary-color:focus {
    background-color: #e28701;
    color: var(--white-color);
}
.btn-secondary-color {
    background-color: var(--secondary-color);
    color: var(--white-color);
}
.btn-secondary-color:hover,
.btn-secondary-color:focus {
    background-color: #022553;
    color: var(--white-color);
}
.btn-light-danger {
    color: #f64e60;
    background-color: #ffe2e5;
}
.btn-light-danger:hover {
    background-color: #f64e60;
    color: #ffe2e5;
}
.form-control::-moz-placeholder {
    font-family: 'Alexandria', var(--fw-li);
}
.form-control::placeholder {
    font-family: 'Alexandria', var(--fw-li);
}
.form-control:focus {
    box-shadow: none;
    border-color: var(--dark-color);
}
.form-control:focus::-moz-placeholder {
    opacity: 0;
}
.form-control:focus::placeholder {
    opacity: 0;
}
.form-control-light {
    background-color: var(--primary-light-color);
}
.table > :not(caption) > * > * {
    background-color: rgba(0, 0, 0, 0);
}
.table-hover > tbody > tr:hover {
    background-color: var(--primary-light-color);
}
.table-custom {
    border-collapse: inherit;
    border-spacing: 0 1em;
}
.table-custom tr td,
.table-custom tr th {
    border-top: 1px solid rgba(112, 112, 112, 0.15);
    border-bottom: 1px solid rgba(112, 112, 112, 0.15);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.table-custom tr td:first-child,
.table-custom tr th:first-child {
    border-left: 1px solid rgba(112, 112, 112, 0.15);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.table-custom tr td:last-child,
.table-custom tr th:last-child {
    border-right: 1px solid rgba(112, 112, 112, 0.15);
    border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
tr[data-bs-toggle="modal"] {
    cursor: pointer;
}
.modal .modal-content {
    border: 0;
}
.modal-backdrop.show {
    opacity: 0.2;
}
.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.pt-80 {
    padding-top: 80px;
}
.pb-80 {
    padding-bottom: 80px;
}
.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.pt-40 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 40px;
}
.my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
body {
    font-family: 'Alexandria', var(--fw-rg);
    color: var(--dark-color);
}
a {
    text-decoration: none;
    color: var(--dark-light-color);
}
a:hover {
    color: var(--primary-color);
}
img {
    max-width: 100%;
}
strong {
    font-family: 'Alexandria', var(--fw-sb);
    font-weight: 400;
}
.subheader-container {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.background-cover-size {
    background-size: cover;
}
.background-contain-size {
    background-size: contain;
}
.nav-tabs {
    border-bottom-color: #d9d9d9;
}
.nav-tabs .nav-link {
    text-transform: uppercase;
    color: var(--dark-light-color);
    font-family: 'Alexandria', var(--fw-md);
    font-size: var(--fs-regular);
    border: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    margin-bottom: 0;
    color: var(--dark-color);
}
.nav-tabs .nav-link:first-child {
    padding-left: 0;
}
.topheader {
    font-size: var(--fs-xsmall);
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar .navbar-nav .nav-item .nav-link {
    font-size: var(--fs-regular);
    font-family: 'Alexandria', var(--fw-md);
    text-transform: uppercase;
    color: var(--dark-color);
}
.navbar .navbar-nav .nav-item .nav-link:hover {
    color: var(--primary-color);
}
.navbar-toggler {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    outline: 0;
    border-radius: 8px;
    color: var(--dark-light-color);
}
.navbar-toggler:focus {
    box-shadow: none;
}
.search-container {
    position: relative;
    z-index: 1;
}
.search-input {
    width: 0;
    transition: all 0.3s ease;
    position: absolute;
    right: -5px;
    border-radius: 25px;
    padding: 10px 15px;
    border: none;
    border: 1px solid var(--border-color);
    opacity: 0;
    z-index: -1;
    top: -8px;
}
.search-container.active .search-input {
    width: 400px;
    opacity: 1;
}
.menu-list li a {
    font-size: var(--fs-medium);
    padding: 15px 25px;
    display: block;
}
.menu-list li:not(:last-child) a {
    border-bottom: 1px solid rgba(247, 243, 238, 0.7);
}
footer {
    padding-top: 60px;
    position: relative;
}
footer h6 {
    font-size: 16px;
    font-family: 'Alexandria', var(--fw-sb);
    text-transform: uppercase;
    margin-bottom: 25px;
}
footer ul li {
    font-size: 13px;
    color: var(--dark-light-color);
    margin-bottom: 8px;
}
footer ul li a {
    font-size: 13px;
}
footer ul li a:hover {
    color: var(--dark-color);
    text-decoration: underline;
}
.scrollToTop {
    border-color: #b4b4b4;
    border-radius: 8px;
}
.scrollToTop:hover {
    background-color: var(--primary-light-color) !important;
    border-color: #b4b4b4;
}
.preloader {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    z-index: 9999;
}
.preloader.loaded {
    display: none;
}
.hero .item {
    padding-top: 200px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
    color: var(--white-color);
    min-height: 80vh;
}
.hero .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(102, 102, 102));
    opacity: 0.25;
    z-index: -1;
}
.hero .item h3 {
    font-size: 25px;
}
.hero .item .h1 {
    font-size: 45px;
    margin-bottom: 35px;
}
.hero .item .desc {
    position: relative;
    padding-left: 60px;
    margin-bottom: 35px;
}
.hero .item .desc::before {
    content: "";
    width: 35px;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 10px;
}
.hero .item .btn {
    padding: 10px 22px;
	border-radius: 20px !important;
}
.hero .slick-dots {
    list-style: none;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hero .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}
.hero .slick-dots li:not(:last-child) {
    margin-right: 5px;
}
.hero .slick-dots li button {
    display: none;
}
.hero .slick-dots li.slick-active,
.hero .slick-dots li:hover {
    background-color: #fff;
}
.multi-slider .item:not(:last-child) {
    margin-right: 15px;
}
.slick-arrow {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}
.product-item .image-container {
    overflow: hidden;
}
.product-item .image-container .label {
    opacity: 0;
    transform: translateY(-100px);
}
.product-item:hover .image-container img {
    transform: scale(1.1);
}
.product-item:hover .image-container .label {
    opacity: 1;
    transform: translateY(0);
}
.product-item .text-container h6 {
    height: 40px;
    overflow: hidden;
}
.cat-item {
    position: relative;
}
.cat-item .image-container {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.cat-item .image-container::before {
    content: "";
    opacity: 0.3;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
}
.cat-item .text-container {
    z-index: 3;
}
.cat-item .text-container a {
    padding: 12px 25px;
    color: var(--dark-color);
}
.cat-item:hover .image-container img {
    transform: scale(1.1);
}
.cat-item:hover .text-container a {
    background-color: var(--dark-color);
    color: var(--white-color);
}
.brand-item .image-container {
    display: block;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 30px 25px;
    text-align: center;
}
.brand-item .image-container img {
    filter: brightness(0) invert(1);
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
}
.brand-item .image-container:hover,
.brand-item .image-container.active {
    background-color: var(--white-color);
}
.brand-item .image-container:hover img,
.brand-item .image-container.active img {
    filter: none;
}
.brand-item-2 .image-container {
    display: block;
    background-color: var(--secondary-color);
    padding: 30px 25px;
    text-align: center;
}
.brand-item-2 .image-container img {
    filter: brightness(0) invert(1);
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
}
.brand-item-2 .image-container:hover,
.brand-item-2 .image-container.active {
    background-color: var(--primary-light-color);
}
.brand-item-2 .image-container:hover img,
.brand-item-2 .image-container.active img {
    filter: none;
}
.partner-item {
    display: block;
}
.partner-item img {
    filter: grayscale(80);
    opacity: 0.35;
}
.partner-item:hover img {
    filter: grayscale(0);
    opacity: 1;
}
.page-head {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: var(--primary-light-color);
    color: var(--dark-color);
    text-align: center;
}
.page-head .breadcrumb {
    margin: 0;
    justify-content: center;
    padding: 0;
}
.page-content {
    padding-top: 40px;
    padding-bottom: 40px;
}
.qtySelector {
    display: flex;
    background-color: var(--primary-light-color);
    padding-left: 10px;
    padding-right: 10px;
    width: 90px;
}
.qtySelector span {
    cursor: pointer;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 12px;
    color: #bbb;
}
.qtySelector span:hover {
    color: #000;
}
.qtySelector input {
    border: 0;
    height: 49px;
    text-align: center;
    width: 46px;
    background-color: #f6f6f6;
    font-size: 14px;
    font-weight: bold;
}
.nav-pills .nav-link {
    color: var(--dark-light-color);
    font-size: 18px;
}
.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {
    color: var(--primary-color);
    background-color: rgba(0, 0, 0, 0);
}
.nav-pills.nav-2 .nav-link {
    position: relative;
    display: flex;
    font-size: var(--fs-medium);
}
.nav-pills.nav-2 .nav-link::after {
    content: "";
    margin-left: auto;
    font-family: 'Alexandria', "Font Awesome 5 Free";
    font-weight: 900;
    opacity: 0;
}
.nav-pills.nav-2 .nav-link.active::after,
.nav-pills.nav-2 .nav-link:hover::after {
    opacity: 1;
}
.bootstrap-select > .dropdown-toggle {
    font-size: var(--fs-regular);
    background-color: var(--primary-light-color);
    border: 0;
}
.bootstrap-select .dropdown-menu li a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: var(--fs-small);
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0 !important;
}
.bootstrap-select > .form-control-md ~ .dropdown-toggle {
    padding-top: 14px;
    padding-bottom: 14px;
}
.bootstrap-select > .rounded-0 ~ .dropdown-toggle {
    border-radius: 0;
}
.bootstrap-select > .form-control-white ~ .dropdown-toggle {
    background-color: var(--white-color);
}
.bootstrap-select > .form-control-lg ~ .dropdown-toggle {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: var(--fs-regular);
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-color);
}
.bootstrap-select .dropdown-menu {
    padding: 0;
    background-color: var(--primary-light-color);
    border: 0;
}
.bootstrap-select .bs-ok-default:after {
    color: var(--primary-color);
}
.bootstrap-select .dropdown-item.active .bs-ok-default:after,
.bootstrap-select .dropdown-item:active .bs-ok-default:after {
    color: var(--white-color);
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 15px;
}
.pagination {
    justify-content: center;
    margin-top: 25px;
}
.pagination .page-item:not(:last-child) {
    margin-right: 14px;
}
.pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #666;
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link.active {
    background-color: var(--primary-light-color);
    border-color: var(--primary-light-color);
    color: var(--white-color);
}
.pagination.pagination-2 {
    justify-content: start;
}
.pagination.pagination-2 .page-item .page-link {
    width: auto;
    height: auto;
    background-color: var(--primary-light-color);
    color: #bbb;
    border-radius: 0.25rem;
    border-color: rgba(0, 0, 0, 0);
    padding: 0.75rem 1rem;
    line-height: normal;
}
.pagination.pagination-2 .page-item .page-link:hover,
.pagination.pagination-2 .page-item .page-link.active {
    background-color: var(--primary-color);
    color: var(--white-color);
}
.play-icon {
    position: relative;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    background-color: var(--white-color);
    color: var(--primary-light-color);
    display: block;
    z-index: 1;
}
.play-icon img {
    position: absolute;
    left: 0;
    right: -7px;
    margin: 0 auto;
    top: 30%;
}
.play-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 90px;
    width: 90px;
    background: var(--white-color);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.37;
}
.play-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 110px;
    width: 110px;
    background: var(--white-color);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.26;
    animation: pulse-white 2000ms ease-out infinite;
}
.accordion-item {
    margin-bottom: 15px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
}
.accordion-button {
    border: 1px solid var(--border-color);
    border-radius: 0 !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background-color: var(--secondary-color);
    color: var(--white-color);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data: image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' ><path d='M2 5L8 11L14 5' /></svg>");
}
@keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
.wizard > .content {
    background-color: rgba(0, 0, 0, 0);
    min-height: 0;
    margin: 0;
}
.wizard > .steps {
    display: none;
}
.wizard > .content > .body {
    width: 100%;
    position: inherit;
    padding: 0;
    height: auto;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active,
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background-color: rgba(0, 0, 0, 0);
    color: var(--text-color);
    padding: 1rem 1.5rem;
    color: var(--text-color);
    text-decoration: underline;
    border-radius: 0;
}
.wizard > .actions > ul {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    margin-top: 70px;
}
.wizard > .actions > ul > li:last-child,
.wizard > .actions > ul > li:nth-child(2) {
    margin-left: auto;
}
.wizard > .actions > ul > li:last-child a,
.wizard > .actions > ul > li:nth-child(2) a {
    background-color: var(--secondary-color);
    color: var(--white-color);
    min-width: 180px;
    text-align: center;
    text-decoration: none;
}
.wizard > .content > .body input.form-control-light {
    border: 0;
}
.wizard > .actions > ul > li:last-child a:hover,
.wizard > .actions > ul > li:nth-child(2) a:hover {
    background-color: #e28701;
    color: var(--white-color);
}
.wizard .iti__country-list {
    bottom: 100%;
}
@media (max-width: 767.99px) {
    .container {
        max-width: 100%;
    }
}
@media (max-width: 566.99px) {
    :root {
        --fs-xsmall: 10px;
        --fs-small: 12px;
        --fs-regular: 12px;
        --fs-medium: 14px;
        --fs-large: 16px;
        --fs-xlarge: 18px;
    }
    .pb-80 {
        padding-bottom: 50px;
    }
    .pt-80 {
        padding-top: 50px;
    }
    .py-80 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .mb-80 {
        margin-bottom: 50px;
    }
    .mt-80 {
        margin-top: 50px;
    }
    .my-80 {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .pb-40 {
        padding-bottom: 25px;
    }
    .pt-40 {
        padding-top: 25px;
    }
    .py-40 {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .mb-40 {
        margin-bottom: 25px;
    }
    .mt-40 {
        margin-top: 25px;
    }
    .my-40 {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    body {
        font-size: var(--fs-regular);
    }
    .hero .item h3 {
        font-size: 20px;
    }
    .hero .item .h1 {
        font-size: 32px;
    }
    .scrollToTop svg {
        width: 45px;
        height: 45px;
    }
    .search-container.active .search-input {
        width: 250px;
    }
}

.topheader .container {
    line-height: 30px;
	font-size: 16px;
}

span.material-symbols-outlined.fs-regular.align-top.me-1 {
    line-height: 30px;
	font-size: 16px;
}

.navbar .container {
    min-height: 85px;
}

.navbar-brand img {
    min-width: 270px;
}

ul.navbar-nav.align-items-center.me-auto.ms-4 {
    margin: 0 auto !important;
}

h3.title.text-uppercase.fw-bd.mb-4.pt-lg-5.text-md-start.text-center {
    padding-top: 0 !important;
}

.form-control-lg {
    border-radius: 50px !important;
    border: 1px solid orange;
}

button.rounded-0.btn.btn-lg.fs-medium.btn-primary-color.px-5.ms-2 {
    border-radius: 50px !important;
    border: 1px solid #9e9e9e;
}

:root {
    --primary-color: #033371;
    --secondary-color: #f79c00;
    --primary-light: #e6ecf7;  /* درجة فاتحة من الأزرق للخلفيات */
    --secondary-light: #fff1d9; /* درجة فاتحة من البرتقالي للخلفيات */
}

.bg-primary-color { background-color: var(--primary-color) !important; }
.bg-secondary-color { background-color: var(--secondary-color) !important; }
.bg-primary-light-color { background-color: var(--primary-light) !important; }
.bg-secondary-light-color { background-color: var(--secondary-light) !important; }

.text-primary-color { color: var(--primary-color) !important; }
.text-secondary-color { color: var(--secondary-color) !important; }

.btn-primary-color {
    background-color: var(--secondary-color) !important; /* البرتقالي هو الأساسي للأزرار */
    color: white !important;
    border: none !important;
}
.btn-primary-color:hover {
    background-color: #e08b00 !important; /* درجة أغمق قليلاً */
    color: white !important;
}

.btn-outline-primary-color {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}
.btn-outline-primary-color:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.border-primary-color { border-color: var(--primary-color) !important; }