:root {
    --blue: #000045;
    --yellow: #FFEB33;
    --white: #FFFFFF;
    --black: #3E454E;
    --gray: #8492A6;
    --gold: #FFD600;
    --light: #F8F9FC;
    --dark: #202942;
    --disabled: #ADB5BD;
    --border: rgba(62, 69, 78, 0.26);
}

@font-face {
    font-family: Lato;
    src: url(../../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat.ttf);
}

@font-face {
    font-family: Nunito;
    src: url(../../fonts/Nunito-VariableFont_wght.ttf);
}

body {
    font-family: "Lato",Arial,sans-serif !important;
}

i {
    font-family:unicons-line !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat",Arial,sans-serif !important;
}


/*Common*/
.fw-500 { font-weight: 500;}

.f-12 { font-size: 12px !important;}
.f-14 { font-size: 14px !important;}
.f-16 { font-size: 16px !important;}
.f-18 { font-size: 18px !important;}
.f-20 { font-size: 20px !important;}
.f-32 { font-size: 32px !important;}
.f-48 { font-size: 48px !important;}

.txt-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.txt-overflow-1 { -webkit-line-clamp: 1; /* number of lines to show */}
.txt-overflow-2 { -webkit-line-clamp: 2; /* number of lines to show */}
.txt-overflow-3 { -webkit-line-clamp: 3; /* number of lines to show */}
.txt-overflow-4 { -webkit-line-clamp: 4; /* number of lines to show */}

.b-1-solid { border: 1px solid var(--border);}
.b-2-solid { border: 2px solid var(--border);}

.w-max {
    width: max-content;
    width: -moz-max-content;
}

.w-40px { width: 40px;}
.w-100px { width: 100px;}
.m-w-100px { width: 100px;}
.w-120px { width: 120px;}
.m-w-120px { min-width: 120px;}
.w-160px { width: 160px;}
.m-w-160px { min-width: 160px;}

.h-48px { height: 48px;}
.h-50px { height: 50px;}

.h-100vh { height: 100vh;}

.mb-100 { margin-bottom: 100px;}
.my-100 { margin: 100px 0;}

.py-60 { padding-top: 60px; padding-bottom: 60px;}
.py-100 { padding-top: 100px; padding-bottom: 100px;}
/*Common*/

/*Colors Change*/
a.text-primary:hover, a.text-primary:focus {
    color: var(--blue) !important;
}

.black-text { color: var(--black);}
.gray-text { color: var(--gray)}
.yellow-text { color: var(--yellow)}
.disabled-text { color: var(--disabled);}
footer .text-foot { color: var(--blue);}

.border-danger-1 { border: 1px solid #ff6647 !important;}

.bg-black { background-color: var(--black) !important}
.bg-yellow { background-color: var(--yellow);}
.bg-primary { background-color: var(--blue) !important;}

#preloader #status .spinner .double-bounce1 {
    opacity: 1;
    background-color: var(--yellow) !important;
}

#preloader #status .spinner .double-bounce2 {
    opacity: 1;
    background-color: var(--blue) !important;
}

::selection {
    color: var(--blue) !important;
    background: var(--yellow) !important;
}

.tns-nav button {
    background: var(--disabled) !important;
}

.text-primary, .btn-soft-primary, .btn-outline-primary, .alert-outline-primary, .breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item.active, .accordion .accordion-item .accordion-button:after, .apps-links:hover .icon, #topnav .has-submenu.active .submenu li.active > a, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active, #topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a, #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a, #topnav .has-submenu.active a, #navmenu-nav li.active a, #navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link, .feature.feature-primary .icons i, .feature.feature-primary .title:hover, .feature.feature-primary .link, .feature.feature-primary .btn-soft, .key-feature.feature-primary .icon, .blog.blog-primary .title:hover, .blog.blog-primary .link, .nft-items.nft-item-primary .content .title:hover, .nft-items.nft-item-primary .content .author .name:hover, .nft-creator.nft-creator-primary .content .author .name:hover, .nft-creator.nft-creator-primary .bg-soft, .nft-creator.nft-creator-primary .read-more:hover, .nft-collection.nft-col-primary .content .author .name:hover, .nft-collection.nft-col-primary .content .title:hover, .nft-collection.nft-col-primary .content .bg-soft {
    color: var(--blue) !important;
}

.tns-controls button[data-controls="prev"]:hover, .tns-controls button[data-controls="next"]:hover {
    color: var(--blue);
    background: var(--yellow);
}

.tns-nav button.tns-nav-active {
    border-color: var(--blue) !important;
    background-color: var(--blue) !important;
}

.bg-footer {
    background-color: var(--yellow) !important;
}
/*Colors Change*/

/*Components*/
.transparent-label {
    color: transparent !important;
}

.transparent-label::selection {
    color: transparent !important;
    background: transparent !important;
}

.table-action-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: none;
}

.btn-custom, .btn {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    min-height: 56px !important;
    font-size: 16px !important;
    font-weight: 500;
    box-shadow: none !important;
}

.btn-primary {
    color: var(--yellow) !important;
    border: 1px solid var(--blue) !important;
    background-color: var(--blue) !important;
    box-shadow: none !important;
}

.btn-primary-white, .btn-primary-white:hover, .btn-primary-white:active, .btn-primary-white:focus {
    color: var(--white) !important;
    border: 1px solid var(--blue) !important;
    background-color: var(--blue) !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: var(--yellow) !important;
    border: 1px solid var(--black) !important;
    background-color: var(--black) !important;
    box-shadow: none !important;
}

.btn-group-sm>.btn, .btn-sm {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: max-content;
    min-height: 42px !important;
    font-size: 14px !important;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 5px;
    box-shadow: none !important;
}

.btn-group-sm>.btn:hover, .btn-sm:hover,
.btn-group-sm>.btn:active, .btn-sm:active,
.btn-group-sm>.btn:focus, .btn-sm:focus {
    box-shadow: none !important;
}

.btn-outline-primary {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: var(--blue) !important;
    /*min-height: 56px !important;*/
    font-size: 16px !important;
    border: 2px solid var(--blue) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.btn-secondary {
    color: var(--blue) !important;
    border: 1px solid var(--yellow) !important;
    background-color: var(--yellow) !important;
    box-shadow: none !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--yellow) !important;
    border: 2px solid var(--blue) !important;
    background-color: var(--blue) !important;
    box-shadow: none !important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    color: var(--blue) !important;
    border: 1px solid var(--gold) !important;
    background-color: var(--gold) !important;
    box-shadow: none !important;
}

.back-to-top-btn {
    position: fixed;
    z-index: 1000;
    bottom: 102px;
    right: 40px;
}

.back-to-top-btn .back-to-top {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
/*Components*/

/*Navbar*/
#topnav {
    max-width: 100vw;
    z-index: 1001 !important;
    background: linear-gradient(to bottom, white, #ffffff00);
    /*background: linear-gradient(to bottom, white, #ffffffa1, #ffffff00);*/
}

.secondary-layout #topnav {
    box-shadow: 0 0 3px rgb(62 69 78 / 15%);
}

#topnav .logo {
    min-height: 68px !important;
}

#topnav .logo .l-light, #topnav .logo .logo-light-mode {
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}

#topnav .navigation-menu *,
#topnav .navigation-menu *:hover,
#topnav .navigation-menu *:active,
#topnav .navigation-menu *:focus {
    color: var(--blue) !important;
}

#topnav .navigation-menu.nav-light > li > a {
    color: var(--blue) !important;
    font-size: 16px;
    text-transform: capitalize;
}

#topnav .navigation-menu.nav-light > li:hover > a {
    color: var(--blue) !important;
}

#topnav .navigation-menu.nav-light > li:hover > .menu-arrow {
    border-color: var(--blue) !important;
}

#topnav .navigation-menu.nav-light > li > a:hover,
#topnav .navigation-menu.nav-light > li > a:active,
#topnav .navigation-menu.nav-light > li > a:focus {
    color: var(--blue) !important;
}

#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow,
#topnav .navigation-menu > li:hover > .menu-arrow,
#topnav .navigation-menu.nav-light .has-submenu .menu-arrow,
#topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
    border-color: var(--blue) !important;
}

#topnav .navigation-menu > li .submenu li a {
    text-transform: capitalize;
}

#topnav .navigation-menu.nav-light > li.active > a {
    color: var(--blue) !important;
}
/*Navbar*/

/*Hero Section*/

/*.hero-section::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0,0,0, 0.4);*/
/*}*/

.hero-section .container {
    z-index: 2;
}

.bg-home {
    height: unset;
    min-height: 100vh;
    padding: 10px 0;
}

.title-heading .para-desc {
    font-weight: 500;
}

/*Widget*/
.hero-widget .nav-tabs .nav-link {
    color: var(--black);
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
    border: none;
    border-radius: 0;
    background-color: #E1E1E1;
}

.hero-widget .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--blue);
    background-color: var(--white);
}

.widget-input-flag {
    position: absolute;
    display: block;
    bottom: 12px;
    left: 15px;
    width: 32px;
    height: 32px;
    /*border-radius: 50%;*/
    overflow: hidden;
}

.widget-input-flag img {
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.widget-currency-input {
    text-align: right;
    padding-left: 50px;
}

.hero-widget .star-rate {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.hero-widget .star-rate .rate {
    border: none;
    outline: none;
    margin: 0;
    -webkit-appearance: none;
}

.star-rate-list svg {
    fill: var(--yellow);
}

.hero-widget .star-rate .rate:nth-of-type(odd)::after {
    background-position: right top;
    margin-right: 5px;
}

.hero-widget .star-rate .rate::after {
    content: '';
    display: block;
    width: 12px;
    height: 26px;
    transition: all .2s;
    background-repeat: no-repeat;
    background-size: 200%;
    /*background-image: url("data:image/svg+xml,%3Csvg t='1567649986763' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1101' width='200' height='200'%3E%3Cpath fill='%231A8ED3' d='M277.8 932c-12.3 0-24.5-3.9-35-11.5-18.5-13.4-27.6-35.8-23.7-58.3l37.1-216.3c1.5-8.4-1.4-17.1-7.5-23L91.5 469.6c-16.4-16-22.2-39.4-15.1-61.1 7.1-21.7 25.5-37.3 48.1-40.6l217.2-31.6c8.5-1.2 15.8-6.6 19.6-14.2l97.1-196.8C468.6 104.7 489.1 92 512 92s43.4 12.7 53.5 33.2L662.6 322c3.8 7.7 11.1 13 19.6 14.2l217.2 31.6c22.6 3.3 41.1 18.8 48.1 40.6 7.1 21.7 1.3 45.2-15.1 61.1L775.3 622.8c-6.1 6-8.9 14.6-7.5 23l7 40.6c1.6 9.1-4.6 17.8-13.7 19.4-9.1 1.6-17.8-4.6-19.4-13.7l-7-40.6c-3.3-19.3 3.1-39.1 17.1-52.8L909 445.5c7.3-7.1 9.7-17 6.6-26.7-3.1-9.6-11-16.3-21-17.7l-217.2-31.6c-19.4-2.8-36.2-15-44.9-32.6l-97.1-196.8c-4.5-9.1-13.2-14.5-23.3-14.5-10.1 0-18.9 5.4-23.3 14.5L391.5 337c-8.7 17.6-25.5 29.8-44.9 32.6l-217.2 31.6c-10 1.5-17.9 8.1-21 17.7-3.1 9.6-0.7 19.6 6.6 26.7l157.2 153.2c14.1 13.7 20.5 33.4 17.1 52.8L252.2 868c-1.7 10 2.2 19.5 10.4 25.5s18.5 6.7 27.4 2l194.3-102.1c17.4-9.1 38.1-9.1 55.5 0L734 895.3c9 4.7 19.2 4 27.4-2s12.1-15.5 10.4-25.5l-6.3-36.5c-1.6-9.1 4.6-17.8 13.7-19.4 9.2-1.6 17.8 4.6 19.4 13.7l6.3 36.5c3.9 22.5-5.2 44.9-23.7 58.3-18.5 13.4-42.6 15.2-62.8 4.5l-194.3-102c-7.6-4-16.6-4-24.2 0L305.6 925.1c-8.8 4.6-18.3 6.9-27.8 6.9z' p-id='1102'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg class='grayscale-full' height='1em' viewBox='0 -10 511.98685 511' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0' fill='%23C1C1C1'%3E%3C/path%3E%3C/svg%3E");
}
/*Widget*/
/*Hero Section*/

/*Tagline*/
.tagline {
    position: sticky;
    position: -webkit-sticky;
    top: 72px;
    padding: 6px 0;
    margin-top: 0;
    background-color: #4a4a4a;
}

.tagline p {
    color: var(--white);
}

.find-branch-announcement .tagline {
    position: relative !important;
    top: 74px !important;
}

.announcement-btn {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: var(--white) !important;
    min-width: fit-content;
    max-height: 42px;
    font-size: 16px !important;
    border: 2px solid var(--white) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.announcement-btn:hover,
.announcement-btn:active,
.announcement-btn:focus {
    color: var(--blue) !important;
    border: 2px solid var(--white) !important;
    background-color: var(--white) !important;
}
/*Tagline*/

/*Forms*/
.form-label {
    color: var(--black);
    font-size: 16px;
}

.form-select, input.form-control {
    height: 56px;
    min-height: 56px;
    font-size: 14px;
    border: 1px solid var(--border);
    box-shadow: none;
}

.form-select:placeholder-shown, input.form-control:placeholder-shown,
.form-select::placeholder, input.form-control::placeholder {
    color: var(--gray);
}

.form-select:focus, input.form-control:focus {
    border-color: var(--blue) !important;
    outline: 0;
    box-shadow: none;
}

input[type="search"]:focus {
    border-color: var(--border) !important;
}

.form-check-input.form-check-input:checked {
    border-color: var(--blue) !important;
    background-color: var(--blue) !important;
}
/*Forms*/

/*Our Services*/
.services-card .services-card-icon {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--yellow);
}

.services-card .services-card-icon svg {
    fill: var(--blue) !important;
}
/*Our Services*/

/*FAQ*/
.accordion .accordion-item .accordion-button:not(.collapsed) {
    color: var(--black) !important;
}

.accordion .accordion-item .accordion-button {
    padding-left: 40px;
    padding-right: 20px;
}

.accordion .accordion-item .accordion-button:after {
    right: unset;
    left: 6px;
}

.accordion .accordion-item .accordion-button.collapsed:after {
    right: unset;
    left: 16px;
}

.accordion .accordion-item .accordion-body {
    padding: 0 20px 20px 40px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid var(--border);
}
/*FAQ*/

/*Footer*/
footer .footer-list li a:hover {
    color: var(--blue);
}

.social-icon li a {
    color: var(--yellow);
    width: unset;
    height: unset;
    font-size: 26px;
    line-height: 1px;
    border: 1px solid transparent;
}

.social-icon li a:hover {
    color: var(--black) !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

.social-icon.foot-social-icon li a {
    color: var(--blue);
    border-color: transparent;
}

footer.footer-border-top, footer .footer-border-top {
    border-top: 1px solid transparent;
}

.footer-bottom {
    background-color: var(--blue);
}
/*Footer*/

/*Currency Wizard Form*/
.currency-wizard-form .currency-wizard-progress {
    padding: 10px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.currency-wizard-form .currency-wizard-progress li.active {
    font-size: 16px;
    font-weight: 600;
}

.currency-wizard-form .currency-wizard-progress li.active span {
    background-color: var(--yellow);
}

.currency-wizard-form .currency-wizard-progress li span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--blue);
    width: 48px;
    height: 48px;
    font-size: 32px;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 50%;
    background-color: var(--light);
}
/*Hide all except first fieldset*/
.currency-wizard-form fieldset:not(:first-of-type) {
    display: none;
}
/*Currency Wizard Form*/

/*Select2 Dropdowns*/
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
    min-height: 56px;
    font-size: 14px;
    padding: 0.375rem 0.75rem;
    border-radius: 5px !important;
    border: 1px solid var(--border) !important;
    background-color: var(--white) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 1px;
    width: 20px;
    height: 26px;
    transform: translateY(-50%);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0.375rem 0.75rem;
    border: 1px solid transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field:active,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid transparent;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--light);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--blue);
    background-color: var(--yellow);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered img {
    height: 20px;
}
/*Select2 Dropdowns*/

/*Datatable*/
.custom-datatable table {
    display: table;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.custom-datatable .dataTables_wrapper {
    padding: 15px 0;
    border-radius: 5px;
    background-color: var(--black);
}

.custom-datatable .dataTables_wrapper .dataTable {
    margin: 70px 0 10px;
    background-color: var(--white);
}

.custom-datatable .dataTables_length label, .custom-datatable .dataTables_filter label {
    color: var(--white) !important;
    padding: 0 15px;
}

.custom-datatable .dataTables_length label select {
    margin: 0 10px;
}

.custom-datatable .dataTables_filter label input {
    margin-left: 10px !important;
}

.custom-datatable .dataTables_length label select, .custom-datatable .dataTables_filter label input {
    height: 56px;
    min-height: 56px;
    font-size: 14px !important;
    padding: 0.375rem 0.75rem !important;
    border: 1px solid var(--border);
    outline: none !important;
    background-color: var(--white) !important;
    box-shadow: none !important;
}

.custom-datatable .dataTables_length label select:focus,
.custom-datatable .dataTables_filter label input:focus {
    border-color: var(--blue) !important;
    outline: 0;
    box-shadow: none;
}

.custom-datatable .dataTables_info {
    color: var(--white) !important;
    padding-left: 15px !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: var(--white) !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: var(--blue) !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate {
    padding-right: 15px !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--white) !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current, .custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--blue) !important;
    border-radius: 5px !important;
    border: 1px solid transparent !important;
    background: var(--yellow) !important;
    box-shadow: none !important;
}
/*Datatable*/

/*Whatsapp Button*/
.whatsapp-btn {
    position: fixed;
    position: -ms-device-fixed;
    bottom: 40px;
    right: 36px;
    z-index: 1000;
}

.whatsapp-btn .whatsapp {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--white);
    background-color: #25D366;
}

.whatsapp-btn .whatsapp i {
    color: var(--white);
    font-size: 32px;
}

.whatsapp-btn .whatsapp:hover,
.whatsapp-btn .whatsapp:active,
.whatsapp-btn .whatsapp:focus {
    transform: scale(1.01);
    box-shadow: 0 0 3px rgb(62 69 78 / 15%);
}
/*Whatsapp Button*/

.accordion p {
    max-width: unset;
}

#homePage {
    background-image: url('../../images/banner/Front_Banner.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.banner-text-bg {
    padding: 20px 15px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.75);
}

/*#homePage::after,*/
/*#buyCurrency::after,*/
/*#exchangeRates::after,*/
/*#sellCurrency::after,*/
#homeDelivery::after {
    /*content: '';*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100%;
    opacity: 0.4;
    background-color: #FFFFFF;
}

#buyCurrency {
    background-image: url('../../images/banner/Buy_Currency.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#exchangeRates {
    background-image: url('../../images/banner/Exchange_Rates.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#sellCurrency {
    background-image: url('../../images/banner/Sell_Currencies.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#homeDelivery {
    background-image: url('../../images/banner/Home_Delivery.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#homeDelivery .container {
    z-index: 2;
}

.currency-wizard-tabs .currency-wizard-tab-steps {
    display: flex;
    justify-content: center;
    align-items: center;
}

.currency-wizard-tabs span.rounded-circle {
    width: 28px;
    height: 28px;
}

.currency-wizard-tab-title {
    display: block;
    width: 156px;
    text-align: left;
    margin-left: 10px;
}

.cursor-pointer { cursor: pointer; }

.text-justify{
    text-align: justify !important;
}

p{
    text-align: justify !important;
}

.section {
    padding: 32px 0 !important;
}

.mt-60 {
    margin-top: 60px;
}

.lcc-modal {
    width: calc(320px - 30px);
    max-width: calc(320px - 30px);
}

.lcc-backdrop {
    max-width: 100vw;
}

footer .footer-list li {
    min-width: 128px;
}

.display-5 {
    font-size: 36px !important;
}