@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Jost: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);


@font-face {
    font-family: 'gteestiprodisplay_regular';
    src: url('../fonts/gteestiprodisplay_regular.eot');
    src: url('../fonts/gteestiprodisplay_regular.eot') format('embedded-opentype'),
        url('../fonts/gteestiprodisplay_regular.woff2') format('woff2'),
        url('../fonts/gteestiprodisplay_regular.woff') format('woff'),
        url('../fonts/gteestiprodisplay_regular.ttf') format('truetype'),
        url('../fonts/gteestiprodisplay_regular.svg#gteestiprodisplay_regular') format('svg');
}

body {
    font-family: 'gteestiprodisplay_regular';
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: .3px;
    color: #777
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
    color: inherit
}

a,
button,
input {
    outline: 0
}

ol,
ul {
    padding: 0;
    margin: 0
}

strong {
    font-weight: 700
}

iframe {
    width: 100%;
    border: none;
    display: block
}

p {
    margin: 0 0 15px;
    font-size: 16px;
    color: #000;
}

::-moz-selection {
    background: #cda274;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #cda274;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #cda274;
    color: #fff;
    text-shadow: none
}

.deals-review {
    float: right;
    margin-top: 10px;
}

.row.mid-container {
    width: 1000px;
}

.deal-img img {
    width: 100%;
}

.deals-review span {
    display: block;
}

.deals-review {
    float: right;
    margin-top: 10px;
}

.deals-review h6 {
    font-weight: 500;
}

.row.deal-align {
    align-items: center;
}

.deals-unlocked {
    padding: 40px 0 60px;
}

.deals-content {
    padding: 10px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    min-height: 150px;
}

.deals-content h4 {
    font-size: 1.125rem;
    font-family: 'gteestiprodisplay_regular';
    line-height: 24px;
    margin-bottom: 5px;
    color: #1a2b49;
    min-height: 50px;
}

.lng-btn {
    width: 100%;
    color: #0f1022;
    font-size: 18px;
    background: #fff;
}

.nav-item {
    padding: 0.5rem 0xp;
}

.journery-date input {
    padding-top: 29px;
    display: block;
    height: 44px;
    border-left: 1px solid #ccc;
    border-radius: 0;
}

.dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
}

.d-align {
    align-items: center;
    text-align: center;
}

.blog-top h2 {
    font-size: 34px;
}

.blog-left {
    max-width: 400px;
    margin: 0 auto;
}

.popular-tag ul {
    display: flex;
    gap: 20px;
    padding: 0px;
}

.popular-tag ul li {
    color: #000;
    display: block;
    text-decoration: none;
}

.popular-tag ul li a {
    text-decoration: none;
    color: #000;
}

.date-tag ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0px;
}

.blog-box li {
    display: block;
}

.date-tag ul li a {
    text-decoration: none;
    color: #000;
}

.blog-img {
    height: 250px;
    overflow: hidden;
}

.blog-box img {
    border-radius: 3px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-content {
    padding: 20px;
}

a.sale {
    background: #040e56;
    padding: 4px 10px;
    display: inline-block;
    color: #fff !important;
}

.blog-author h6 span {
    color: #726767;
    font-size: 12px;
    margin-top: 5px;
}

.blog-author h6 {
    margin-bottom: 0;
}

.blog-author h6 span {
    color: #726767;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.blog-main {
    padding-bottom: 40px;
}

.cutting-price {
    text-decoration: line-through;
}

.save-msg {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #007850;
    background: #d1f6e2;
    padding: 10px;
}

.ticket-btn:hover {
    background: #f90;
}

.blog-box {
    margin-bottom: 40px;
}

.related-blog .mid-gap {
    padding: 0 75px;
}

.change-participant a i {
    margin-right: 7px;
}

.change-participant a {
    color: #1a2b49 !important;
}

.promo-box a i {
    margin-right: 10px;
}

.change-participant {
    padding: 20px 25px;
    border-bottom: 1px solid #ccc;
}

.booking-left small {
    font-size: 15px;
    color: #000;
    display: block;
}

.mid-gap {
    padding: 40px;
}

.blog-details-content {
    padding-bottom: 30px;
}

.blog-details-content h3 {
    font-size: 27px;
    color: #1a2b49;
    text-transform: capitalize;
}

.blog-details-img {
    margin: 30px 0;
}

.blog-kicker {
    max-width: 800px;
    margin: 0 auto;
}

.blog-kicker h2 {
    font-size: 45px;
    margin-top: 20px;
    color: #1a2b49;
    line-height: 56px !important;
}

.blog-kicker a {
    text-decoration: none;
    color: #000;
    margin-right: 10px;
    padding-left: 4px;
    display: inline-block;
}

.booking-left {
    position: relative;
}

.book-details {
    margin-top: 36px;
}

.secure-text {
    color: #007850;
}

.booking-page {
    padding: 60px 0;
}

.essntial-text {
    margin-top: 10px;
    position: absolute;
    font-size: 14px;
}

.secure-text i {
    margin-right: 10px;
}

.booking-form label {
    font-size: 13px;
    position: relative;
    left: 10px;
    top: 29px;
}

.booking-form .form-group select {
    height: 58px;
    padding-top: 26px;
    padding-left: 5px;
}

.booking-form .form-group {
    position: relative;
    margin-top: 0;
    height: 55px;
    margin-bottom: 15px;
}

.booking-form input,
select {
    border-radius: 10px !important;
    border: 2px solid #b5b2b2 !important;
}

.requerd-star {
    float: right;
}

.booking-form {
    width: 570px;
    margin-top: 20px;
    margin-bottom: 40px;
}

ul.page-list {
    max-width: 330px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 134px;
}

ul.page-list span {
    color: #1a2b49d6;
    display: block;
    text-align: center;
    font-size: 13px;
    position: absolute;
    left: -7px;
    right: 0;
}

.page-list li {
    position: relative;
    right: 0;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 30px;
    border-radius: 50px;
    background: #1a2b49;
    color: #fff;
    display: block;
    text-align: center;
}

.page-list li:before {
    background-color: #000;
    content: "";
    height: 4px;
    position: absolute;
    top: 12px;
    transform: translateY(-50%);
    z-index: 0;
}



.book-details h3 {
    margin-bottom: 0;
    margin-top: 15px;
}

.booking-left {
    position: relative;
}

.blog-author {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile img {
    border-radius: 50%;
    width: 40px;
    border: 3px solid #f90;
}

.dropdown-hover>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.banner {
    background: url(../images/banner-7.jpg) left center no-repeat;
    padding: 50px;
    min-height: 450px;
    background-size: cover;
    position: relative;
}

.banner-content h2 {
    font-size: 66px;
    color: #fff;
    font-family: 'gteestiprodisplay_regular';
    line-height: 68px;
}

.banner-content {
    text-align: center;
    position: relative;
    top: 140px;
}

.banner-content h2 span {
    display: block;
    line-height: 64px;
}

.banner:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #0e0c0a59;
}

.contact-info-section .auto-container {
    max-width: 960px;
}

.sec-title {
    position: relative;
    margin-bottom: 30px;
}

ul.service-list li a:hover {
    background: #493d6e;
    color: #fff;
}

.service-details {
    padding: 50px 0;
}

ul.service-list li a {
    display: block;
    padding: 13px 0;
    color: #fff;
    padding-left: 40px;
}

ul.service-list {
    padding: 0;
}

ul.service-list li i {
    position: absolute;
    left: 16px;
    top: 19px;
    color: #ffffff;
}

.service-list li a:hover {
    color: #fff;
}

.service-list li:last-child a {
    border-bottom: 0;
}

.service-list li {
    display: block;
    position: relative;
    background: #6660ce;
    border-bottom: 1px solid #ccc;
}

.sellout a {
    display: block;
    color: #000;
}

a:hover {
    color: #000 !important;
}

.sellout {
    min-height: 65px;
}

.filter-left {
    width: 90%;
    float: left;
}

.filter-right a i {
    margin-right: 5px;
}

.filter-right {
    float: left;
    width: 10%;
    margin-top: 15px;
}

.tiket-banner {
    margin-bottom: 30px;
    position: relative;
}

.tiket-banner:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #00000096;
    content: "";
}

.ticket-content {
    position: absolute;
    top: 140px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
}

.ticket-content h1 {
    color: #fff;
    font-size: 40px;
}

.ticket-content span {
    color: #fff;
    font-size: 20px;
}

.filter-right a {
    border: 1px solid #ccc;
    padding: 12px 24px;
    text-decoration: none;
    color: #000;
}

.widget ul#menu-footer-service-link li a:hover {
    color: #ff9900 !important;
}

.filter-left ul li a {
    color: #000;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 12px 15px;
    border-radius: 5px;
}

.filter-left ul {
    display: flex;
    gap: 10px;
    padding: 0px;
}

.filter-left ul li {
    display: block;
}

a.like {
    background: #f90;
    text-decoration: none;
    padding: 1px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
}

.relted-project {
    padding-bottom: 30px;
}

.project-description {
    padding-bottom: 50px;
}

.inner-content {
    position: relative;
}

.project-details {
    padding: 50px 0;
}

.service-dtl-right {
    padding: 0px 30px;
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
    position: relative;
    z-index: 999;
}

.modal.show .modal-dialog {
    transform: none;
    z-index: 9999 !important;
    position: relative;
}

.poppop-language .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    overflow: auto;
    max-height: 500px;
}

.fade {
    transition: opacity .15s linear;
}

.poppop-language .modal-content {
    width: 740px;
}

.autocomplete-text {
    color: #0b0c3a;
    font-weight: 600;
    line-height: 18px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 600px;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: 20px !important;
    outline: 0;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0;
    font-size: 20px;
    font-weight: 600;
    color: #1a2b49;
}

.read-btn a:hover {
    color: #fff !important;
}

.modal-dialog {
    max-width: 650px !important;
    margin-right: auto;
    margin-left: auto;
}

.service-dtld-img img {
    width: 100%;
}

.service-details-left h2 {
    padding-top: 40px;
}

.sec-title.style-three h2 {
    font-size: 30px;
}

.contact-info-section h2 {
    text-transform: capitalize;
}

.list-style-two li i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #6660ce;
    font-size: 20px;
}

.list-style-two li {
    position: relative;
    color: #222222;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 14px;
    display: block;
    padding-left: 24px;
}

.list-style-two li .icon {
    position: relative;
    top: 2px;
    font-size: 18px;
    margin-right: 8px;
    color: #e9c37a;
}

.address-box {
    background: #fff;
    padding: 30px;
    min-height: 380px;
}

.inner-title {
    text-align: center;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.contact-info-section {
    position: relative;
    padding: 60px 0px 60px;
    background: #6660ce21;
}

.contact-form {
    padding: 50px 0;
    max-width: 900px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 15px;
}

form#contact_form_1 {
    padding: 30px 50px 40px !important;
    background: #e3e1dd;
}

h3.contact-title {
    text-align: center;
    background: #6660ce;
    margin-bottom: 0;
    padding: 10px;
    color: #fff;
    font-size: 24px;
}

.welcome-section.clearfix {
    padding-top: 50px;
}

.inner-banner {
    background-image: url(../images/inner-banner.jpg);
    padding: 75px 0;
    position: relative;
}

.inner-banner:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #00000063;
}

.breadcrumb-top a {
    color: #fff;
    padding: 10px;
    font-size: 17px;
}

.breadcrumb-area-bg .bread-crumb-area-inner {
    text-align: center;
    padding: 100px 0;
}

.breadcrumb-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.title {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 70px;
    text-transform: capitalize;
    margin-top: 10px;
}

.breadcrumb-area-bg .bread-crumb-area-inner .breadcrumb-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.what-img {
    overflow: hidden;
    position: relative;
}

.what-img img:hover {
    transform: scale(1.1);
}

.what-img img {
    width: 100%;
    height: 225px;
    transition: transform .5s ease-in-out;
}

.counter-number {
    background: #6660ce;
    margin-top: 50px;
}

.what-box {
    position: relative;
    margin-bottom: 80px;
}

.what-we-do {
    margin-bottom: 40px;
    padding-top: 50px;
}

.counter-box {
    display: block;
    padding: 60px 20px 60px;
    text-align: center;
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    margin-top: 30px;
}

.what-content a {
    color: #6660ce;
    font-weight: 600;
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #ffffff;
}

.our-journey {
    margin-bottom: 50px;
}

.what-content {
    position: absolute;
    bottom: -40px;
    width: 90%;
    left: 20px;
    background: #fff;
    right: 26px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.video-content {
    max-width: 800px;
    margin: 0 auto;
}

.counter {
    display: block;
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
}

.counter-box.colored {
    background: #6660ce;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff;
}

/* .participant-box .user-icon {
    border-right: 1px solid #7a7171;
} */

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    font-family: inherit;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #1a1a1a;
    padding: 12px 15px 11px;
    border-radius: 0;
    font-weight: 400;
    background-color: #fff;
    text-transform: inherit;
    font-size: 15px;
    outline: 0;
    /* border-left: none; */
    line-height: inherit;
    letter-spacing: 0;
}

.booking-left small i {
    color: #f90;
    margin-right: 5px;
}

.order-package {
    padding: 20px;
}

li.bg-gray {
    background: #d3d3d3;
}

.promo-box a {
    color: #1a2b49;
    text-decoration: underline;
}

.total {
    margin-top: 10px;
}

.tax {
    color: #007850;
    font-size: 13px;
}

.promo-box p {
    margin-bottom: 0;
}

.total-left h5 {
    margin-left: 20px;
    margin-top: 12px;
}

.total-right {
    text-align: right;
    padding-right: 10px;
}

.order-box {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.total-right h5 {
    margin-bottom: 0;
}

.promo-box {
    padding: 10px 24px;
    border-bottom: 1px solid #ccc;
}

.star ul {
    margin: 0;
    padding: 0;
}

.order-package .col-lg-2 {
    padding-right: 0;
}

.order-mid {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.card-holder-details {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}

.card-holder-details li {
    color: #000;
    text-align: left;
    display: block;
    position: relative;
}

.card-holder-details li i {
    position: absolute;
    left: -16px;
    font-size: 13px;
}

.card-holder-details li h6 {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #1a2b49;
}

.spot-left {
    background: #f00;
    padding: 6px;
    color: #fff;
    border-radius: 3px;
}

.order-mid li {
    color: #1a2b49;
    display: block;
    position: relative;
    padding-left: 23px;
    font-weight: 600;
}

.order-mid li i {
    position: absolute;
    left: 0;
    top: 3px;
}

.payment-btn {
    margin-top: 30px;
}

.order-package p {
    margin-bottom: 0 !important;
}

.check-logo {
    float: left;
}

.payment-btn .check-btn {
    background-color: #f90;
    padding: 12px 28px;
    font-size: 17px;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    margin-top: 20px;
    border-radius: 10px;
}

.payment-btn .check-btn:hover {
    background-color: #000;
}

.star ul li {
    display: inline-block;
    color: #1a2b49;
}

.star ul li i {
    font-size: 13px;
}

.order-summery {
    max-width: 420px;
    float: right;
}

.payment-left {
    max-width: 550px;
    width: 100%;
}

.googlepay-box {
    border: 2px solid #364efb;
    padding: 20px;
    border-radius: 4px;
    margin-top: 30px;
}

.googlepay-button {
    text-align: center;
}

.debitcard-box {
    margin-top: 30px;
    border: 2px solid #364efb;
    border-radius: 10px;
    padding: 20px;
}

.card-icon i {
    font-size: 24px;
    color: #000;
}

.form-icon {
    position: absolute;
    left: 10px;
    top: 36px;
}

.debitcard-box .form-group {
    margin-bottom: 15px;
    position: relative;
}

.debitcard-box label {
    color: #101c30;
    font-size: 14px;
    font-weight: 500;
}

.debitcard-box input::placeholder {
    font-size: 16px;
    margin-left: 13px;
    color: #7c6d6d;
}

.debitcard-box label {
    color: #101c30;
    font-size: 14px;
    font-weight: 500;
}

input[type="radio"] {
    accent-color: #007bff;
    /* Bootstrap blue */
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.card-icon {
    float: right;
}

.googlepay-logo {
    margin-top: 0;
    float: right;
}

.debitcard-btn .pay-btn {
    background: #0071eb;
}

.debitcard-box input[type="radio"] {
    padding-left: 24px;
    border: 1px solid #b9b5b5;
    border-radius: 5px;
    accent-color: #007bff;
    /* Bootstrap blue */
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.debitcard-box input {
    padding-left: 24px;
    border: 1px solid #b9b5b5;
    border-radius: 5px;
    height: 42px;
    color: #3a3535;
}


.debitcard-box input[type="submit"] {
    padding-left: 24px;
    border: 1px solid #b9b5b5;
    border-radius: 5px;
    height: 42px;
    color: #1a2b49;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
}

.pay-btn {
    background: #000;
    padding: 10px 20px;
    text-align: center;
    color: #fff !important;
    display: inline-block;
    width: 90%;
    border-radius: 40px;
    margin-top: 20px;
    text-decoration: none;
}

.pay-btn:hover {
    color: #fff !important;
    background: #f90;
}

.gpay-bootom {
    clear: both;
    text-align: center;
    color: #262121;
}

.gpay-bootom a {
    color: #020210;
    font-weight: 600;
}

.gpay-content {
    float: left;
    text-align: center;
}

.promo-box p {
    margin-bottom: 0;
    color: #5a5454;
}

.google-radio {
    float: left;
}

.googlepay-logo img {
    width: 50px;
    float: right;
}

.gpay-sec {
    margin-top: 12px;
}

.payment {
    padding: 40px 0;
}

.page-numeber-left {
    position: relative;
    padding-top: 20px;
}

.page-numeber-right {
    position: relative;
}

.page-number.part2 {
    left: 138px;
    top: 20px;
    background: #74726e;
}

.adult-box h6 {
    margin-bottom: 0;
    margin-top: 30px;
    display: inline-block;
    position: relative;
    top: 10px;
    font-size: 16px;
    color: #1a2b49;
}

.package-mini {
    clear: both;
    margin-top: 70px;
}

.form-group.border-1 input {
    border: 0 !important;
}

.form-group.border-1 select {
    border: 0 !important;
}

a.lets-btn {
    background: #6660ce;
    padding: 11px 29px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
}

.ctc {
    background: url(../images/ctc-bg.jpg) left center no-repeat;
    padding: 65px 0;
    background-size: cover;
    position: relative;
    margin-bottom: 50px;
}

.ctc:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #130c2eeb;
}

.ctc-content h2 {
    color: #fff;
    text-align: center;
    font-size: 42px;
    line-height: 51px;
    text-transform: capitalize;
}

.ctc-content h2 {
    color: #fff;
    text-align: center;
    font-size: 42px;
    line-height: 51px;
    text-transform: capitalize;
}

a.read-more:hover {
    background: #40356f;
    color: #fff !important;
}

.blog-single2 img {
    width: 100%;
}

.blog-single2 .image img {
    transition: all 0.6s ease;
}

.blog-single2 a {
    color: #000;
    text-transform: capitalize;
}

.blog-single2 a:hover {
    color: #000;
}

.blog-single2 .content h5 {
    font-size: 22px;
}

.blog-single2 .content {
    padding: 30px 20px;
    text-align: center;
    background: #fff;
    margin-bottom: 30px;
    min-height: 270px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.blog-dtls-img img {
    width: 100%;
}

.blog-dtls-img {
    margin-bottom: 30px;
}

.blog-date ul {
    display: flex;
    justify-content: space-around;
    padding: 0;
}

.blog-details {
    padding: 40px 0;
}

.blog-date li {
    display: inline-block;
}

.blog-date ul li a i {
    color: #3f366e;
    font-size: 15px;
    margin-right: 7px;
}

.single-sidebar {
    position: relative;
    display: block;
    padding: 40px 30px 0;
    -webkit-box-shadow: 0px 0px 8px 2px #f6f6f6;
    box-shadow: 0px 0px 8px 2px #f6f6f6;
    margin-bottom: 50px;
}

.single-sidebar .categories {
    position: relative;
    display: block;
    padding-bottom: 20px;
}

.single-sidebar .categories li a {
    position: relative;
    display: block;
    padding-left: 20px;
    color: #000000;
    font-size: 15px;
    line-height: 50px;
    font-weight: 400;
    border-bottom: 1px solid #ededed;
    transition: all 700ms ease;
    z-index: 1;
}

.service-form {
    margin-bottom: 30px;
}

.service-form-btn.button {
    margin-top: 25px;
}

h3.service-form-title {
    background: #6660ce;
    padding: 10px 13px;
    margin-bottom: 0;
    color: #fff;
}

.service-form h3 {
    font-size: 24px !important;
}

.single-sidebar .categories li {
    position: relative;
    display: block;
    border-bottom: 1px solid #ccc;
}

.single-sidebar .categories {
    position: relative;
    display: block;
    padding-bottom: 20px;
    padding-left: 0;
}

.single-sidebar .categories li a i {
    position: absolute;
    left: 0;
    top: 19px;
    color: #403471;
}

.single-sidebar .recent-post {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 19px 0 35px;
}

.single-sidebar .recent-post li {
    position: relative;
    display: block;
    border-bottom: 1px solid #ededed;
    min-height: 65px;
    padding-left: 60px;
    padding-bottom: 25px;
    margin-bottom: 0;
}

.single-sidebar .recent-post li .img-holder {
    position: absolute;
    top: 0px;
    left: 0;
    width: 60px;
    height: 60px;
    display: block;
    overflow: hidden;
}

.single-sidebar .recent-post li:hover .img-holder img {
    transition-delay: 0s;
    transform: scale(1.2, 1.2);
}

.single-sidebar .recent-post li .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;
    width: 100%;
    transform: scale(1.1, 1.1);
}

.overlay-style-one .box {
    display: table;
    height: 100%;
    width: 100%;
}

.overlay-style-one .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.single-sidebar .recent-post li .title-holder {
    padding-left: 20px;
}

.single-sidebar .recent-post li .title-holder span {
    display: block;
    line-height: 14px;
}

.single-sidebar .recent-post li .title-holder .post-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin: 7px 0 0;
    transition: all 500ms ease;
}

a.read-more:hover {
    background: #483d70;
}

.ctc-content {
    position: relative;
    max-width: 822px;
    margin: 0 auto;
    text-align: center;
}

a.read-more {
    margin-top: 20px;
    display: inline-block;
    background: #6660ce;
    padding: 14px 20px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.process-img {
    position: relative;
}

.proces-content {
    position: absolute;
    bottom: 26px;
    z-index: 999;
    left: 20px;
}

span.number {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50px;
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: center;
    line-height: 46px;
    z-index: 99;
    font-size: 29px;
    color: #fff;
    border: 2px dashed #ccc;
}

.proces-content p {
    color: #fff;
}

.work-process {
    padding: 50px 0;
    background: #6660ce24;
}

.process-box {
    position: relative;
}

.process-img:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000ab;
    transition: 0.3s;
    z-index: 2;
}

.proces-content h5 {
    color: #fff;
}

.process-img img {
    width: 100%;
}

.top-left ul {
    display: flex;
    gap: 10px 20px;
}

.top-header {
    background: #403570;
}

.top-left ul li {
    display: block;
}

.top-left a {
    color: #fff;
}

.top-right a i {
    margin-right: 10px;
}

.top-right a {
    color: #fff;
    font-size: 18px;
}

.top-left ul li a i {
    margin-right: 10px;
}

nav.main-menu ul.menu li ul.mega-submenu li a {
    font-size: 15px !important;
}

.top-right li {
    display: block;
    float: right;
}

.quote-btn {
    float: right;
}

.top-left ul li a {
    font-size: 18px;
}

span.ttm-textcolor-skincolor {
    display: block;
    font-size: 50px !important;
    line-height: 50px !important;
}

rs-layer#slider-1-slide-1-layer-3 {
    margin-top: 30px;
}

rs-layer#slider-1-slide-1-layer-2 {
    font-size: 50px !important;
}

rs-layer#slider-1-slide-4-layer-3 {
    margin-top: 20px;
}

rs-layer#slider-1-slide-4-layer-2 {
    font-size: 50px !important;
}

.ttm-stickable-header.fixed-header {
    z-index: 111;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 43, 92, .08) !important;
}

.header_ryt {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer .ttm-row-wrapper-bg-layer.ttm-bg-layer {
    opacity: .93;
}

a.ttm-btn.btn-inline.ttm-btn-size-md.ttm-icon-btn-right.ttm-btn-color-dark {
    color: #fff;
}

.highlight {
    margin-top: 30px;
}

.textwidget.widget-text p {
    color: #ffffff;
}

h3.widget-title {
    color: #40356e;
}

.featured-title h3 {
    color: #403472;
}

.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
    margin-bottom: 0;
    color: #000000;
}

.whats-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 80PX;
    right: 18px;
    background-color: #2DD252;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}

.term-content h5 {
    color: #40356f;
}

.what-content a:hover {
    color: #000;
}

.booking-form-sec.free-quote {
    margin: 40px 0;
}

.featured-desc p a:hover {
    color: #000;
}

.all-service {
    margin-bottom: 50px;
}

.term-condition {
    padding: 50px 0;
}

a.whatsp-btn:hover {
    background: #25d366;
}

ul.list-style-two li a {
    color: #000;
}

.featured-desc a i {
    top: 0;
    padding-top: 0;
    margin-top: 0;
    font-size: 23px !important;
}

.title-holder a {
    color: #000 !important;
}

a.whatsp-btn i {
    margin-right: 7px;
    float: left;
}

a.whatsp-btn {
    background: #25d366;
    padding: 8px 12px;
    color: #fff;
    margin-top: 24px;
    display: inline-block;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
}

ul#menu-footer-service-link li {
    display: block;
    padding: 3px;
    position: relative;
}

.section-title {
    position: relative;
    margin-bottom: 15px;
    font-size: 2.25rem;
    text-transform: capitalize;
    text-align: left;
    font-family: 'gteestiprodisplay_regular';
    color: #1a2b49;
}

.flatpickr-current-month span.cur-month {
    color: #04103e !important;
    font-size: 20px !important;
}

.list-active p {
    color: #545050;
}

.list-sort p {
    margin-bottom: 0;
    color: #2c2828;
}

.thing-nairabi {
    padding: 20px 0;
}

.bottom-content {
    position: absolute;
    bottom: 0;
    width: 93%;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

h5.discount-price sup {
    text-decoration: line-through;
}

h5.discount-price {
    color: #f00;
}

.thing-content {
    padding: 10px;
    border: 1px solid #dfe3eb;
    min-height: 200px;
    position: relative;
    box-shadow: #e0e3f1 0px 5px 15px;
    border-radius: 0 0 8px 8px;
}

.rating i {
    color: #1a2b49;
    font-size: 10px;
}

@media (max-width: 991px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
}

.nav .nav-item button.active {
    background-color: transparent;
    color: #af6c07 !important;
    border: 2px solid #f90 !important;
    padding-bottom: 15px;
    font-weight: 600;
}

i.fa-solid.fa-usd {
    border: 2px solid #170f0f;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #000;
}

.tab-language a {
    color: #050844;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 0;
    display: block;
}

.btn-close {
    position: absolute;
    right: 15px;
}

.tab-language ul li {
    display: block;
    width: 50%;
    float: left;
}

ul#pills-tab {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

a.supplier-btn:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000;
}

.tab-language ul {
    margin-top: 0;
    padding: 0px;
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
    color: #343030 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
}

.nav .nav-item button.active::after {
    content: "";
    border-bottom: 4px solid #f90;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    border-radius: 5px 5px 0 0;
}

.tab-pane.fade {
    background: none !important;
}

.tab-pane i {
    margin-right: 10px;
}

.nav .nav-item button i {
    margin-right: 10px;
}

.price h5 span {
    color: #fdfdfd;
    font-size: 14px;
}

.myTab {
    margin: 70px;
    width: 700px;
}

.btn:hover {
    border-color: #00000073 !important;
}

.thing-img {
    position: relative;
    border-radius: 8px 8px 0px 0;
    cursor: pointer;
    height: 181px;
    overflow: hidden;
}

.thing-img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 0.5s ease;
    position: relative;
    z-index: 0;
    cursor: pointer;
    object-fit: cover;
}

.thing-img:hover img {
    transform: scale(1.4);
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.price h5 {
    font-size: 20px;
    font-weight: 700;
}

.package-details-right h2 {
    margin-bottom: 0;
}

.package-details-right small {
    color: #000;
    font-size: 15px;
    text-transform: capitalize;
}

.rating-price {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 3px;
    margin-top: 0px;
}

.thing-content sub {
    color: #232323c7;
    font-weight: 400;
}

.likely {
    background: #f00;
    padding: 6px 10px;
    color: #fff;
    border-radius: 3px;
}

.dicount {
    color: #1a2b49;
    font-weight: bold;
    font-size: 20px;
}

.cutting {
    font-size: 13px !important;
    font-weight: 500 !important;
    display: block;
    text-decoration: line-through;
    color: #6a6363;
}

.thing-content h5 sup {
    color: #232323c4;
    font-weight: 400;
}

.rating-people h6 span {
    font-weight: 400;
    color: #726b6b;
    font-size: 13px !important;
    font-weight: 400;
}

.thing-content h4 {
    font-size: 1.125rem;
    font-family: 'gteestiprodisplay_regular';
    line-height: 24px;
    margin-bottom: 5px;
    color: #1a2b49;
}

.thing-content h4 a {
    color: #1a2b49;
}

.thing-box {
    margin-bottom: 30px;
}

.footer-bottom {
    background: #ff9900;
    padding: 10px;
    position: relative;
    z-index: 99;
}

.price {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    text-align: center;
    background-image: linear-gradient(56deg, transparent 52px, #ff9900 37px);
    padding-left: 66px;
    padding-right: 14px;
}

.rating-people h6 {
    margin-bottom: 0;
}

.price h5 {
    padding-top: 6px;
    color: #fff;
    font-family: 'gteestiprodisplay_regular';
    font-weight: normal;
    margin-bottom: 0;
}

.thing-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 1;
    transition: opacity 0.5s ease;
}

.thing-content ul {
    display: flex;
    gap: 13px;
    padding: 0;
    margin: 0;
}

.thing-content ul li {
    display: block;
    color: #1a2b49;
    font-size: 15px;
    font-weight: 500;
}

.thing-img:hover::after {
    opacity: 1;
    /* Keep gradient visible on hover too */
}

/* Wishlist icon stays on top */
.thing-img .whislist {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    color: white;
    font-size: 18px;
}

.hour-review {
    position: absolute;
    bottom: 0;
    z-index: 8;
    width: 100%;
    background: linear-gradient(to top, rgb(0 0 0 / 99%), #00000000);
}

.hour-review ul li {
    display: inline-block;
    width: 48%;
    font-size: 18px;
}

.hour-review ul li a {
    text-decoration: none;
    color: #fff;
}

.hour-review ul li:nth-child(2) {
    float: right;
    text-align: right;
    margin-right: 10px;
}

.hour-review ul li a span {
    margin-left: 10px;
}

span.whislist {
    background: #ff5f3f;
    padding: 6px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
}

.featured-desc p a:hover {
    color: #fff;
}

.footer-bottom p {
    color: #fff;
}

ul#menu-footer-service-link li {
    padding-left: 20px;
    position: relative;
}

ul#menu-footer-service-link li i {
    position: absolute;
    left: 0;
    top: 8px;
    color: #cc8c06;
}

.package-details {
    padding: 40px 0;
}


.payment-option a img {
    border-radius: 5px;
}

ul#menu-footer-service-link {
    padding: 0;
}

.copyright a {
    color: #6660ce;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.accordion .toggle-content p:last-child {
    margin-bottom: 0;
    color: #fff;
}

.accordion .toggle.ttm-toggle_style_classic {
    margin-bottom: 15px !important;
}

.accordion .toggle.ttm-toggle_style_classic {
    background: #413571 !important;
}

.accordion .toggle-title a {
    color: #fff !important;
}

.accordion .toggle.ttm-toggle_style_classic .toggle-title a:after {
    color: #fff !important;
}

.booking-form-sec.free-quote {
    max-width: 900px;
    margin: 62px auto;
}

form#contact_form_1 select {
    color: #8b8484;
}

form#contact_form_1 select option {
    color: #000;
}

.copyright p {
    margin-bottom: 0;
    text-align: right;
    margin-top: 0;
}

ul#menu-footer-service-link li a {
    color: #080418;
    text-transform: capitalize;
}

.footer.ttm-bg.ttm-bgcolor-darkgrey.widget-footer.clearfix:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffffe0;
    z-index: 1;
    content: "";
}

.footer.ttm-bg.ttm-bgcolor-darkgrey.widget-footer.clearfix {
    background-image: url(../images/footer-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 50px 0 0;
    position: relative;
}

ul.top-number li {
    display: block;
}

.featured-imagebox-portfolio.style4 .featured-desc:hover p {
    font-size: 16px;
    color: #fff;
}

.featured-desc.active p {
    color: #fff !important;
}

.ttm-stickable-header.fixed-header {
    z-index: 111;
    background-color: #ffffff !important;
    box-shadow: 0 0 10px 0 rgba(0, 43, 92, .08);
}

.ttm-row.welcome-section.clearfix p {
    font-size: 16px;
    color: #000;
}

a.quote-btn {
    background: #6660ce;
    padding: 16px;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
}

ul.top-number {
    margin: 0px;
    padding: 0px;
    margin-left: 26px;
}

ul.top-number li {
    display: block;
    color: #6660ce;
    font-size: 16px;
    font-weight: bold;
}

ul.top-number li a {
    font-weight: normal;
}

.ttm-header-style-01 {
    position: relative !important;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: transparent;
}

nav.main-menu ul.menu>li>a {
    color: #000 !important;
    font-family: Lato, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    padding: 11px 40px 11px;
    border: 2px solid transparent;
    border-radius: 0;
    color: #fff;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer;
    outline: 0;
    -webkit-font-smoothing: antialiased
}


form {
    position: relative
}

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

input:-moz-placeholder,
input:-ms-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder,
input::-webkit-input-placeholde,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 25px
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'gteestiprodisplay_regular';
    margin-bottom: 15px;
    font-weight: 700;
    color: #232323
}

h1 {
    font-size: 36px;
    line-height: 36px
}

h2 {
    font-size: 30px;
    line-height: 40px
}

h3 {
    font-size: 21px;
    line-height: 30px
}

h4 {
    font-size: 28px;
    line-height: 38px
}

h5 {
    font-size: 15px;
    line-height: 13px
}

h6 {
    font-size: 10px;
    line-height: 18px
}

body .page {
    overflow: hidden;
    position: relative;
    z-index: 10
}

body .site-main {
    background-color: #fff;
    position: relative;
}

body .page.sidebar-true .site-main {
    padding: 0;
    background-color: #fff
}

a {
    color: #232323
}

a,
img {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.list-sort {
    float: right;
}

.details-rating ul li {
    display: inline;
    /* color: #f90; */
    padding: 1px;
}

.details-rating ul {
    padding: 0;
}

.details-rating {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.details-rating a {
    color: #000;
    text-decoration: none;
    text-transform: capitalize;
}

.details-rating a:hover {
    color: #000;
}

.best-project.clearfix {
    margin-bottom: 50px;
}

.ttm-row.zero_padding-section {
    padding-bottom: 0 !important;
}

.active-icon i {
    /* color: #f90; */
}

.details-rating a span {
    color: #6e6969;
}

.active-icon i {
    color: #1a2b49;
}

.active-icon {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.active-content {
    width: 90%;
    float: left;
}

.package-details-content h4 {
    font-size: 20px;
    color: #1a2b49;
}

.active-content p {
    font-size: 15px;
    font-weight: 400;
}

.package-details-content {
    padding-top: 15px;
}

.active-content h5 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 17px;
    color: #1a2b49;
}

.section-title h2.title span {
    color: #6660ce;
    margin-left: 10px;
}

.box-shadow_2 {
    box-shadow: 0 0 10px 0 rgba(43, 52, 59, .02)
}

.all-service-content {
    padding: 20px;
    text-align: center;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    min-height: 117px;
}

.border-rad_3 {
    border-radius: 3px
}

.testimonial .card-body {
    background: none !important;
    padding: 30px;
    border: 1px solid #ccc;
}

.font-size-18 {
    font-size: 18px
}

.feature-content {
    margin-top: 20px;
}

.select-adult select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: #fff;
    background-image: none;
    flex: 1;
    padding: 0 .5em;
    color: #160a0a;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #ccc;
    padding-left: 20px;
}

.select-adult select::-ms-expand {
    display: none;
}

.select-adult {
    position: relative;
    display: flex;
    width: 100%;
    height: 50px;
    line-height: 3;
    overflow: hidden;
    border-radius: .25em;
}

.pakg-book {
    margin-top: 30px;
    padding: 30px;
    border-radius: 2px;
    border: 2px solid #f90;
}

.select-adult::after {
    content: '\f078';
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0 1em;
    color: #080501;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
}

.book-top ul li span {
    display: block;
    font-size: 14px;
}

ul.cancel li strong {
    display: block;
}

.book-top ul li {
    display: block;
    position: relative;
    padding-left: 21px;
    color: #000;
    font-size: 16px;
}

.flatpickr-current-month input.cur-year {
    font-weight: #04103e;
}

.book-top ul li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #1a2b49;
}

/* .select-adult:hover::after {
    color: #ffffff;
} */

.select-particpiant h3 {
    color: #000;
    font-weight: 500;
}

span.user-icon i {
    padding: 15px;
    border-right: 0;
    color: #060303;
}

.select-adult select optio {
    color: #000;
}

.select-adult input::placeholder {
    color: #000;
}

span.user-icon {
    background-color: #ebeef1;
    border-radius: 20px 0px 0px 20px;
}

.select-particpiant {
    border: 1px solid #dcdfe4;
    border-radius: 20px;
    padding: 30px;
}

.select-particpiant .row {
    row-gap: 10px;
}

.all-price h3 {
    color: #ff5722;
    font-size: 25px;
    font-weight: 600;
}

a.book-btn {
    background: #f90;
    padding: 12px 28px;
    font-size: 17px;
    color: #fff !important;
    text-decoration: none;
    border-radius: 50px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 30px 0;
}

a.book-btn:hover {
    background: #000;
}

.featured-icon-box.icon-align-before-content.style1 .featured-title h3 {
    font-size: 16px !important;
    font-weight: 600;
}

.overlay {
    width: 40px;
    height: 40px;
    background: rgb(0 0 0 / 65%);
    text-align: center;
    position: absolute;
    left: 40%;
    top: 40%;
    border-radius: 100%;
    transition: 0.5s ease;
    opacity: 0;
}

.featured-icon-box.icon-align-before-content.style1 .featured-title h3 {
    color: #c89313 !important;
}

.itinary .accordion .accordion-item:last-child {
    border-bottom: 1px solid #ccc;
}

.card-chek li {
    color: #000;
    display: block;
    position: relative;
    padding-left: 10px;
}

.card-chek li i {
    position: absolute;
    left: -15px;
    top: 3px;
    color: #1a2b49;
}

.room-1-block {
    position: relative;
    margin-bottom: 30px;
    height: 278px;
    overflow: hidden;
}

.itinary .accordion .accordion-item {
    /* border-bottom: 1px solid #bbb6b6; */
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.itinary .accordion button .accordion-title {
    padding: 0 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.itinary .accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #ff9900;
    background: #ff9900;
}

.itinary .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #1d2632;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}

.guests-input__options.open {
    opacity: 1;
    height: auto;
    min-height: 200px;
}

.booking-form__input.guests-input.mixer-auto {
    padding: 0;
}

.guests-input {
    position: relative;
    margin: 0 auto;
    border: 1px solid #dadfe6;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.booking-form__input.guests-input.mixer-auto {
    padding: 0;
}

.booking-form__input.guests-input button {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 3px 6px;
    padding-left: 0;
    background-color: #fff;
    border: none;
    text-overflow: ellipsis;
    font-size: 12px;
    transition: border-color 0.2s ease;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #6e7b8d;
    font-weight: 500;
    min-width: 10rem;
}

.booking-form__input.guests-input button::before {
    content: '\f007';
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 1em;
    color: #080501;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
}

.booking-form__input.guests-input button::after {
    content: '\f078';
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0 1em;
    color: #080501;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
}

.booking-form__input.guests-input.mixer-auto>button {
    padding: 0;
    height: 50px;
    border-radius: 20px;
    border-color: #dadfe6;
    width: 100%;
    font-size: 17px;
    padding-left: 45px;
    color: #041a28;
    background-color: #ebeef1;
}

.guests-input__options.open {
    opacity: 1;
    height: auto;
    min-height: 200px;
}

.guests-input__ctrl {
    display: inline-block;
    border: 2px solid #0071eb;
    font-size: 13px;
    color: #0071eb;
    border-radius: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    transition: all 0.2s ease;
    height: 18px;
    width: 18px;
}

.profile-pic {
    width: 40px;
    height: 40px;
    float: left;
    display: block;
    background: #f90;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 50pc;
    margin-right: 20px;
}

.rivew-img ul {
    display: flex;
    padding: 0px;
    column-gap: 5px;
}

.rivew-img ul li {
    width: 100px;
    display: block;
}

.rivew-img ul li img {
    border-radius: 8px;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.detail-rivew-right small {
    color: #000;
}

.detail-rivew-right small span {
    margin-left: 10px;
}

.product-id p {
    color: #7e7b7b;
}

.product-id p span {
    color: #181715;
}

.details-review p {
    display: block;
    margin-top: 10px;
}

.details-review p {
    display: block;
}

.star-icon {
    color: #ee8628;
    font-size: 11px;
    margin-bottom: 10px;
    display: block;
}

.detail-rivew-right h5 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 15px;
}

.guests-input__options>div:first-child,
.guests-input__options>div {
    /* padding-top: 35px; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.guests-input__options>div {
    padding: 10px 0;
    text-align: center;
}

.guests-input__ctrl.disabled {
    color: #bfc7cf;
    border-color: #bfc7cf;
    cursor: default;
}

.guests-input__value span {
    display: inline-block;
    padding-right: 5px;
}

.guests-input__value {
    display: inline-block;
    padding: 0 10px;
    width: 100px;
    cursor: default;
    color: #000;
    font-size: 17px;
    text-align: left;
}

.itinary .accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: #665229 !important;
}

.itinary .accordion button:hover::after,
.itinary .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
}

.itinary .accordion button .accordion-title {
    padding: 0 20px;
}

.itinary .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 16px;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    color: #ffff;
}

.itinary .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.itinary .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.tailor-made h5 {
    text-align: center;
}

@media (max-width: 991px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
}

.itinary .accordion button[aria-expanded='true'] {
    color: #fff !important;
}

.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: initial;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    text-align: left;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.accordion-content {
    background-color: #eeeeee !important;
}

.package-details h1 {
    margin-bottom: 0;
    color: #1a2b49;
}

.count-number-box {
    background: #fff;
    border: 1px solid #ebeef1;
    border-radius: 2px;
    color: #1a2b49;
    font-size: 1rem;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 32px;
}

span#guests-count-room {
    color: #000;
}

ul.include-list i {
    position: absolute;
    left: 0;
}

button.availinlty-btn {
    background: #080501;
    font-size: 18px;
    width: 95%;
    border-radius: 30px;
}

.check-avaliblty {
    text-align: center;
    margin-top: 20px;
}

.accordion .accordion-content p {
    font-size: 16px;
    font-weight: 400;
    margin: 15px;
}

.product-id a:hover {
    color: #000;
}

.product-id a {
    margin-top: 10px;
    text-decoration: none;
    display: block;
    color: #000;
}

.banner2 {
    width: 30%;
    float: left;
}

.banner2 img {
    margin-bottom: 10px;
    width: 100%;
    max-height: 186px;
    object-fit: cover;
}

.gallery .col-lg-6 {
    padding-right: 5px;
}

.gallery .col-lg-3 {
    padding: 0 5px;
}

.gallery {
    width: 100%;
}

.gallery img {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
    border-radius: 8px;
    transition: transform 0.3s;
    height: 370px;
}

.gallery-top {
    margin-bottom: 10px;
}

/* Lightbox */
.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    flex-direction: column;
}

.lightbox img {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    height: 390px;
}

/* Controls */
.close,
.prev,
.next {
    position: absolute;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
}

.close {
    top: 20px;
    left: 20px;
}

.prev {
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.next {
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

.gallery-top img {
    width: 320px;
    height: 180px;
}

.caption {
    color: white;
    margin-top: 15px;
    font-size: 18px;
}

.banner1 {
    float: left;
    width: 69%;
    margin-right: 10px;
}

.highlight-right ul {
    padding: 0;
    margin-left: 11px;
}

a.check-btn:hover {
    background: #000;
    color: #fff !important;
}

.availinlty-btn:hover {
    background: #e7e7e5;
    color: #000;
}

.exclude li i {
    color: #f00 !important;
}

.include-list li {
    color: #000;
    font-size: 16px;
    list-style: none;
    position: relative;
    padding-left: 30px !important;
    padding: 5px;
}

.like-badge {
    width: 127px;
    background: #f00;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    line-height: 24px;
}

.include-list i {
    position: absolute;
    left: 0;
    top: 7px;
    color: #106407;
}

.checkbox-wrapper input.substituted {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 13px;
}


input#example {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 13px;
}

.checkbox-wrapper *,
.checkbox-wrapper ::after,
.checkbox-wrapper ::before {
    box-sizing: border-box;
}

.checkbox-wrapper-1 [type=checkbox].substituted {
    margin: 0;
    width: 0;
    height: 0;
    display: inline;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkbox-wrapper-1 [type=checkbox].substituted+label:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 1.15em;
    width: 1.15em;
    margin-right: 0.6em;
    color: rgba(0, 0, 0, 0.275);
    border: solid 0.06em;
    box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset;
    border-radius: 0.2em;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat center, white;
    background-size: 0;
    will-change: color, border, background, background-size, box-shadow;
    transform: translate3d(0, 0, 0);
    transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s;
}

.checkbox-wrapper-1 [type=checkbox].substituted:enabled:active+label:before,
.checkbox-wrapper-1 [type=checkbox].substituted:enabled+label:active:before {
    box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset;
    background-color: #f0f0f0;
}

.checkbox-wrapper-1 [type=checkbox].substituted:checked+label:before {
    background-color: #3B99FC;
    background-size: 0.75em;
    color: rgba(0, 0, 0, 0.075);
}

.checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled:active+label:before,
.checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled+label:active:before {
    background-color: #0a7ffb;
    color: rgba(0, 0, 0, 0.275);
}

.checkbox-wrapper-1 [type=checkbox].substituted:focus+label:before {
    box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}

.checkbox-wrapper-1 [type=checkbox].substituted:focus:active+label:before,
.checkbox-wrapper-1 [type=checkbox].substituted:focus+label:active:before {
    box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}

.checkbox-wrapper-1 [type=checkbox].substituted:disabled+label:before {
    opacity: 0.5;
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark+label:before {
    color: rgba(255, 255, 255, 0.275);
    background-color: #222;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="rgba(34, 34, 34, 0.999)" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>');
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled:active+label:before,
.checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled+label:active:before {
    background-color: #444;
    box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(255, 255, 255, 0.1) inset;
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark:checked+label:before {
    background-color: #a97035;
    color: rgba(255, 255, 255, 0.075);
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled:active+label:before,
.checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled+label:active:before {
    background-color: #c68035;
    color: rgba(0, 0, 0, 0.275);
}

.checkbox-wrapper-1 [type=checkbox].substituted+label {
    -webkit-user-select: none;
    user-select: none;
}

.filter-price input {
    padding-left: 20px;

}

.filter-price .form-group {
    position: relative;
}

.checkbox-wrapper label {
    font-size: 16px;
    font-weight: 600;
}

div#caption:hover {
    color: #fff;
    background: #031432;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
}

.filter-accordian a {
    font-size: 17px;
    text-decoration: none;
    margin-top: 12px;
    display: block;
    color: #1a2b49;
    font-weight: 600;
}

span.dollar-icon {
    position: absolute;
    top: 40px;
    left: 6px;
    z-index: 9;
    color: #5c5959;
    font-size: 18px;
}

.highlight-right ul li {
    color: #000;
    font-size: 16px;
}

.itinary {
    margin-top: 30px;
}

.hvr-img-zoom-1 {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 278px;
}

.hvr-img-zoom-1 img {
    height: 100%;
    object-fit: cover;
}

.hvr-img-zoom-1:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: #0000004f; */
    content: "";
}

.discover-right input {
    width: 66%;
    text-transform: capitalize;
    font-size: 17px;
    border: none;
    border-radius: 30px 0 0 30px;
    float: left;
    padding-left: 26px;
}

.discover-left img {
    width: 100%;
}

button.sign-btn {
    padding: 13px 20px;
    background: #000;
    font-size: 16px;
}

.package-details-right {
    /* padding: 20px; */
    border-top: 4px solid #1a2b49;
    margin-left: 20px;
}

.booking-form__input.guests-input.mixer-auto .guests-input__options {
    top: 48px;
    padding-top: 1rem;
}

.guests-input__options.open {
    opacity: 1;
    height: auto;
    min-height: 200px;
}

.guests-input__options {
    position: absolute;
    z-index: 3;
    top: 2rem;
    width: 100%;
    background-color: #fff;
    box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px;
    border-radius: 0.4rem;
    overflow: hidden;
    height: 0;
    opacity: 0;
    min-width: 18rem;
    transition: all 0.1s linear;
}

.price-check {
    border: 1px solid #ccc;
    padding: 20px;
}

a.check-btn {
    background: #0071eb;
    padding: 14px 27px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
}

.discover-right h2 {
    color: #fff;
    font-weight: 600;
}

.check-availblty {
    margin-top: 30px;
}

.discover-the-wonder {
    margin-bottom: 40px;
}

.discover-right {
    padding: 42.5px;
    background: #f90;
    height: 100%;
}

.discover-the-wonder .col-lg-6 {
    padding: 0;
}

.hvr-img-zoom-1:hover img,
[class*="block "]:hover .hvr-img-zoom-1 img {
    transform: scale(1.1);
}

.hvr-img-zoom-1 img {
    transition: .7s;
    width: 100%;
}

.shin-box .form-group {
    position: relative;
}

.shin-box label {
    color: #1a2b49;
    font-weight: 600;
}

.log-in {
    padding: 30px;
    border: 1px solid #ccc;
    margin-bottom: 40px;
}

.havnt-acc {
    margin-top: 0;
    text-align: center;
}

.sign-select-bx.active {
    background: #156fd1;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 20px;
}

.sign-heading h6 {
    margin-bottom: 0;
    color: #1a2b49;
}

.sign-heading p {
    margin-bottom: 0;
    color: #1a2b49;
}

.sign-select-bx.active p {
    color: #fff;
}

.signform-list ul li {
    display: block;
    color: #000;
    padding: 3px;
}

.signform-list ul {
    margin: 0;
}

.term-condtn {
    margin-top: 20px;
}

.check-box {
    float: left;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    position: relative;
    top: -9px;
}

.order-conform-details li p {
    margin-bottom: 0;
}

.order-conform-details li {
    list-style-type: square;
    color: #f90;
}

.edit-btn {
    text-decoration: underline !important;
}

.order-conform-details li span a {
    color: #0071eb;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

.order-conform-details li i {
    color: #f90 !important;
    margin-right: 7px;
}

.order-package h6 {
    margin-bottom: 0;
}

.send-ticket {
    color: #282626;
}

.send-ticket {
    color: #282626;
}

.ticket-btn i {
    margin-right: 8px;
}

.deals-expire ul {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: flex-end;
}

.deals-expire ul li span {
    font-size: 20px;
}

.bottom-content h6 {
    font-weight: 500;
    color: #1a2b49;
}

/* .bottom-content h6 span {
    font-size: 16px;
    font-weight: 600;
} */
.rating-people h6 {
    color: #000;
    font-size: 18px !important;
}

.guide {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #63687a;
}

.deals-expire ul li h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.deals-expire ul li {
    color: #000;
    display: block;
}

.ticket-btn {
    background: #0071eb;
    padding: 14px 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
    margin-right: 10px;
}

.do-know h3 {
    color: #1a2b49;
}

.do-know input[type=radio] {
    --s: 1em;
    --c: #009688;
    height: 20px;
    width: 20px;
    aspect-ratio: 1;
    border: 2px solid #7c7a7a;
    padding: calc(var(--s)/8);
    background: radial-gradient(farthest-side, #1a2b49 94%, #0000) 50% / 0 0 no-repeat content-box;
    border-radius: 50%;
    outline-offset: calc(var(--s)/10);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    transition: .3s;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.do-know input[type=radio]:checked {
    border-color: #1a2b49;
    background-size: 100% 100%;
}



@media print {
    .do-know input[type=radio] {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
        background: none;
    }
}

.do-know label {
    display: block;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    cursor: pointer;
    color: #1a2b49;
    font-size: 17px;
}


.after-checkin {
    display: flex;
    gap: 20px;
    margin-top: 8px;
}

.checkin-thumb img {
    border-radius: 5px;
}

.after-checkin {
    display: flex;
    gap: 20px;
}

.after-checkin h5 {
    margin-bottom: 0;
}

.send-ticket i {
    font-size: 16px;
    margin-top: 4px;
    margin-right: 10px;
}

.order-conform-details li a.pickip-location {
    color: #0071eb;
    text-decoration: none;
}

.order-conform-details li a {
    color: #1a2b49;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.order-conform-details {
    padding: 0;
    padding-left: 12px;
    color: #1a2b49;
}

.order-conformation {
    padding: 30px 0;
}

.order-conformation h3 {
    color: #1a2b49;
}

input#vehicle1 {
    width: 20px;
}

.signform-list ul li i {
    position: absolute;
    left: 0;
    top: 5px;
    border: 1px solid #2c2727;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.signform-list ul {
    padding: 0;
}

.signform-list ul li {
    padding-left: 30px;
    position: relative;
}

.step-container {
    max-width: 580px;
    margin: auto;
    border: 1px solid #ccc;
    padding: 30px;
}

.step-form input,
select {
    border: 1px solid #938c8c !important;
    border-radius: 5px !important;
    height: 45px;
}

.sign-select-bx.active h6 {
    color: #fff;
    font-weight: 600;
}

.veryfie-msg {
    color: #142850;
    font-size: 16px;
    font-weight: 600;
}

.step-form label {
    color: #1a2b49;
    font-weight: 600;
}

.step-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-weight: bold;
}

.step {
    /* display: none; */
    animation: fadeIn 0.4s ease-in-out;
}

.step.active {
    display: block;
}

.step-btn {
    margin-top: 20px;
    display: flex;
    justify-content: end;
    column-gap: 19px;
}

button {
    padding: 10px 20px;
    background: #007bff;
    border: none;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Example styling */
.option-box {
    border: 1px solid #ccc;
    padding: 5px;
    margin: 2px 0;
    cursor: pointer;
    width: 79px;
    text-align: center;
    color: #444343;
}

.option-main.syetem .option-box {
    width: 195px;
}

.option-main {
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: unset;
}

.option-box.active {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

.signup-page {
    padding: 50px 0;
}

.contiue-btn {
    text-align: right;
}

.step h5 {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 20px;
    color: #1a2b49;
}

.conti-btn {
    padding: 10px 33px;
    background: #304c84;
    display: inline-block;
    margin-top: 20px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

.signup-icon {
    float: left;
    margin-left: 10px;
}

.shinup-box {
    border: 1px solid #ccc;
    padding: 30px;
    margin-bottom: 30px;
    max-width: 620px;
    margin: 45px auto;
}

.sign-select-bx {
    border: 1px solid #ccc;
    padding: 15px 0;
    border-radius: 5px;
}

.sign-heading h6 {
    margin-bottom: 0;
    color: #1a2b49;
}

.sign-heading p {
    font-size: 15px;
    margin-bottom: 0;
}

.shinup-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign-heading {
    padding-left: 30px;
}

.forget-pasword {
    position: absolute;
    right: 0;
    top: 0;
}

.havnt-acc a {
    text-decoration: none;
    font-weight: bold;
}

.havnt-acc {
    margin-top: 20px;
}

.login-btn .pay-btn {
    background: #0071eb;
    width: 100%;
}

.login-btn {
    text-align: center;
}

.forget-pasword a {
    text-decoration: none;
}

.login-header {
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding-bottom: 18px;
}

.shin-box input {
    border: 1px solid #68656587;
    height: 44px;
    border-radius: 3px;
    font-weight: 600;
    color: #494d58;
    letter-spacing: 0.6px;
}

.top h4 {
    font-size: 17px;
    color: #fff;
    /* background: #02020cba; */
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    padding: 0;
    line-height: 25px;
    margin: 0;
}

.top h4 a {
    display: block;
    background: #1a2b49;
    color: #fff;
    padding: 7px;
    border-radius: 5px 0 5px 0;
}

.top h4 a:hover {
    color: #fff !important;
}

#services {
    padding: 0px 0;
    padding-bottom: 0;
}

.safari-content h5 {
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
}

.safari-content h5 span {
    font-size: 31px;
    color: #ffffff;
}

.read-btn {
    text-align: center;
}

.read-btn a {
    background: #f90;
    border: 2px solid #fff;
    text-align: center;
    padding: 7px 20px;
    /* right: 5px; */
    position: relative;
    /* top: 55px; */
    color: #fff;
    border-radius: 50px;
    display: inline-block;
}

.testimonial-box p {
    font-size: 15px;
}

.exlent h5 {
    margin-bottom: 0;
}

.exlent small {
    color: #000;
}

.testimonial-box a:hover {
    color: #6e6464;
}

.testimonial-box a {
    color: #000;
}

button.button:hover {
    background: #000;
}

a.supplier-btn:hover {
    background: #000;
}

.exlent {
    margin-top: 50px;
}

.read-btn a:hover {
    background: #000;
}

.star-rating1 {
    color: #f90;
    font-size: 15px;
}

.testimonial-box {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    height: 100%;
}

.testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.testimonial-header img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.star-rating {
    color: #fbc02d;
    font-size: 16px;
}

.review-meta {
    font-size: 14px;
    color: #777;
}

.swiper-button-next,
.swiper-button-prev {
    color: #333;
}

.google-logo img {
    width: 140px;
    margin-top: 16px;
}

.read-btn a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-top: 10px;
}

.top {
    position: absolute;
    top: 0;
    margin: 12px;
    left: 0;
    right: 0;
    text-align: center;
    text-align: left;
    padding: 0;
    z-index: 99;
}

.safari-content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.gradant-box {
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 20px;
    z-index: 1;
    background: linear-gradient(180deg, transparent, #000);
}


a.appoitment-btn {
    background: #6660ce;
    padding: 16px 20px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
}

.ttm-right-span>.ttm-col-wrapper-bg-layer {
    margin-right: 0 !important;
    background: #6660ce !important;
}

.button {
    text-align: center;
}

.wrap-form.contact_form_1.wrap-form label i {
    position: absolute;
    right: 20px;
    left: auto;
    color: #8a8a8a;
    top: 15px;
    opacity: .9;
    font-size: 16px;
    z-index: 1;
    line-height: 16px;
}

.bg-body-tertiary {
    background: none !important;
}

.layer-content.form-content {
    padding: 40px;
}

.layer-content.form-content p {
    color: #fff;
}

h5.card-title.fw-bold {
    color: #060303;
    text-transform: capitalize;
}

.nav-link:focus,
.nav-link:hover {
    color: #05090c;
    /* background: #000; */
}




/* -------------------------------- 

File#: _1_language-picker
Title: Language Picker
Descr: A custom selector allowing users to choose their preferred language on a page
Usage: codyhouse.co/license

-------------------------------- */




/* buttons */
.li4-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    white-space: nowrap;
    text-decoration: none;
    background: hsl(var(--li4-color-bg-dark-hsl));
    color: hsl(var(--li4-color-contrast-higher-hsl));
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease;
    will-change: transform;
    padding: var(--li4-space-2xs) var(--li4-space-sm);
    border-radius: 0.25em;
}

.li4-btn:focus-visible {
    box-shadow: 0px 0px 0px 2px hsl(var(--li4-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--li4-color-contrast-higher-hsl), 0.15);
    outline: none;
}

.li4-btn:active {
    transform: translateY(2px);
}

.li4-btn--subtle {
    background: hsl(var(--li4-color-bg-lighter-hsl));
    color: hsl(var(--li4-color-contrast-higher-hsl));
    box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
}

.li4-btn--subtle:hover {
    background: hsl(var(--li4-color-bg-light-hsl));
    box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
}

.li4-btn--subtle:focus {
    box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), 0px 0px 0px 2px hsl(var(--li4-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--li4-color-contrast-high-hsl));
}

.li4-icon {
    height: var(--li4-size, 1em);
    width: var(--li4-size, 1em);
    display: inline-block;
    color: inherit;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
}

/* component */
:root {
    --picker-vertical-gap: 4px;
}

.language-picker {
    display: inline-block;
    position: relative;
}

.language-picker__form {
    display: none;
}

.language-picker__button .li4-icon {
    height: 16px;
    width: 16px;
}

.language-picker__button .li4-icon:first-of-type {
    margin-right: var(--li4-space-3xs);
}

.language-picker__button .li4-icon:last-of-type {
    margin-left: var(--li4-space-3xs);
}

.language-picker__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    background-color: hsl(var(--li4-color-bg-light-hsl));
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    padding: var(--li4-space-3xs) 0;
    border-radius: 0.25em;
    z-index: 5;
    margin-top: var(--picker-vertical-gap);
    margin-bottom: var(--picker-vertical-gap);
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s;
}

.language-picker__dropdown--right {
    right: 0;
    left: auto;
}

.language-picker__dropdown--up {
    bottom: 100%;
    top: auto;
}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s;
}

.language-picker__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: var(--li4-space-2xs) var(--li4-space-sm);
    color: hsl(var(--li4-color-contrast-high-hsl));
    transition: background 0.2s;
}

.language-picker__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.language-picker__item:hover {
    background-color: hsla(var(--li4-color-contrast-higher-hsl), 0.075);
}

.language-picker__item:focus {
    outline: none;
    background-color: hsla(var(--li4-color-primary-hsl), 0.1);
}

.language-picker__item[aria-selected=true] {
    position: relative;
    background-color: hsl(var(--li4-color-primary-hsl));
    color: hsl(var(--li4-color-white-hsl));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.language-picker__item[aria-selected=true]:focus {
    outline: 2px solid hsla(var(--li4-color-primary-hsl), 0.2);
}

.language-picker__item[aria-selected=true]::after {
    content: "";
    height: 16px;
    width: 16px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
    margin-left: auto;
}

.language-picker__flag {
    display: flex;
    align-items: center;
}

.language-picker__flag::before {
    display: none;
    flex-shrink: 0;
    content: "";
    height: 16px;
    width: 16px;
    margin-right: var(--li4-space-2xs);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.language-picker__dropdown .language-picker__flag::before {
    margin-right: var(--li4-space-xs);
}

.language-picker--flags .language-picker__flag::before {
    display: inline-block;
    display: inline-flex;
}

.language-picker--flags .language-picker__button .li4-icon:first-of-type {
    display: none;
}


.language-picker--hide-label .language-picker__button .li4-icon {
    margin-left: 0;
}

.language-picker--hide-label .language-picker__button .li4-icon:first-of-type {
    display: none;
}

.language-picker--hide-label .language-picker__button em {
    display: none;
}

.language-picker--hide-label .language-picker__button .language-picker__flag::before {
    margin-right: var(--li4-space-3xs);
}

.language-picker--hide-label .language-picker__flag::before {
    display: inline-block;
    display: inline-flex;
}

/* utility classes */
.li4-sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap;
}

.usd {
    float: right;
    width: 100%;
}

.usd.ft-usd {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}

.js.language.ft-lng {
    width: 100%;
    float: left;
}

.footer-social ul li {
    display: inline-block;
    padding: 5px 10px;
}

.footer-social ul li a {
    color: #fff;
    font-size: 20px;
}

.footer-social ul {
    margin: 0px;
    padding: 0px;
}

.js.language.ft-lng em {
    display: block;
    font-style: normal;
    padding: 5px;
    color: #000;
}

.featured-icon-box.icon-align-before-content.style1 {
    margin: 0 0 10px !important;
}

.js.language.ft-lng label {
    color: #fff;
}

.footer-social ul li a:hover {
    color: #ff9900 !important;
}

.js.language.ft-lng .language-picker {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}

.js.language.ft-lng button.language-picker__button.btn.btn--subtle {
    background: #fff;
    width: 100%;
}

.js.language em {
    display: none;
}

.ft-lng .usd {
    float: left;
    width: 60%;
    margin-top: 10px;
    margin-left: 0;
}

.testimonial h3 {
    color: #c48c11 !important;
}

.testimonial {
    padding: 32px 0;
}

.testimonial h2 {
    color: #000 !important;
}

.testimonial .card-body {
    background: none !important;
    padding: 30px;
    min-height: 260px;
    background: #fff !important;
}

.card.shadow-sm.rounded-3 {
    background: none;
    border: 1px solid #fff;
}

.card-body p {
    color: #040202;
}

.testimonial span.text-secondary {
    color: #c28700 !important;
}

.layer-content h2 {
    color: #fff;
}

.layer-content.form-sec {
    background: #6660ce;
    padding-top: 17px;
}

nav.main-menu ul.menu li ul.mega-submenu li a {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    display: block;
    padding: 16px 15px 16px 15px;
    text-align: left;
    color: #ffffff !important;
    border-radius: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    background: #403570 !important;
}

.banner .carousel-caption {
    position: absolute;
    right: 15%;
    top: 28% !important;
    left: 15%;
}

.banner .carousel-caption h2 {
    color: #FFF;
    font-size: 56px;
    line-height: 57px;
}

.title-ttm strong {
    color: #000;
    font-weight: 500;
}

.banner .carousel-caption p {
    color: #FFF;
    font-size: 20px;
    margin-top: 30px;
}

.testimonial .carousel img {
    width: 40px;
    max-height: 70px;
    border-radius: 50%;
    margin-right: 1rem;
    overflow: hidden;
    height: 40px;
}

.testimonial .carousel-inner {
    padding: 1em;
}

@media screen and (min-width: 576px) {
    .testimonial .carousel-inner {
        display: flex;
        width: 90%;
        margin-inline: auto;
        padding: 1em 0;
        overflow: hidden;
    }

    .testimonial .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 3);
    }
}

@media screen and (min-width: 768px) {
    .testimonial .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 3);
    }
}

.testimonial .carousel .card {
    margin: 0 0.5em;
    border: 0;
}

.testimonial .carousel-control-prev,
.testimonial .carousel-control-next {
    width: 3rem;
    height: 3rem;
    background-color: grey;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

li.col-s-12.a5elt.full {
    width: 82% !important;
}

a#slider-1-slide-4-layer-4 {
    background: #c48b0d !important;
    color: #fff !important;
}

.demand-img {
    position: relative;
    overflow: hidden;
}

.demand-img img {
    width: 100%;
    transform: scale(1.0);
}

nav.main-menu ul.menu li ul.mega-submenu li a:hover {
    background: #6660ce !important;
}

.demand-img img:hover {
    transform: scale(1.2);
    transition: transform .5s ease-in-out;
}

a#slider-1-slide-4-layer-4:hover {
    background: #403372 !important;
}

a#slider-1-slide-4-layer-4 {
    padding: 14px 20px !important;
}

a#slider-1-slide-1-layer-4 {
    background: #c68f14 !important;
    color: #fff !important;
    padding: 14px 20px !important;
    font-size: 18px !important;
}

a#slider-1-slide-1-layer-4:hover {
    background: #40356f !important;
}

.layer-content.form-sec h3 {
    color: #fff;
    font-size: 30px;
}

.wrap-form.contact_form_1.wrap-form label {
    width: 100%;
    margin: 0;
    position: relative;
}

.innvoetive-left img {
    width: 100%;
}

.fix-popup a {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    background-color: #403570;
    padding: 11px 0;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

.spacing-7 {
    padding: 50px 66px 40px 0;
}

.feture-right img {
    width: 100%;
}

.spacing-8 {
    padding: 80px 0 60px 70px;
}

.img-box {
    position: relative;
    overflow: hidden;
    transition: transform .5s ease-in-out;
}

.img-box img:hover {
    transform: scale(1.2);
}

.spacing-9 {
    margin-left: -370px;
    padding: 40px 37px 35px 27px;
    margin-top: 37px
}

.spacing-10 {
    padding: 10px 0 0 0
}

.spacing-11 {
    margin-right: -30px;
    padding: 315px 40px 55px 40px
}

.spacing-12 {
    padding-left: 40px
}


.ttm-row {
    padding: 60px 0 !important;
    clear: both;
    width: 100%;
}

.fix-popup {
    cursor: pointer;
    position: fixed;
    left: 0;
    z-index: 999;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none;
}

.feature-item {
    margin-top: 30px;
}

.feaature-box {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.feature-content h5 {
    margin-bottom: 5px;
}

#payment .payment_box:before,
.breadcrumb-wrapper span i,
.coupon_toggle .coupon_code:before,
.featured-icon-box.style4:hover .ttm-num,
.featured-imagebox-portfolio.style1 .featured-title h3:hover,
.featured-imagebox-portfolio.style1 .featured-title h3:hover a,
.featured-imagebox-portfolio.style1 .ttm-footer a:hover,
.featured-imagebox-portfolio.style2 .featured-title h3:hover,
.featured-imagebox-portfolio.style2 .featured-title h3:hover a,
.featured-imagebox-portfolio.style3 .featured-title h3 a:hover,
.featured-imagebox-portfolio.style3 .ttm-footer a:hover,
.featured-imagebox-portfolio.style4 .ttm-footer .ttm-btn.ttm-btn-color-darkgrey:hover,
.featured-imagebox-portfolio.style5 .featured-content .featured-desc p,
.featured-imagebox-portfolio.style5 .featured-title h3 a:hover,
.featured-imagebox-post.style1 .featured-content .featured-title h3 a:hover,
.first-footer .newsletter-form p button:hover,
.header_cart:hover .cart_icon i,
.header_search a:hover,
.section-title h3,
.testimonials.style1:hover .testimonial-caption h3,
.tmtheme_fbar_icons:hover i,
.top_bar_contact_item .top_bar_icon i,
.ttm-bgcolor-darkgrey .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor i,
.ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6,
.ttm-bgcolor-darkgrey a:hover,
.ttm-bgcolor-darkgrey a:hover i,
.ttm-bgcolor-grey .ttm-btn-color-skincolor,
.ttm-bgcolor-grey .ttm-btn-color-skincolor i,
.ttm-bgcolor-skincolor .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-blog-single blockquote cite,
.ttm-btn-color-skincolor,
.ttm-btn-style-border.ttm-btn-color-skincolor,
.ttm-fid.inside.style2:hover h3.ttm-fid-title,
.ttm-header-style-01 .top_bar .top_bar_contact_item .top_bar_icon i,
.ttm-header-style-01 .ttm-bgcolor-white.site-header-menu-inner nav.main-menu ul.menu>li.active>a,
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu>li.active>a,
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu>li>a:hover,
.ttm-header-style-03 .header_btn a:hover,
.ttm-icon_element-border.ttm-icon_element-color-grey,
.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.ttm-icon_element-color-skincolor,
.ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-icon_element-fill.ttm-icon_element-color-white i,
.ttm-list-icon-color-skincolor li i,
.ttm-p_table-amount,
.ttm-page-title-row .breadcrumb-wrapper span,
.ttm-pf-single-detail-box .ttm-pf-detailbox-title,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a,
.ttm-textcolor-skincolor,
.ttm-textcolor-skincolor a,
.ttm-textcolor-skincolor h1,
.ttm-textcolor-skincolor h2,
.ttm-textcolor-skincolor h3,
.ttm-textcolor-skincolor h4,
.ttm-textcolor-skincolor h5,
.ttm-textcolor-skincolor h6,
.ttm-textcolor-skincolor i,
.ttm-textcolor-white a:hover,
.widget ul#menu-footer-service-link li a:before,
.widget ul#menu-footer-service-link li a:hover,
.widget ul#menu-footer-service-link li a:hover:before,
.widget_info .social-icons ul li a:hover,
.widget_info .widget_icon i,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
:not(.ttm-bgcolor-darkgrey) a.ttm-textcolor-skincolor,
:not(.ttm-bgcolor-darkgrey) i.ttm-textcolor-skincolor,
a.ttm-textcolor-skincolor,
a:hover,
i.ttm-textcolor-skincolor,
nav.main-menu ul.menu li ul.mega-submenu li a:hover,
nav.main-menu ul.menu li ul.mega-submenu li.active>a,
nav.main-menu ul.menu li.active>a,
nav.main-menu ul.menu li>ul.mega-submenu li a:hover,
nav.main-menu ul.menu>li.mega-menu-item:hover>a {
    color: #fff;
}

#site-header-menu .site-navigation .sep-img,
#totop.top-visible,
.featured-imagebox-portfolio.style2 .ttm-media-link a,
.featured-imagebox-post.style2:hover .ttm-box-post-date,
.featured-imagebox-team.style1 .featured-content:before,
.first-footer .newsletter-form button[type=submit],
.footer .social-icons li>a:hover,
.header_cart .cart_count,
.heading-seperator span:before,
.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover,
.product .onsale,
.product:hover .ttm-shop-icon .product-btn:hover,
.section-title h3:after,
.section-title h3:before,
.sidebar .widget .widget-title:before,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.slick_slider.slick-arrows-style4 .slick-arrow:hover,
.slick_slider.slick-dots-style1 .slick-dots li.slick-active button,
.slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
.social-icons.circle li>a:hover,
.social-icons.square li a:hover,
.testimonials.style1:hover .testimonial-content:before,
.testimonials.style1:hover:after,
.tm_coverimgbox_wrapper .featured-content .featured-title h3:after,
.ttm-bgcolor-darkgrey .tooltip:after,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-darkgrey [data-tooltip]:after,
.ttm-bgcolor-grey .tooltip:after,
.ttm-bgcolor-grey [data-tooltip]:after,
.ttm-bgcolor-skincolor,
.ttm-bgcolor-skincolor>.ttm-bg-layer,
.ttm-bgcolor-skincolor>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-btn-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-play-icon-btn .ttm-play-icon-animation:after,
.ttm-play-icon-btn .ttm-play-icon-animation:before,
.ttm-single-product-details ul.tabs li a:before,
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-02 ul.tabs li:hover a,
.ttm-textcolor-skincolor .tooltip:after,
.ttm-textcolor-skincolor [data-tooltip]:after,
.ttm-underline-strong:before,
.widget .tagcloud a:hover,
.widget.widget-download ul li i,
.widget.widget-nav-menu ul li a:before {
    background: none;
}

.featured-icon-box.icon-align-top-content.style1 a.di_link:hover,
.featured-icon-box.style4:hover .ttm-num,
.featured-imagebox-portfolio.style4 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:after,
.featured-imagebox-portfolio.style4 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:before,
.featured-imagebox-portfolio.style4 .ttm-footer a:hover,
.rs-layer.ttm-btn:hover:after,
.rs-layer.ttm-btn:hover:before,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.social-icons.circle li>a:hover,
.social-icons.square li a:hover,
.testimonials-nav .slick-current.testimonial-author_info .testimonial-avatar img,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-btn-style-border.ttm-btn-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor:after,
.ttm-btn-style-fill.ttm-btn-color-skincolor:before,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.widget .tagcloud a:hover,
.widget_info .social-icons ul li a:hover,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
nav.main-menu.show {
    border-color: #cda274
}

#payment .payment_box,
.coupon_toggle .coupon_code,
.header_search .header_search_content,
.ttm-bgcolor-darkgrey .tooltip-top:before,
.ttm-bgcolor-darkgrey .tooltip:before,
.ttm-bgcolor-grey .tooltip-top:before,
.ttm-bgcolor-grey .tooltip:before,
.ttm-bgcolor-grey [data-tooltip]:before,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a:before,
.ttm-textcolor-skincolor .tooltip-top:before,
.ttm-textcolor-skincolor .tooltip:before,
article.ttm-blog-classic,
nav.main-menu {
    border-top-color: #cda274
}

.featured-icon-box.style3:before,
.header_search .header_search_content:before,
.ttm-bgcolor-darkgrey .tooltip-bottom:before,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active:after {
    border-bottom-color: #cda274
}

.accordion .toggle-title a,
.accordion .toggle.ttm-toggle_style_classic .toggle-title a:hover,
.breadcrumb-wrapper span.ttm-bread-sep,
.breadcrumb-wrapper-inner a i,
.featured-icon-box.style3 .featured-title h3,
.featured-icon-box.style4 .featured-title h3,
.featured-icon-box.style6 .featured-title h3,
.featured-imagebox-post.style1 .featured-content .featured-title h3,
.featured-imagebox-post.style1 .featured-content .featured-title h3 a,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white .section-title h2.title,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white a,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white h1,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white h2,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white h3,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white h4,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white h5,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white h6,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white p,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row>[class*=col-]:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .ttm-bgcolor-white .section-title h2.title,
.ttm-bgcolor-skincolor .ttm-bgcolor-white a,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h1,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h2,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h3,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h4,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h5,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h6,
.ttm-bgcolor-skincolor .ttm-bgcolor-white p,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-white .featured-icon-box.style2 .featured-title h3,
.ttm-bgcolor-white .header_cart .button-cart,
.ttm-bgcolor-white .header_search a,
.ttm-btn-color-dark,
.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn-style-fill.ttm-btn-color-white i,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white i,
.ttm-fid.inside.style2 h3.ttm-fid-title,
.ttm-header-style-03 .ttm-bgcolor-white.site-header-menu-inner nav.main-menu ul.menu>li>a,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-icon_element-color-darkgrey,
.ttm-icon_element-color-darkgrey:not(.ttm-icon_element-fill) i,
.ttm-list.ttm-list-style-icon li,
.ttm-pricing-plan .ttm-p_table-body ul li,
.ttm-progress-bar .progressbar-title,
.ttm-textcolor-darkgrey,
.ttm-textcolor-darkgrey p,
.ttm-textcolor-white .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h1,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h2,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h3,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h4,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h5,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h6,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey p,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey>i,
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-darkgrey span,
nav.main-menu ul.menu li ul.mega-submenu li a {
    color: #232323
}

.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:after,
.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:before,
.product:hover .ttm-shop-icon .product-btn,
.tooltip:after,
.ttm-bgcolor-darkgrey,
.ttm-bgcolor-darkgrey>.ttm-bg-layer,
.ttm-bgcolor-darkgrey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-skincolor .tooltip:after,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-skincolor [data-tooltip]:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover,
.ttm-highlight-fid-style1,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-progress-bar .progress-bar-inner .progress-bar.progress-bar-color-bar_darkgrey:before,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey,
[data-tooltip]:after {
    background-color: #232323
}

.header_cart:hover .cart_count {
    background-color: #1a1d22
}

.ttm-bgcolor-skincolor .ttm-bgcolor-white i {
    color: #181818
}

.tooltip-top:before,
.tooltip:before,
.ttm-bgcolor-skincolor .row>[class*=col-]:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:before,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
[data-tooltip]:before {
    border-color: #232323
}

.tooltip-top:before,
.tooltip:before,
.ttm-bgcolor-skincolor .tooltip-top:before,
.ttm-bgcolor-skincolor .tooltip:before,
.ttm-bgcolor-skincolor [data-tooltip]:before,
[data-tooltip]:before {
    border-top-color: #232323
}

.copyright a,
.featured-icon-box.style2 .featured-title h3,
.featured-imagebox-portfolio.style1 .ttm-footer .ttm-btn.ttm-btn-color-white:hover,
.featured-imagebox-portfolio.style1:hover .ttm-footer a,
.featured-imagebox-portfolio.style2:hover .ttm-footer a,
.featured-imagebox-portfolio.style3 .featured-title h3 a,
.featured-imagebox-portfolio.style3 .ttm-footer a,
.featured-imagebox-portfolio.style4.active .ttm-footer .ttm-btn.ttm-btn-color-white:hover,
.featured-imagebox-portfolio.style4:hover .ttm-footer a,
.featured-imagebox-portfolio.style5 .featured-title h3 a,
.featured-title h3,
.first-footer .newsletter-form button[type=submit],
.first-footer h3,
.footer .social-icons li>a i,
.footer .social-icons li>a:hover i,
.footer .widget .widget-title,
.header_btn a:hover,
.header_cart .button-cart,
.header_search a,
.page-title-heading h2,
.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover,
.sidebar .widget.widget-search .search-form .btn[type=submit] i,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.social-icons.circle li>a:hover,
.social-icons.circle li>a:hover i,
.social-icons.square li a:hover,
.tm_coverimgbox_wrapper .featured-content .featured-desc p,
.tm_coverimgbox_wrapper .featured-content .featured-title h3,
.tm_coverimgbox_wrapper .featured-content .ttm-footer a,
.tm_coverimgbox_wrapper .ttm-footer .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .section-title h2.title,
.ttm-bgcolor-darkgrey .section-title.style2 .title-desc,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor:hover,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor:hover i,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover i,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-darkgrey h1,
.ttm-bgcolor-darkgrey h2,
.ttm-bgcolor-darkgrey h4,
.ttm-bgcolor-darkgrey h5,
.ttm-bgcolor-darkgrey h6,
.ttm-bgcolor-darkgrey i,
.ttm-bgcolor-darkgrey span,
.ttm-bgcolor-skincolor .row>[class*=col-]:not(.ttm-bgcolor-white) .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .section-title h2.title,
.ttm-bgcolor-skincolor .section-title.style2 .title-desc,
.ttm-bgcolor-skincolor a,
.ttm-bgcolor-skincolor h1,
.ttm-bgcolor-skincolor h2,
.ttm-bgcolor-skincolor h3,
.ttm-bgcolor-skincolor h4,
.ttm-bgcolor-skincolor h5,
.ttm-bgcolor-skincolor h6,
.ttm-bgcolor-skincolor i,
.ttm-bgcolor-skincolor span,
.ttm-btn-color-white,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover i,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover i,
.ttm-highlight-fid-style1,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
.ttm-icon_element-color-white,
.ttm-icon_element-color-white i,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
.ttm-pf-single-content-wrapper .ttm-social-share-links ul li a:hover i,
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-02 ul.tabs li:hover a,
.ttm-textcolor-white,
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.ttm-textcolor-white a,
.ttm-textcolor-white h1,
.ttm-textcolor-white h2,
.ttm-textcolor-white h3,
.ttm-textcolor-white h4,
.ttm-textcolor-white h5,
.ttm-textcolor-white h6,
.ttm-textcolor-white span,
.widget .tagcloud a:hover,
.widget ul#menu-footer-service-link li a,
.widget ul#menu-footer-service-link li a:before,
.widget.widget-nav-menu ul li a:hover,
.widget.widget-nav-menu ul li.active a,
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-white span:not(.ttm-textcolor-skincolor),
span.ttm-underline-strong {
    color: #fff
}


.footer .copyright,
.footer .widget ul.widget_contact_wrapper li,
.testimonials.ttm-testimonial-box-view-style1 .testimonial-content blockquote,
.ttm-bgcolor-darkgrey .testimonials-info .testimonial-caption label,
.ttm-bgcolor-darkgrey .testimonials-info .testimonials .testimonial-content blockquote,
.ttm-bgcolor-darkgrey i,
.ttm-bgcolor-skincolor .testimonials-info .testimonial-caption label,
.ttm-bgcolor-skincolor .testimonials-info .testimonials .testimonial-content blockquote,
.ttm-bgcolor-skincolor i,
.ttm-bgcolor-skincolor p,
.ttm-bgcolor-skincolor span {
    color: rgba(255, 255, 255, .85)
}

.ttm-bgcolor-skincolor i,
.ttm-bgcolor-skincolor p,
.ttm-bgcolor-skincolor span {
    color: rgba(255, 255, 255, .95)
}

.featured-imagebox-post.style1 .ttm-postbox-desc-footer,
.featured-imagebox-post.style2 .featured-content,
.first-footer .newsletter-form p button:hover,
.progress-bar-color-bar_white,
.section-title.style2 .title-desc .ttm-underline-strong:before,
.testimonials.style1 .testimonial-content,
.ttm-bgcolor-darkgrey .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-bgcolor-skincolor .heading-seperator span:before,
.ttm-bgcolor-skincolor .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-bgcolor-white,
.ttm-bgcolor-white>.ttm-bg-layer,
.ttm-bgcolor-white>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_white {
    background-color: #fff
}

.ttm-bgcolor-darkgrey>.sep_holder .sep_line,
.ttm-bgcolor-skincolor>.sep_holder .sep_line {
    border-color: rgba(255, 255, 255, .06)
}

.featured-imagebox-portfolio.style1 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:after,
.featured-imagebox-portfolio.style1 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:before,
.featured-imagebox-portfolio.style1:hover .ttm-btn,
.featured-imagebox-portfolio.style1:hover .ttm-btn:after,
.featured-imagebox-portfolio.style1:hover .ttm-btn:before,
.featured-imagebox-portfolio.style4.active .ttm-footer a:hover,
.ttm-btn-style-border.ttm-btn-color-white.ttm-btn:hover:after,
.ttm-btn-style-border.ttm-btn-color-white.ttm-btn:hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white {
    border-color: #fff
}

.checkout #payment,
.comment-body,
.coupon_toggle .coupon_code,
.featured-imagebox-post.style2 .featured-imagebox-post-inner:before,
.featured-imagebox-team.style1 .featured-content,
.featured-imagebox-team.style1 .ttm-media-link,
.header_search #search_query_top,
.sidebar .widget-area .widget,
.sidebar .widget-title,
.ttm-bgcolor-grey,
.ttm-bgcolor-grey>.ttm-bg-layer,
.ttm-bgcolor-grey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-btn-style-fill.ttm-btn-color-grey,
.ttm-icon_element-fill.ttm-icon_element-color-grey,
.ttm-single-product-details ul.tabs li a,
.ttm-team-member-single-content .ttm-social-links-wrapper ul li a,
.widget.widget-download ul li {
    background-color: #f7f7f7
}

.featured-imagebox-post.style2 .featured-imagebox-post-inner,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-grey {
    border-color: #f7f7f7
}

.comment-body:after {
    color: #f7f7f7
}

.ttm-bgcolor-grey.ttm-textcolor-darkgrey p {
    color: #686868
}

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-grey {
    color: inherit
}

#preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -30px 0 0 -30px
}

#status {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #fff;
    background-image: url(../images/preloader-1.html);
    background-repeat: no-repeat;
    background-position: center
}

ul.social-icons {
    margin: 0;
    padding: 0
}

.social-icons li {
    display: inline-block;
    border: none;
    z-index: 1;
    position: relative
}

.tanzania-package {
    padding-top: 50px;
}




/* header part start here */




header {
    min-height: 105px;
}

@media screen and (min-width: 600px) {
    body#newSite {
        margin-top: -7px !important;
    }
}

@media screen and (max-width: 600px) {
    #header20 .s-hide {
        display: none;
    }

    #header20 .m-show {
        display: none;
    }

    #header20 .l-show {
        display: none;
    }

    #header20 .s-show {
        display: block;
    }

    #header20 .col-s-center {
        /*margin: 0 auto !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        float: none;
    }
}

#header20 {
    z-index: 999;
}

#header20 .pointer {
    cursor: pointer;
}

.side-hover {
    padding-top: 25px;
}

#header20 * {
    line-height: 27px;
    text-align: left;
}

#header20 .link20 {
    font-weight: 600;
    color: #0050D7;
    text-decoration: none;
}

#header20 .link20:hover {
    color: #0056b3;
}

#header20 .baseline {
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    display: block;
    cursor: pointer;
}

#header20 .menu20Content a {
    position: relative;
    z-index: 9;
}

#header20 .westSide .baseline {
    margin-left: 0.5em;
}

#header20 .newButton20 {
    margin: 1em auto;
    background: #0050D7;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 4px 6px #000E9C00;
    border-radius: 6px;
    display: inline-block;
    padding: 0.3em 1em;
    box-sizing: border-box;
}

#header20 .newButton20:hover {
    border-color: #000E9C;
    background-color: #000E9C;
    color: #fff !important;
    text-decoration: none;
}

#header20 .newButton20:active {
    border-color: #00185E;
    background-color: #00185E;
    color: #fff !important;
    text-decoration: none;
}

#header20 .white {
    color: #fff !important;
}

#header20 .col-s-1 {
    width: calc((1/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-1:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-1.noMargin {
    width: calc(1/12 * 100% - 0 * 1px);
}

#header20 .col-s-1.noMargin-s {
    width: calc(1/12 * 100% - 0 * 1px);
}

#header20 .col-s-1.border {
    width: calc((1/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-1.borderWithMargin {
    width: calc((1/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-2 {
    width: calc((2/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-2:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-2.noMargin {
    width: calc(2/12 * 100% - 0 * 1px);
}

#header20 .col-s-2.noMargin-s {
    width: calc(2/12 * 100% - 0 * 1px);
}

#header20 .col-s-2.border {
    width: calc((2/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-2.borderWithMargin {
    width: calc((2/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-3 {
    width: calc((3/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-3:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-3.noMargin {
    width: calc(3/12 * 100% - 0 * 1px);
}

#header20 .col-s-3.noMargin-s {
    width: calc(3/12 * 100% - 0 * 1px);
}

#header20 .col-s-3.border {
    width: calc((3/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-3.borderWithMargin {
    width: calc((3/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-4 {
    width: calc((4/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-4:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-4.noMargin {
    width: calc(4/12 * 100% - 0 * 1px);
}

#header20 .col-s-4.noMargin-s {
    width: calc(4/12 * 100% - 0 * 1px);
}

#header20 .col-s-4.border {
    width: calc((4/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-4.borderWithMargin {
    width: calc((4/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-5 {
    width: calc((5/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-5:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-5.noMargin {
    width: calc(5/12 * 100% - 0 * 1px);
}

#header20 .col-s-5.noMargin-s {
    width: calc(5/12 * 100% - 0 * 1px);
}

#header20 .col-s-5.border {
    width: calc((5/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-5.borderWithMargin {
    width: calc((5/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-6 {
    width: calc((6/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-6:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-6.noMargin {
    width: calc(6/12 * 100% - 0 * 1px);
}

#header20 .col-s-6.noMargin-s {
    width: calc(6/12 * 100% - 0 * 1px);
}

#header20 .col-s-6.border {
    width: calc((6/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-6.borderWithMargin {
    width: calc((6/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-7 {
    width: calc((7/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-7:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-7.noMargin {
    width: calc(7/12 * 100% - 0 * 1px);
}

#header20 .col-s-7.noMargin-s {
    width: calc(7/12 * 100% - 0 * 1px);
}

#header20 .col-s-7.border {
    width: calc((7/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-7.borderWithMargin {
    width: calc((7/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-8 {
    width: calc((8/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-8:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-8.noMargin {
    width: calc(8/12 * 100% - 0 * 1px);
}

#header20 .col-s-8.noMargin-s {
    width: calc(8/12 * 100% - 0 * 1px);
}

#header20 .col-s-8.border {
    width: calc((8/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-8.borderWithMargin {
    width: calc((8/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-9 {
    width: calc((9/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-9:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-9.noMargin {
    width: calc(9/12 * 100% - 0 * 1px);
}

#header20 .col-s-9.noMargin-s {
    width: calc(9/12 * 100% - 0 * 1px);
}

#header20 .col-s-9.border {
    width: calc((9/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-9.borderWithMargin {
    width: calc((9/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-10 {
    width: calc((10/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-10:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-10.noMargin {
    width: calc(10/12 * 100% - 0 * 1px);
}

#header20 .col-s-10.noMargin-s {
    width: calc(10/12 * 100% - 0 * 1px);
}

#header20 .col-s-10.border {
    width: calc((10/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-10.borderWithMargin {
    width: calc((10/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-11 {
    width: calc((11/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-11:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-11.noMargin {
    width: calc(11/12 * 100% - 0 * 1px);
}

#header20 .col-s-11.noMargin-s {
    width: calc(11/12 * 100% - 0 * 1px);
}

#header20 .col-s-11.border {
    width: calc((11/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-11.borderWithMargin {
    width: calc((11/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-12 {
    width: calc((12/12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-12:not(.noMargin) {
    margin: 0 8px;
}

#header20 .col-s-12.noMargin {
    width: calc(12/12 * 100% - 0 * 1px);
}

#header20 .col-s-12.noMargin-s {
    width: calc(12/12 * 100% - 0 * 1px);
}

#header20 .col-s-12.border {
    width: calc((12/12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-12.borderWithMargin {
    width: calc((12/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 ul li {
    margin-left: 0px;
}

.bg-muted {
    background-color: #f8faff;
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
}

@media screen and (max-width: 991px) {

    /*1159*/
    .menu20 .menu20Content .title {
        box-sizing: border-box;
    }

    .menu20 .menu20Content .title a {
        padding-left: 0.5em !important;
    }
}

@media screen and (min-width: 768px) {
    #header20 .col-m-1 {
        width: calc((1/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-1:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-1.noMargin {
        width: calc(1/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-1.noMargin-s {
        width: calc(1/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-1.border {
        width: calc((1/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-1.borderWithMargin {
        width: calc((1/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-2 {
        width: calc((2/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-2:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-2.noMargin {
        width: calc(2/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-2.noMargin-s {
        width: calc(2/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-2.border {
        width: calc((2/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-2.borderWithMargin {
        width: calc((2/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-3 {
        width: calc((3/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-3:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-3.noMargin {
        width: calc(3/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-3.noMargin-s {
        width: calc(3/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-3.border {
        width: calc((3/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-3.borderWithMargin {
        width: calc((3/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-4 {
        width: calc((4/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-4:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-4.noMargin {
        width: calc(4/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-4.noMargin-s {
        width: calc(4/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-4.border {
        width: calc((4/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-4.borderWithMargin {
        width: calc((4/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-5 {
        width: calc((5/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-5:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-5.noMargin {
        width: calc(5/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-5.noMargin-s {
        width: calc(5/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-5.border {
        width: calc((5/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-5.borderWithMargin {
        width: calc((5/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-6 {
        width: calc((6/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-6:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-6.noMargin {
        width: calc(6/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-6.noMargin-s {
        width: calc(6/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-6.border {
        width: calc((6/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-6.borderWithMargin {
        width: calc((6/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-7 {
        width: calc((7/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-7:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-7.noMargin {
        width: calc(7/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-7.noMargin-s {
        width: calc(7/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-7.border {
        width: calc((7/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-7.borderWithMargin {
        width: calc((7/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-8 {
        width: calc((8/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-8:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-8.noMargin {
        width: calc(8/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-8.noMargin-s {
        width: calc(8/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-8.border {
        width: calc((8/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-8.borderWithMargin {
        width: calc((8/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-9 {
        width: calc((9/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-9:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-9.noMargin {
        width: calc(9/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-9.noMargin-s {
        width: calc(9/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-9.border {
        width: calc((9/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-9.borderWithMargin {
        width: calc((9/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-10 {
        width: calc((10/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-10:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-10.noMargin {
        width: calc(10/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-10.noMargin-s {
        width: calc(10/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-10.border {
        width: calc((10/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-10.borderWithMargin {
        width: calc((10/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-11 {
        width: calc((11/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-11:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-11.noMargin {
        width: calc(11/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-11.noMargin-s {
        width: calc(11/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-11.border {
        width: calc((11/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-11.borderWithMargin {
        width: calc((11/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-m-12 {
        width: calc((12/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-m-12:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-m-12.noMargin {
        width: calc(12/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-12.noMargin-s {
        width: calc(12/12 * 100% - 0 * 1px);
    }

    #header20 .col-m-12.border {
        width: calc((12/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-m-12.borderWithMargin {
        width: calc((12/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }
}

@media only screen and (min-width: 992px) {

    /*1159*/
    #header20 .col-l-1 {
        width: calc((1/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-1:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-1.noMargin {
        width: calc(1/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-1.noMargin-s {
        width: calc(1/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-1.border {
        width: calc((1/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-1.borderWithMargin {
        width: calc((1/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-2 {
        width: calc((2/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-2:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-2.noMargin {
        width: calc(2/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-2.noMargin-s {
        width: calc(2/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-2.border {
        width: calc((2/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-2.borderWithMargin {
        width: calc((2/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-3 {
        width: calc((3/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-3:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-3.noMargin {
        /*width: calc(3/12 * 100% - 0 * 1px);*/
        width: 250px;
    }

    #header20 .col-l-3.noMargin-s {
        width: calc(3/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-3.border {
        width: calc((3/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-3.borderWithMargin {
        width: calc((3/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-4 {
        width: calc((4/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-4:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-4.noMargin {
        width: calc(4/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-4.noMargin-s {
        width: calc(4/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-4.border {
        width: calc((4/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-4.borderWithMargin {
        width: calc((4/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-5 {
        width: calc((5/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-5:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-5.noMargin {
        width: calc(5/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-5.noMargin-s {
        width: calc(5/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-5.border {
        width: calc((5/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-5.borderWithMargin {
        width: calc((5/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-6 {
        width: calc((6/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-6:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-6.noMargin {
        width: calc(6/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-6.noMargin-s {
        width: calc(6/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-6.border {
        width: calc((6/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-6.borderWithMargin {
        width: calc((6/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-7 {
        width: calc((7/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-7:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-7.noMargin {
        width: calc(7/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-7.noMargin-s {
        width: calc(7/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-7.border {
        width: calc((7/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-7.borderWithMargin {
        width: calc((7/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-8 {
        width: calc((8/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-8:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-8.noMargin {
        width: calc(8/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-8.noMargin-s {
        width: calc(8/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-8.border {
        width: calc((8/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-8.borderWithMargin {
        width: calc((8/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-9 {
        width: calc((9/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-9:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-9.noMargin {
        width: calc(9/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-9.noMargin-s {
        width: calc(9/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-9.border {
        width: calc((9/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-9.borderWithMargin {
        width: calc((9/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-10 {
        width: calc((10/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-10:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-10.noMargin {
        width: calc(10/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-10.noMargin-s {
        width: calc(10/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-10.border {
        width: calc((10/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-10.borderWithMargin {
        width: calc((10/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-11 {
        width: calc((11/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-11:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-11.noMargin {
        width: calc(11/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-11.noMargin-s {
        width: calc(11/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-11.border {
        width: calc((11/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-11.borderWithMargin {
        width: calc((11/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .col-l-12 {
        width: calc((12/12 * 100%) - (8px * 2) - 0 * 1px);
    }

    #header20 .col-l-12:not(.noMargin) {
        margin: 0 8px;
    }

    #header20 .col-l-12.noMargin {
        width: calc(12/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-12.noMargin-s {
        width: calc(12/12 * 100% - 0 * 1px);
    }

    #header20 .col-l-12.border {
        width: calc((12/12 * 100%) - 1px - 0 * 1px);
    }

    #header20 .col-l-12.borderWithMargin {
        width: calc((12/12 * 100%) - (8px * 2) - 2px - 0 * 1px);
    }

    #header20 .l-hide {
        display: none;
    }

    #header20 #header20 .offBg .row div.col-s-12.col-m-12.col-l-3 {
        margin-right: 0px !important;
    }
}

#header20 {
    width: 100%;
}

#header20 .clear:before,
#header20 .flex:before,
#header20 .row:before,
#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
    content: "";
    display: table;
}

#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
    clear: both;
}

#header20 .clear,
#header20 .flex,
#header20 .row {
    zoom: 1;
}

#header20 .txtRight {
    text-align: right;
}

#header20 #direction .item {
    flex-wrap: wrap;
}

#header20 div.wrapper,
#header20 div.row {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

#header20 .mobileSupportMenu {
    display: none;
}

#header20 .clear:before,
#header20 .flex:before,
#header20 .row:before,
#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
    content: "";
    display: table;
    width: 0px !important;
}

#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
    clear: both;
}

#header20 .clear,
#header20 .flex,
#header20 .row {
    zoom: 1;
}

#header20 .col-s-12,
#header20 .col-m-12,
#header20 .col-l-12,
#header20 .col-s-11,
#header20 .col-m-11,
#header20 .col-l-11,
#header20 .col-s-10,
#header20 .col-m-10,
#header20 .col-l-10,
#header20 .col-s-9,
#header20 .col-m-9,
#header20 .col-l-9,
#header20 .col-s-8,
#header20 .col-m-8,
#header20 .col-l-8,
#header20 .col-s-7,
#header20 .col-m-7,
#header20 .col-l-7,
#header20 .col-s-6,
#header20 .col-m-6,
#header20 .col-l-6,
#header20 .col-s-5,
#header20 .col-m-5,
#header20 .col-l-5,
#header20 .col-s-4,
#header20 .col-m-4,
#header20 .col-l-4,
#header20 .col-s-3,
#header20 .col-m-3,
#header20 .col-l-3,
#header20 .col-s-2,
#header20 .col-m-2,
#header20 .col-l-2,
#header20 .col-s-1,
#header20 .col-m-1,
#header20 .col-l-1 {
    float: left;
    position: relative;
    min-height: 1px;
}

#header20 div.wrapper,
#header20 div.row {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

#header20 .full {
    width: 100%;
}

#header20 .half {
    width: 50% !important;
}

#header20 .row.wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

#header20 .fw100 {
    font-weight: 100;
}

#header20 .fw200 {
    font-weight: 200;
}

#header20 .fw400 {
    font-weight: bold;
}

#header20 .fw600 {
    font-weight: 600;
}

#header20 .fw700 {
    font-weight: 700;
}

#header20 .fw900 {
    font-weight: 900;
}

#header20 .row,
#header20 .wrapper {
    margin: 0 auto;
    padding: 0 8px;
    box-sizing: border-box;
}

#header20 #profilIcon,
#header20 #profileContainer {
    display: none;
}

#header20 #profilIcon *,
#header20 #profileContainer * {
    text-align: center;
}

#header20 .support {
    line-height: 62px;
    text-align: right;
    color: #fff;
}

#header20 .support .menuLink {
    color: #fff !important;
}

#header20 .support .headerHelpMenu {
    color: #fff !important;
}

#header20 .support .headerHelpMenu .menuLink {
    color: #0d55d4 !important;
}

#header20 .support * {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
}

#header20 .support * .chLangTitl {
    color: #051d62 !important;
}

#header20 #changeLanguage {
    top: 50px !important;
}

#header20 #languageChooser {
    margin-bottom: 3px !important;
}

#header20 #languageChooser+.menu20Content ul li {
    width: 100%;
}

#header20 .noMargin {
    margin: 0px;
}

#header20 .noPadding {
    padding: 0px;
}

#header20 .headerHelpMenu {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    line-height: 2em;
    cursor: default;
}

#header20 .headerHelpMenu * {
    box-sizing: border-box;
}

#header20 .support .form * {
    color: #212529 !important;
    font-weight: normal;
}



/* Internal Pages */
.blog-top {
    padding: 40px 0;
}

.inner-img-box {
    border-radius: 10px;
    overflow: hidden;
    height: 450px;
    margin: 0 0 30px;
}

.inner-img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-top p {
    color: #1a2b49;
    font-size: 17px;
}

.internal-pages h2 {
    font-size: 24px;
}

.contact-form-p .form-control {
    background: #f5f9ff;
    border-radius: 3px;
    border: 1px solid #b8c1cd;
    color: #000;
}

.contact-form-p .form-label {
    color: #1a2b49;
    font-size: 16px;
}

.contact-form-p textarea.form-control {
    height: 150px;
}

.contact-form-p .btn-primary {
    background: #ff9900;
    border: none;
    text-transform: uppercase;
    padding: 21px;
    width: 40%;
}

.contact-form-p .btn-primary:hover {
    background: #1a2b49;
}

.contact-info-area-wrapper-p {
    background: #ff9900;
    padding: 60px;
    border-radius: 7px;
}

.single-contact-info {
    padding: 15px;
    background: #fff8ed;
    margin: 0 0 20px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    display: flex;
    gap: 14px;
}

.single-contact-info .icon {
    font-size: 19px;
}

.info-wrapper {
    color: #1a2b49;
    font-size: 17px;
}

.contact-info-area-wrapper-p h2 {
    font-size: 37px;
    line-height: 49px;
    color: #fff;
}

.info-wrapper a {
    color: #1a52b5;
    text-decoration: none;
}

.contact-map {
    border-radius: 10px;
    overflow: hidden;
    margin: 30px 0 0;
}

/* ****************** */
.login-box {

    position: absolute;
    left: -100px;
    padding: 10px 10px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    width: 300px;
    z-index: 99999;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;
    color: #0d55d4 !important;
    border-radius: 10px;
}

.login-box .btn {
    width: 100%;
    margin-top: 10px;
    background-color: #1f85ec;
    color: #fff;
}

.login-box .btn:hover {
    background-color: #136edd;
}

#header20 .headerHelpMenu ul {
    color: #0d55d4 !important;
    display: none;
    position: absolute;
    z-index: 9999999;
    background: #FFF;
    border-radius: 10px;
    padding: 0;
    margin: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;
    /*left: calc(50% - 69px);*/
    left: -37px;
    min-width: 115px;
    top: 30px;
    text-align: center;
}

#header20 .headerHelpMenu:hover ul {
    display: block;
}

#header20 .headerHelpMenu:hover ul:before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background: #FFF;
    position: absolute;
    transform: rotate(45deg);
    top: -5px;
    left: calc(50% - 6px);
    box-shadow: rgba(0, 0, 0, 0.1) -3px -3px 2px;
    z-index: -1;
}

#header20 .headerHelpMenu:hover ul li {
    list-style: none;
    margin: 0 !important;
}

#header20 .headerHelpMenu:hover ul li:first-child {
    margin-top: 4px;
    border-radius: 10px 10px 0 0;
}

#header20 .headerHelpMenu:hover ul li:last-child {
    border-radius: 0 0 10px 10px;
}

#header20 .headerHelpMenu:hover ul li:last-childa:after {
    content: "";
    border-bottom: solid #b3b3b3 0px;
}

#header20 .headerHelpMenu:hover ul li:hover {
    background: #c0f1fe;
}

#header20 .headerHelpMenu:hover ul li a {
    color: #0d55d4 !important;
    padding: 4px 8px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

#header20 .headerHelpMenu:hover ul li a:after {
    content: "";
    display: block;
    width: 85%;
    border-bottom: solid #b3b3b3 1px;
    margin-top: 4px;
    position: absolute;
}

#header20 .headerHelpMenu:hover ul {
    text-align: center !important;
}

#header20 .fsrem1 {
    font-size: 1rem !important;
}

@media screen and (min-width: 768px) {
    #header20 .flex-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    #header20 #direction .item {
        flex-wrap: wrap;
    }

    #header20 .flex-container .item {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: inherit;
    }

    #header20 .flex-container .item.stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #header20 .row.flex-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #header20 #changeLanguage * .chLangTitl {
        margin-top: 0px;
    }

}

@media screen and (min-width: 992px) {

    /*1159*/
    #block-ocmsheaderblock #header20 #ucartzLogo img {
        margin: 7px auto !important;
    }

    #header20 .a6dU7ec,
    #header20 .a6dU7eb,
    #header20 .a6dU7e {
        position: relative;
        text-decoration: none;
    }

    #header20 .a6dU7ec:after,
    #header20 .a6dU7eb:after,
    #header20 .a6dU7e:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%) scaleX(0);
        transform-origin: 0% 50%;
        width: 100%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.8);
        transition: transform 250ms;
    }

    #header20 .a6dU7ec:hover:after,
    #header20 .a6dU7ec.hovered:after,
    #header20 .a6dU7eb:hover:after,
    #header20 .a6dU7eb.hovered:after,
    #header20 .a6dU7e:hover:after,
    #header20 .a6dU7e.hovered:after {
        transform: translateX(-50%) scaleX(1);
    }

    #header20 .a6dU7ec:after {
        background-color: #000E9C;
        height: 1px;
    }

    #header20 .a6dU7eb:after {
        background-color: #c48c12;
        height: 3px;
    }

    #header20 .menu20 {
        background: #fff;
    }

    #header20 .menu20 .contentTitle {
        line-height: 62px;
        font-size: 1.3em;
    }

    #header20 .menu20 .eastSide {
        background-color: #A1A9FF;
        margin: 0 0 0 8px !important;
        float: right;
        padding: 0 1em;
    }

    #header20 .menu20 a:hover {
        color: #f4f4f5 !important;
    }

    #header20 .menu20 ul {
        margin: 0;
        padding: 0;
    }

    #header20 .menu20 ul.l2 .contentTitle {
        margin-top: -30px !important;
    }

    #header20 .menu20 ul li.l1 {
        margin: 0px;
        padding: 0px 7px;
    }

    #header20 .menu20 ul li,
    #header20 .menu20 ul li,
    #header20 .menu20 ul li .menu20Content a {
        color: #020206;
        line-height: 62px;
        float: left;
        list-style: none;
        padding: 0em 1em;
        font-weight: bold;
        font-size: 15px;
    }

    li.col-s-12.a5elt {
        width: 31% !important;
        float: left !important;
    }

    #header20 .menu20 ul li .menu20Content a {
        line-height: 20px;
        padding: 12px 0px;
        text-decoration: none;
    }

    a.became-btn {
        color: #000;
        border: 1px solid #ccc;
        padding: 13px 20px;
    }




    select.form-control::-ms-expand {
        display: none
    }

    textarea {
        resize: vertical;
        overflow: auto;
        vertical-align: top
    }

    input::-ms-clear {
        display: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    img,
    video,
    svg {
        max-width: 100%
    }

    :root,
    [data-theme=default] {
        --color-primary-darker: hsl(220, 90%, 36%);
        --color-primary-darker-h: 220;
        --color-primary-darker-s: 90%;
        --color-primary-darker-l: 36%;
        --color-primary-dark: hsl(220, 90%, 46%);
        --color-primary-dark-h: 220;
        --color-primary-dark-s: 90%;
        --color-primary-dark-l: 46%;
        --color-primary: hsl(220, 90%, 56%);
        --color-primary-h: 220;
        --color-primary-s: 90%;
        --color-primary-l: 56%;
        --color-primary-light: hsl(220, 90%, 66%);
        --color-primary-light-h: 220;
        --color-primary-light-s: 90%;
        --color-primary-light-l: 66%;
        --color-primary-lighter: hsl(220, 90%, 76%);
        --color-primary-lighter-h: 220;
        --color-primary-lighter-s: 90%;
        --color-primary-lighter-l: 76%;
        --color-accent-darker: hsl(355, 90%, 41%);
        --color-accent-darker-h: 355;
        --color-accent-darker-s: 90%;
        --color-accent-darker-l: 41%;
        --color-accent-dark: hsl(355, 90%, 51%);
        --color-accent-dark-h: 355;
        --color-accent-dark-s: 90%;
        --color-accent-dark-l: 51%;
        --color-accent: hsl(355, 90%, 61%);
        --color-accent-h: 355;
        --color-accent-s: 90%;
        --color-accent-l: 61%;
        --color-accent-light: hsl(355, 90%, 71%);
        --color-accent-light-h: 355;
        --color-accent-light-s: 90%;
        --color-accent-light-l: 71%;
        --color-accent-lighter: hsl(355, 90%, 81%);
        --color-accent-lighter-h: 355;
        --color-accent-lighter-s: 90%;
        --color-accent-lighter-l: 81%;
        --color-black: hsl(240, 8%, 12%);
        --color-black-h: 240;
        --color-black-s: 8%;
        --color-black-l: 12%;
        --color-white: hsl(0, 0%, 100%);
        --color-white-h: 0;
        --color-white-s: 0%;
        --color-white-l: 100%;
        --color-success-darker: hsl(94, 48%, 36%);
        --color-success-darker-h: 94;
        --color-success-darker-s: 48%;
        --color-success-darker-l: 36%;
        --color-success-dark: hsl(94, 48%, 46%);
        --color-success-dark-h: 94;
        --color-success-dark-s: 48%;
        --color-success-dark-l: 46%;
        --color-success: hsl(94, 48%, 56%);
        --color-success-h: 94;
        --color-success-s: 48%;
        --color-success-l: 56%;
        --color-success-light: hsl(94, 48%, 66%);
        --color-success-light-h: 94;
        --color-success-light-s: 48%;
        --color-success-light-l: 66%;
        --color-success-lighter: hsl(94, 48%, 76%);
        --color-success-lighter-h: 94;
        --color-success-lighter-s: 48%;
        --color-success-lighter-l: 76%;
        --color-error-darker: hsl(355, 90%, 41%);
        --color-error-darker-h: 355;
        --color-error-darker-s: 90%;
        --color-error-darker-l: 41%;
        --color-error-dark: hsl(355, 90%, 51%);
        --color-error-dark-h: 355;
        --color-error-dark-s: 90%;
        --color-error-dark-l: 51%;
        --color-error: hsl(355, 90%, 61%);
        --color-error-h: 355;
        --color-error-s: 90%;
        --color-error-l: 61%;
        --color-error-light: hsl(355, 90%, 71%);
        --color-error-light-h: 355;
        --color-error-light-s: 90%;
        --color-error-light-l: 71%;
        --color-error-lighter: hsl(355, 90%, 81%);
        --color-error-lighter-h: 355;
        --color-error-lighter-s: 90%;
        --color-error-lighter-l: 81%;
        --color-warning-darker: hsl(46, 100%, 41%);
        --color-warning-darker-h: 46;
        --color-warning-darker-s: 100%;
        --color-warning-darker-l: 41%;
        --color-warning-dark: hsl(46, 100%, 51%);
        --color-warning-dark-h: 46;
        --color-warning-dark-s: 100%;
        --color-warning-dark-l: 51%;
        --color-warning: hsl(46, 100%, 61%);
        --color-warning-h: 46;
        --color-warning-s: 100%;
        --color-warning-l: 61%;
        --color-warning-light: hsl(46, 100%, 71%);
        --color-warning-light-h: 46;
        --color-warning-light-s: 100%;
        --color-warning-light-l: 71%;
        --color-warning-lighter: hsl(46, 100%, 81%);
        --color-warning-lighter-h: 46;
        --color-warning-lighter-s: 100%;
        --color-warning-lighter-l: 81%;
        --color-bg: hsl(0, 0%, 100%);
        --color-bg-h: 0;
        --color-bg-s: 0%;
        --color-bg-l: 100%;
        --color-contrast-lower: hsl(0, 0%, 95%);
        --color-contrast-lower-h: 0;
        --color-contrast-lower-s: 0%;
        --color-contrast-lower-l: 95%;
        --color-contrast-low: hsl(240, 1%, 83%);
        --color-contrast-low-h: 240;
        --color-contrast-low-s: 1%;
        --color-contrast-low-l: 83%;
        --color-contrast-medium: hsl(240, 1%, 48%);
        --color-contrast-medium-h: 240;
        --color-contrast-medium-s: 1%;
        --color-contrast-medium-l: 48%;
        --color-contrast-high: hsl(240, 4%, 20%);
        --color-contrast-high-h: 240;
        --color-contrast-high-s: 4%;
        --color-contrast-high-l: 20%;
        --color-contrast-higher: hsl(240, 8%, 12%);
        --color-contrast-higher-h: 240;
        --color-contrast-higher-s: 8%;
        --color-contrast-higher-l: 12%
    }

    [data-theme] {
        background-color: #fff;
        background-color: var(--color-bg);
        color: #313135;
        color: var(--color-contrast-high)
    }

    :root {
        --space-unit: 1em;
        --space-xxxxs: calc(0.125*var(--space-unit));
        --space-xxxs: calc(0.25*var(--space-unit));
        --space-xxs: calc(0.375*var(--space-unit));
        --space-xs: calc(0.5*var(--space-unit));
        --space-sm: calc(0.75*var(--space-unit));
        --space-md: calc(1.25*var(--space-unit));
        --space-lg: calc(2*var(--space-unit));
        --space-xl: calc(3.25*var(--space-unit));
        --space-xxl: calc(5.25*var(--space-unit));
        --space-xxxl: calc(8.5*var(--space-unit));
        --space-xxxxl: calc(13.75*var(--space-unit));
        --component-padding: var(--space-md)
    }

    @supports(--css:variables) {
        @media(min-width: 64rem) {
            :root {
                --space-unit: 1.25em
            }
        }
    }

    .margin-top,
    .margin-top--md {
        margin-top: 1.25rem;
        margin-top: var(--space-md)
    }

    .margin-top--xxxxs {
        margin-top: .125rem;
        margin-top: var(--space-xxxxs)
    }

    .margin-top--xxxs {
        margin-top: .25rem;
        margin-top: var(--space-xxxs)
    }

    .margin-top--xxs {
        margin-top: .375rem;
        margin-top: var(--space-xxs)
    }

    .margin-top--xs {
        margin-top: .5rem;
        margin-top: var(--space-xs)
    }

    .margin-top--sm {
        margin-top: .75rem;
        margin-top: var(--space-sm)
    }

    .margin-top--lg {
        margin-top: 2rem;
        margin-top: var(--space-lg)
    }

    .margin-top--xl {
        margin-top: 3.25rem;
        margin-top: var(--space-xl)
    }

    .margin-top--xxl {
        margin-top: 5.25rem;
        margin-top: var(--space-xxl)
    }

    .margin-top--xxxl {
        margin-top: 8.5rem;
        margin-top: var(--space-xxxl)
    }

    .margin-top--xxxxl {
        margin-top: 13.75rem;
        margin-top: var(--space-xxxxl)
    }

    .margin-bottom,
    .margin-bottom--md {
        margin-bottom: 1.25rem;
        margin-bottom: var(--space-md)
    }

    .margin-bottom--xxxxs {
        margin-bottom: .125rem;
        margin-bottom: var(--space-xxxxs)
    }

    .margin-bottom--xxxs {
        margin-bottom: .25rem;
        margin-bottom: var(--space-xxxs)
    }

    .margin-bottom--xxs {
        margin-bottom: .375rem;
        margin-bottom: var(--space-xxs)
    }

    .margin-bottom--xs {
        margin-bottom: .5rem;
        margin-bottom: var(--space-xs)
    }

    .margin-bottom--sm {
        margin-bottom: .75rem;
        margin-bottom: var(--space-sm)
    }

    .margin-bottom--lg {
        margin-bottom: 2rem;
        margin-bottom: var(--space-lg)
    }

    .margin-bottom--xl {
        margin-bottom: 3.25rem;
        margin-bottom: var(--space-xl)
    }

    .margin-bottom--xxl {
        margin-bottom: 5.25rem;
        margin-bottom: var(--space-xxl)
    }

    .margin-bottom--xxxl {
        margin-bottom: 8.5rem;
        margin-bottom: var(--space-xxxl)
    }

    .margin-bottom--xxxxl {
        margin-bottom: 13.75rem;
        margin-bottom: var(--space-xxxxl)
    }


    .container {
        width: calc(100% - 1.25em);
        width: calc(100% - 2*var(--component-padding));
        margin-left: auto;
        margin-right: auto
    }

    .container--full-width {
        width: 100%
    }

    .container--xs {
        max-width: 37.5rem;
        max-width: var(--container-width-xs)
    }

    .container--sm {
        max-width: 45rem;
        max-width: var(--container-width-sm)
    }

    .container--md {
        max-width: 64rem;
        max-width: var(--container-width-md)
    }

    .container--lg {
        max-width: 80rem;
        max-width: var(--container-width-lg)
    }

    .container--xl {
        max-width: 90rem;
        max-width: var(--container-width-xl)
    }

    .container--adaptive,
    .container--adaptive-lg {
        max-width: 37.5rem;
        max-width: var(--container-width-xs)
    }

    @media(min-width:64rem) {

        .container--adaptive,
        .container--adaptive-lg {
            max-width: 64rem;
            max-width: var(--container-width-md)
        }
    }

    @media(min-width:90rem) {

        .container--adaptive,
        .container--adaptive-lg {
            max-width: 80rem;
            max-width: var(--container-width-lg)
        }
    }

    .container--adaptive-sm {
        max-width: 37.5rem;
        max-width: var(--container-width-xs)
    }

    @media(min-width:64rem) {
        .container--adaptive-sm {
            max-width: 45rem;
            max-width: var(--container-width-sm)
        }
    }

    .container--adaptive-md {
        max-width: 37.5rem;
        max-width: var(--container-width-xs)
    }

    @media(min-width:64rem) {
        .container--adaptive-md {
            max-width: 64rem;
            max-width: var(--container-width-md)
        }
    }

    .container--adaptive-xl {
        max-width: 37.5rem;
        max-width: var(--container-width-xs)
    }

    @media(min-width:64rem) {
        .container--adaptive-xl {
            max-width: 64rem;
            max-width: var(--container-width-md)
        }
    }

    @media(min-width:90rem) {
        .container--adaptive-xl {
            max-width: 90rem;
            max-width: var(--container-width-xl)
        }
    }

    .grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .grid>* {
        background-clip: content-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .grid--gap-xs,
    .grid-gap--xs {
        margin: -.5rem 0 0 -.5rem;
        margin: calc(var(--space-xs)*-1) 0 0 calc(var(--space-xs)*-1)
    }

    .grid--gap-xs>*,
    .grid-gap--xs>* {
        padding: .5rem 0 0 .5rem;
        padding: var(--space-xs) 0 0 var(--space-xs)
    }

    .grid--gap-sm,
    .grid-gap--sm {
        margin: -.75rem 0 0 -.75rem;
        margin: calc(var(--space-sm)*-1) 0 0 calc(var(--space-sm)*-1)
    }

    .grid--gap-sm>*,
    .grid-gap--sm>* {
        padding: .75rem 0 0 .75rem;
        padding: var(--space-sm) 0 0 var(--space-sm)
    }

    .grid--gap-md,
    .grid-gap--md {
        margin: -1.25rem 0 0 -1.25rem;
        margin: calc(var(--space-md)*-1) 0 0 calc(var(--space-md)*-1)
    }

    .grid--gap-md>*,
    .grid-gap--md>* {
        padding: 1.25rem 0 0 1.25rem;
        padding: var(--space-md) 0 0 var(--space-md)
    }

    .grid--gap-lg,
    .grid-gap--lg {
        margin: -2rem 0 0 -2rem;
        margin: calc(var(--space-lg)*-1) 0 0 calc(var(--space-lg)*-1)
    }

    .grid--gap-lg>*,
    .grid-gap--lg>* {
        padding: 2rem 0 0 2rem;
        padding: var(--space-lg) 0 0 var(--space-lg)
    }

    .grid--gap-xl,
    .grid-gap--xl {
        margin: -3.25rem 0 0 -3.25rem;
        margin: calc(var(--space-xl)*-1) 0 0 calc(var(--space-xl)*-1)
    }

    .grid--gap-xl>*,
    .grid-gap--xl>* {
        padding: 3.25rem 0 0 3.25rem;
        padding: var(--space-xl) 0 0 var(--space-xl)
    }

    .col {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col--1 {
        -ms-flex-preferred-size: 8.33%;
        flex-basis: 8.33%;
        max-width: 8.33%
    }

    .col--2 {
        -ms-flex-preferred-size: 16.66%;
        flex-basis: 16.66%;
        max-width: 16.66%
    }

    .col--3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col--4 {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }

    .col--5 {
        -ms-flex-preferred-size: 41.66%;
        flex-basis: 41.66%;
        max-width: 41.66%
    }

    .col--6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col--7 {
        -ms-flex-preferred-size: 58.33%;
        flex-basis: 58.33%;
        max-width: 58.33%
    }

    .col--8 {
        -ms-flex-preferred-size: 66.66%;
        flex-basis: 66.66%;
        max-width: 66.66%
    }

    .col--9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col--10 {
        -ms-flex-preferred-size: 83.33%;
        flex-basis: 83.33%;
        max-width: 83.33%
    }

    .col--11 {
        -ms-flex-preferred-size: 91.66%;
        flex-basis: 91.66%;
        max-width: 91.66%
    }

    .col--12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    @media(min-width:30rem) {
        .col--xs {
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }

        .col--xs-1 {
            -ms-flex-preferred-size: 8.33%;
            flex-basis: 8.33%;
            max-width: 8.33%
        }

        .col--xs-2 {
            -ms-flex-preferred-size: 16.66%;
            flex-basis: 16.66%;
            max-width: 16.66%
        }

        .col--xs-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }

        .col--xs-4 {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }

        .col--xs-5 {
            -ms-flex-preferred-size: 41.66%;
            flex-basis: 41.66%;
            max-width: 41.66%
        }

        .col--xs-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }

        .col--xs-7 {
            -ms-flex-preferred-size: 58.33%;
            flex-basis: 58.33%;
            max-width: 58.33%
        }

        .col--xs-8 {
            -ms-flex-preferred-size: 66.66%;
            flex-basis: 66.66%;
            max-width: 66.66%
        }

        .col--xs-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }

        .col--xs-10 {
            -ms-flex-preferred-size: 83.33%;
            flex-basis: 83.33%;
            max-width: 83.33%
        }

        .col--xs-11 {
            -ms-flex-preferred-size: 91.66%;
            flex-basis: 91.66%;
            max-width: 91.66%
        }

        .col--xs-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }

    @media(min-width:37.5rem) {
        .col--sm {
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }

        .col--sm-1 {
            -ms-flex-preferred-size: 8.33%;
            flex-basis: 8.33%;
            max-width: 8.33%
        }

        .col--sm-2 {
            -ms-flex-preferred-size: 16.66%;
            flex-basis: 16.66%;
            max-width: 16.66%
        }

        .col--sm-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }

        .col--sm-4 {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }

        .col--sm-5 {
            -ms-flex-preferred-size: 41.66%;
            flex-basis: 41.66%;
            max-width: 41.66%
        }

        .col--sm-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }

        .col--sm-7 {
            -ms-flex-preferred-size: 58.33%;
            flex-basis: 58.33%;
            max-width: 58.33%
        }

        .col--sm-8 {
            -ms-flex-preferred-size: 66.66%;
            flex-basis: 66.66%;
            max-width: 66.66%
        }

        .col--sm-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }

        .col--sm-10 {
            -ms-flex-preferred-size: 83.33%;
            flex-basis: 83.33%;
            max-width: 83.33%
        }

        .col--sm-11 {
            -ms-flex-preferred-size: 91.66%;
            flex-basis: 91.66%;
            max-width: 91.66%
        }

        .col--sm-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }

    @media(min-width:64rem) {
        .col--md {
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }

        .col--md-1 {
            -ms-flex-preferred-size: 8.33%;
            flex-basis: 8.33%;
            max-width: 8.33%
        }

        .col--md-2 {
            -ms-flex-preferred-size: 16.66%;
            flex-basis: 16.66%;
            max-width: 16.66%
        }

        .col--md-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }

        .col--md-4 {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }

        .col--md-5 {
            -ms-flex-preferred-size: 41.66%;
            flex-basis: 41.66%;
            max-width: 41.66%
        }

        .col--md-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }

        .col--md-7 {
            -ms-flex-preferred-size: 58.33%;
            flex-basis: 58.33%;
            max-width: 58.33%
        }

        .col--md-8 {
            -ms-flex-preferred-size: 66.66%;
            flex-basis: 66.66%;
            max-width: 66.66%
        }

        .col--md-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }

        .col--md-10 {
            -ms-flex-preferred-size: 83.33%;
            flex-basis: 83.33%;
            max-width: 83.33%
        }

        .col--md-11 {
            -ms-flex-preferred-size: 91.66%;
            flex-basis: 91.66%;
            max-width: 91.66%
        }

        .col--md-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }

    @media(min-width:80rem) {
        .col--lg {
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }

        .col--lg-1 {
            -ms-flex-preferred-size: 8.33%;
            flex-basis: 8.33%;
            max-width: 8.33%
        }

        .col--lg-2 {
            -ms-flex-preferred-size: 16.66%;
            flex-basis: 16.66%;
            max-width: 16.66%
        }

        .col--lg-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }

        .col--lg-4 {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }

        .col--lg-5 {
            -ms-flex-preferred-size: 41.66%;
            flex-basis: 41.66%;
            max-width: 41.66%
        }

        .col--lg-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }

        .col--lg-7 {
            -ms-flex-preferred-size: 58.33%;
            flex-basis: 58.33%;
            max-width: 58.33%
        }

        .col--lg-8 {
            -ms-flex-preferred-size: 66.66%;
            flex-basis: 66.66%;
            max-width: 66.66%
        }

        .col--lg-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }

        .col--lg-10 {
            -ms-flex-preferred-size: 83.33%;
            flex-basis: 83.33%;
            max-width: 83.33%
        }

        .col--lg-11 {
            -ms-flex-preferred-size: 91.66%;
            flex-basis: 91.66%;
            max-width: 91.66%
        }

        .col--lg-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }

    @media(min-width:90rem) {
        .col--xl {
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }

        .col--xl-1 {
            -ms-flex-preferred-size: 8.33%;
            flex-basis: 8.33%;
            max-width: 8.33%
        }

        .col--xl-2 {
            -ms-flex-preferred-size: 16.66%;
            flex-basis: 16.66%;
            max-width: 16.66%
        }

        .col--xl-3 {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }

        .col--xl-4 {
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            max-width: 33.33%
        }

        .col--xl-5 {
            -ms-flex-preferred-size: 41.66%;
            flex-basis: 41.66%;
            max-width: 41.66%
        }

        .col--xl-6 {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }

        .col--xl-7 {
            -ms-flex-preferred-size: 58.33%;
            flex-basis: 58.33%;
            max-width: 58.33%
        }

        .col--xl-8 {
            -ms-flex-preferred-size: 66.66%;
            flex-basis: 66.66%;
            max-width: 66.66%
        }

        .col--xl-9 {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }

        .col--xl-10 {
            -ms-flex-preferred-size: 83.33%;
            flex-basis: 83.33%;
            max-width: 83.33%
        }

        .col--xl-11 {
            -ms-flex-preferred-size: 91.66%;
            flex-basis: 91.66%;
            max-width: 91.66%
        }

        .col--xl-12 {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
    }

    .flex {
        display: -ms-flexbox;
        display: flex
    }

    .flex>* {
        display: inline-block
    }

    .flex--wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex--column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex--end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flex--center {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flex--center-x {
        -ms-flex-pack: center;
        justify-content: center
    }

    .flex--center-y {
        -ms-flex-align: center;
        align-items: center
    }

    .flex--space-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .flex--space-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .flex--space-evenly {
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .flex--grow>* {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .flex--shrink-none>* {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .flex--gap>*,
    .flex--gap-md>*,
    .flex-gap>*,
    .flex-gap--md>* {
        margin-right: 1.25rem;
        margin-right: var(--space-md)
    }

    .flex--gap>*:last-child,
    .flex--gap-md>*:last-child,
    .flex-gap>*:last-child,
    .flex-gap--md>*:last-child {
        margin-right: 0
    }

    .flex--wrap.flex--gap,
    .flex--wrap.flex--gap-md,
    .flex--wrap.flex-gap,
    .flex--wrap.flex-gap--md {
        margin-bottom: -1.25rem;
        margin-bottom: calc(-1*var(--space-md))
    }

    .flex--wrap.flex--gap>*,
    .flex--wrap.flex--gap-md>*,
    .flex--wrap.flex-gap>*,
    .flex--wrap.flex-gap--md>* {
        margin-bottom: 1.25rem;
        margin-bottom: var(--space-md)
    }

    .flex--gap-xxs>*,
    .flex-gap--xxs>* {
        margin-right: .375rem;
        margin-right: var(--space-xxs)
    }

    .flex--gap-xxs>*:last-child,
    .flex-gap--xxs>*:last-child {
        margin-right: 0
    }

    .flex--wrap.flex--gap-xxs,
    .flex--wrap.flex-gap--xxs {
        margin-bottom: -.375rem;
        margin-bottom: calc(-1*var(--space-xxs))
    }

    .flex--wrap.flex--gap-xxs>*,
    .flex--wrap.flex-gap--xxs>* {
        margin-bottom: .375rem;
        margin-bottom: var(--space-xxs)
    }

    .flex--gap-xs>*,
    .flex-gap--xs>* {
        margin-right: .5rem;
        margin-right: var(--space-xs)
    }

    .flex--gap-xs>*:last-child,
    .flex-gap--xs>*:last-child {
        margin-right: 0
    }

    .flex--wrap.flex--gap-xs,
    .flex--wrap.flex-gap--xs {
        margin-bottom: -.5rem;
        margin-bottom: calc(-1*var(--space-xs))
    }

    .flex--wrap.flex--gap-xs>*,
    .flex--wrap.flex-gap--xs>* {
        margin-bottom: .5rem;
        margin-bottom: var(--space-xs)
    }

    .flex--gap-sm>*,
    .flex-gap--sm>* {
        margin-right: .75rem;
        margin-right: var(--space-sm)
    }

    .flex--gap-sm>*:last-child,
    .flex-gap--sm>*:last-child {
        margin-right: 0
    }

    .flex--wrap.flex--gap-sm,
    .flex--wrap.flex-gap--sm {
        margin-bottom: -.75rem;
        margin-bottom: calc(-1*var(--space-sm))
    }

    .flex--wrap.flex--gap-sm>*,
    .flex--wrap.flex-gap--sm>* {
        margin-bottom: .75rem;
        margin-bottom: var(--space-sm)
    }

    .flex--gap-lg>*,
    .flex-gap--lg>* {
        margin-right: 2rem;
        margin-right: var(--space-lg)
    }

    .flex--gap-lg>*:last-child,
    .flex-gap--lg>*:last-child {
        margin-right: 0
    }

    .flex--wrap.flex--gap-lg,
    .flex--wrap.flex-gap--lg {
        margin-bottom: -2rem;
        margin-bottom: calc(-1*var(--space-lg))
    }

    .flex--wrap.flex--gap-lg>*,
    .flex--wrap.flex-gap--lg>* {
        margin-bottom: 2rem;
        margin-bottom: var(--space-lg)
    }

    .flex--gap-xl>*,
    .flex-gap--xl>* {
        margin-right: 3.25rem;
        margin-right: var(--space-xl)
    }

    .flex--gap-xl>*:last-child,
    .flex-gap--xl>*:last-child {
        margin-right: 0
    }

    .flex--wrap.flex--gap-xl,
    .flex--wrap.flex-gap--xl {
        margin-bottom: -3.25rem;
        margin-bottom: calc(-1*var(--space-xl))
    }

    .flex--wrap.flex--gap-xl>*,
    .flex--wrap.flex-gap--xl>* {
        margin-bottom: 3.25rem;
        margin-bottom: var(--space-xl)
    }

    .flex-item--end {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .flex-item--grow {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .flex-item--shrink-none {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }


    a,
    .link {
        color: #2a6df4;
        color: var(--color-primary);
        text-decoration: underline
    }

    mark {
        background-color: hsla(355, 90%, 61%, .2);
        background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
        color: inherit
    }

    strong {
        font-weight: 700
    }

    s {
        text-decoration: line-through
    }

    u {
        text-decoration: underline
    }

    .text--subtle,
    .text-component .text--subtle {
        color: #79797c;
        color: var(--color-contrast-medium)
    }

    .text--inherit,
    .text-component .text--inherit {
        color: inherit
    }

    .text-component {
        --component-body-line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1));
        --component-heading-line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1));
        --line-height-multiplier: 1;
        --text-vspace-multiplier: 1
    }

    .text-component h1,
    .text-component h2,
    .text-component h3,
    .text-component h4 {
        line-height: 1.2;
        line-height: var(--component-heading-line-height);
        margin-bottom: .25rem;
        margin-bottom: calc(var(--space-xxxs)*var(--text-vspace-multiplier))
    }

    .text-component h2,
    .text-component h3,
    .text-component h4 {
        margin-top: .75rem;
        margin-top: calc(var(--space-sm)*var(--text-vspace-multiplier))
    }

    .text-component p,
    .text-component blockquote,
    .text-component ul li,
    .text-component ol li {
        line-height: 1.4;
        line-height: var(--component-body-line-height);
        color: #313135;
        color: var(--color-contrast-high)
    }

    ul#menu-footer-service-link li a {
        text-decoration: none;
    }

    .text-component ul,
    .text-component ol,
    .text-component p,
    .text-component blockquote,
    .text-component .text-component__block,
    .text-component .text-component__img {
        margin-bottom: .75rem;
        margin-bottom: calc(var(--space-sm)*var(--text-vspace-multiplier))
    }

    .text-component ul,
    .text-component ol {
        padding-left: 1em
    }

    .text-component ul {
        list-style-type: disc
    }

    .text-component ol {
        list-style-type: decimal
    }

    .text-component em {
        font-style: italic
    }

    .text-component blockquote {
        padding-left: 1em;
        border-left: 4px solid #d3d3d4;
        border-left: 4px solid var(--color-contrast-low)
    }

    .text-component hr {
        background: #d3d3d4;
        background: var(--color-contrast-low);
        height: 1px;
        margin: 2rem auto;
        margin: calc(var(--space-lg)*var(--text-vspace-multiplier)) auto
    }

    .text-component>*:first-child {
        margin-top: 0
    }

    .text-component>*:last-child {
        margin-bottom: 0
    }

    .article.text-component {
        --line-height-multiplier: 1.13;
        --text-vspace-multiplier: 1.2
    }

    .text-component__block--full-width {
        width: 100vw;
        margin-left: calc(50% - 50vw)
    }

    .text-component__img {
        text-align: center
    }

    .text-component__img img {
        display: block;
        margin: 0 auto
    }

    .text-component__img figcaption {
        text-align: center;
        font-size: .83333em;
        font-size: var(--text-sm);
        color: #79797c;
        color: var(--color-contrast-medium);
        margin-top: .5rem;
        margin-top: var(--space-xs)
    }

    .text-component__block .text-component__img {
        margin-bottom: 0
    }

    @media(min-width:37.5rem) {

        .text-component__block--left,
        .text-component__block--right,
        .text-component__img--left,
        .text-component__img--right {
            width: 45%
        }

        .text-component__block--left img,
        .text-component__block--right img,
        .text-component__img--left img,
        .text-component__img--right img {
            width: 100%
        }

        .text-component__block--left,
        .text-component__img--left {
            float: left;
            margin-right: .75rem;
            margin-right: calc(var(--space-sm)*var(--text-vspace-multiplier, 1))
        }

        .text-component__block--right,
        .text-component__img--right {
            float: right;
            margin-left: .75rem;
            margin-left: calc(var(--space-sm)*var(--text-vspace-multiplier, 1))
        }
    }

    @media(min-width:90rem) {

        .text-component__block--outset,
        .text-component__img--outset {
            width: calc(100% + 10.5rem);
            width: calc(100% + 2*var(--space-xxl))
        }

        .text-component__block--outset img,
        .text-component__img--outset img {
            width: 100%
        }

        .text-component__block--outset:not(.text-component__block--right),
        .text-component__img--outset:not(.text-component__img--right) {
            margin-left: -5.25rem;
            margin-left: calc(-1*var(--space-xxl))
        }

        .text-component__block--left,
        .text-component__block--right,
        .text-component__img--left,
        .text-component__img--right {
            width: 50%
        }

        .text-component__block--right.text-component__block--outset,
        .text-component__img--right.text-component__img--outset {
            margin-right: -5.25rem;
            margin-right: calc(-1*var(--space-xxl))
        }
    }

    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .text--center {
        text-align: center
    }

    .text--replace {
        overflow: hidden;
        color: transparent;
        text-indent: 100%;
        white-space: nowrap
    }

    :root {
        --icon-xxs: 12px;
        --icon-xs: 16px;
        --icon-sm: 24px;
        --icon-md: 32px;
        --icon-lg: 48px;
        --icon-xl: 64px;
        --icon-xxl: 128px
    }

    .icon {
        display: inline-block;
        color: #1c1c21;
        color: var(--color-contrast-higher);
        fill: currentColor;
        height: 1em;
        width: 1em;
        line-height: 1
    }

    .icon--xxs {
        font-size: 12px;
        font-size: var(--icon-xxs)
    }

    .icon--xs {
        font-size: 16px;
        font-size: var(--icon-xs)
    }

    .icon--sm {
        font-size: 24px;
        font-size: var(--icon-sm)
    }

    .icon--md {
        font-size: 32px;
        font-size: var(--icon-md)
    }

    .icon--lg {
        font-size: 48px;
        font-size: var(--icon-lg)
    }

    .icon--xl {
        font-size: 64px;
        font-size: var(--icon-xl)
    }

    .icon--xxl {
        font-size: 128px;
        font-size: var(--icon-xxl)
    }

    .icon-text {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    .icon-text>*:nth-child(2) {
        margin-left: .375rem;
        margin-left: var(--space-xxs)
    }

    .icon-text .icon {
        color: inherit;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .icon-text.icon-text--gap-none>*:nth-child(2) {
        margin-left: 0
    }

    .icon-text.icon-text--gap-xxxs>*:nth-child(2) {
        margin-left: .25rem;
        margin-left: var(--space-xxxs)
    }

    .icon-text.icon-text--gap-xxxxs>*:nth-child(2) {
        margin-left: .125rem;
        margin-left: var(--space-xxxxs)
    }

    .icon-text--space-between {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .icon--is-spinning {
        -webkit-animation: icon-spin 1s infinite linear;
        animation: icon-spin 1s infinite linear
    }

    @-webkit-keyframes icon-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes icon-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .icon use {
        color: inherit;
        fill: currentColor
    }

    :root {
        --btn-font-size: 1em;
        --btn-sm: calc(var(--btn-font-size) - 0.2em);
        --btn-md: calc(var(--btn-font-size) + 0.2em);
        --btn-lg: calc(var(--btn-font-size) + 0.4em)
    }

    .btn {
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        white-space: nowrap;
        text-decoration: none;
        line-height: 1;
        padding: .5em .75em;
        padding: var(--space-xs) var(--space-sm);
        border-radius: .25em;
        font-size: 1em;
        font-size: var(--btn-font-size);
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .btn--primary {
        background-color: #2a6df4;
        background-color: var(--color-primary);
        color: #fff;
        color: var(--color-white);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .btn--subtle {
        color: #1c1c21;
        color: var(--color-contrast-higher);
        border: 1px solid #d3d3d4;
        border: 1px solid hsl(240deg 3.48% 28.15% / 58%);
        padding: 13px;
    }

    .btn--accent {
        background-color: #f54251;
        background-color: var(--color-accent);
        color: #fff;
        color: var(--color-white);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .btn--disabled {
        cursor: not-allowed;
        box-shadow: none;
        opacity: .6
    }

    .btn--sm {
        font-size: .8em;
        font-size: var(--btn-sm)
    }

    .btn--md {
        font-size: 1.2em;
        font-size: var(--btn-md)
    }

    .btn--lg {
        font-size: 1.4em;
        font-size: var(--btn-lg)
    }

    .btn--full-width {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .btn .icon {
        color: inherit;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .btn--icon-text {
        -ms-flex-align: center;
        align-items: center
    }

    .btn--icon-text>*:nth-child(2) {
        margin-left: .375rem;
        margin-left: var(--space-xxs)
    }

    .btn--icon {
        padding: .5rem;
        padding: var(--space-xs)
    }

    .form-control {
        padding: .5em .75em;
        padding: var(--space-xs) var(--space-sm);
        background: #fff;
        background: var(--color-bg);
        border: 2px solid #d3d3d4;
        border: 2px solid var(--color-contrast-low);
        width: 100%
    }

    .form-control:focus {
        outline: none;
    }

    .form-control:focus {
        border: 0px;
        box-shadow: none;
    }

    .form-control::-webkit-input-placeholder {
        color: #79797c;
        color: var(--color-contrast-medium)
    }

    .form-control::-moz-placeholder {
        opacity: 1;
        color: #79797c;
        color: var(--color-contrast-medium)
    }

    .form-control:-ms-input-placeholder {
        color: #79797c;
        color: var(--color-contrast-medium)
    }

    .form-control:-moz-placeholder {
        color: #79797c;
        color: var(--color-contrast-medium)
    }

    .form-control[disabled],
    .form-control[readonly] {
        cursor: not-allowed
    }

    .form-control[aria-invalid=true] {
        border-color: #f54251;
        border-color: var(--color-error)
    }

    .form-control[aria-invalid=true]:focus {
        --color-shadow: hsla(355, 90%, 61%, 0.2);
        --color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
        box-shadow: undefined;
        box-shadow: 0 0 0 3px var(--color-shadow)
    }

    .form-control[aria-invalid=true]:focus:focus {
        box-shadow: 0 0 0 3px hsla(355, 90%, 61%, .2);
        box-shadow: 0 0 0 3px var(--color-shadow)
    }

    .form-legend {
        color: #1c1c21;
        color: var(--color-contrast-higher);
        line-height: 1.2;
        font-size: 1.2em;
        font-size: var(--text-md);
        margin-bottom: .375rem;
        margin-bottom: var(--space-xxs)
    }

    .form-label {
        display: inline-block;
        font-size: .83333em;
        font-size: var(--text-sm);
        margin-bottom: .25rem;
        margin-bottom: var(--space-xxxs)
    }

    .form__msg-error {
        background-color: #f54251;
        background-color: var(--color-error);
        color: #fff;
        color: var(--color-white);
        font-size: .83333em;
        font-size: var(--text-sm);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: .5rem;
        padding: var(--space-xs);
        margin-top: .75rem;
        margin-top: var(--space-sm);
        border-radius: .25em;
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .form__msg-error::before {
        content: '';
        position: absolute;
        left: .75rem;
        left: var(--space-sm);
        top: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: #f54251;
        border-bottom-color: var(--color-error)
    }

    .form__msg-error--is-visible {
        position: relative;
        clip: auto
    }

    .radio-list>*,
    .checkbox-list>* {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-bottom: .375rem;
        margin-bottom: var(--space-xxs)
    }

    .radio-list>*:last-of-type,
    .checkbox-list>*:last-of-type {
        margin-bottom: 0
    }

    .radio-list label,
    .checkbox-list label {
        line-height: 1.4;
        line-height: var(--body-line-height);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .radio-list input,
    .checkbox-list input {
        vertical-align: top;
        margin-right: .25rem;
        margin-right: var(--space-xxxs);
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .radio-list.radio-list--inline,
    .radio-list.checkbox-list--inline,
    .checkbox-list.radio-list--inline,
    .checkbox-list.checkbox-list--inline {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: -1.25rem;
        margin-bottom: calc(-1*var(--space-md))
    }

    .radio-list.radio-list--inline>*,
    .radio-list.checkbox-list--inline>*,
    .checkbox-list.radio-list--inline>*,
    .checkbox-list.checkbox-list--inline>* {
        margin: 0 1.25rem 1.25rem 0;
        margin: 0 var(--space-md) var(--space-md) 0
    }

    :root {
        --zindex-header: 2;
        --zindex-popover: 4;
        --zindex-fixed-element: 5;
        --zindex-overlay: 10
    }

    @media not all and (min-width:30rem) {
        .display--xs {
            display: none !important
        }
    }

    @media(min-width:30rem) {
        .hide--xs {
            display: none !important
        }
    }

    @media not all and (min-width:37.5rem) {
        .display--sm {
            display: none !important
        }
    }

    @media(min-width:37.5rem) {
        .hide--sm {
            display: none !important
        }
    }

    @media not all and (min-width:64rem) {
        .display--md {
            display: none !important
        }
    }

    @media(min-width:64rem) {
        .hide--md {
            display: none !important
        }
    }

    @media not all and (min-width:80rem) {
        .display--lg {
            display: none !important
        }
    }

    @media(min-width:80rem) {
        .hide--lg {
            display: none !important
        }
    }

    @media not all and (min-width:90rem) {
        .display--xl {
            display: none !important
        }
    }

    @media(min-width:90rem) {
        .hide--xl {
            display: none !important
        }
    }

    :root {
        --display: block
    }

    .is-visible {
        display: block !important;
        display: var(--display) !important
    }

    .is-hidden {
        display: none !important
    }

    .sr-only {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        width: 1px;
        height: 1px;
        overflow: hidden;
        padding: 0;
        border: 0;
        white-space: nowrap
    }

    .cd-demo-container {
        width: calc(100% - 2.5rem);
        margin-left: auto;
        margin-right: auto;
        padding: 1.25rem 0;
        max-width: 64rem
    }

    .cd-demo-container--xxxs {
        max-width: 20rem
    }

    .cd-demo-container--xxs {
        max-width: 30rem
    }

    .cd-demo-container--xs {
        max-width: 37.5rem
    }

    .cd-demo-container--sm {
        max-width: 45rem
    }

    .cd-demo-container--lg {
        max-width: 80rem
    }

    .cd-demo-container--full-width {
        width: 100%;
        max-width: none
    }

    .cd-demo--padding-xl {
        padding: 2rem 0
    }

    .cd-demo--padding-xxl {
        padding: 3.25rem 0
    }

    .cd-demo-container--center-x {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media(min-width:64rem) {
        .cd-demo--padding-xl {
            padding: 3.25rem 0
        }

        .cd-demo--padding-xxl {
            padding: 5.25rem 0
        }
    }

    .cd-demo-container--is-hidden {
        display: none
    }

    .cd-demo-font {
        font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important
    }

    .cd-demo-item--is-hidden {
        display: none
    }

    .cd-demo-item--selected {
        -webkit-animation: demoItemSelected .5s;
        animation: demoItemSelected .5s
    }

    @-webkit-keyframes demoItemSelected {

        0%,
        50% {
            outline: 2px solid #2a6df4;
            outline: 2px solid var(--color-primary)
        }

        100% {
            outline: 2px solid transparent
        }
    }

    @keyframes demoItemSelected {

        0%,
        50% {
            outline: 2px solid #2a6df4;
            outline: 2px solid var(--color-primary)
        }

        100% {
            outline: 2px solid transparent
        }
    }

    .cd-demo__title {
        font-size: 1.2rem;
        font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
        margin-bottom: .75rem;
        color: #1c1c21;
        color: var(--color-contrast-higher)
    }

    .cd-demo-divider {
        height: 1px;
        background-color: #d3d3d4;
        background-color: var(--color-contrast-low);
        margin: 1.25rem 0
    }

    .cd-demo-switch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .cd-demo-switch__inner {
        display: -ms-flexbox;
        display: flex
    }

    .cd-demo-switch__inner button {
        background-color: transparent;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: inherit;
        line-height: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: .875rem;
        font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: .25rem .375rem;
        border: 1px solid #d3d3d4;
        border: 1px solid var(--color-contrast-low);
        color: #1c1c21;
        color: var(--color-contrast-higher)
    }

    .cd-demo-switch__inner button:focus {
        outline: 2px solid #1c1c21;
        outline: 2px solid var(--color-contrast-higher);
        outline-offset: 2px;
        position: relative;
        z-index: 1
    }

    .cd-demo-switch__inner button:first-child {
        border-right: none;
        border-radius: 3px 0 0 3px
    }

    .cd-demo-switch__inner button:last-child {
        border-left: none;
        border-radius: 0 3px 3px 0
    }

    .cd-demo-switch__inner button.is-selected {
        background-color: #1c1c21;
        background-color: var(--color-contrast-higher);
        color: #fff;
        color: var(--color-bg);
        border-color: #1c1c21;
        border-color: var(--color-contrast-higher)
    }

    .cd-demo__viewport-size {
        position: fixed;
        display: none;
        top: 0;
        right: 0;
        padding: 10px;
        z-index: 99;
        font-size: .8rem;
        background-color: rgba(255, 255, 255, .92);
        color: rgba(0, 0, 0, .85);
        font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important
    }

    .cd-demo-margin-top,
    .cd-demo-margin-top--md {
        margin-top: 1.25rem
    }

    .cd-demo-margin-top--xxxs {
        margin-top: .25rem
    }

    .cd-demo-margin-top--xxs {
        margin-top: .375rem
    }

    .cd-demo-margin-top--xs {
        margin-top: .5rem
    }

    .cd-demo-margin-top--sm {
        margin-top: .75rem
    }

    .cd-demo-margin-top--lg {
        margin-top: 2rem
    }

    .cd-demo-margin-top--xl {
        margin-top: 3.25rem
    }

    .cd-demo-margin-top--xxl {
        margin-top: 5.25rem
    }

    .cd-demo-margin-top--xxxl {
        margin-top: 8.5rem
    }

    .cd-demo-margin-bottom,
    .cd-demo-margin-bottom--md {
        margin-bottom: 1.25rem
    }

    .cd-demo-margin-bottom--xxxs {
        margin-bottom: .25rem
    }

    .cd-demo-margin-bottom--xxs {
        margin-bottom: .375rem
    }

    .cd-demo-margin-bottom--xs {
        margin-bottom: .5rem
    }

    .cd-demo-margin-bottom--sm {
        margin-bottom: .75rem
    }

    .cd-demo-margin-bottom--lg {
        margin-bottom: 2rem
    }

    .cd-demo-margin-bottom--xl {
        margin-bottom: 3.25rem
    }

    .cd-demo-margin-bottom--xxl {
        margin-bottom: 5.25rem
    }

    .cd-demo-margin-bottom--xxxl {
        margin-bottom: 8.5rem
    }

    .language-picker {
        display: inline-block;
        position: relative
    }

    .js .language-picker__form {
        display: none
    }

    .language-picker__button .icon {
        height: 16px;
        width: 16px;
        margin-left: .25rem;
        margin-left: var(--space-xxxs)
    }

    .language-picker__dropdown {
        position: absolute;
        left: 0;
        top: 100%;
        width: 200px;
        background-color: #fff;
        background-color: var(--color-bg);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 1px 8px rgba(0, 0, 0, .1);
        box-shadow: var(--shadow-sm);
        padding: .375rem 0;
        padding: var(--space-xxs) 0;
        border-radius: .25em;
        z-index: 4;
        z-index: var(--zindex-popover);
        --space-unit: 1rem;
        --space-xxxxs: 0.125rem;
        --space-xxxs: 0.25rem;
        --space-xxs: 0.375rem;
        --space-xs: 0.5rem;
        --space-sm: 0.75rem;
        --space-md: 1.25rem;
        --space-lg: 2rem;
        --space-xl: 3.25rem;
        --space-xxl: 5.25rem;
        --space-xxxl: 8.5rem;
        --space-xxxxl: 13.75rem;
        --component-padding: 1.25rem;
        --component-padding: var(--space-md);
        font-size: 1rem;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s .2s, opacity .2s, -webkit-transform .2s ease-out;
        transition: visibility 0s .2s, opacity .2s, transform .2s ease-out;
        transition: visibility 0s .2s, opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
    }

    .language-picker__button[aria-expanded=true]+.language-picker__dropdown {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px);
        transition: opacity .2s, -webkit-transform .2s ease-out;
        transition: opacity .2s, transform .2s ease-out;
        transition: opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
    }

    .language-picker__item {
        text-decoration: none;
        padding: .5em 2em .5em 1.25em;
        padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
        color: #313135;
        color: var(--color-contrast-high)
    }

    .language-picker__item span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .language-picker__item:hover {
        background-color: #f2f2f2;
        background-color: var(--color-contrast-lower)
    }

    .language-picker__item[aria-selected=true] {
        position: relative;
        background-color: #2a6df4;
        background-color: var(--color-primary);
        color: #fff;
        color: var(--color-white);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .language-picker__item[aria-selected=true]::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 16px;
        width: 16px;
        right: .75rem;
        right: var(--space-sm);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBvbHlsaW5lIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlPScjZmZmZmZmJyBmaWxsPSdub25lJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHBvaW50cz0nMSw5IDUsMTMgMTUsMyAnLz48L3N2Zz4=);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .language-picker__flag {
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .language-picker__flag::before {
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        content: '';
        height: 16px;
        width: 16px;
        margin-right: .375rem;
        margin-right: var(--space-xxs);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .language-picker__dropdown .language-picker__flag::before {
        margin-right: .5rem;
        margin-right: var(--space-xs)
    }


    .language-picker--hide-label .language-picker__button .icon {
        margin-left: 0
    }

    .language-picker--hide-label .language-picker__button em {
        display: none
    }

    .language-picker--hide-label .language-picker__button .language-picker__flag::before {
        margin-right: .25rem;
        margin-right: var(--space-xxxs)
    }

    ul.language-picker__list {
        display: block;
        padding: 0;
    }

    ul.language-picker__list li {
        display: block;
    }

    .ttm-stickable-header.fixed-header {
        padding-bottom: 15px !important;
    }

    .header-top-right {
        float: right;
    }

    .usd {
        margin-left: 20px;
    }

    .site-header-menu-inner.ttm-stickable-header {
        padding: 15px 0 5px;
    }

    a.became-btn:hover {
        color: #000;
    }

    .navbar-expand-lg .navbar-nav {
        margin-top: 0px;
    }

    #header20 .menu20 ul li .menu20Content a b {
        color: #0050d7 !important;
    }

    #header20 .menu20 ul li .menu20Content a:hover b {
        color: #000E9C !important;
    }

    #header20 .menu20 ul li .menu20Content a span {
        color: #555;
        font-weight: normal;
        text-decoration: none !important;
    }

    #header20 .menu20 ul .menuTitle {
        color: #242430;
        line-height: 62px;
        padding: 0em 1em;
        font-weight: 600;
        display: inline-block;
        text-decoration: none;
        font-size: 16px;
        font-family: 'gteestiprodisplay_regular';
    }

    #header20 .menu20 ul .menuTitle:hover {
        color: #c48c11 !important;
    }

    #header20 .menu20 ul li:hover {
        color: #000E9C;
        cursor: pointer;
    }

    #header20 .menu20 ul li:hover .menu20Content {
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 3px 3px, rgba(0, 0, 0, 0.2) 0px 3px 3px;
        display: block;
        display: block;
        position: absolute;
        background: #fff;
        left: 0px;
        width: 100%;
        display: none;
        border-radius: 0 0 10px 10px;
    }

    #header20 .menu20 .menu20Content {
        display: none;
        cursor: initial;
        overflow: hidden;
        padding: 0;
    }

    #header20 .col-m-12:not(.noMargin) {
        margin: 0 0;
        padding: 0;
    }

    #header20 .menu20 .menu20Content .discover {
        line-height: 62px;
        font-size: 1em;
        float: none;
        cursor: pointer;
    }

    #header20 .menu20 .menu20Content .title {
        font-size: 1em;
        line-height: 1em;
        clear: both;
        padding: 1em;
        box-sizing: border-box;
        color: #0050D7;
        border-bottom: 1px solid #ccc;
        background: #ff990030;
    }

    #header20 .menu20 .menu20Content .title.noL3 {
        padding: 0px !important;
    }

    #header20 .menu20 .menu20Content .title.noL3 a {
        box-sizing: border-box;
        width: 100%;
        padding: 1em;
    }

    #header20 .menu20 .menu20Content .title.noL3 a:hover {
        color: #000E9C !important;
    }

    #header20 .menu20 .menu20Content .title a {
        padding: 0px;
    }

    #header20 .menu20 .menu20Content .title:hover,
    #header20 .menu20 .menu20Content .title.hovered {
        color: #fff !important;
        background: #ff5736;
    }

    #header20 .menu20 .menu20Content .title:hover:after,
    #header20 .menu20 .menu20Content .title.hovered:after {
        content: "";
        float: right;
        font-size: 1.6em;
        font-weight: 900;
        margin-right: 0.1em;
        background: url("../img/header/chevron.svg") center center no-repeat;
        height: 18px;
        width: 18px;
        transform: rotate(-90deg);
        position: relative;
        animation: animateleft 0.4s;
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0;
        }

        to {
            left: 0;
            opacity: 1;
        }
    }

    #header20 .menu20 .menu20Content .title:hover.noL3:after,
    #header20 .menu20 .menu20Content .title.hovered.noL3:after {
        background: none;
        float: none;
        display: block;
    }

    #header20 .menu20 .menu20Content .l3Title {
        margin: 1em 0 0 8px;
        width: 100%;
    }

    #header20 .menu20 .menu20Content .l3 {
        height: 100vh;
    }

    #header20 .menu20 .menu20Content .l3 li {
        padding-left: 1em;
        box-sizing: border-box;
    }

    #header20 .menu20 .menu20Content .l3 li a:hover {
        color: #00185E !important;
    }

    #header20 .menu20 .menu20Content hr {
        width: 98%;
        clear: both;
        border-color: #ccc;
        margin: 0;
    }

    #header20 .menu20 .menu20Content .quickAction {
        color: #122844;
        line-height: 62px;
    }

    #header20 .menu20 .menu20Content .offBg2 hr {
        margin-top: 0;
        border-color: #BEF1FF;
    }

    #header20 .menu20 .menu20Content .fakeColumn {
        position: relative;
        top: 0px;
        z-index: 0;
        /*width: calc((3/12 * 100%) - 5 * 1px + 2px);*/
        width: 250px;
    }

    #header20 .menu20 .menu20Content .fakeColumn.fC2 {
        margin-left: calc((4.5/12 * 100%) - 5 * 1px);
    }

    #header20 .menu20 .menu20Content .fakeColumn.fC3 {
        margin-left: calc(((4.5/12 * 100%) - 5 * 1px)*2);
    }

    #header20 .menu20 .menu20Content ul {
        position: relative;
    }

    #header20 .menu20 .menu20Content ul:not(.l3) {
        margin: 2em 0em;
    }

    #header20 .menu20 .menu20Content ul.l2 {
        margin: 0.5em 0 2em 0em;
        padding: 0px;
    }

    #header20 .menu20 .menu20Content ul li:not(.col-s-6) {
        width: 100%;
        float: none;
        padding: 0px;
    }

    #header20 .menu20 .menu20Content ul li:not(.col-s-6) .content {
        display: none;
        position: absolute !important;
        right: 40px;
        top: 0px;
    }

    #header20 .menu20 .menu20Content ul li:not(.col-s-6):hover .content,
    #header20 .menu20 .menu20Content ul li:not(.col-s-6).hovered .content {
        display: block;
        z-index: 1;
        /*padding-left: 20px;*/
    }

    #header20 .offBg {
        background-color: #343399;
    }

    #header20 .offBg2 {
        background-color: #ddf7ff;
    }

    #header20 .a5efd {
        animation: opac 0.8s;
    }

    @keyframes opac {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    #header20 .a5etf {
        position: relative;
        animation: animatetop 0.4s;
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0;
        }

        to {
            top: 0;
            opacity: 1;
        }
    }

    #header20 .a5elt {
        position: relative;
        animation: animateleft 0.4s;
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0;
        }

        to {
            left: 0;
            opacity: 1;
        }
    }

    #header20 .oHide {
        overflow: hidden;
    }

    #header20 .leftLightBlueBorder {
        box-shadow: #A1A9FF -3px 0px 0px 0px;
    }

    #header20 .rightLightBlueBorder {
        box-shadow: #A1A9FF 3px 0px 0px 0px;
    }

    #header20 .ham {
        display: none;
    }

    #header20 .v2 .menu20Content .l2 {
        margin-top: 2em !important;
    }

    #header20 .s-hide {
        display: none;
    }

    #header20 .m-show {
        display: none;
    }

    #header20 .l-show {
        display: block;
    }

    #header20 .s-show {
        display: hide;
    }
}

a.supplier-btn:hover {
    background: #f90;
}

.language-picker__button.btn.btn--subtle {
    padding: 9px;
}

.header2-right {
    margin-top: 0px;
}

a.supplier-btn {
    text-decoration: none;
    background: none;
    padding: 7px 16px;
    font-size: 15px;
    color: #200d0d;
    border-radius: 50px;
    border: 2px solid #ff9900;
    display: inline-block;
}

.navbar-brand {
    font-size: 1.4em;
}

.navbar-dark .navbar-nav a.nav-link {
    color: #1a2b49;
    font-size: 1.1em;
}

.dropdown-menu {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: none;
    border-radius: 0;
    padding: 0.7em;
}

.dropdown-menu li .dropdown-item img {
    float: left;
    border-radius: 50%;
    margin-right: 15px;
    width: 36px;
    height: 36px;
}

.dropdown-menu .dropdown-item img {
    float: left;
    border-radius: 50%;
    margin-right: 15px;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
}

.dropdown-menu2 {
    justify-content: flex-start;
    display: flex;
    width: 1200px;
    column-gap: 60px;
}

@media only screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: flex;
    }

    .dropdown-menu.show {
        display: flex;
    }
}

.dropdown-menu ul {
    list-style: none;
    padding: 0;
}

.dropdown-menu li .dropdown-item {
    color: #1a2b49;
    font-size: 17px;
    padding: 0.5em 1em;
    margin: 10px 0;
}

.dropdown-menu li .dropdown-item span {
    display: block;
    color: #1a2b49;
    font-size: 14px;
    line-height: 12px;
}

.dropdown-menu li .dropdown-item:hover {
    background-color: #f1f1f1;
}

.dropdown-menu li:first-child a:hover {
    background-color: #f1f1f1;
}

.dropdown-menu {
    list-style: none;
    padding: 0;
}

.dropdown-menu .dropdown-item {
    color: #1a2b49;
    font-size: 17px;
    padding: 0.5em 1em;
    /* margin: 10px 0; */
    border-radius: 8px;
}

.dropdown-menu .dropdown-item span {
    display: block;
    color: #1a2b49;
    font-size: 14px;
    line-height: 12px;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #e1f0ff;
}

.dropdown-menu li:first-child a:hover {
    background-color: #f1f1f1;
}

@media only screen and (max-width: 992px) {
    .dropdown-menu.show {
        flex-wrap: wrap;
        max-height: 350px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    .dropdown:hover .dropdown-menu {
        width: 40vw;
        flex-wrap: wrap;
    }
}

.dropdown-menu {
    border-radius: 0;
    border: none;
    padding: 0.5em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}

.dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin-top: 0px;
    width: 20%;
}

span.country-icon {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.dropdown-menu li a {
    color: gray;
    padding: 0.5em 1em;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 17px !important;
    color: #1a2b49;
}

@media screen and (min-width: 993px) {
    .dropdown:hover .dropdown-menu {
        display: flex;
        width: 1200px;
        column-gap: 60px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .dropdown-menu.show {
        display: flex;
    }
}

@media screen and (max-width: 992px) {
    .dropdown-menu.show {
        max-height: 60vh;
        overflow-y: scroll;
    }
}




@media screen and (max-width: 991px) {

    /*1159*/
    main#main {
        margin: 50px 0 0 0 !important;
    }

    #header20 {
        z-index: 999999999;
        box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 0;
    }

    #header20 .baseline {
        display: none;
    }

    #header20 .contentTitle,
    #header20 hr {
        display: none;
    }

    #header20 .westSide .txtRight a {
        display: none;
    }

    #header20 .westSide .l2 a {
        color: #0050D7;
        padding: 0.5em;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }

    #header20 .westSide .l2 a:hover {
        color: #122844;
    }

    #header20 .westSide .l2 a span {
        display: none;
    }

    #header20 .eastSide {
        background-color: #ddf7ff;
        margin: 0px !important;
        width: 100% !important;
    }

    #header20 .eastSide .quickAction,
    #header20 .eastSide hr {
        display: none;
    }

    #header20 .eastSide a {
        color: #0050D7;
        text-decoration: none;
        padding: 0.5em 1.5em;
        font-weight: bold;
    }

    #header20 #profilIcon {
        display: block !important;
        float: right;
        margin-right: -1em;
    }

    #header20 #profileContainer {
        background: #def8ff;
        padding: 1em;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
    }

    #header20 #profileContainer .card {
        background: #fff;
        box-shadow: 0px 0px 6px #000E9C1A;
        border-radius: 10px;
        width: 100%;
        box-sizing: border-box;
        padding: 0px;
        text-align: center;
    }

    #header20 #profileContainer .card p {
        text-align: left;
    }

    #header20 #profileContainer .card img {
        max-width: 120px;
        margin-top: 1em;
    }

    #header20 #profileContainer .card .link20 {
        padding: 1em;
        display: block;
    }

    #header20 .hamburger {
        display: inline-block;
        margin: 0 8px 16px 0;
        cursor: pointer;
        /* ONE */
    }

    #header20 .hamburger .line {
        width: 13px;
        height: 2px;
        background-color: #0050d7;
        display: block;
        margin: 3px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #header20 .hamburger:hover {
        cursor: pointer;
    }

    #header20 .hamburger.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #header20 .hamburger.is-active .line:nth-child(1) {
        -webkit-transform: translateY(5px) rotate(45deg);
        -ms-transform: translateY(5px) rotate(45deg);
        -o-transform: translateY(5px) rotate(45deg);
        transform: translateY(5px) rotate(45deg);
    }

    #header20 .hamburger.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-5px) rotate(-45deg);
        -ms-transform: translateY(-5px) rotate(-45deg);
        -o-transform: translateY(-5px) rotate(-45deg);
        transform: translateY(-5px) rotate(-45deg);
    }

    #header20 .support {
        display: none;
    }

    #header20 .offBg {
        background: #fff;
        height: 51px;
    }

    #header20 .offBg #ucartzLogo img {
        display: none;
    }

    #header20 .offBg #ucartzLogo:before {
        content: "";
        background: url("https://www.ucartz.com/img/header/chevron.svg") center center no-repeat;
        height: 51px;
        width: 198px;
        display: inline-block;
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0;
        }

        to {
            top: 0;
            opacity: 1;
        }
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0;
        }

        to {
            left: 0;
            opacity: 1;
        }
    }

    #header20 .menu20 {
        display: none;
        position: relative;
        z-index: 9;
        background: #fff;
    }

    #header20 .menu20 .row {
        margin: 0px;
        padding: 0px;
    }

    #header20 .menu20.is-active {
        display: block;
        animation: animateleft 0.4s;
    }

    #header20 .menu20 .menu20Content {
        display: none;
        position: relative;
        animation: animateleft 0.4s;
    }

    #header20 .menu20 .menu20Content.is-active {
        display: block;
    }

    #header20 .menu20 .menu20Content ul.l3 {
        display: none;
        overflow: hidden;
        padding: 0 0 0 1em;
    }

    #header20 .menu20 .menu20Content ul.l3 .l3Title {
        display: none;
    }

    #header20 .menu20 .menu20Content ul.l3 li {
        position: relative;
        animation: animatetop 0.4s;
    }

    #header20 .menu20 .menu20Content ul.l3 li a {
        color: #0050D7;
        font-weight: bold;
        text-decoration: none;
    }

    #header20 .menu20 .menu20Content ul.l3 li a:hover {
        color: #00185E !important;
    }

    #header20 .menu20 .menu20Content ul.l3 li a span {
        display: none;
    }

    #header20 .menu20 .menu20Content .title,
    #header20 .menu20 .menu20Content ul.l2 li {
        width: 100%;
    }

    #header20 .menu20 .menu20Content .title,
    #header20 .menu20 .menu20Content .title a {
        color: #0050D7;
        padding: 0.5em;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }

    #header20 .menu20 .menu20Content .title:hover,
    #header20 .menu20 .menu20Content .title a:hover {
        color: #00185E !important;
    }

    #header20 .menu20 .menu20Content .title:not(.noL3).hidd:before {
        display: none;
    }

    #header20 .menu20 .menu20Content .title a,
    #header20 .menu20 .menu20Content .title a a {
        padding: 0;
    }

    #header20 .menu20 .menu20Content .title:not(.noL3):before {
        content: "";
        float: right;
        font-size: 1.6em;
        font-weight: 900;
        margin: 0 1em 0.1em 0.5em;
        background: url("https://www.ucartz.com/img/header/chevron.svg") center center no-repeat;
        height: 18px;
        width: 18px;
        position: relative;
        animation: animateleft 0.4s;
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0;
        }

        to {
            left: 0;
            opacity: 1;
        }
    }

    #header20 .menu20 .menu20Content .title:not(.noL3).active:before {
        transform: rotate(180deg);
    }

    #header20 .menu20 .menu20Content .title:not(.noL3).nbfr:before {
        background: none;
    }

    #header20 .menu20 .menuTitle {
        cursor: pointer;
        color: #00185E;
        padding: 0.5em 1em;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        border-bottom: solid #bbb 1px;
        box-sizing: border-box;
        text-decoration: none;
    }

    #header20 .menu20 .menuTitle:after {
        content: "";
        float: right;
        font-size: 1.6em;
        font-weight: 900;
        margin: 0.15em 0.1em 0;
        background: url("https://www.ucartz.com/img/header/chevron.svg") center center no-repeat;
        height: 18px;
        width: 18px;
        transform: rotate(-90deg);
        position: relative;
        animation: animateleft 0.4s;
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0;
        }

        to {
            left: 0;
            opacity: 1;
        }
    }

    #header20 .menu20 .menuTitle.active {
        color: #00185E;
        font-weight: bolder;
    }

    #header20 .menu20 .menuTitle.active:after {
        float: left;
        transform: rotate(90deg);
        margin-left: -5px;
    }

    #header20 .menu20 ul {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    #header20 .menu20 ul li {
        list-style: none;
        width: 100%;
    }

    #header20 .menu20 ul li a {
        box-sizing: border-box;
        font-size: 14px;
    }

    #header20 .mobileSupportMenu {
        display: block;
    }

    #header20 .mobileSupportMenu .menu20 {
        background-color: #000E9C;
    }

    #header20 .mobileSupportMenu .menu20 .menuTitle {
        border-color: #0022b2;
        text-decoration: none;
    }

    #header20 .mobileSupportMenu .menu20 .menuTitle:after {
        background: url("https://www.ucartz.com/img/header/chevron.svg") center center no-repeat;
    }

    #header20 .mobileSupportMenu .menu20 .menu20Content {
        background-color: #000E9C;
    }

    body div#main {
        margin: 50px auto 0 auto !important;
    }
}

div.dialog-off-canvas-main-canvas #header {
    min-height: initial !important;
}

/* header currency selection start */
#header #languageChooser,
header #languageChooser,
#header20 #languageChooser {
    display: inline-block;
    outline: none;
}

#header a#languageChooser,
#header span#languageChooser,
header a#languageChooser,
header span#languageChooser,
#header20 a#languageChooser,
#header20 span#languageChooser {
    background-image: url("../img/header/currency.png") !important;
    width: 30px;
    height: 26px;
    margin: -2px 10px 0 5px;
    background-size: 25px;
    border: none;
    background-repeat: no-repeat;
}

/* header currency selection end */

/* header part end here */
.ucartz-new-btn {
    position: absolute;
    background-color: red;
    border-radius: 10px;
    padding: 2px;
    color: #fff;
    background: #f44336;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 6px;
    color: #fff;
    font-weight: 100;
    line-height: 15px !important;
}




.social-icons li {
    margin: 0 2px
}

.social-icons li:last-child {
    margin-right: 0
}

.social-icons li a {
    display: block;
    min-width: 26px;
    text-align: center
}

.social-icons.circle li>a {
    border-width: 1px;
    border-style: solid;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    display: block;
    background-color: transparent;
    font-size: 13px;
    border-radius: 50%
}

.social-icons.square li {
    margin: 0 0
}

.social-icons.square li a {
    font-size: 14px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: inherit;
    margin-right: 8px;
    border: 1px solid #e7e7e7
}

.tooltip-top {
    position: relative
}

.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -moz-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none
}

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: 0 0;
    content: ""
}

.tooltip-top:before,
.tooltip:before,
[data-tooltip]:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: hsla(0, 0%, 20%, .9)
}

.tooltip-top:after,
.tooltip-top:before,
.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
    bottom: 100%;
    left: 50%
}

.tooltip-bottom:after {
    bottom: -100%
}

.tooltip-bottom:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: transparent
}

.tooltip-bottom:before {
    bottom: -7px
}

.tooltip-top:focus:after,
.tooltip-top:focus:before,
.tooltip-top:hover:after,
.tooltip-top:hover:before,
.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px)
}

.tooltip-top:after,
.tooltip:after,
[data-tooltip]:after {
    margin-left: -60px
}

.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 120px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px
}

.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1
}

.slick-slide {
    border: 0;
    outline: 0
}

.slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after {
    position: absolute;
    content: "";
    top: 0;
    left: -15px;
    height: 100%;
    width: 1px;
    background-color: #e4e4e4
}

.ttm-bgcolor-darkgrey .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after,
.ttm-bgcolor-skincolor .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current)>div:after {
    background-color: rgba(255, 255, 255, .3)
}

.post-slide .owl-dots,
.slick_slider.slick-dots-style1 .slick-dots,
.slick_slider.slick-dots-style2 .slick-dots {
    padding: 0;
    margin: 0;
    padding-top: 30px;
    top: 100%;
    text-align: center;
    line-height: 0
}

.slick_slider.slick-dots-style1 .slick-dots li,
.slick_slider.slick-dots-style2 .slick-dots li {
    display: inline-block;
    list-style: none;
    line-height: 0
}

.slick_slider.slick-dots-style1 .slick-dots li button {
    height: 14px;
    width: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: relative;
    margin: 0 4px;
    padding: 0;
    font-size: 0;
    background-color: #efefef
}

.slick_slider.slick-dots-style1 .slick-dots li button:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 3px;
    width: 6px;
    height: 6px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #fff;
}

nav.main-menu ul.menu li ul.mega-submenu li a:hover,
nav.main-menu ul.menu li ul.mega-submenu li.active>a,
nav.main-menu ul.menu li.active>a,
nav.main-menu ul.menu li>ul.mega-submenu li a:hover {
    color: #fff;
}

.ttm-list.style1 li {
    padding-bottom: 10px;
    color: #000 !important;
}

.slick_slider.slick-dots-style2 .slick-dots li button {
    height: 9px;
    width: 9px;
    border: 0;
    font-size: 0;
    padding: 0;
    border-radius: 30px;
    position: relative;
    margin: 0 4px;
    background-color: #c9cacf;
}

.slick_slider.slick-dots-style2 .slick-dots li.slick-active button {
    width: 25px
}

.slick_slider.slick-dots-style2 .slick-dots li button:before {
    content: unset
}

.slick_slider .slick-arrow {
    width: 46px;
    height: 46px;
    z-index: 1;
    border: 0;
    color: inherit;
    background-color: rgba(255, 255, 255, .07);
    box-shadow: 0 0 10px 0 rgba(0, 43, 92, .08);
    border: 0
}

.slick_slider.slick-arrows-style1 .slick-next {
    right: 0
}

.slick_slider.slick-arrows-style2 .slick-next {
    right: auto;
    left: -315px;
    top: 90%
}

.slick_slider.slick-arrows-style2 .slick-prev {
    left: -375px;
    top: 90%
}

.slick_slider .slick-next:before,
.slick_slider .slick-prev:before {
    font-family: themify;
    font-size: 15px;
    line-height: 1;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick_slider .slick-prev:before {
    content: "\e629"
}

.slick_slider .slick-next:before {
    content: "\e628"
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick_slider.slick-arrows-style1 .slick-next,
.slick_slider.slick-arrows-style1 .slick-prev {
    background-color: #fff;
    font-size: 0;
    line-height: 0;
    right: -20px;
    bottom: 17%;
    top: auto;
    z-index: 1;
    color: #7e7e7e;
    width: 40px;
    height: 50px
}

.slick_slider.slick-arrows-style1 .slick-prev {
    bottom: auto;
    top: 38%
}

.slick_slider.slick-arrows-style1 .slick-next:before,
.slick_slider.slick-arrows-style1 .slick-prev:before {
    font-family: themify;
    font-size: 15px;
    line-height: 1;
    opacity: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick_slider.slick-arrows-style1 .slick-prev:before {
    content: "\e627"
}

.slick_slider.slick-arrows-style1 .slick-next:before {
    content: "\e62a"
}

.top_bar {
    width: 100%;
    z-index: 10;
    height: 50px;
    line-height: 50px;
    position: relative
}

.top_bar_icon {
    display: inline-block;
    margin-right: 8px
}

.top_bar_contact_item {
    font-size: 14px;
    margin-right: 30px;
    position: relative
}

.top_bar_contact_item:last-child {
    margin-right: 0
}

.top_bar_contact_item:after {
    content: "";
    height: 20px;
    width: 1px;
    background-color: rgba(255, 255, 255, .08);
    display: block;
    position: absolute;
    right: -15px;
    top: 15px
}

.top_bar_contact_item:nth-child(even):after {
    content: unset
}

.top_bar .social-icons li {
    min-width: 20px;
    margin-left: 0;
    font-size: 14px
}

.top_bar .social-icons li a {
    min-width: auto
}

.top_bar_contact_item {
    color: rgba(255, 255, 255, .8)
}

.site-branding img {
    position: relative
}

.site-branding img {
    max-height: 100%
}

.site-branding {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    float: left;
    /* margin-right: 20px; */
}

.header_extra>div {
    margin-left: 21px;
    position: relative
}

.header_search_content button.close-search {
    position: absolute;
    right: 15px;
    padding: 0;
    color: #fff;
    font-size: 21px;
    border-radius: 0;
    box-shadow: unset
}

.header_search .header_search_content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: rgba(35, 35, 35, .95);
    height: 100%;
    width: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%)
}

.header_search .header_search_content.on {
    visibility: visible;
    opacity: 1;
    display: block;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.header_search .header_search_content #searchbox {
    position: absolute;
    left: 0;
    right: 0;
    width: 620px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.header_search .header_search_content #search_query_top {
    background: 0 0;
    border: 0 !important;
    border-bottom: 1px solid #fff !important;
    height: 65px;
    padding: 0 70px 0 0;
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    color: #fff;
    outline: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.header_search .header_search_content input::placeholder {
    color: #fff
}

.header_search .header_search_content_inner .close_btn {
    top: 60px;
    text-align: center;
    position: absolute;
    left: 50%;
    cursor: pointer;
    z-index: 1
}

.header_search .header_search_content .close_btn i {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    height: 35px;
    width: 35px;
    display: block;
    line-height: 35px;
    text-align: center;
    border-radius: 50%
}

.header_search .header_search_content .close_btn:hover i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header_search .search_btn {
    position: relative;
    padding: 0;
    border: none;
    font-size: 14px;
    display: block;
    font-weight: 400;
    padding-right: 18px;
    margin-right: 0
}

.header_search .search_btn:before {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background-color: rgb(255 255 255 / 7%)
}

.ttm-header-style-03 .ttm-bgcolor-white .header_search .search_btn:before {
    background-color: rgba(0, 0, 0, .08)
}

.header_cart .button-cart {
    display: block;
    position: relative;
    text-align: center;
    font-size: 16px;
    width: 25px;
    text-align: left;
    z-index: 1
}

.header_cart .cart_count {
    position: absolute;
    bottom: 19px;
    left: 14px;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    font-size: 9px;
    display: block;
    color: #fff;
    border-radius: 3px
}

.widget_info .social-icons ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    border: 1px solid #f1f1f1;
    text-align: center;
    display: block;
    background-color: transparent;
    font-size: 14px;
    color: inherit;
    margin-right: 5px
}

.ttm-social-links-wrapper {
    position: absolute;
    left: 70px;
    top: 312px;
    z-index: 1;
    transform-origin: left top 0;
    width: 60px;
    display: block
}

.ttm-social-links-wrapper ul li {
    margin-bottom: 10px
}

.featured-imagebox-portfolio.style4 .featured-thumbnail img {
    opacity: 9 !important;
}

.featured-imagebox-portfolio.style4 .featured-thumbnail {
    opacity: 9 !important;
    position: relative;
}

.featured-thumbnail:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1;
}


.ttm-social-links-wrapper ul li a {
    color: #787878;
    border: 1px solid #787878;
    width: 39px;
    height: 39px;
    line-height: 39px;
    font-size: 16px
}

.featured-imagebox-portfolio.style4 .featured-content {
    background: none !important;
}

.site-navigation {
    position: relative;
    z-index: 4;
    justify-content: flex-start;
    column-gap: 20px;
}

.ttm-header-style-02 .widget_content {
    padding-left: 15px
}

.serch-box span i {
    color: #4a6187;
    position: absolute;
    left: 17px;
    top: 14px;
    font-size: 17px;
}

.serch-box select {
    color: #5c5353;
}

.flatpickr-input[readonly] {
    cursor: pointer;
    font-size: 17px !important;
    padding: 9px 16px 9px 0 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #ebeef1;
}

.flatpickr-day.today {
    border: none !important;
    background: #f90;
    color: #fff;
    margin: 8px !important;
    font-size: 17px;
}

.flatpickr-day {
    margin-bottom: 8px !important;
    font-size: 18px;
    border-radius: 0 !important;
}

.flatpickr-day {
    max-width: 43px !important;
    height: 42px !important;
    line-height: 43px !important;
    margin: 6px !important;
}

span.flatpickr-weekday {
    font-weight: 600;
    font-size: 16px;
}

.serch-box select {
    width: 100%;
    float: left;
    border-radius: 26px 0 0 26px;
    font-size: 16px;
    padding: 13px 37px;
    text-transform: capitalize;
    font-family: 'gteestiprodisplay_regular';
    height: 42px;
    border-right: none;
}

.languge a {
    color: #000;
}

.location-serch {
    width: 100%;
    float: left;
    position: relative;
    border: 2px solid #7e899b;
    border-radius: 25px;
}

.autocomplete-container {
    position: relative;
    max-width: 404px;
    float: left;
    width: 100%;
}

.button {
    width: 19%;
    background: #f90;
    font-size: 18px;
    padding: 8px 10px;
    border-radius: 0px 25px 25px 0px;
    font-weight: normal;
    position: absolute;
    right: 0;
}

.location-serch input {
    font-family: inherit;
    vertical-align: middle;
    width: 100%;
    color: #1a1a1a;
    border-radius: 0;
    font-weight: 400;
    background-color: #fff;
    text-transform: inherit;
    font-size: 17px;
    outline: 0;
    line-height: inherit;
    letter-spacing: 0;
    line-height: 30px;
    border-radius: 25px 0 0 25px;
    position: relative;
    height: 35px;
    padding-left: 40px;
    border: 0px;
}

span.search-icon {
    position: absolute;
    left: -3px;
    top: -2px;
    z-index: 9;
}


.languge a {
    text-decoration: none;
    display: block;
    margin: 0 22px;
}

.languge i {
    font-size: 21px;
    color: #5c5656;
    display: block;
    text-align: center;
}

.usd {
    float: right;
    width: 40%;
}

.usd select {
    padding: 9px 2px;
}

.js.language {
    width: 15%;
    float: left;
}

#header20 .menu20 {
    background: #fff;
    width: 65%;
    float: left;
}

.header2-right {
    float: left;
}

.journery-date {
    width: 28%;
    float: left;
    border-left: 1px solid #a39999;
}

.button {
    width: 18%;
    background: #f90;
    font-size: 18px;
    padding: 10px 10px;
    border-radius: 0px 25px 25px 0px;
    font-weight: normal;
    margin-top: 1px;
    margin-right: 2px;
}

div#caption {
    border: 2px solid #ccc;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
}

.nav .nav-item button.active i {
    color: #f90;
    border-color: #f90;
}

.journery-date input {
    padding-top: 29px;
    display: block;
    height: 44px;
    border-radius: 0;
}

.autocomplete-container {
    position: relative;
    max-width: 420px;
}

.autocomplete-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 5px;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    min-width: 760px;
    width: 100%;
    max-height: 500px;
    overflow: hidden;
}

.border,
.border-bottom,
.border-left,
.border-right,
.border-top,
.border_1 {
    /* border-color: #e7e7e7 !important; */
    border: none !important;
}

.autocomplete-item {
    display: flex;
    align-items: center;
    padding: 15px 12px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    margin: 3px 0;
}

.autocomplete-item img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.autocomplete-item:hover {
    background: #f8f9fa;
}

.autocomplete-text small {
    color: #6c757d;
    font-size: 0.85rem;
    text-transform: capitalize;
}

.serch-box {
    width: 520px;
    margin: 0 auto;
    float: left;
    margin-right: 20px;
}

.ttm-header-style-02 .widget_content h3 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.languge {
    float: right;
}

#site-header-menu .site-navigation .menu li span.label-new {
    padding: 2px 3px 2px;
    border-radius: 2px;
    font-size: 9px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 7px
}

.footer {
    background-image: url(../images/footer-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.footer:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #0f1022;
}

.footer .ttm-row-wrapper-bg-layer.ttm-bg-layer {
    opacity: .93
}

.second-footer p {

    color: #fff;
}

.footer-logo {
    margin-bottom: 25px
}

.footer .widget .widget-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    color: #fff;
}

.widget ul#menu-footer-service-link li a {
    padding-left: 18px;
    color: #fff;
}

.footer .widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

h3.widget-title {
    color: #fff;
}

.footer.ttm-bg.ttm-bgcolor-darkgrey.widget-footer:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000e0;
    z-index: 99;
    content: "";
}

.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:after,
.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:before,
.product:hover .ttm-shop-icon .product-btn,
.tooltip:after,
.ttm-bgcolor-darkgrey,
.ttm-bgcolor-darkgrey>.ttm-bg-layer,
.ttm-bgcolor-darkgrey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-skincolor .tooltip:after,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-skincolor [data-tooltip]:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover,
.ttm-highlight-fid-style1,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-progress-bar .progress-bar-inner .progress-bar.progress-bar-color-bar_darkgrey:before,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey,
[data-tooltip]:after {
    background-color: #232323;
}

.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
}

.featured-title h3 {
    color: #403571;
}

.featured-desc p span {
    color: #000;
    font-weight: bold;
}

.featured-desc p a {
    color: #fff;
    text-decoration: none;
}

.featured-icon-box.icon-align-before-content .featured-icon i {
    color: #ffffff !important;
}

.first-footer {
    padding: 40px 0 0;
    border-bottom: 1px solid #dadada;
    position: relative;
}

.second-footer {
    position: relative;
    z-index: 1;
}

.first-footer h3 {
    margin-bottom: 7px;
    font-size: 25px;
    line-height: 35px
}

.first-footer .widget-area {
    padding-top: 15px;
    padding-bottom: 15px
}

.first-footer .newsletter-form p {
    margin: 15px 0
}

.first-footer .newsletter-form {
    margin-top: -15px
}

.first-footer .newsletter-form input[type=email] {
    padding: 11px 15px;
    padding-right: 180px;
    height: 54px;
    border-radius: 0;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .1)
}

.first-footer .newsletter-form button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
    width: 170px;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 20px;
    height: 54px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    text-transform: capitalize
}

.first-footer h4 {
    font-size: 24px;
    line-height: 34px
}

@media (max-width: 991px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
}

.tab-sec .accordion-body ul li {
    font-size: 17px;
    font-weight: 500;
    color: #1a2b49;
}

.tab-sec .accordion-body ul li span {
    font-weight: 400;
    font-size: 14px;
    display: block;
    color: #706c6c;
    line-height: 18px;
}

select#language-picker-select {
    border-radius: 5px;
}

.accordion {
    --bs-accordion-border-color: #fff !important;
}

.tab-sec button {
    color: #3c5b70;
    font-size: 17px;
    margin-right: 15px;
    border-bottom: 0 !important;
    margin-left: 3px;
    padding: 13px 75px;
    border: 2px solid #362f2f !important;
}

.tab-sec .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    /* background: #9d9d9d47; */
    float: left;
    margin-left: 2px;
}

.tab-sec .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ff9900;
    /* background-color: #000; */
}

.tab-sec {
    padding-bottom: 50px;
}

.second-footer .widget-area:not(:first-child):after {
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: -25px;
    background-color: rgba(255, 255, 255, .1);
    top: 0;
}

.tab-sec .accordion-body ul li {
    display: block;
    padding: 4px;
    width: 20%;
    float: left;
    white-space: nowrap;
    margin-bottom: 16px;
}

.tab-sec .accordion-body ul {
    margin: 0;
    padding: 0;
}

.payment-body {
    display: none;
    padding: 15px 0;
}

.payment-option.active .payment-body {
    display: block;
}

.second-footer .widget-area .widget {
    padding: 40px 0 0px;
    position: relative;
}

.second-footer>div>.row .widget-area .widget:not(:first-child) {
    margin-top: -60px;
    margin-bottom: 20px;
}

.widget ul#menu-footer-service-link li a {
    padding-left: 19px;
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}

.usd.ft-usd select {
    border-radius: 4px;
    text-align: center;
}

.widget ul#menu-footer-service-link li {
    display: block;
    padding: 0 0 11px 0;
    position: relative;
    float: none;
}

.googlepay-logo {
    margin-top: 10px;
}

.payment-option {
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}

.gpay-content p {
    color: #1a2b49;
    font-weight: bold;
}

.payment-header {
    display: inline-block;
    align-items: center;
    padding: 10px;
    background: #f7f7f7;
    cursor: pointer;
    float: left;
}

.payment-header input[type="radio"] {
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.payment-body {
    display: none;
    padding: 15px;
    background: #fff;
}

.payment-option.active .payment-body {
    display: block;
}

.card-box input {
    padding-left: 24px;
    border: 1px solid #b9b5b5;
    border-radius: 5px;
    height: 42px;
    color: #3a3535;
}

.payment-header {
    width: 100%;
}

.payment-option button {
    padding: 13px;
    margin: 5px 0;
    border: 1px solid #0071eb;
    border-radius: 4px;
    float: left;
    width: 20px;
    height: 20px;
}

.payment-option button {
    background: #f90;
    color: white;
    border: none;
    cursor: pointer;
}

.payment-option button:hover {
    background: #0056b3;
}


.widget ul#menu-footer-service-link li:nth-last-child(-n+1) {
    padding-bottom: 15px
}

ul.widget_contact_wrapper li {
    padding-left: 35px;
    position: relative;
    padding-bottom: 15px;
    line-height: 24px
}

ul.widget_contact_wrapper li:last-child {
    padding-bottom: 0
}

ul.widget_contact_wrapper li i {
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 1;
    width: 1em;
    text-align: center;
    font-size: 18px;
    font-weight: 400
}

.footer .social-icons li>a {
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    margin: 0 1px;
    background-color: transparent;
    font-size: 14px
}

.copyright {
    font-size: 14px;
    position: relative;
}

.copyright ul.list-inline {
    margin: 0
}

.footer-nav-menu {
    padding: 0;
    margin: 0
}

.footer-nav-menu li {
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    margin-bottom: 2px
}

.footer-nav-menu li:last-child {
    padding-right: 0
}

ul.footer-nav-menu li:after {
    position: absolute;
    content: "|";
    padding-left: 10px
}

ul.footer-nav-menu li:last-child:after {
    content: unset
}

#totop {
    font-weight: 900;
    color: #fff;
    display: none;
    position: fixed;
    right: 34px;
    bottom: 34px;
    z-index: 999;
    height: 0;
    width: 0;
    font-size: 0;
    text-align: center;
    padding-top: 0;
    line-height: 37px;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#totop.top-visible {
    height: 43px;
    width: 43px;
    font-size: 23px;
    display: inline
}

#totop:before {
    position: absolute;
    top: -7px;
    left: -7px;
    content: "";
    transform: rotate(0);
    -webkit-transform: rotate(0);
    border: solid;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .7s ease-out;
    border-color: #cda274
}

#totop:before {
    top: -6px;
    left: -6px
}

#totop:hover:before {
    left: 100%;
    transform: rotate(90deg)
}

#totop:after {
    position: absolute;
    bottom: -7px;
    right: -7px;
    content: "";
    transform: rotate(0);
    -webkit-transform: rotate(0);
    border: solid;
    border-width: 1px 0 0 1px;
    display: inline-block;
    padding: 3px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .7s ease-out;
    border-color: #cda274
}

#totop:after {
    bottom: -6px;
    right: -6px
}

#totop:hover:after {
    right: 100%;
    transform: rotate(90deg)
}

.ttm-page-title-row {
    background: url(../images/pagetitle-bg.jpg);
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1
}

.ttm-page-title-row-inner {
    width: 100%;
    padding: 175px 0 125px;
    text-align: center;
    background-color: rgba(0, 0, 0, .47)
}

.page-title-heading h2 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 49px;
    line-height: 59px;
    margin-bottom: 10px
}

.breadcrumb-wrapper {
    position: absolute;
    bottom: -125px;
    text-align: left
}

.breadcrumb-wrapper .container {
    padding: 0
}

.breadcrumb-wrapper .breadcrumb-wrapper-inner {
    background-color: #fff;
    padding: 14px 15px;
    line-height: 20px;
    display: inline-block
}

.breadcrumb-wrapper a,
.breadcrumb-wrapper span {
    text-transform: capitalize;
    font-size: 15px;
    line-height: 20px
}

.ttm-team-member-content-about h3,
.ttm-team-member-single-content h3 {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px
}

.ttm-team-member-content .ttm-team-member-single-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0
}

.ttm-team-member-content .ttm-team-details-list li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: block;
    float: left;
    padding: 8px 0 10px 0
}

.ttm-team-member-content .ttm-team-details-wrapper {
    padding: 23px 0 25px 0;
    position: relative
}

.ttm-team-member-content .ttm-team-details-list .ttm-team-list-title {
    text-indent: 0;
    width: auto;
    display: inline;
    font-size: 16px
}

.ttm-team-member-content .ttm-team-details-list .ttm-team-list-value {
    display: inline
}

.ttm-team-member-content .ttm-team-member-single-position {
    font-size: 16px;
    margin-bottom: 20px;
    display: block
}

.ttm-team-details-list {
    margin: 0;
    padding: 0
}

.ttm-team-details-list li {
    list-style: square;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 0 25px 15px;
    display: inline-block;
    width: calc(48% - 1px)
}

.ttm-team-details-list li:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    height: 6px;
    width: 6px;
    background-color: #e0e6ed
}

.ttm-team-details-list .ttm-team-list-title {
    margin-right: 3px;
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px
}

.ttm-team-member-single-content .ttm-social-links-wrapper ul li a {
    display: block;
    font-size: 14px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    margin-right: 0;
    color: inherit
}

.ttm-service-single-content-area .text-content {
    position: relative;
    display: block;
    margin-bottom: 17px
}

.ttm-service-single-content-area .icon-box {
    vertical-align: top;
    padding-right: 18px;
    width: 20px;
    padding-top: 5px;
    display: table-cell;
    vertical-align: middle
}

.ttm-service-single-content-area .icon-content {
    display: table-cell;
    vertical-align: middle
}

.ttm-service-single-content-area .icon-box i {
    font-size: 40px;
    font-weight: 700
}

.ttm-service-single-content-area .icon-content h3,
.ttm-service-single-content-area .icon-content p {
    margin-bottom: 0
}

.ttm-pf-single-content-wrapper .ttm-pf-single-detail-box {
    display: block;
    padding: 20px 30px 20px;
    height: 100%
}

.ttm-pf-single-content-wrapper.ttm-pf-view-top-image .ttm-pf-single-detail-box {
    margin-top: 40px;
    height: auto
}

.ttm-pf-detailbox-list {
    padding: 0;
    margin: 6px 0 16px
}

form#contact_form_1 textarea {
    color: #726868;
}

.ttm-pf-detailbox-list li {
    position: relative;
    display: inline-block;
    padding: 15px 0 15px 0;
    width: 48%
}

.wrap-form span.text-input textarea {
    color: #565353;
}

.ttm-pf-detailbox-list li:last-child {
    border-bottom: 0
}

.ttm-pf-detailbox-list li span:not(.ttm-pf-right-details) {
    font-size: 18px;
    font-weight: 700;
    margin-left: 50px;
    color: #232323;
    position: relative
}

.ttm-pf-detailbox-list li .ttm-pf-right-details {
    display: block;
    margin-left: 50px
}

.ttm-pf-detailbox-list li i {
    position: absolute;
    left: -40px;
    top: 5px;
    display: inline-block;
    border-radius: 50%;
    padding-left: 0;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    transform: translate(0, 0);
    z-index: 1
}

.ttm-pf-single-content-area h3 {
    text-align: left;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 25px
}

.ttm-pf-single-related-wrapper {
    margin-top: 40px
}

.ttm-pf-single-content-wrapper .ttm-social-share-title {
    font-size: 17px;
    line-height: 26px;
    margin-top: 2px;
    margin-right: 5px;
    font-weight: 700;
    color: #fff;
    padding-right: 10px
}

.ttm-pf-single-content-wrapper .ttm-social-share-links ul li a {
    border: 1px solid rgba(255, 255, 255, .1);
    height: 34px;
    width: 34px;
    line-height: 34px;
    font-size: 13px;
    margin-right: 3px
}

.ttm-pf-single-content-wrapper,
.ttm-pf-single-content-wrapper-innerbox {
    position: relative
}

.ttm-pf-single-content-wrapper-innerbox .ttm-horizontal_sep {
    border-top: 1px solid #e3e3e3
}

.ttm-pf-single-content-wrapper {
    margin-bottom: 42px
}

.ttm-pf-single-detail-box .ttm-pf-detailbox-title {
    position: relative;
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 6px
}

.ttm-pf-view-top-image .ttm-pf-single-detail-box {
    position: absolute;
    padding: 40px 25px 43px 40px;
    right: 25px;
    bottom: -40px;
    z-index: 2;
    height: auto
}

.ttm-pf-view-left-image .ttm-pf-single-detail-box .ttm-portfolio-title h2 {
    position: relative;
    font-size: 25px;
    line-height: 30px;
    padding: 0 30px 20px;
    margin: 0 -30px;
    margin-bottom: 20px;
    border-bottom: 2px solid #fff
}

.ttm-pf-view-left-image .ttm-pf-single-detail-box {
    padding: 20px 30px 15px
}

.ttm-bgcolor-grey.ttm-pf-single-detail-box ul li:not(:last-child) {
    border-bottom: 1px solid #f0f0f0
}

.ttm-pf-view-left-image .ttm-pf-single-detail-box ul li {
    padding: 11px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center
}

.ttm-pf-single-detail-box ul li .ttm-pf-data-title {
    font-size: 17px
}

.ttm-pf-single-detail-box ul li .ttm-pf-data-details {
    color: #777
}

.ttm-pf-view-left-image .ttm-pf-single-detail-box ul li .ttm-pf-data-title {
    font-weight: 500;
    font-size: 15px;
    margin-right: 10px
}

.ttm-pf-view-left-image .ttm-pf-single-detail-box ul li .ttm-pf-data-details {
    padding-left: 0;
    font-size: 16px;
    display: inline;
    overflow: hidden
}

.ttm-pf-single-content-area h2 {
    text-align: left;
    font-size: 30px;
    line-height: 35px
}

.ttm-pf-single-content-area .ttm-btn {
    padding: 14px 24px;
    text-transform: capitalize;
    font-size: 15px
}

.ttm-pf-single-content-area .ttm-nextprev-bottom-nav .ttm-btn.ttm-btn-style-border {
    padding: 14px 28px;
    border: 1px solid currentColor
}

.ttm-nextprev-bottom-nav {
    position: relative;
    margin-top: 30px;
    border-top: 1px solid #e3e3e3;
    padding-top: 40px;
    margin-bottom: 0
}

article.ttm-blog-classic {
    margin-bottom: 75px;
    position: relative
}

.ttm-post-featured,
article.ttm-blog-classic .post-featured-wrapper {
    position: relative;
    overflow: hidden
}

article.ttm-blog-classic .ttm-blog-classic-content {
    background-color: #fff;
    padding: 28px 35px 38px 35px;
    position: relative;
    display: block;
    margin: -35px 35px 0 0;
    -webkit-box-shadow: 0 0 10px 0 rgb(43 52 59 / 9%);
    -moz-box-shadow: 0 0 10px 0 rgb(43 52 59 / 9%);
    box-shadow: 0 0 10px 0 rgb(43 52 59 / 9%)
}

.ttm-blog-classic .entry-header .entry-title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 4px;
    position: relative
}

.ttm-blog-classic .post-meta,
.ttm-blog-single-content .post-meta {
    display: block;
    padding-bottom: 15px
}

article.ttm-blog-classic .ttm-blog-classic-content .entry-content {
    margin-top: 0;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .08)
}

article.ttm-blog-classic .ttm-blog-classic-content .entry-content .ttm-postbox-desc-footer {
    position: absolute;
    bottom: -18px;
    padding: 0
}

.ttm-blog-classic .post-meta .ttm-meta-line,
.ttm-blog-single-content .post-meta .ttm-meta-line {
    font-size: 14px;
    line-height: 15px;
    display: inline-block;
    padding-right: 20px;
    position: relative
}

.ttm-blog-classic .post-meta .ttm-meta-line i,
.ttm-blog-single-content .post-meta .ttm-meta-line i {
    padding-right: 7px;
    font-size: 14px
}

.ttm-blog-classic .post-meta .ttm-meta-line:not(:last-child):after,
.ttm-blog-single-content .post-meta .ttm-meta-line:not(:last-child):after {
    position: absolute;
    content: "";
    height: 16px;
    width: 1px;
    border-radius: 100%;
    top: 0;
    right: 10px;
    display: block;
    background-color: #ddd
}

.ttm-blog-classic .ttm-blogbox-desc-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    height: 51px;
    border-top: 1px solid #ededed;
    padding-top: 25px;
    padding-bottom: 8px
}

article.ttm-blog-classic .ttm-box-post-date,
article.ttm-blog-single .ttm-box-post-date {
    height: 60px;
    width: 60px;
    background-color: #fff;
    position: absolute;
    top: 25px;
    font-weight: 800;
    font-size: 18px;
    line-height: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    z-index: 1;
    color: #000;
    text-align: center;
    border-bottom: 3px solid #cda274;
    transition: all .5s ease .3s;
    left: auto;
    right: 25px
}

article.ttm-blog-classic:hover .ttm-box-post-date {
    transform: rotateX(360deg)
}

.ttm-single-pf-footer {
    display: block;
    clear: both;
    overflow: hidden
}

.ttm-social-share-wrapper {
    display: flex;
    align-items: center
}

.ttm-social-share-wrapper .ttm-social-share-icon_btn {
    padding-left: 15px;
    font-size: 18px;
    color: inherit;
    opacity: .8
}

.ttm-blog-classic-content .ttm-social-share-wrapper .social-icons {
    display: none;
    transform: translateX(-30%);
    transition: all .8s
}

.ttm-blog-classic-content .ttm-social-share-wrapper .social-icons.show {
    display: block;
    transform: translateX(0)
}

article.ttm-blog-classic .ttm-post-featured-wrapper img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

article.ttm-blog-classic:hover .ttm-post-featured-wrapper img {
    transform: scale(1.03) rotate(.5deg)
}

article.ttm-blog-classic .ttm-post-featured-wrapper .ttm-post-featured:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

article.ttm-blog-classic:hover .ttm-post-featured-wrapper .ttm-post-featured:after {
    opacity: 1
}

.ttm-blog-single .ttm-blog-single-content {
    padding: 8px 0 30px
}

.ttm-blog-single-content .post-meta {
    margin-top: 20px
}

.ttm-blog-single blockquote {
    display: block;
    padding: 38px 30px 15px 45px;
    position: relative;
    border-left: 5px solid;
    color: #343c5c;
    margin: 40px 0 45px 0;
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    min-height: 100px;
    border-radius: 0;
    z-index: 1;
    border-color: #cda274;
    background-color: #f7f7f7
}

.ttm-blog-single blockquote .qoute-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px
}

.ttm-blog-single blockquote:after {
    content: '';
    background-color: #cda274;
    -webkit-mask-box-image: url(../images/quote.svg);
    mask: url(../images/quote.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    width: 50px;
    height: 38px;
    transform: rotateZ(180deg);
    top: 25px;
    left: 25px;
    opacity: .5;
    z-index: -1
}

.ttm-blog-single h4 {
    font-size: 24px;
    line-height: 28px
}

.ttm-blog-single .social-media-block {
    margin-top: 40px;
    padding-top: 20px;
    width: 100%;
    border-top: 1px solid #dce1e9
}

.comments-area {
    padding-top: 35px;
    margin-bottom: 0
}

.comments-area h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px
}

.comment-list .children {
    margin-left: 35px
}

.single-post .comments-area {
    margin-top: 50px;
    margin-bottom: 0
}

.thing-nairabi.listing {
    padding-top: 0;
}

.single-post .comments-area .comments-title {
    font-size: 33px;
    font-weight: 600
}

.comment-body:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -18px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid
}

.single article.post .comment-body p {
    margin-top: 10px
}

.comment-list a.comment-reply-link {
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 4px 30px 2px 17px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.comment-list a.comment-reply-link:after {
    position: absolute;
    top: 6px;
    font-family: themify;
    content: "\e649";
    font-weight: 400;
    display: inline-block;
    margin-right: .2em;
    text-align: center;
    opacity: 1;
    line-height: 20px;
    font-size: 10px;
    margin-left: 6px
}

.comments-area .comment-respond {
    padding-top: 20px
}

.comment-form input[type=email],
.comment-form input[type=text],
.comment-form input[type=url],
.comment-form textarea {
    background-color: transparent;
    font-size: 14px;
    padding: 9px 15px;
    border-radius: 0
}

.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-url {
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%
}

.comments-area .comment-form .comment-form-url {
    margin-right: 0
}

.twentytwenty-horizontal .twentytwenty-after-label,
.twentytwenty-horizontal .twentytwenty-before-label {
    left: 20%;
    bottom: 0;
    max-width: 50%;
    padding: 9px 30px;
    background-color: #fff;
    color: #cda274;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0;
    opacity: 0
}

.twentytwenty-horizontal:hover .twentytwenty-after-label,
.twentytwenty-horizontal:hover .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-horizontal .twentytwenty-after-label {
    right: 20%;
    left: auto;
    background-color: #101010;
    color: #fff
}

.ttm-single-img img {
    -webkit-animation: bounce 12s linear infinite;
    -moz-animation: bounce 12s linear infinite;
    -o-animation: bounce 12s linear infinite;
    animation: bounce 12s linear infiniteundefined
}

/* 40% {
    -webkit-transform: translateY(-20px)
}

60% {
    -webkit-transform: translateY(-10px)
}

40% {
    transform: translateY(-20px)
}

60% {
    transform: translateY(-10px)
} */

.page-header {
    border-bottom: none;
    margin: 0;
    padding-bottom: 9px
}

section.error-404 {
    padding: 215px 0 160px;
    background-image: url(../images/error-bg.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll
}

section.error-404 h3 {
    font-size: 60px;
    line-height: 60px
}

section.error-404 h2 {
    font-size: 220px;
    line-height: 100%;
    margin-bottom: 2px
}

section.error-404 .page-content p {
    font-size: 20px;
    margin-bottom: 40px;
    color: #232323;
    font-weight: 700
}

#map {
    display: block;
    height: 400px;
    width: 100%
}

/*===============================================
    Slick_dots/arrows
------------------------*/
.slick-slide {
    border: 0;
    outline: 0;
    padding: 0 15px;
}

.slick_slider.no-gutters .slick-slide {
    padding: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .chhose-box {
        width: 29%;
        min-height: 228px;
        margin-bottom: 20px;
    }

    .project-right img {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .menubar {
        top: 34px !important;
        width: 65px;
        background: #40356f;
        height: 52px;
        padding: 20px;
    }

    .project-right img {
        width: 100%;
    }

    .quote-btn {
        float: right;
        margin-right: 38px;
    }

    .featured-imagebox-portfolio.style3 .featured-desc p {
        font-size: 16px;
        line-height: 20px;
    }

    .featured-imagebox-portfolio.style3 .featured-content {
        top: 18px;
        padding: 12px;
    }

    .featured-imagebox {
        margin: 0 !important;
    }

    .featured-imagebox-portfolio.style3 .ttm-footer {
        bottom: 16px;
    }

    .chhose-box {
        width: 28%;
        margin-bottom: 20px;
    }

    .featured-imagebox-portfolio.style3 .featured-title h3 {
        font-size: 20px;
    }

    .process-box {
        position: relative;
        margin-bottom: 30px;
    }

    span.ttm-textcolor-skincolor {
        display: block;
        font-size: 42px !important;
        line-height: 30px !important;
    }

    rs-layer#slider-1-slide-4-layer-2 {
        font-size: 40px !important;
    }

    rs-layer#slider-1-slide-1-layer-2 {
        font-size: 40px !important;
    }

    .section-title h2.title {
        font-size: 32px;
        line-height: 35px;
    }

    .res-991-mt-40 {
        margin-top: 0 !important;
    }

    .ctc {
        margin-top: 40px;
    }

    .service-dtl-right {
        padding: 0px 30px;
        margin-top: 40px;
    }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .quote-btn {
        float: right;
        display: none;
    }

    rs-layer#slider-1-slide-1-layer-2 {
        font-size: 25px !important;
        position: absolute;
    }

    .service-small-img img {
        width: 100%;
        margin-bottom: 20px;
    }

    a#slider-1-slide-1-layer-4 {
        margin-top: 30px;
    }

    span.ttm-textcolor-skincolor {
        font-size: 30px !important;
        position: absolute;
        left: 34px;
    }

    .img-box img {
        width: 100%;
    }

    .chhose-box {
        width: 44%;
        margin-bottom: 20px;
    }

    .section-title h2.title {
        font-size: 28px;
        line-height: 40px;
    }

    .counter-number {
        margin-top: 0px;
    }

    .process-img {
        position: relative;
        margin-bottom: 20px;
    }

    .booking-form-sec {
        margin-top: 30px;
    }

    .ctc-content h2 {
        font-size: 30px;
    }

    a#slider-1-slide-1-layer-4 {
        margin-top: 65px !important;
    }

    rs-layer#slider-1-slide-4-layer-2 {
        font-size: 25px !important;
        left: 10px;
    }

    .section-title h3 {
        color: #000;
    }

    a#slider-1-slide-4-layer-4 {
        margin-top: 70px !important;
    }

    .top-header {
        background: #403570;
        display: none;
    }

    .inner-banner {
        padding: 40px 0;
    }

    .site-navigation.d-flex.flex-row.align-items-center.moblie-center {
        display: flex;
        justify-content: center;
    }

    .menubar-inner,
    .menubar-inner:after,
    .menubar-inner:before {
        background-color: #050202 !important;
    }

    .project-details {
        padding: 50px 0;
        padding-top: 0;
    }

    .copyright p {
        text-align: center;
    }

    .footer-bottom {
        text-align: center;
    }

}

@media only screen and (max-width:479px) {
    .service-small-img img {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-bottom {
        text-align: center;
    }

    .second-footer .widget-area .widget {
        padding-top: 0 !important;
    }

    .fix-popup {
        display: block;
    }

    .quote-btn {
        float: right;
        display: none;
    }

    .invovative-sec.bg-layer-equal-height.clearfix {
        margin-top: 30px;
    }

    .service-dtl-right {
        padding: 0px 0;
    }

    .ctc {
        margin-top: 40px;
    }

    .spacing-8 {
        padding: 30px 15px !important;
    }

    .chhose-box {
        width: 96%;
        margin-bottom: 20px;
    }

    rs-layer#slider-1-slide-1-layer-2 {
        font-size: 25px !important;
        position: absolute;
    }

    a#slider-1-slide-1-layer-4 {
        margin-top: 30px;
    }

    .ttm-textcolor-skincolor {
        font-size: 30px !important;
        position: absolute;
        left: 34px;
    }

    .navbar-toggler {
        background-color: #f90 !important;
    }

    .section-title h2.title {
        font-size: 28px;
        line-height: 40px;
    }

    .counter-number {
        margin-top: 0px;
    }

    .process-img {
        position: relative;
        margin-bottom: 20px;
    }

    .booking-form-sec {
        margin-top: 30px;
    }

    .ctc-content h2 {
        font-size: 30px;
    }

    a#slider-1-slide-1-layer-4 {
        margin-top: 65px !important;
    }

    rs-layer#slider-1-slide-4-layer-2 {
        font-size: 25px !important;
        left: 10px;
    }

    .section-title h3 {
        color: #000;
    }

    a#slider-1-slide-4-layer-4 {
        margin-top: 70px !important;
    }

    .top-header {
        background: #403570;
        display: none;
    }

    .inner-banner {
        padding: 40px 0;
    }

    .site-navigation.d-flex.flex-row.align-items-center.moblie-center {
        display: flex;
        justify-content: center;
    }

    .menubar-inner,
    .menubar-inner:after,
    .menubar-inner:before {
        background-color: #050202 !important;
    }

    .project-details {
        padding: 50px 0;
        padding-top: 0;
    }

    .copyright p {
        text-align: center;
    }

}

/* ========================= */
.participant-box input {
    border: none !important;
}

.booking-form__input.guests-input {
    border: none;
}

.note-features {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0;
}

.note-features li {
    position: relative;
    padding-left: 35px;
    list-style-type: none;
}

.note-features li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("http://localhost/africa-tours-holiday/frontassests/images/check-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}


.note-features li h6 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.note-features li small {
    font-size: 14px;
    line-height: 22px;
}

.note-features li small a {
    color: #000;
}

.note-section-notes {
    line-height: 20px;
    padding-top: 10px;
}

.is-sticky {
    position: fixed;
    top: 100px;
    /* adjust for navbar height */
    z-index: 100;
}

.is-stopped {
    position: absolute;
    bottom: 0;
}

.select-particpiant.details-page-right-sticky-box.is-sticky {
    width: 28% !important;
}

.details-page-right-column {
    position: relative;
}

.numInputWrapper .numInput {
    color: #000 !important;
    opacity: 1;
}

.flatpickr-calendar {
    border-radius: 20px;
    padding: 20px;
}

/* ===== Order Confirmation ======== */
.booking-conformation-sec a {
    text-decoration: none;
}

.booking-package-id {
    color: #858995;
    font-weight: 600;
    font-size: 16px;
}

.booking-package-detail-option {
    color: #858995;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}

.booking-package-time-details {
    color: #1a2b49;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}

.booking-order-status {
    font-size: 16px;
    font-weight: 600;
}

.booking-order-status.confirmed {
    color: #007850;
}

.booking-order-status.cancelled {
    color: #dc2626;
    /* red */
}

.custom-form input,
.custom-form select,
.custom-form textarea {
    border-radius: 4px 4px 4px 4px !important;
    background-color: #02020200 !important;
    border: 1px solid #A5A5A5 !important;
}

.custom-form input,
.custom-form select,
.custom-form textarea,
.custom-form input::placeholder,
.custom-form select::placeholder,
.custom-form textarea::placeholder {
    color: #767676;
}

.form-col input,
.form-col select {
    height: 50px;
}

.form-col textarea {
    height: 100px;
}

.custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.country-contact-sec {
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.country-contact-sec .country-select {
    width: 40%;
    max-width: unset !important;
}

.form-col label {
    font-weight: 600;
    color: #585858;
    letter-spacing: 1px;
}

.custom-form-submit-btn {
    background-color: #f90;
    color: #FFFFFF;
    border: 2px solid #f90 !important;
    border-radius: 4px;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    margin-top: 20px;
}

.custom-form-sec {
    padding: 60px;
    border-radius: 10px;
    background-color: #fff;
}

.custom-signup-page {
    background-color: #EDEDED;
}

.custom-form-submit-btn:hover {
    background-color: #1a2b49;
    border-color: #f90 !important;
}

.country-contact-sec .contact-number {
    width: 60%;
}

.booking-package-details-img img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.summary-lists {
    padding: 0;
    list-style: none;
    gap: 15px;
    margin: 0;
    color: #1a2b49;
    display: flex;
    flex-direction: column
}

.summary-lists li {
    display: flex;
    gap: 30px;
}

.summary-lists li span {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    font-weight: 600;
}

.summary-lists li span:first-child {
    width: 30%;
}

.summary-lists li span:last-child {
    width: 70%;
}

.summary-price-payment {
    display: flex;
    align-items: center;
}

.price-base {
    font-size: 12px;
    line-height: 14px;
    text-decoration: line-through;
}

.price-deal {
    color: #c72a3d;
    font-size: 16px;
}

.summary-price-base-deal {
    line-height: 20px;
}

.summary-request-payment-btn {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #1a2b49;
    outline: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    border-bottom: 2px solid;
    margin-left: 12px;
}

.summary-price-base-deal small {
    display: block;
}

.know-about-package-details-lists {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    margin: 0;
}

.know-about-package-details-lists li {
    position: relative;
    padding-left: 20px;
    line-height: 25px;
}

.know-about-includes-details-lists li::before {
    content: '\f00c';
    color: #007850;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
}

.know-about-excludes-details-lists li::before {
    content: '\f00d';
    color: #c72a3d;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
}

.know-about-package-details-lists-sec li:not(:last-child) {
    border-bottom: 1px solid #dcdfe4;
    padding-bottom: 20px;
}

.know-about-package-details-lists li:not(:last-child) {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.booking-summary-content-right-box p {
    color: #1a2b49;
    font-size: 16px;
    margin-bottom: 0;
}

.booking-summary-content-right-box {
    border: 1px solid #dcdfe4;
    border-radius: 12px;
}

.booking-summary-content-right-box-content {
    padding: 16px;
}

.contact-organized-by {
    color: #1a2b49;
    font-size: 15px;
    font-weight: 600;
    padding-top: 15px;
}

.contact-details-options {
    border-top: 1px solid #dcdfe4;
    display: flex;
}

.contact-details-options-box {
    position: relative;
    display: block;
    width: 50%;
    padding: 15px 20px;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
    text-decoration: none;
}

.contact-details-options-box:not(:last-child) {
    border-right: 1px solid #dcdfe4;
}

.contact-details-options-box i {
    display: block;
    font-size: 20px;
}

.booking-summary-content-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.booking-summary-content-right.activity-provider-box {
    flex-direction: row;
}

.activity-provider-page .contact-details-options {
    justify-content: center;
}

.booking-summary-content-right.activity-provider-box .booking-summary-content-right-box {
    width: 50%;
}

.secondary-title {
    font-size: 25px;
}

.thank-you-page h3 {
    font-size: 40px;
    line-height: 50px;
}

.thank-you-page {
    padding: 50px 0 70px;
}

.thank-you-page .ticket-btn {
    background-color: #c38a06;
}

.thank-you-page .ticket-btn:hover {
    background-color: #f90;
}

.internal-pages em {
    color: #1a2b49;
}

/* ================================ */
@media only screen and (max-width: 991.5px) {

    .select-particpiant.details-page-right-sticky-box,
    .select-particpiant.details-page-right-sticky-box.is-sticky,
    .select-particpiant.details-page-right-sticky-box.is-stopped {
        width: 100% !important;
        position: relative !important;
        top: unset !important;
        bottom: unset !important;
        padding: 20px 10px;
    }

    .details-rating {
        flex-direction: column;
        row-gap: 0;
        align-items: start;
    }

    .rating-stars {
        margin: 0;
    }

    .header-top-right {
        text-align: right;
    }

    .header-top-right {
        text-align: right;
    }

    .serch-box {
        width: 100%;
        margin-right: 0;
    }

    .big-menu {
        width: 100%;
    }

    .site-header-menu-inner.ttm-stickable-header .row {
        row-gap: 5px;
        margin-bottom: 10px;
    }

    .header2-right {
        width: 50%;
    }

    .site-branding {
        width: 50%;
    }

    .mobile-logo-menu {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
    }

    .site-branding img {
        margin-top: 10px;
    }

    .filter-right {
        width: max-content;
        float: right;
    }

    .list-active p {
        margin-top: 20px;
    }

    .filter-left ul {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .filter-accordian .modal-dialog {
        max-width: 95% !important;
    }

    .filter-accordian .modal-content {
        width: 100% !important;
    }

    .filter-accordian .modal-body {
        padding: 0 !important;
    }

    .filter-accordian .accordion-body {
        padding: 10px;
    }

    .filter-accordian .accordion-button {
        padding: 10px;
    }

    .package-details h1 sub {
        display: block;
        padding-bottom: 15px;
        padding-top: 5px;
    }

    .booking-form {
        width: 100%;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .order-img img {
        width: 100px;
        margin-bottom: 10px;
    }

    .order-summery {
        max-width: 100%;
        float: unset;
    }
}

@media only screen and (max-width: 575.5px) {
    h1 {
        font-size: 28px !important;
        line-height: 35px !important;
    }

    .custom-form-sec {
        padding: 20px 10px 30px 10px;
    }

    .country-contact-sec {
        align-items: start;
        flex-direction: column;
    }

    .country-contact-sec .country-select {
        width: 100%;
    }

    .country-contact-sec .contact-number {
        width: 100%;
    }

    .contact-form-p .btn-primary {
        width: 100%;
    }

    .contact-info-area-wrapper-p {
        padding: 20px 10px;
    }

    .contact-info-area-wrapper-p h2 {
        font-size: 28px;
        line-height: 35px;
    }

    S .contact-form-p.new {
        padding-top: 20px;
    }

    .popular-tag ul {
        flex-wrap: wrap;
        row-gap: 0;
    }

    .blog-main .mid-gap {
        padding: 0;
    }

    .admin-login-box-content {
        width: 100%;
        padding: 30px 10px;
    }

    .login-container .loginbox .loginbox-title {
        font-size: 22px;
        line-height: 30px;
    }

    .login-container .loginbox {
        padding: 30px 10px;
    }

    a.supplier-btn {
        padding: 7px;
    }

    .location-serch input {
        width: 90%;
    }

    .button {
        width: 22%;
    }

    .booking-page {
        padding: 30px 0;
    }

    .book-details {
        margin-top: 0;
    }

    .book-details h3 {
        margin-top: 0;
    }
}

/* ========== */
.captcha-box {
    font-family: monospace;
    font-size: 20px;
    letter-spacing: 20px;
    border: 1px dashed #f90;
    padding: 6px 10px;
    border-radius: 4px;
    user-select: none;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    background-color: #ff990030;
    position: relative;
}

.captcha-code .form-label {
    font-weight: 700;
    margin: auto;
    text-align: center;
    display: block;
    font-size: 14px;
}

.captcha-reload {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.captcha-input-field {
    height: 50px;
    margin: 13px 0 0 0;
    background: #fff;
    box-shadow: 2px 2px 14px #c9cbd1 !important;
    border: none !important;
    font-size: 15px;
    font-weight: 500;
}