:root {
    --dark-purple: #282f3f;
    --success: #3eb750;
    --info: #23bcb9;
    --warning: #ffb609;
    --danger: #f96768;
    --blue: #4049ec;
    --azure: #00d6e6;
    --indigo: #6574cd;
    --purple: #6d33ff;
    --pink: #ec296b;
    --red: #fe6567;
    --orange: #e67605;
    --yellow: #ffb609;
    --lime: #63e600;
    --green: #3eb750;
    --teal: #05e6e6;
    --cyan: #17a2b8;
    --gray: #868e96;
    --gray-dark: #343a40;
    --float-left: left;
    --float-right: right;
    --dark-purple: #282f3f;
    --success: #349e44;
    --info: #23bcb9;
    --warning: #ffb609;
    --danger: #e44f50;
    --blue: #316cbe;
    --azure: #316cbe;
    --indigo: #0ea9b5;
    --purple: #923ce6;
    --pink: #e61470;
    --red: #b3160b;
    --orange: #fd811e;
    --yellow: #fa3;
    --lime: #69b829;
    --green: #3adfab;
    --teal: #05fafa;
    --cyan: #138496;
    --gray: #727b84;
    --gray-dark: #23272b;
    --body-color: #f5f4fb;
    --text-color: #504e70;
    --border-color: #e5e4f0;
    --border-dark-color: #efecfb;
    --form-background: #f8f7fc;
    --white: #fff;
    --black: #20242c;
    --custom-white: #fff;
    --custom-black: #20242c;
    --color-light: #f5f4fb;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --color-dark: #312d65;
    --color-dark-rgb: 49, 45, 101;
    --color-muted: #797896;
    --primary-rgb: 8, 121, 129;
    --primary-bg-color: rgb(var(--primary-rgb));
    --primary-bg-hover: rgb(var(--primary-rgb), 0.85);
    --primary-bg-border: rgb(var(--primary-rgb));
    --color-primary-1: rgba(var(--primary-rgb), 0.1);
    --color-primary-2: rgba(var(--primary-rgb), 0.2);
    --color-primary-3: rgba(var(--primary-rgb), 0.3);
    --color-primary-4: rgba(var(--primary-rgb), 0.4);
    --color-primary-5: rgba(var(--primary-rgb), 0.5);
    --color-primary-6: rgba(var(--primary-rgb), 0.6);
    --color-primary-7: rgba(var(--primary-rgb), 0.7);
    --color-primary-8: rgba(var(--primary-rgb), 0.8);
    --color-primary-9: rgba(var(--primary-rgb), 0.9);
    --color-primary-05: rgba(var(--primary-rgb), 0.05);
}

.bg-footer {
    background: #025758!important;
}

.desktoplogo img, .scroll-logo {
    width: 40%!important;
}

.header2 {
    width: 35%;
    margin-top: 10%;
}

.bg-background-pattern:before {
    background: rgba(210, 230, 225, 1)!important;
}

.customer-bg {
    background: #f5f5f5!important;
}

.footer-hover a, a.emily-footer, a.copyright{
    color: #ffffff;
}

.service-card-svg svg {
    height: 113px;
}

.bg-light-grey {
    background: #FFFFFD;
}

.bg-address {
    background: #087981 !important;
}

.bg-email, #chat-popup {
    background: #f75959 !important;
}

.subscribe-title, .customer-saying, .choose-us, .your-essential {
    color: #f75959 !important;
}

.bg-tel {
    background: #ffd36e !important;
}

.footer-hover a:hover, a.emily-footer:hover, a.copyright:hover {
    color: #eae6e1 !important;
}

.fe.fe-arrow-up, .fe.fe-message-circle {
    line-height: 2.3 !important;
}

.hotels-card, .combine-card, .support-card {
    max-width: 100%;
    height: 250px;
}

.about-img-text {
    --bs-gutter-x: 10.5rem;
}

.img-absolute-bottom {
    bottom: 65px;
}

.famous-places {
    background: #f75959 !important;
}

.our-clients {
    background: #ffd36e !important;
}

.happy-customers {
    background: #5cd89f !important;
}

.text-secondary {
    font-family: metro-office;
}

.map-header:before {
    background: unset;
}

footer a.footer-btn:hover {
    border: 1px solid #d2e6e1;
    background-color: #025758 !important;
    color: var(--white) !important;
}

.facebook ,.instagram {
    line-height: inherit;!important;
}

.horizontalMenu.clearfix, .horizontalMenu>.horizontalMenu-list>li>a.active{
    color: #025758 !important;
}

.header-main .social-icons-flights {
    float: none;!important;
}

.btn-secondary {
    background: #f75959!important;
}

.travel-companion {
    padding-bottom: 9rem;
    padding-top: 7rem;
}

.horizontal-main.header-transparent.clearfix.py-lg-3 {
    background: white!important;
}

.language-flag {
    width: 26px;
}

.blog-category-icon {
    width: 40px;
}

.tours {
    font-size: 1.5rem !important;
}

.loader-emily {
    width: 28em!important;
    padding-right: 100px!important;
}

.message-reset-link-sent, .verification-link-sent {
    color: #025758 !important;
}

.error-msg {
    color: red;
}

.forgot-password a:hover{
    color: #025758 !important;
}

@media screen and (min-width:170px){
    .img-color1, .logo-white {
        width: 32%!important;
    }
}

.bg-background2:before {
    background: rgb(var(--primary-rgb), 0.5) !important;
}