@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cossette+Texte:wght@400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --theme-color: #223b7c;
    --secondary-color:#47A8BD;
    --third-color: #525355;
    --white-color: #fff;
    --grayish-color: v #f3f3f3;
    --paragraph-color: #000;
    --text-color: #000;
    --heading-color: #0d233e;
    --heading-font:  "Cossette Texte", sans-serif;
    --transition: .5s all;
    --main-color: #14243c;
    --main-color-rgb: 3, 169, 179;
    --color-two: rgb(20, 15, 15);
    --color-two-rgb: 20, 15, 15;
    --white-color: rgb(255, 255, 255);
    --white-color-rgb: 255, 255, 255;
    --black-color: rgb(0, 0, 0);
    --black-color-rgb: 0, 0, 0;
        --gray-color: #03060E;
        --body-font:"Roboto", sans-serif;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family:var(--body-font);
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

::-moz-selection {
    /* Code for Firefox */
    background-color: #cce2ff;
    color: rgba(0, 0, 0, .87);
}

::selection {
    background-color: #cce2ff;
    color: rgba(0, 0, 0, .87);
}

ol,
ul {
    list-style: none;
    margin-bottom: 0 !important;
}

a:hover {
    transition: var(--transition);
    color: #d5d5d5 !important;
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

button {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    margin: 0;
    padding: 0;
}

a:focus {
    text-decoration: none !important;
    outline: none;
}

a:hover {
    transition: var(--transition);
    text-decoration: none !important;
}

button {
    outline: none;
}

button:focus {
    outline: none !important;
}

input {
    outline: none;
}

textarea {
    outline: none;
}

p {
    font-size: 14px;
    line-height: 23px;
    color: var(--paragraph-color);
}

a {
    transition: var(--transition);
    color: var(--heading-color);
    cursor: pointer !important;
    text-decoration: none !important;
}

ul {
    padding-left: 0 !important;
}

/* ================ Typography Css =============== */
h1 {
    color: var(--heading-color);
    font-size: 2em;
    /*font-family: "Encode Sans", sans-serif;*/
    font-family:var(--heading-font);
    /* 2x body copy size = 32px */
    line-height: 1.25;
    /* 45px / 36px */
}

h2 {
    color: var(--heading-color);
    font-size: 1.625em;
    /*font-family: "Encode Sans", sans-serif;*/
    font-family:var(--heading-font);
    /* 1.625x body copy size = 26px */
    line-height: 1.15384615;
    /* 30px / 26px */
}

h3 {
    color: var(--heading-color);
    font-size: 1.375em;
    /*font-family: "Encode Sans", sans-serif;*/
    font-family:var(--heading-font);
    /* 1.375x body copy size = 22px */
    line-height: 1.13636364;
    /* 25px / 22px */
}

h4 {
    color: var(--heading-color);
    font-size: 1.125em;
        /*font-family: "Encode Sans", sans-serif;*/
        font-family:var(--heading-font);
    /* 1.125x body copy size = 18px */
    line-height: 1.11111111;
}

h5 {
    color: var(--heading-color);
    font-size: 1.10em;
    /*font-family: "Encode Sans", sans-serif;*/
    font-family:var(--heading-font);
    /* 1.125x body copy size = 18px */
    line-height: 1.10;
}

h6 {
    color: var(--heading-color);
    font-size: 1em;
    /*font-family: "Encode Sans", sans-serif;*/
    font-family:var(--heading-font);
    /* 1.125x body copy size = 18px */
    line-height: 1.050;
}

blockquote {
    font-size: 1.25em;
    font-family: "Encode Sans", sans-serif;
    /* 20px / 16px */
    line-height: 1.25;
    /* 25px / 20px */
}

@media (min-width: 43.75em) {
    h1 {
        font-size: 2.5em;
        /* 2.5x body copy size = 40px */
        line-height: 1.125;
    }

    h2 {
        font-size: 2em;
        /* 2x body copy size = 32px */
        line-height: 1.25;
    }

    h3 {
        font-size: 1.5em;
        /* 1.5x body copy size = 24px */
        line-height: 1.25;
    }

    h4 {
        line-height: 1.22222222;
        /* (22px / 18px */
    }

    blockquote {
        font-size: 1.5em;
        /* 24px / 16px = */
        line-height: 1.45833333;
        /* 35px / 24px */
    }
}

@media (min-width: 56.25em) {
    h1 {
        font-size: 3em;
        /* 3x body copy size = 48px */
        line-height: 1.05;
        /* keep to a multiple of the 20px line height 
	and something more appropriate for display headings */
    }

    h2 {
        font-size: 2.25em;
        /* 2.25x body copy size = 36px */
        line-height: 1.25;
    }

    h3 {
        font-size: 1.75em;
        /* 1.75x body copy size = 28px */
        line-height: 1.25;
    }
}


/* ================ CROSS BROWSER COMPATABILITY =============== */

.ask-question,
nav,
.notification-box.active,
nav ul li a,
.user-account-settingss.active,
.user-info a,
.suggestion-usd>span i,
.view-more>a,
.tags-sec ul li a,
.post-st ul li a,
.ed-opts>a,
.bk-links li a,
.like-com li a,
.user-profy>a,
.slick-previous:before,
.slick-nexti:before,
.comment>a,
.sign_link>a,
.post-popup,
.post-project>a,
.post-project-fields form ul li button,
.post-project-fields form ul li a,
.sign-control li a,
.cover-sec>a,
.star-descp>a,
.message-btn a,
.pf-gallery ul li,
.gallery_pt:before,
.gallery_pt>a,
.overview-box,
.skl-name,
.conv-list,
.save-stngs ul li button,
.forum-links.active,
.react-links li a,
.next-prev>a,
nav ul li:hover>ul,
.user-pro-img>a i {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

/* === Body Scrollbar === */

body::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}

body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

body::-webkit-scrollbar-corner {
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05);
}

html {
    font-size: 14px;
}

body {
    margin: 0;
    /*font-family: 'Roboto', sans-serif !important;*/
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.50;
    color: #2b2f4c;
    background: #fff !important;
}

body::-webkit-scrollbar {
    width: 4px;
}

body::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}

input[type=text] {
    color: #2b2f4c !important;
}


/* --- Night Mode Btn --- */

.night_mode_switch__btn {
    border-bottom: 1px solid #efefef;
}

.night_mode_switch__btn a {
    display: block;
    font-size: 14px;
    transition: 0.3s;
    font-weight: 500;
    border-radius: 10px;
    color: #333;
    padding: 15px;
    position: relative;
    display: flex;
    align-items: center;
    width: 220px;
}

.night_mode_switch__btn a i {
    font-size: 120%;
    height: 30px;
    Width: 30px;
    background: #ffecec;
    border-radius: 100%;
    margin-right: 10px;
    padding: 2px 4px 0;
    display: inline-block;
}

.btn-night-mode .btn-night-mode-switch {
    display: inline-block;
    height: 18px;
    width: 37px;
    top: 35%;
    right: 13px;
    position: absolute;
}

/*--- search cate scroll ---*/

.search-by-cat::-webkit-scrollbar {
    width: 4px;
}

.search-by-cat::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}

.bs-canvas-body::-webkit-scrollbar {
    width: 4px;
}

.bs-canvas-body::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}

.scrollstyle_4::-webkit-scrollbar {
    width: 4px;
    background-color: #f1f1f1;
}

.scrollstyle_4::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
}

.scrollstyle_4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    background-color: #F5F5F5;
}

/*--- Header ---*/

.header {
    position: relative;
    z-index: 999;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0.052083333in 11.25pt -9px rgb(0 0 0 / 10%);
}

.top-header-group {
    width: 100%;
    display: block;
    position: relative;
}

.top-header {
    width: 100%;
    height: 105px !important;
    display: flex;
    height: 60px;
    align-items: center;
}

/*.main_logo {*/
/*    width: 225px;*/
/*    margin-left: 10px;*/
/*}*/

.blog_logo {
    padding: 0px;
}

.logo-inverse {
    display: none;
}

.navbar-toggler-icon {
    background-image: none !important;
}

.select-location {
    margin-left: 30px;
}

.select-location .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 150px !important;
}

.search120 {
    /* margin-left: 55px; */
    margin-left: 30px;
    margin-right: 20px;
}

.header-btn {
    position: absolute;
    text-align: center;
    right: 3px;
    top: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 1px 0;
    font-size: 18px;
    background: transparent;
    border-radius: 4px;
    color: #8f91ac;
}

.gambo-head {
    background-color: var(--theme-color);
    height: 60px;
}

.main_logo img {
    width: auto;
    padding-top: 0;
    height:95px;
}

.res_main_logo {
    display: none;
    width: 45px;
}

.res_main_logo img {
    width: 100%;
    padding-top: 3px;
}

.srch10 {
    background: #e9e9e9 !important;
    border: 0 !important;
    color: #2b2f4c !important;
    height: 36px;
    padding: 10px 40px 10px 15px;
    width: 350px;
    border-radius: 5px;
}

i.icon1 {
    font-size: 16px !important;
    position: absolute;
    top: 6px;
    left: 10px;
}

.swdh10 {
    font-size: 14px !important;
    width: 100%;
}

.ui[class*="left icon"].swdh10.input>input {
    padding-left: 3.2em !important;
    padding-right: 1em !important;
    font-size: 14px;
    font-weight: 500;
    border: 0 !important;
}

.ui.search .prompt {
    border-radius: .3rem !important;
    width: 100%;
}

.header_right {
    margin-left: auto;
    /* padding-right: 15px; */
}

.header_right ul li {
    display: inline-block;
    vertical-align: middle;
}

.option_links {
    padding: 10px 9px;
    font-size: 20px;
    color: #91699c;
    position: relative;
}

.option_links i {
    font-size: 18px;
}

.option_links .icon_wishlist {
    background: rgba(246, 151, 51, 0.2);
    color: #f69733;
    height: 35px;
    width: 35px;
    display: inline-block;
    padding: 6px 5px;
    border-radius: 100%;
}

.option_links .icon_noti {
    background: rgba(2, 114, 54, 0.2);
    color: #027236;
    height: 35px;
    width: 35px;
    display: inline-block;
    padding: 10px 5px;
    border-radius: 100%;
}

.option_links:hover,
.option_links:focus {
    color: #2b2f4c !important;
}

.dropdown_account_rl {
    width: 250px;
}

.noti_count {
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    right: 8px;
    background: #027236;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 1.5;
    border-radius: 100%;
    font-weight: 500;
}

.noti_count1 {
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    right: 8px;
    background: #f69733;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 1.5;
    border-radius: 100%;
}

.opts_account {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #2b2f4c;
    float: right;
    padding: 5px 5px 5px 10px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-left: 17px;
}

.opts_account img {
    width: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-left: 0;
}

.opts_account .user__name {
    margin-left: 10px;
    font-size: 13px;
}

.opts_account:hover {
    color: var(--secondary-color) !important;
}

.channel_item {
    display: block;
    font-size: 14px;
    width: 100%;
    color: #2b2f4c;
    padding: 10px 20px;
}

.channel_item:hover {
    color: var(--secondary-color) !important;
    background-color: #f7f7f7;
}

.channel_item:focus {
    color: var(--secondary-color) !important;
    background-color: transparent;
}

.icon__1 {
    font-size: 18px;
    margin-right: 10px;
}

.left_title {
    padding: 20px 17px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #afafaf;
    text-align: left;
    margin-bottom: 0;
}

.user_img img {
    width: 30px;
    border-radius: 100%;
    margin-left: 17px;
    margin-right: 15px;
}

.dropdown-menu-account {
    margin-top: 7px !important;
}

.menu.dropdown_account_rl {
    min-width: 220px !important;
}

.rl-account-step p {
    font-size: 13px;
    font-weight: 400;
}

.rl-account {
    text-align: center;
    padding: 15px;
}

.rl-account-step {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
}

.rl-account-step:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.lr-acount-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    color: #fff;
    background-color: var(--secondary-color);
}

.menu.dropdown_mn {
    width: 300px;
    margin-top: 12px !important;
    border-top: 1px solid #fff !important;
    border-radius: 3px !important;
    min-width: 300px !important;
}

.menu.dropdown_ms {
    width: 300px;
    margin-top: 12px !important;
    border-top: 1px solid #fff !important;
    border-radius: 3px !important;
    min-width: 300px !important;
}

.channel_my {
    padding: 15px !important;
    border-bottom: 1px solid #efefef !important;
    min-width: 100%;
    max-width: 100%;
    white-space: normal;
}

.channel_my:last-child {
    border-bottom: 0 !important;
}

.profile_link {
    display: flex;
}

.profile_link img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.pd_content {
    width: 80%;
    white-space: normal;
}

.pd_content h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #2b2f4c;
    text-align: left;
    position: relative;
}

.pd_content span {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    color: #686f7a;
    text-align: left;
}

.dp_link_12 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    margin-top: 15px;
    display: block;
    text-align: left;
}

.dp_link_12:hover {
    color: #ed2a26 !important;
}

.ui.dropdown .menu>.channel_item {
    color: #2b2f4c !important;
    padding: .78571429rem 1.14285714rem !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.ui.dropdown .menu>.channel_item:hover {
    color: #2b2f4c !important;
    background: #ffecec !important;
}

.rhte85 {
    display: flex;
}

.mef78 i {
    font-size: 18px;
    line-height: 15px;
    color: #1da1f2;
}

.pd_content p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #91699c;
    text-align: left;
    margin-top: 8px;
    line-height: 20px;
}

.pd_content span.nm_time {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    color: #afafaf;
    text-align: left;
}

.vbm_btn {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    background: var(--secondary-color);
    font-size: 14px;
    color: #fff !important;
    font-weight: 500;
}

.ui.input>input {
    font-family: 'Roboto', sans-serif !important;
}

.ui.input>textarea {
    font-family: 'Roboto', sans-serif !important;
}

.ui.input>select {
    font-family: 'Roboto', sans-serif !important;
}

.select_location {
    margin-left: 34px;
}

.ui.inline.dropdown.loc-title>.text {
    font-weight: 500 !important;
    color: #2b2f4c;
    font-size: 14px;
}

.menu.dropdown_loc {
    width: 170px;
    margin-top: 20px !important;
    border-top: 1px solid #fff !important;
    border-radius: 3px !important;
    min-width: 170px !important;
}

.offer-link {
    font-size: 14px;
    font-weight: 400;
    margin-right: 18px;
    color: var(--white-color);
    margin-left: 6px;
}

.offer-link:hover {
    color: var(--secondary-color) !important;
}

.offer-link i {
    font-size: 16px;
    margin-right: 3px;
}

.sub-header-group {
    width: 100%;
    display: block;
    /* border-top: 1px solid #efefef; */
    /* position: fixed; */
    z-index: 999;
}
.sub-header-group.stricky-fixed {
   animation: slideDown 0.35s ease-out;
    
    position : fixed;
  z-index: 99;
    width: 100%;
    top: 0;
}@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.sub-header {
    width: 100%;
    display: block;
    align-items: center;
}

.nav-link {
    font-size: 15px;
    color: var(--white-color) !important;
    padding: 15px 0px;
}

.offcanvas-help-links {
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 20px 20px !important;
    margin: 15px 0 27px !important;
}

.offcanvas-help-links li {
    line-height: 38px;
}

.offcanvas-help-links li .offer-link {
    font-size: 1.1em;
    font-weight: 500;
}

.offcanvas-copyright {
    margin-bottom: 20px;
}

.main_nav .nav-link {
    display: block;
    padding: 10px 15px !important;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
}

.nav-link.active {
   color: #e5e7e9 !important;
    font-weight: 700;
    /*border-bottom: var(--secondary-color) solid 3px;*/
}

.main_nav .nav-link:hover {
    color: var(--secondary-color) !important;
}

.header_cart {}

.cart__btn {
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    background: var(--secondary-color);
    padding: 15px 30px;
    text-align: center;
}

.cart__btn span {
    margin: 0 2px;
}

.hover-btn:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transition: var(--transition);
    -webkit-transition: all 0.2s ease-in-out;
}

.cart__btn ins {
    color: #fff !important;
    margin-left: 5px;
    text-decoration: none !important;
}

.category_drop {
    padding: 10px 10px 10px;
    /*padding: 20px 30px 19px;*/
    font-size: 14px;
    color: var(--white-color);
    position: relative;
    font-weight: 500;
    margin-right: 10px;
    border-right: 1px solid #efefef;
    transition: var(--transition);
}

.category_drop i {
    margin-right: 10px;
}

.offcanvas-header {
    border-bottom: 1px solid #efefef;
    background: #074e7a;
}
.offcanvas-body{
     background: var(--primary-color);
}
.offcanvas-logo img {
    width: 50px;
}

.category_drop_canvas {
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    background: var(--secondary-color);
    position: relative;
    font-weight: 500;
    margin-right: 0;
    border-radius: 5px;
    border: none;
}

.category_drop_canvas i {
    margin-right: 10px;
}

.canvas_search {
    background: #f7f7f7 !important;
    border: 0 !important;
    color: #2b2f4c !important;
    height: 50px;
    padding: 10px 40px 10px 15px;
    width: 100%;
    border-radius: 5px;
}

.canvas-icon {
    position: absolute;
    text-align: center;
    right: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: var(--secondary-color);
    border-radius: 5px;
}

.close-btn {
    padding: 5px;
    font-size: 20px;
    background: #f7f7f7;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    width: 40px;
    height: 40px;
    border: 0;
}

.close-btn:hover {
    background: #f7f7f7;
    color: #2b2f4c;
}

.navbar-toggler {
    padding: 7px 0 !important;
    font-size: 26px !important;
    background: #f7f7f7 !important;
    color: rgba(0, 0, 0, 0.4) !important;
    border-radius: 5px !important;
    width: 40px;
    height: 40px;
    border: 0 !important;
    margin-left: 13px;
    text-align: center;
    box-shadow: none !important;
}

.navbar-toggler:hover {
    background: #f7f7f7;
    color: #2b2f4c;
}

.dropdown-menu {
    border-radius: 5px !important;
    background-color: #fff !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 8px 11px 2px rgb(64 70 74 / 2%) !important;
}

.dropdown-submenu {
    width: 230px;
    margin-top: 12px !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 8px 11px 2px rgb(64 70 74 / 2%) !important;
}

.dropdown-submenu .dropdown-item {
    display: block;
    font-size: 14px;
    width: 100%;
    color: #2b2f4c !important;
    padding: 10px 20px;
}

.dropdown-submenu .dropdown-item:hover {
    color: var(--secondary-color) !important;
    background-color: #f7f7f7;
}

.dropdown-submenu .dropdown-item:focus {
    color: #f7f7f7 !important;
    background-color: transparent;
}

.menu_toggle_btn {
    padding: 5px !important;
    line-height: 1;
    border: 0 !important;
    border-radius: 5px !important;
    font-size: 26px !important;
    background: #f9f9f9 !important;
    color: #2b2f4c !important;
}

.mt1-5 {
    margin-top: 124px !important;
    text-align: center;
}

.bmt1-5 {
    margin-top: 60px !important;
    text-align: center;
}

.bg-dark1 {
    background-color: #fff !important;
    z-index: 999;
}

/* --- Category Model --- */
.btn-close {
    background: transparent !important;
}

.main-gambo-model {
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, #062a78, #314266);
}

.category-area-inner .modal-header {
    border-bottom: 0;
}

.category-area-inner .btn-close {
    color: #fff !important;
    opacity: 1 !important;
    padding: 30px 0 15px !important;
    font-size: 30px !important;
    cursor: pointer !important;
}

.modal-content {
    border-radius: 10px !important;
}

.category-model-content {
    background: #fff;
    border: 0 !important;
}

.catey__icon {
    display: none;
}

.search__icon {
    display: none;
}

.sub-header-icons-list {
    display: inline-block;
    font-size: 20px;
}

.cate__btn {
    font-size: 20px;
    color: #8f91ac !important;
    padding: 20px 20px 19px;
}

.cate__btn:hover {
    color: var(--secondary-color) !important;
}

.search__btn {
    font-size: 20px;
    color: #fff !important;
    padding: 20px 20px 21px;
    background: #2b2f4c;
}

/* --- Category Mode --- */

.cate-header {
    background: #2b2f4c;
    color: #fff;
    padding: 15px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.cate-header h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--white-color);
}

.category-by-cat {
    width: 100%;
    display: flex;
}

.category-by-cat li {
    width: 33.333%;
    vertical-align: middle;
    display: inline-block;
    list-style: none;
    float: left;
}

.single-cat-item {
    text-align: center;
    padding: 20px 10px;
    display: block;
}

.single-cat-item:hover {
    background: #f9f9f9;
}

.single-cat-item .text {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.single-cat-item .icon {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.single-cat-item .icon img {
    width: 50px;
}

.morecate-btn {
    display: block;
    text-align: center;
    border-top: 1px solid #efefef;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
}

.morecate-btn i {
    margin-right: 5px;
}

.morecate-btn:hover {
    color: var(--secondary-color) !important;
}

.search-ground-area {
    max-width: 400px !important;
}

.search-header {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

.search-header input {
    width: 100%;
    border: 0;
    padding: 20px;
    position: relative;
}

.search-header button {
    position: absolute;
    right: 0px;
    background: transparent;
    border: 0;
    padding: 17px;
    font-size: 20px;
}

.search-by-cat {
    width: 100%;
    height: 321px;
    overflow: hidden scroll;
}

.search-by-cat .single-cat {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    padding: 15px 20px;
}

.search-by-cat .single-cat .icon {
    background-color: #f9f9f9;
    border-radius: 5%;
    color: #fff;
    font-size: 22px;
    height: 50px;
    line-height: 47px;
    text-align: center;
    width: 50px;
}

.search-by-cat .single-cat .icon img {
    width: 30px;
}

.search-by-cat .single-cat .text {
    color: #2b2f4c;
    font-weight: 400;
    padding-left: 20px;
    font-size: 16px;
}

.search-by-cat .single-cat:hover .text {
    color: var(--secondary-color);
}


/* --- Cart Offset Overlay --- */

.bg-cart {
    background: #f7f7f7;
}

.bs-canvas-overlay {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 400px;
    transition: margin .4s ease-out;
    -webkit-transition: margin .4s ease-out;
    -moz-transition: margin .4s ease-out;
    -ms-transition: margin .4s ease-out;
}

.bs-canvas-left {
    left: 0;
    margin-left: -400px;
}


.bs-canvas-close {
    color: #fff !important;
    opacity: 1 !important;
}

.side-cart-header {
    background: #2b2f4c;
    color: #fff;
    position: sticky;
    top: 0;
}

.main-cart-title {
    font-size: 18px;
    font-weight: 600;
}

.main-cart-title span {
    color: #f69733;
    margin-left: 5px;
}

.bs-canvas-body {
    background: #f7f7f7;
    position: absolute;
    width: 100%;
    top: 48px;
    bottom: 190px;
    overflow-y: scroll;
}

.bs-canvas-footer {
    background: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #efefef;
}

.cart-top-total {
    border-bottom: 1px solid #efefef;
    padding: 0 0 20px;
}

.cart-total-dil {
    display: flex;
    width: 100%;
    align-items: center;
}

.cart-total-dil h4 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    line-height: 24px;
}

.cart-total-dil span {
    color: #8f91ac;
    font-size: 16px;
    margin-left: auto;
    font-weight: 400;
    line-height: 24px;
}

.main-total-cart {
    display: flex;
    padding: 20px !important;
    border-bottom: 1px solid #e5e5e5;
}

.saving-total {
    padding: 20px 20px 0;
}

.main-total-cart h2 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #2b2f4c;
    line-height: 24px;
}

.main-total-cart span {
    color: var(--secondary-color);
    font-size: 18px;
    margin-left: auto;
    font-weight: 700;
    line-height: 24px;
}

.checkout-cart {
    display: flex;
    padding: 20px;
    align-items: center;
}

.promo-code {
    font-size: 14px;
    font-weight: 600;
    color: #2b2f4c;
    line-height: 24px;
}

.promo-code:hover {
    color: var(--secondary-color) !important;
}

.cart-checkout-btn {
    display: inline-block;
    margin-bottom: 0;
    margin-left: auto;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    background: var(--secondary-color);
    font-weight: 500;
}

.cart-item {
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #efefef;
}

.cart-item:last-child {
    border-bottom: 0;
}

.side-cart-items {}

.cart-product-img {
    width: 130px;
    position: relative;
}

.cart-product-img img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #f7f7f7;
}

.offer-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: var(--secondary-color);
    padding: 1px 10px 0px;
    border-radius: 3px;
    line-height: 20px;
}

.cart-text {
    margin-left: 20px;
    width: 100%;
    position: relative;
}

.cart-text h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 10px;
}

.cart-close-btn {
    position: absolute;
    top: 2px;
    right: 0;
    background: transparent;
    border: 0;
    font-size: 18px;
    color: #2b2f4c;
}

.cart-close-btn:hover {
    color: var(--secondary-color);
}


/* --- Cart Radio Btn --- */

.kggrm-now {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.kggrm-now li {
    margin-right: 5px;
    width: 40px;
    height: 30px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.kggrm-now label,
.kggrm-now input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.kggrm-now input[type="radio"] {
    display: none;
}

.kggrm-now input[type="radio"]:checked+label,
.Checked+label {
    background: var(--secondary-color);
}

.kggrm-now label {
    padding: 6px 5px;
    cursor: pointer;
    background: #c7c7c7;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
}

.kggrm-now label:hover {
    background: var(--secondary-color);
}

.qty-group {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

/* -- quantity box -- */

.quantity {
    display: inline-block;
}

.quantity .input-text.qty {
    width: 35px;
    height: 30px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 0;
    margin-left: -4px;
    margin-right: -4px;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
}

.quantity .input-text.qty.white-bg-input {
    border: 1px solid #efefef;
}

.quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}

.quantity.buttons_added input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
    padding: 6px 10px 5px;
    height: 30px;
    background-color: #2b2f4c;
    border: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    width: 30px;
}

.quantity.buttons_added .minus-btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.quantity.buttons_added .plus-btn {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.quantity.buttons_added .minus {
    border-right: 0;
}

.quantity.buttons_added .plus {
    border-left: 0;
}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
    outline: none;
}


.cart-item-price {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--secondary-color);
    text-align: right;
    display: inline-flex;
    margin-left: auto;
}

.cart-item-price span {
    color: #c7c7c7;
    text-decoration: line-through;
    margin-left: 10px;
    font-weight: 600;
}

.wishlist-item {
    display: flex;
}

.wishlist-product-img {
    width: 70px;
    position: relative;
}

.wishlist-product-img img {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #efefef;
}

/* --- Filters Overlay --- */

.bs-canvas-right {
    right: 0;
    margin-right: -400px;
}

.bs-canvas-close {
    color: #fff !important;
    opacity: 1 !important;
}

.side-cart-header {
    background: #2b2f4c;
    color: #fff;
    position: sticky;
    top: 0;
}

.main-cart-title {
    font-size: 16px;
    font-weight: 500;
}

.bs-canvas-body {
    background: #f9f9f9;
    position: absolute;
    width: 100%;
    top: 48px;
    bottom: 190px;
    overflow-y: scroll;
}

.filter-body {
    background: #fff !important;
    bottom: 0 !important;
    padding-bottom: 30px;
}

.filter-items {
    padding: 1.5rem 1.5rem 0;
}

.filter-items:last-child {
    padding: 1.5rem 1.5rem 1.5rem;
}

.filtr-cate-title h4 {
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
    margin-bottom: 0;
}

.filter-item-body {
    height: 200px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.other-item-body {
    height: 166px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.offer-item-body {
    height: 125px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.price-pack-item-body {
    height: 135px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

/* --- category Radio Btn --- */

.cte-select {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cte-select li {
    margin-right: 0;
    width: 100%;
    height: 40px;
    position: relative;
    text-align: left;
    display: block;
    margin-bottom: 0px;
    border-bottom: 0;
}

.cte-select label,
.cte-select input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cte-select input[type="radio"] {
    display: none;
}

.cte-select input[type="radio"]:checked+label,
.Checked+label {
    background: var(--secondary-color);
    color: #fff;
}

.cte-select label {
    padding: 7px 20px;
    cursor: pointer;
    background: #f9f9f9;
    color: #2b2f4c;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}

.cte-select label:hover {
    background: var(--secondary-color);
    color: #fff;
}

.brand-list {
    width: 100%;
    padding: 0 0 0 5px;
}

.search-by-catgory {
    margin-bottom: 15px;
    width: 100%;
}

.custom-control-label {
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c !important;
    vertical-align: middle !important;
    padding-top: 2px;
    padding-left: 5px;
}

.custom-control-label::before {
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.custom-checkbox .custom-control-label::before {
    box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
}

.custom-control-label::after {
    top: .29rem !important;
    left: -1.4rem !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
    content: "";
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-color) !important;
}

.pb2 {
    padding-bottom: 10px;
}

.pb2:last-child {
    padding-bottom: 10px;
}

.webproduct {
    color: #8f91ac;
    padding-left: 3px;
}

/* --- Index Page --- */

.wrapper {
    padding-top: 0;
    padding-bottom: 0px;
}

.wrapper-blog {
    padding-top: 60px !important;
}

.main-banner-slider {
    margin-top: 60px;
}

.offer-item {
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    position: relative;
}

.offer-item-img {
    position: relative;
    width: 100%;
}

.offer-item-img img {
    border-radius: 10px;
    width: 100%;
}

.gambo-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2b2f4c;
    border-radius: 5px;
    opacity: 0.05;
}

.offer-top-text-banner {
    position: absolute;
    top: 20px;
    left: 5px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    padding: 15px 15px 11px;
    width: 90%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.offer-top-text-banner p {
    font-size: 12px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 3px;
    text-align: left;
    text-transform: uppercase;
}

.top-text-1 {
    font-size: 18px;
    font-weight: 500;
    color: #2b2f4c;
    margin-bottom: 5px;
    line-height: 24px;
    text-align: left;
}

.offer-top-text-banner span {
    font-weight: 500;
    font-size: 14px;
    color: #8f91ac;
    text-align: left;
    line-height: 24px;
}

.Offer-shop-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: inline-block;
    padding: 10px 30px;
    background: var(--secondary-color);
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

/* --- Slider Category --- */

.section145 {
    padding: 65px 0 0;
    width: 100%;
    display: block;
}

.main-title-tt {
    margin-bottom: 27px;
    display: flex;
    align-items: flex-end;
}

.main-title-left {
    margin-right: auto;
}

.main-title-left span {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #fff;
    background: var(--secondary-color);
    margin-bottom: 10px;
    display: inline-block;
    line-height: 27px;
    padding: 0 10px;
    border-radius: 5px;
}

.main-title-left h2 {
    font-size: 24px;
    font-weight: 600;
    color: #2b2f4c;
    margin-top: 0;
    display: block;
}

.see-more-btn {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: right;
}

.see-more-btn:hover {
    color: var(--secondary-color) !important;
}

.category-item {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}

.cate-img {
    width: 50px;
    text-align: center;
    display: inline-block;
}

.cate-img img {
    display: inline-block;
}

.category-item h4 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    margin-top: 15px;
    text-align: center;
}

.cate-slider .owl-nav {
    margin-top: 0 !important;
}

.cate-slider .owl-nav .owl-prev {
    left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 35%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 0 !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.cate-slider .owl-nav .owl-next {
    font-size: 20px !important;
    position: absolute;
    right: -20px;
    top: 35%;
    padding: 0 !important;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 5px !important;
    /*border: 1px solid #e5e5e5 !important;*/
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.cate-slider .owl-nav .owl-prev:hover {
    color: #fff !important;
    opacity: 1;
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.cate-slider .owl-nav .owl-next:hover {
    color: #fff !important;
    opacity: 1;
    border: 1px solid var(--secondary-color) !important;
    background: var(--secondary-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

span.like-icon {
    color: #f69733;
    font-size: 18px;
    position: absolute;
    z-index: 101;
    right: 0;
    top: 0;
    cursor: pointer;
    background-color: rgba(246, 151, 51, 0.2);
    display: block;
    height: 35px;
    width: 35px;
    line-height: 37px;
    border-radius: 30px;
    transition: all 0.4s;
}

.like-icon:before,
.like-icon:after {
    transition: opacity 0.3s, transform 0.4s cubic-bezier(.0, -.41, .19, 2.5);
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 0px;
}

.like-icon:before {
    content: "\f004";
    transform: scale(0.95);
}

.like-icon:after {
    content: "\f004";
    opacity: 0;
    transform: scale(0.3);
    font-weight: 900;
}

.like-icon.liked:after {
    opacity: 1;
    transform: scale(0.95);
}

.like-icon:hover,
.like-icon.liked {
    background-color: #f69733;
    color: #fff;
}

.like-icon.liked:before {
    opacity: 0;
}

.product-item {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.product-img {
    width: 100%;
    position: relative;
    padding: 10px 20px;
    display: block;
}

.product-img img {
    width: 100%;
    transition: transform .5s ease;
}

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

.offer-badge-1 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: var(--secondary-color);
    padding: 3px 10px;
    border-radius: 5px;
    line-height: 20px;
    text-transform: uppercase
}

.product-text-dt p {
    font-size: 12px;
    font-weight: 500;
    color: #8f91ac;
    margin-bottom: 0;
    line-height: 24px;
}

.product-text-dt p span {
    margin-left: 5px;
}

.product-text-dt h4 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px !important;
    line-height: 24px;
    text-align: center;
    color: #2b2f4c;
}

.product-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: var(--secondary-color);
    text-align: center;
}

.product-price span {
    color: #c7c7c7;
    text-decoration: line-through;
    margin-left: 10px;
    font-weight: 600;
}

.qty-cart {
    display: flex;
    align-items: center;
    margin-top: 17px;
}

.cart-icon {
    margin-left: auto;
    font-size: 20px;
    color: #c7c7c7;
    cursor: pointer;
}

.cart-icon:hover {
    color: var(--secondary-color);
}

.featured-slider .owl-nav .owl-prev {
    left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 42%;
    text-align: center;
    height: 50px !important;
    width: 50px !important;
    padding: 0 !important;
    color: #000 !important;
     background: #e4e4e4 !important; 
    border-radius: 5px !important;
    /*border: 1px solid #00517f !important;*/
    /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);*/
    margin-right: 5px;
}
.featured-slider .owl-nav{
    position: absolute;
    top: -100px;
    right: 8%;
    margin: 0;
}
.featured-slider .owl-nav .owl-prev{
    left: 80px;
}
.discover-section.section-padding{
    padding: 60px 0 0 0;
}
.featured-slider .owl-nav .owl-next {
    font-size: 20px !important;
    position: absolute;
     right: -65px; 
    top: 42%;
    padding: 0 !important;
    text-align: center;
    height: 50px !important;
    width: 50px !important;
    color: #000 !important;
     background: #e4e4e4 !important; 
    border-radius: 5px !important;
    /*border: 1px solid #00517f !important;*/
    /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);*/
}

.featured-slider .owl-nav .owl-prev:hover {
    color: var(--secondaray-color) !important;
    opacity: 1;
    background:  #c9c9c9 !important;
    /*border: 1px solid var(--secondary-color) !important;*/
    /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);*/
}

.featured-slider .owl-nav .owl-next:hover {
    color: var(--secondary-color) !important;
    opacity: 1;
    /*border: 1px solid var(--secondary-color) !important;*/
    background: #c9c9c9 !important;
    /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);*/
}

.best-offer-item {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    position: relative;
}

.best-offer-item img {
    width: 100%;
    border-radius: 10px;
}

.offer-counter-text {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0px;
    text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.2);
}

.cmtk_dt {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.code-offer-item img {
    width: 100%;
    border-radius: 10px;
}

/* --- Footer --- */
/* 
.footer {
    background: #2b2f4c;
}

.footer-first-row {
    padding: 20px 0;
    border-bottom: 1px solid #3f4464;
}

.call-email-alt {
    float: left;
    width: 100%;
    padding-top: 4px;
}

.call-email-alt li {
    display: inline-block;
    margin-right: 20px;
}

.call-email-alt li:last-child {
    margin-right: 0;
}

.callemail {
    font-size: 14px;
    font-weight: 500;
    color: #a2d5c6;
    display: flex;
    align-items: center;
}

.callemail:hover {
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
}

.callemail i {
    margin-right: 5px;
    color: var(--secondary-color);
    font-size: 18px;
}

.social-links-footer {
    text-align: right;
    float: left;
    width: 100%;
}

.social-links-footer h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 17px;
}

.social-links-footer ul {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.social-links-footer ul li {
    display: inline-block;
    padding-right: 7px;
}

.social-links-footer ul li:last-child {
    padding-right: 0;
}

.social-links-footer ul li a {
    color: #a2d5c6;
    width: 36px;
    height: 36px;
    background: #3f4464;
    border-radius: 50%;
    padding: 9px 0;
    text-align: center;
    font-size: 14px;
    position: relative;
    display: inline-block;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.social-links-footer ul li:hover a {
    bottom: 5px;
    color: #fff !important;
}

.footer-second-row {
    padding-bottom: 50px;
    border-bottom: 1px solid #3f4464;
}

.second-row-item {
    margin-top: 47px;
}

.second-row-item h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 17px;
}

.second-row-item ul li {
    display: block;
    padding-bottom: 9px;
}

.second-row-item ul li:last-child {
    padding-bottom: 0;
}

.second-row-item ul li a {
    color: #a2d5c6;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.second-row-item ul li a:hover {
    color: #fff !important;
    left: 5px;
}

.second-row-item-2 {
    margin-top: 86px;
}

.second-row-item-app {
    margin-top: 47px;
}

.second-row-item-app h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 17px;
}

.second-row-item-app ul li {
    display: inline-block;
    padding-right: 0;
}

.second-row-item-app ul li:last-child {
    padding-right: 0;
}

img.download-btn {
    width: 120px;
}

.footer-last-row {
    padding: 30px 0;
    background: #2b2f4c;
    text-align: center;
}

.footer-bottom-group {
    display: flex;
    width: 100%;
    align-items: center;
}

.footer-bottom-links ul li {
    display: inline-block;
    padding: 0 10px;
}

.footer-bottom-links li a {
    color: #a2d5c6;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    line-height: 24px;
    position: relative;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.footer-bottom-links ul li:hover a {
    bottom: 2px;
    color: #fff !important;
}

.copyright-text {
    color: #a2d5c6;
    font-weight: 500;
    font-size: 12px;
    padding: 0;
    margin-left: auto;
    letter-spacing: 0.3px;
}

.financial-institutes {
    display: inline-block;
    list-style: none;
    line-height: 0;
}

.financial-institutes__logo {
    display: inline-block;
    margin: 0 1px 5px 0;
}

.financial-institutes__logo img {
    width: 35px;
    height: auto;
}

.second-row-item-payment {
    margin-top: 37px;
}

.second-row-item-payment h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 17px;
} */

/* --- Product Grid Page --- */

.gambo-Breadcrumb {
    padding: 30px 0;
    background: #2b2f4c;
    position: relative;
}

.gambo-Breadcrumb:before {
    content: "";
    background: url(../images/career/default.html) no-repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.1;
}

.gambo-Breadcrumb .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.gambo-Breadcrumb .breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.gambo-Breadcrumb .breadcrumb .breadcrumb-item a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.gambo-Breadcrumb .breadcrumb .breadcrumb-item.active {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item {
    padding: 0px;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.8) !important;
}

.all-product-grid {
    margin-top: 64px;
}

.product-top-dt {
    float: left;
    width: 100%;
    display: block;
}

.product-left-title {
    float: left;
}

.product-left-title h2 {
    font-size: 24px;
    font-weight: 600;
    color: #2b2f4c;
    text-align: left;
    padding-top: 3px;
}

.filter-btn {
    font-size: 14px;
    font-weight: 500;
    float: right;
    display: block;
    height: 40px;
    width: 110px;
    padding: 10px 0;
    text-align: center;
    color: #2b2f4c;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #efefef;
    text-transform: uppercase;
}

.filter-btn:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.product-sort {
    float: right;
    margin-right: 10px;
    margin-top: 1px;
}

.ui.selection.dropdown.vchrt-dropdown {
    border: 1px solid #efefef;
    font-weight: 400;
    color: #2b2f4c;
    border-radius: 5px;
}

.ui.selection.dropdown.vchrt-dropdown:hover {
    border-color: #efefef;
}

.ui.selection.visible.dropdown.vchrt-dropdown>.text:not(.default) {
    font-weight: 400;
    color: #2b2f4c;
}

.ui.dropdown.vchrt-dropdown .menu>.item {
    color: #2b2f4c !important;
    font-weight: 400 !important;
}

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

.mb-30 {
    margin-bottom: 30px;
}

.product-list-view {
    margin-top: 39px;
}

.more-product-btn {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

.show-more-btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: var(--secondary-color);
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}


/* --- Single Product View --- */

.product-dt-view {
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

#sync1 .item {
    margin: 0px;
    text-align: center;
    cursor: pointer;
}

#sync2 .item {
    padding: 6px;
    margin: 0;
    cursor: pointer;
    background: #fff;
}

#sync1 .owl-nav .owl-prev {
    left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 45%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 0 !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

#sync1 .owl-nav .owl-next {
    font-size: 20px !important;
    position: absolute;
    right: -20px;
    top: 45%;
    padding: 0 !important;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

#sync1 .owl-nav .owl-prev:hover {
    color: #fff !important;
    opacity: 1;
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

#sync1 .owl-nav .owl-next:hover {
    color: #fff !important;
    opacity: 1;
    border: 1px solid var(--secondary-color) !important;
    background: var(--secondary-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.product-dt-right {
    margin-top: 15px;
    margin-left: 20px;
}

.product-dt-right h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #2b2f4c;
    margin-bottom: 16px;
}

.no-stock {
    display: block;
}

.no-stock p {
    display: inline-block;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.no-stock p:last-child {
    margin-right: 0;
}

.no-stock p span {
    margin-left: 5px;
    color: #8f91ac;
}

/* --- Single Product Radio Btn --- */

.product-radio {
    margin-top: 7px;
}

.product-now {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.product-now li {
    margin-right: 5px;
    width: 50px;
    height: 36px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.product-now label,
.product-now input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-now input[type="radio"] {
    display: none;
}

.product-now input[type="radio"]:checked+label,
.Checked+label {
    background: var(--secondary-color);
}

.product-now label {
    padding: 10px 5px;
    cursor: pointer;
    background: #c7c7c7;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
}

.product-now label:hover {
    background: var(--secondary-color);
}

.pp-descp {
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #3e3f5e;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.product-group-dt {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
}

.product-group-dt ul li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.product-group-dt ul li:last-child {
    margin-right: 0;
}

.main-price {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #2b2f4c;
}

.main-price span {
    margin-left: 10px;
    color: #8f91ac;
}

.color-discount {
    color: #7c72ff;
}

.mrp-price {
    text-decoration: line-through;
    font-weight: 500;
}

.color-discount:after {
    content: '-';
    margin-left: 20px;
    color: #2b2f4c;
}

.gty-wish-share {
    margin-top: 22px;
}

.gty-wish-share li {
    margin-right: 10px !important;
}

.ordr-crt-share {
    margin-top: 22px;
}

.ordr-crt-share li {
    margin-right: 10px !important;
}

span.save-icon {
    color: #f69733;
    margin-left: 10px;
    font-size: 18px;
    position: relative !important;
    cursor: pointer;
    background-color: rgba(246, 151, 51, 0.2);
    height: 35px;
    width: 35px;
    border-radius: 30px;
    transition: all 0.4s;
}

.icon-bar {
    position: fixed;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.facebook {
    background: #3B5998;
    color: #fff;
    border-radius: 0 5px 0 0;
}

.twitter {
    background: #55ACEE;
    color: #fff;
}

.google {
    background: #dd4b39;
    color: #fff;
}

.linkedin {
    background: #007bb5;
    color: #fff;
}

.whatsapp {
    background: #25d366;
    color: #fff;
    border-radius: 0 0 5px 0;
}

.content {
    /* margin-left: 75px; */
    font-size: 30px;
}

.add-cart-btn {
    background: var(--secondary-color);
    border: 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-radius: 5px;
}

.order-btn {
    background: transparent;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    height: 40px;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-radius: 5px;
}

.add-cart-btn i {
    margin-right: 5px;
    font-size: 16px;
}

.pdp-details {
    background: #f9f9f9;
    margin-top: 20px;
    border-radius: 10px;
    float: left;
    width: 100%;
}

.pdp-details ul li {
    padding: 20px;
    border-right: 1px solid #efefef;
    width: 50%;
    display: inline-block;
    float: left;
}

.pdp-details ul li:last-child {
    border-right: 0;
}

.pdp-group-dt {
    display: flex;
    align-items: center;
    width: 100%;
}

.pdp-icon i {
    font-size: 30px;
    color: var(--secondary-color);
}

.pdp-text-dt {
    margin-left: 10px;
}

.pdp-text-dt span {
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
    margin-bottom: 10px;
    display: block;
}

.pdp-text-dt p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    line-height: 26px;
}

.pay__logo {
    display: inline-block;
    margin: 0 1px 5px 0;
}

.pay__logo img {
    width: 20px;
}

.pdpt-bg {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

.pdpt-bg {
    margin-top: 22px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.pdpt-title h4 {
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2b2f4c;
    margin-bottom: 0;
}

.border_radius:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pdpt-body {
    height: 451px;
    overflow-y: auto;
}

.pdct-dts-1 {
    padding: 0 30px 30px;
}

.pdct-dt-step h4 {
    margin-top: 27px !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
}

.pdct-dt-step p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    text-align: left;
}

.product_attr {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    text-align: left;
}


/* --- Checkout Page --- */

.checkout-step-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #3e3f5e;
    text-align: left;
}

.phn145 {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #3e3f5e;
}

.phn145 span {
    font-weight: 600;
    color: var(--secondary-color);
}

.phn145 .edit-no-btn {
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 5px;
}

.code-alrt-inputs li {
    display: inline-block;
    vertical-align: middle;
}

.code-alrt-inputs input {
    text-align: center;
}

ul.code-alrt-inputs input {
    width: 40px;
    border: 1px solid #efefef;
    height: 40px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

ul.code-alrt-inputs input:focus {
    box-shadow: none;
    border: 1px solid var(--secondary-color);
}

label.control-label {
    font-size: 13px;
    font-weight: 500;
    color: #2b2f4c;
    margin-bottom: 5px;
}

.chck-btn {
    height: 40px;
    display: inline-block;
    background: var(--secondary-color);
    color: #fff !important;
    padding: 0px 15px;
    font-weight: 500;
    border-radius: 5px;
    line-height: 40px;
}

.resend-link {
    margin-top: 10px;
    display: block;
    font-weight: 500;
    color: #2b2f4c;
    text-align: left;
}

.resend-link:hover {
    color: var(--secondary-color);
}

.checout-address-step .form-control {
    font-size: 14px;
    height: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2b2f4c;
    border: 1px solid #efefef;
    position: relative;
    padding: 0 1rem 0 1rem;
    border-radius: 5px !important;
}

.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--secondary-color) !important;
}

.address-btns {
    display: flex;
    align-items: end;
}

.save-btn14 {
    height: 40px;
    line-height: 38px;
    padding: 0 30px;
    border: 1px solid;
    background: transparent;
    color: var(--secondary-color);
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.next-btn16 {
    height: 40px;
    line-height: 38px;
    padding: 0px 30px;
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
    color: #fff;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
}

.time-radio {
    margin-top: 10px;
}

.date-slider-group {
    margin-top: 10px;
}

.date-slider-group {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.date-slider-group .date-now {
    margin-right: 5px;
    width: 100%;
    height: 36px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.date-slider-group label,
.date-slider-group input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.date-slider-group input[type="radio"] {
    display: none;
}

.date-slider-group input[type="radio"]:checked+label,
.Checked+label {
    background: var(--secondary-color);
}

.date-slider-group label {
    padding: 9px;
    cursor: pointer;
    background: #2b2f4c;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
}

.date-slider-group label:hover {
    background: var(--secondary-color);
}

.form-check-input:checked {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    box-shadow: none !important;
}

.ui.checkbox.chck-rdio label {
    color: #2b2f4c !important;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

.ui.radio.checkbox.chck-rdio .box:after,
.ui.radio.checkbox.chck-rdio label:after {
    background-color: var(--secondary-color) !important;
}

.total-checkout-group {
    padding: 20px 20px 0;
    border-top: 1px solid #efefef;
    margin-top: 10px;
}

.payment-secure {
    text-align: center;
    padding: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #2b2f4c;
}

.checkout-safety-alerts {
    background: #fff;
    border-radius: 10px;
    margin-top: 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.checkout-safety-alerts p {
    margin-bottom: 0;
    padding: 15px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 500;
    color: #3e3f5e;
    text-align: left;
}

.checkout-safety-alerts p:last-child {
    border-bottom: 0;
}

.checkout-safety-alerts i {
    margin-right: 5px;
}

.return-departure-dts {
    color: #727272;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    margin-top: 0;
    display: none;
    margin-bottom: 25px !important;
}

.single-payment-method:first-child .payment-method-details {
    display: block;
}

.radio--group-inline-container_1 {
    width: 100%;
    width: 100%;
    display: block;
    margin-bottom: 20px !important;
}

.radio--group-inline-container_1 li {
    display: inline-block;
    width: 33.333%;
    margin-right: 10px;
    margin-bottom: 10px !important;
}

.radio--group-inline-container_1 li:last-child {
    margin-right: 0;
}

.radio--group-inline-container_1 .radio-item_1 {
    display: inline-block;
    margin-right: 10px;
    width: 100%;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"]+.radio-label_1:before {
    content: '';
    background: #f7f7f7;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1em;
    height: 1em;
    top: 0px;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:checked+.radio-label_1:before {
    background-color: var(--secondary-color);
    box-shadow: inset 0 0 0 2px #f4f4f4;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:focus+.radio-label_1:before {
    outline: none;
    border-color: #0E8A86;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:disabled+.radio-label_1:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.radio-label_1 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 16px;
    color: #2b2f4c;
    cursor: pointer;
    padding: 15px 20px;
    background: #f9f9f9;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #efefef;
}

.radio-label_1:hover {
    background: #f5f5f5;
    transition: all .4s ease-in-out;
}

.pymnt_title h4 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
    color: #2b2f4c;
}

.swdh19 {
    width: 100%;
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
    height: 110px;
    border-radius: 5px;
}

.ui[class*="left icon"].swdh19.input>input {
    padding-left: 1em !important;
    padding-right: 1em !important;
    height: 45px;
    border-radius: 5px !important;
}

.ui[class*="left icon"].swdh19.input>select {
    padding-left: 1em !important;
    padding-right: 1em !important;
    height: 45px;
    border-radius: 5px !important;
}

.ui.input>input {
    font-size: 14px;
    font-weight: 400 !important;
    background: #eaeaea;
    border: 1px solid #efefef !important;
    color: #2b2f4c !important;
    border-radius: 5px !important;
}

.ui.input>textarea {
    font-size: 14px;
    font-weight: 400 !important;
    background: #eaeaea;
    border: 1px solid #efefef !important;
    color: #2b2f4c !important;
    border-radius: 5px !important;
}

.ui.input>select {
    font-size: 14px;
    font-weight: 400 !important;
    background: #eaeaea;
    border: 1px solid #efefef !important;
    color: #2b2f4c !important;
    border-radius: 5px !important;
}

.h_50 {
    height: 50px !important;
    line-height: 50px !important;
}

.ui.input>input:focus {
    border: 1px solid var(--secondary-color) !important;
}

.ui.input>textarea:focus {
    border: 1px solid var(--secondary-color) !important;
}

.ui.input>select:focus {
    border: 1px solid var(--secondary-color) !important;
}

.ui.selection.active.dropdown.form-dropdown {
    border-color: var(--secondary-color) !important;
}

.ui.selection.active.dropdown.form-dropdown .menu {
    border-color: var(--secondary-color) !important;
}

.ui.dropdown.form-dropdown .menu>.item {
    color: #2b2f4c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.ui.selection.dropdown.form-dropdown:hover {
    border-color: #efefef !important;
}

.ui.selection.dropdown.form-dropdown {
    color: #2b2f4c !important;
    font-weight: 500 !important;
    border: 1px solid #efefef !important;
}

.ui.selection.visible.dropdown.form-dropdown>.text:not(.default) {
    font-weight: 500 !important;
    color: #2b2f4c !important;
}

.promo-link45 {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    line-height: 24px;
    display: block;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.promo-link45:hover {
    color: var(--secondary-color) !important;

}

/* --- Order Placed --- */

.order-placed-dt {
    text-align: center;
    padding: 20px 0 14px;
    float: left;
    width: 100%;
}

.order-placed-dt .icon-circle {
    font-size: 56px;
    color: var(--secondary-color);
}

.order-placed-dt h2 {
    font-size: 30px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: center;
    margin-bottom: 25px;
}

.order-placed-dt p {
    font-size: 16px;
    font-weight: 500;
    color: #3e3f5e;
    margin-bottom: 0;
    text-align: center;
    line-height: 24px;
}

.delivery-address-bg {
    margin-top: 40px;
    background: #fff;
    border-radius: 5px;
    float: left;
    width: 100%;
    text-align: left;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.title585 {
    display: inline-block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

.pln-icon {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin-right: 10px;
}

.title585 h4 {
    float: left;
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
    color: #2b2f4c;
    line-height: 50px;
}

.pln-icon i {
    font-size: 20px;
    color: var(--secondary-color);
}

.address-placed-dt1 {
    float: left;
    padding: 20px !important;
    width: 100%;
}

.address-placed-dt1 li {
    margin-bottom: 10px;
}

.address-placed-dt1 li:last-child {
    margin-bottom: 0;
}

.address-placed-dt1 i {
    margin-right: 5px;
}

.address-placed-dt1 p {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #2b2f4c;
}

.address-placed-dt1 p span {
    margin-left: 10px;
    font-weight: 400;
    color: #3e3f5e;
}

.stay-invoice {
    float: left;
    width: 100%;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.invc-link {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: var(--secondary-color);
    padding: 5px 15px;
    border-radius: 5px;
}

.st-hm {
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
}

.st-hm i {
    margin-left: 5px;
}

.placed-bottom-dt {
    padding: 20px;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    text-align: center;
    line-height: 24px;
    width: 100%;
}

.placed-bottom-dt span {
    font-weight: 600;
    color: var(--secondary-color);
}

/* --- User Dashboard Page --- */

.dashboard-group {
    background: rgba(245, 93, 44, 0.3);
    position: relative;
    padding: 50px 0;
}

.dashboard-group:before {
    content: "";
    background: url(../images/banner.svg) no-repeat bottom;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.02;
}

.user-dt {
    position: relative;
    width: 100%;
    text-align: center;
}

.user-img {
    position: relative;
    display: inline-block;
}

.user-img img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.user-img .change-btn {
    position: absolute;
    bottom: 5px;
    right: -5px;
    background: var(--secondary-color);
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    border: 1px solid #ffff;
    font-size: 18px;
    padding: 8px 5px;
}

.img-add {
    display: block;
}

.img-add [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
    float: left;
}

.img-add [type="file"]+label {
    cursor: pointer;
    display: inline-block;
    outline: none;
    transition: all 0.3s;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    bottom: 5px;
    right: -5px;
    background: var(--secondary-color);
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    border: 1px solid #ffff;
    font-size: 18px;
    padding: 8px 5px;
}

.img-add [type="file"]+label:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.user-dt h4 {
    font-size: 24px;
    color: #2b2f4c;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 18px;
}

.user-dt p {
    font-size: 14px;
    color: #3e3f5e;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
    display: block;
}

.user-dt p a {
    color: #3e3f5e !important;
    font-size: 16px;
    margin-left: 5px;
}

.user-dt p a:hover {
    color: var(--secondary-color) !important;
}

.earn-points img {
    width: 24px;
    margin-right: 7px;
}

.earn-points {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
    background: rgba(255, 255, 255, 0.3);
    padding: 5px 11px 5px 10px;
    border-radius: 5px;
}


.left-side-tabs {
    position: sticky;
    top: 167px;
}

.left-side-tabs {
    background: #fff;
    margin-top: 64px;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.user-item {
    display: flex;
    padding: 12px 20px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    text-align: left;
    align-items: center;
}

.user-item:last-child {
    border-bottom: 0;
}

.user-item i {
    margin-right: 10px;
    font-size: 18px;
}

.user-item:hover {
    color: #2b2f4c;
    background: #ffecec;
}

.user-item:first-child:hover {
    border-radius: 10px 10px 0 0;
}

.user-item:last-child:hover {
    border-radius: 0 0 10px 10px;
}

.user-item:hover i {
    color: var(--secondary-color) !important;
}

.user-item.active {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    ;
    pointer-events: none;
}

.user-item:first-child.active {
    border-radius: 10px 10px 0 0;
}

.user-item:last-child.active {
    border-radius: 0 0 10px 10px;
}

.dashboard-right {
    margin-top: 64px;
}

.main-title-tab h4 {
    font-size: 18px;
    font-weight: 700;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

.main-title-tab i {
    margin-right: 5px;
}

.welcome-text h2 {
    font-size: 24px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 3px !important;
    margin-top: 30px !important;
}

.ddsh-body {
    padding: 1.5rem;
}

.ddsh-body h2 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
    color: #2b2f4c;
    font-weight: 500;
}

.more-link14 {
    text-align: left;
    padding: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #2b2f4c;
    display: block;
    border-top: 1px solid #efefef;
}

.more-link14:hover {
    color: var(--secondary-color) !important;
}

.ddsh-body ul li {
    display: inline-block;
    margin-right: 10px;
}

.ddsh-body ul li:last-child {
    margin-right: 0;
}

.small-reward-dt {
    color: #fff;
    background: var(--secondary-color);
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    margin-bottom: 7px;
}

.rewards-link5 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.rewards-link5:hover {
    color: var(--secondary-color) !important;
}

.smll-history {
    display: flex;
    width: 100%;
    padding: 4px 0;
}

.order-title {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.order-title span {
    font-size: 12px;
    display: inline-block;
    background: #2b2f4c;
    color: #fff;
    height: 18px;
    border-radius: 100%;
    width: 18px;
    text-align: center;
    font-weight: 700;
    margin-left: 5px;
    cursor: pointer;
}

.order-title span:hover {
    background: var(--secondary-color);
}

.smll-history p {
    margin-left: auto;
    font-size: 14px;
    font-weight: 600;
    color: #3e3f5e;
    margin-bottom: 0;
}

.order-list-145 li {
    display: block !important;
    margin-right: 0 !important;
}

.wllt-body h2 {
    font-weight: 500;
}

.order-status {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary-color);
}

[data-inverted][data-position~=top][data-tooltip]:before {
    background: #2b2f4c !important;
}

[data-position="top right"][data-tooltip]:before {
    right: 0.1em !important;
}

[data-tooltip][data-inverted]:after {
    background: #2b2f4c !important;
    color: #fff;
}

[data-tooltip]:after {
    border: 1px solid #d4d4d5;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Roboto', sans-serif;
}

.wllt-body {
    padding: 20px 20px 0;
}

.wallet-list {
    padding-top: 10px;
}

.wallet-list li {
    width: 50% !important;
    display: inline-block;
    margin-right: 0 !important;
    margin-bottom: 20px;
    margin-left: -2px;
}

.wallet-links14 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    display: flex;
    align-items: center;
}

.wallet-links14 i {
    font-size: 18px;
    margin-right: 5px;
}

.newsletter-input {
    position: relative;
}

.newsletter-btn {
    background: var(--secondary-color);
    position: absolute;
    right: 3px;
    top: 2px;
    height: 35px;
    border: 0;
    width: 35px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
}

.newsletter-input .form-control {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #a2d5c6 !important;
    border: 1px solid #3f4464;
    position: relative;
    padding: 0 3rem 0 1rem;
    height: 40px;
    border-radius: 5px !important;
    background: #1d2035;
}

.newsletter-input .form-control:focus {
    border: 1px solid var(--secondary-color) !important;
    border-radius: 5px !important;
    background: #1d2035 !important;
}

/* --- Dashboard My Orders --- */

.pdpt-title h6 {
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    margin-bottom: 0;
}

.order-body10 {}

.order-dtsll {
    padding: 20px !important;
}

.order-dtsll li {
    display: inline-block;
    vertical-align: top;
}

.order-dt-img {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.order-dt-img img {
    width: 50px;
}

.order-dt47 {
    margin-left: 15px;
}

.order-dt47 h4 {
    font-size: 16px;
    color: #2b2f4c;
    margin-bottom: 5px;
    line-height: 24px;
    text-align: left;
    font-weight: 700;
}

.order-dt47 p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #3e3f5e;
    margin-bottom: 7px;
}

.track-order {
    padding: 20px 0 20px;
}

.track-order h4 {
    margin-left: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #2b2f4c;
    text-align: left;
}

.bs-wizard {
    margin-top: 0;
    display: flex;
    width: 100%;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
    width: 100%;
}

.bs-wizard>.bs-wizard-step+.bs-wizard-step {}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #2b2f4c;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #ffcfc0;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: var(--secondary-color);
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 21px 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0px;
    box-shadow: none;
    background: #ffcfc0;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #efefef;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.progress {
    background-color: #efefef !important;
}

/*END Form Wizard*/


.alert-offer img {
    width: 30px;
    margin-right: 10px;
}

.alert-offer {
    padding: 20px;
    border-top: 1px solid #efefef;
    font-weight: 400;
    color: #3e3f5e;
    text-align: left;
    line-height: 24px;
}

.call-bill {
    padding: 15px 20px;
    display: flex;
    border-top: 1px solid #efefef;
    align-items: center;
}

.delivery-man {
    font-size: 14px;
    color: #2b2f4c;
    font-weight: 400;
    text-align: left;
    line-height: 24px;
}

.delivery-man a {
    margin-left: 5px;
    color: var(--secondary-color);
}

.delivery-man a:hover {
    color: var(--secondary-color) !important;
    text-decoration: underline !important;
}

.order-bill-slip {
    margin-left: auto;
}

.bill-btn5 {
    display: block;
    background: var(--secondary-color);
    color: #fff;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 5px;
}

/* --- My Rewards --- */

.reward-body-dtt {
    padding: 30px;
    text-align: center;
}

.reward-img-icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    background: #f9f9f9;
    border-radius: 100%;
    border: 2px solid #efefef;
    padding: 18px 0;
}

.reward-img-icon img {
    width: 40px;
    text-align: center;
}

.rewrd-title {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    color: #3e3f5e;
    font-size: 14px;
    text-align: center;
}

.cashbk-price {
    color: #2b2f4c;
    margin-top: 12px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
}

.reward-body-all {
    display: flex;
    text-align: center;
}

.reward-body-all li {
    display: inline-block;
    width: 33.333%;
    padding: 30px 10px;
    border-right: 1px solid #efefef;
}

.reward-body-all li:last-child {
    border-right: 0;
}

.tt-icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    background: var(--secondary-color);
    border-radius: 100%;
    padding: 5px 0;
}

.tt-icon i {
    color: #fff;
    font-size: 24px;
}

.total-rewards span {
    display: block;
    margin-top: 20px;
    font-weight: 600;
    color: #3e3f5e;
    font-size: 14px;
    text-align: center;
}

.total-rewards h4 {
    color: #2b2f4c;
    margin-top: 12px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
}

.date-reward {
    display: inline-block;
    margin-top: 20px;
    font-weight: 500;
    background: #f9f9f9;
    border: 1px dashed #efefef;
    padding: 2px 15px;
    border-radius: 5px;
    font-size: 12px;
    color: #2b2f4c;
}

.rewards-coupns {
    position: relative;
}

.top-coup-code {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 0 5px 0 3px;
    cursor: pointer;
    border: 1px dashed #fff;
}

.gambo-body-cash {
    padding: 30px 20px;
    text-align: center;
}

.gambo-body-cash p {
    font-size: 14px;
    font-weight: 500;
    color: #3e3f5e;
    margin-top: 20px;
    line-height: 24px;
    margin-bottom: 0;
}

.rotate-img {
    transform: rotate(260deg);
}

.table-responsive {
    border: 0;
    border-radius: 0 0 10px 10px;
    margin-bottom: 0;
    overflow-x: inherit;
}

table.table.ucp-table {
    margin-bottom: 0px;
}

.ucp-table {
    height: auto;
    overflow: hidden;
    border-radius: 0;
}

.ucp-table thead {
    font-weight: 500;
    padding: 14px !important;
    border-radius: 0;
    color: #2b2f4c !important;
}


.ucp-table thead tr th:first-child {
    border-bottom-left-radius: 0;
}

.ucp-table thead tr th {
    color: #2b2f4c;
    font-size: 14px;
    background-color: #ffecec;
    font-weight: 500;
}

.ucp-table tfoot {
    font-weight: 400;
    padding: 14px !important;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    color: #2b2f4c !important;
}

.ucp-table tfoot td {
    color: #fff;
    font-size: 14px;
    background-color: #2b2f4c;
    padding: .75rem !important;
}

.ucp-table.earning__table td {
    padding: 1rem !important;
}

table {
    margin: 0px auto 0px;
    font-size: 14px;
    width: 100%;
}

.ucp-table tbody {
    background: #fff;
}

.ucp-table td,
.ucp-table th {
    border-top: 1px solid #efefef !important;
}

.ucp-table td {
    padding: 1.5rem .75rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.ucp-table th:first-child {}

.table>:not(:first-child) {
    border-top: 0 !important;
}

.ucp-table thead th {
    vertical-align: bottom;
    border-bottom: 0 !important;
}

.course_active {
    color: #ed2a26;
}

.ucp-table tbody tr td {
    font-size: 14px;
    vertical-align: middle;
    font-weight: 400;
    color: #3e3f5e;
}

.offer_active {
    color: var(--secondary-color);
    font-weight: 700;
}

.add-cash-body {
    padding: 1.5rem;
}


.history-body {
    height: 364px;
    overflow-y: auto;
}

.history-list li {
    display: block;
    padding: 1.5rem;
    border-bottom: 1px solid #efefef;
}

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

.purchase-history {
    display: flex;
    align-items: center;
}

.purchase-history-right {
    margin-left: auto;
}

.purchase-history-left h4 {
    font-size: 16px;
    color: #2b2f4c;
    margin-bottom: 8px;
    text-align: left;
    font-weight: 500;
}

.purchase-history-left p {
    font-size: 14px;
    font-weight: 500;
    color: #3e3f5e;
    text-align: left;
    margin-bottom: 8px;
    line-height: 24px;
}

.purchase-history-left p ins {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--secondary-color);
}

.purchase-history-left span {
    font-weight: 400;
    font-size: 13px;
    color: #3e3f5e;
    text-align: left;
    display: block;
}

.purchase-history-right span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    text-align: center;
}

.purchase-history-right {
    text-align: center;
}

.purchase-history-right a {
    font-size: 14px;
    font-weight: 500;
    margin-top: 9px;
    display: block;
    color: #2b2f4c;
}

.purchase-history-right a:hover {
    color: var(--secondary-color) !important;
}

/* --- My Addresses --- */

.add-address {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 20px;
    margin-left: 20px;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 5px;
    font-weight: 500;
    margin-bottom: 10px;
}

.address-item {
    padding: 20px;
    border-bottom: 1px solid #efefef;
}

.address-item:last-child {
    border-bottom: 0;
}

.address-item {
    display: flex;
    align-items: self-start;
}

.address-icon1 {
    margin-right: 10px;
    background: var(--secondary-color);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.address-icon1 i {
    font-size: 16px;
}

.address-dt-all h4 {
    color: #2b2f4c;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin-top: 0;
    margin-bottom: 8px;
}

.address-dt-all p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    line-height: 24px;
}

.action-btns {
    margin-top: 10px;
}

.action-btns li {
    display: inline-block;
    margin-right: 5px;
}

.action-btns li:last-child {
    margin-right: 0;
}

.action-btn {
    font-size: 16px;
    color: #3e3f5e;
}

.action-btn:hover {
    color: var(--secondary-color) !important;
}

.add-address-form {
    padding: 20px 30px 30px;
}


/* --- Career Page --- */

.default-dt {
    padding: 50px;
    background: #2b2f4c;
    position: relative;
}

.default-dt:before {
    content: "";
    background: url(../images/career/default.html) no-repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.1;
}

.default_tabs {
    margin-top: 0;
}

.default_tabs .nav-item {
    margin-bottom: 0 !important;
}

.default_tabs .nav-tabs .nav-item.show .nav-link,
.default_tabs .nav-tabs .nav-link.active {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    border-color: inherit !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 5px !important;
}

.default_tabs .nav-tabs {
    border-bottom: 0 !important;
}

.tab_default .nav-link {
    border-top: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
}

.tab_default .nav-link {
    padding: .5rem 1.5rem !important;
}

.title129 {
    text-align: center;
}

.title129 h2 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 58px !important;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.position-link-btn {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-top: 21px;
    font-weight: 500;
    font-size: 14px;
}

.life-gambo {
    padding: 59px 0;
}

.default-title {
    text-align: center;
    padding-bottom: 8px;
}

.default-title h2 {
    font-size: 24px;
    color: #2b2f4c;
    font-weight: 700;
    margin-bottom: 13px;
}

.default-title p {
    line-height: 24px;
    font-weight: 400;
    color: #3e3f5e;
    font-size: 14px;
    margin-bottom: 15px;
}

.dd-content {
    margin-top: 30px;
    width: 100%;
}

.life-slider .owl-nav .owl-prev {
    left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 42%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.life-slider .owl-nav .owl-next {
    font-size: 20px !important;
    position: absolute;
    right: -20px;
    top: 42%;
    padding: 4px 0 !important;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    color: #2b2f4c !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.life-slider .owl-nav .owl-prev:hover {
    color: #fff !important;
    opacity: 1;
    background: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.life-slider .owl-nav .owl-next:hover {
    color: #fff !important;
    opacity: 1;
    border: 1px solid var(--secondary-color) !important;
    background: var(--secondary-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.white-bg {
    background: #fff;
}

.benefits-step {
    text-align: center;
    margin-bottom: 65px;
}

.benefit-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    background: var(--secondary-color);
    border-radius: 100%;
}

.benefit-link {
    display: block;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #2b2f4c;
    line-height: 24px;
    text-align: center;
}

.benefit-link:hover {
    color: #2b2f4c !important;
}

.benefit-icon i {
    font-size: 30px;
    color: #fff;
    padding: 20px 0;
}

.know-more-link {
    text-align: center;
}

.kmore-btn {
    background: var(--secondary-color);
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.testi-item {
    background: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.qoute-icon {
    height: 50px;
    text-align: center;
    font-size: 24px;
    color: var(--secondary-color);
}

.testo-text {
    text-align: center;
    line-height: 26px;
    font-weight: 400;
    color: #3e3f5e;
}

.team-dt {
    margin-top: 35px;
    text-align: center;
}

.team-avatar img {
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.team-avatar {
    display: inline-block;
}

.team-emp-dt h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px !important;
    text-align: center;
    margin-bottom: 10px;
    color: #2b2f4c;
}

.team-emp-dt p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    text-align: center;
    line-height: 26px;
}

.jobs-gambo {
    padding: 0;
}

.pd-20 {
    padding: 20px;
}

.job-title-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.job-title-group h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
    color: #2b2f4c;
}

.flter-clear-link {
    margin-left: auto;
    font-weight: 600;
    font-size: 14px;
    color: #3e3f5e;
}

.flter-clear-link:hover {
    color: var(--secondary-color) !important;
}

.all-departments {
    margin-top: 21px;
}

.job-bg1 {
    margin-top: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
    display: flex;
    width: 100%;
    align-items: center;
}

.job-bg1:first-child {
    margin-top: 30px;
}

.job-item h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    color: #2b2f4c;
}

.job-item span {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 24px;
    text-align: left;
}

.job-item span i {
    margin-right: 3px;
}

.arrow-icon {
    font-size: 24px;
    color: #2b2f4c;
    margin-left: auto;
}

.job-main-dt {
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef;
}

.job-main-dt h2 {
    color: #2b2f4c;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    margin-top: 0 !important;
    margin-bottom: 12px;
}

.job-main-dt span {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 24px;
    color: #3e3f5e;
}

.job-des-dt142 h4 {
    color: #2b2f4c;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
    margin-top: 21px !important;
}

.job-des-dt142 p {
    color: #3e3f5e;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
    line-height: 26px;
}

.joby-list-dt {
    list-style: disc;
}

.joby-list-dt li {
    margin-left: 30px;
    margin-bottom: 4px;
}

.joby-list-dt li:last-child {
    margin-bottom: 0;
}

.job-req-dt {
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #efefef;
}

.job-req-dt h3 {
    color: #2b2f4c;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}

.apply-btn {
    background: var(--secondary-color);
    color: #fff;
    padding: 0 20px;
    height: 40px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    border: 0;
    margin-top: 34px;
    margin-bottom: 14px;
}

textarea {
    overflow: auto;
    padding: 10px 15px !important;
}

.ques-142 {
    margin-top: 1.5rem !important;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0 !important;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
    color: #2b2f4c;
}

.ui.checkbox label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3e3f5e !important;
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    color: var(--secondary-color) !important;
}

.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before {
    border-color: var(--secondary-color) !important;
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    font-size: 12px !important;
}

.control-label {
    font-size: 13px;
    font-weight: 500;
    color: #2b2f4c;
    margin-bottom: 0.8rem;
}

.custom-file {
    width: 100%;
}

.custom-file input {
    opacity: 0;
    width: 0;
    height: 0;
    display: block;
}

.custom-file-label {
    padding: 0.6rem 0.85rem;
    height: 40px;
    width: 100%;
    font-weight: 400 !important;
    color: #afafaf !important;
    background-color: #fff !important;
    border: 1px solid #efefef !important;
    border-radius: 5px !important;
    position: relative;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Upload Files" !important;
}

.custom-file-label::after {
    height: calc(1.9em + 0.75rem + 1px) !important;
    padding: 0.6rem 0.75rem !important;
    color: #fff !important;
    content: "Upload Files" !important;
    background-color: var(--secondary-color) !important;
    border-radius: 0 5px 5px 0 !important;
    position: absolute;
    top: 0;
    right: 0;
}


/* --- About Us --- */

.left-text {
    text-align: left;
}

.about-content p {
    margin-top: 24px !important;
    line-height: 26px;
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    text-align: left;
}

.about-img {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.about-img img {
    width: 60%;
}

.about-steps-group {
    padding: 29px 0 59px;
}

.about-step {
    text-align: center;
    padding: 0 20px;
    margin-top: 30px;
}

.about-step-img img {
    height: 60px;
}

.about-step h4 {
    font-size: 18px;
    font-weight: 700;
    color: #2b2f4c;
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: center;
}

.about-step p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    line-height: 26px;
}

.team-item {
    width: 100%;
    border-radius: 10px;
    background: #fff;
    padding: 5px;
    text-align: center;
}

.team-img img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.team-item h4 {
    font-size: 18px;
    font-weight: 700;
    color: #2b2f4c;
    margin-top: 21px;
    margin-bottom: 7px;
}

.team-item span {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 15px;
    display: block;
}

.team-social li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 5px;
}

.team-social li:last-child {
    margin-right: 0;
}

.scl-btn {
    font-size: 14px;
    background: #2b2f4c;
    color: #fff;
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 10px 0;
    text-align: center;
}

.how-order-gambo {
    padding: 0 0 14px;
}

.how-order-steps {
    text-align: center;
    margin-top: 30px;
    padding: 30px;
    background: #fff;
    height: 203px;
    border-radius: 10px;
}

.how-order-steps h4 {
    color: #2b2f4c;
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 21px;
}

.how-order-icon i {
    width: 70px;
    height: 70px;
    display: inline-block;
    background: var(--secondary-color);
    color: #fff;
    font-size: 30px;
    border-radius: 100%;
    padding: 14px 0;
    text-align: center;
}

/* --- Our Blog --- */

.blog-breadcrumb {
    text-align: center !important;
    width: 100%;
    background: transparent !important;
    align-items: center;
    justify-content: center;
}

.blog-breadcrumb .breadcrumb-item.active {
    color: #fff !important;
}

.blog-breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8);
}

.blog-breadcrumb .breadcrumb-item a:hover {
    color: rgba(255, 255, 255) !important;
}

.title129 .blog-titlebar-heading {
    font-size: 24px;
    font-weight: 700;
    margin-top: 36px !important;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.top-post-link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    line-height: 22px;
    margin-bottom: 7px;
}

.top-post-link:hover {
    color: var(--secondary-color) !important;
}

.top-posts li {
    padding: 12px 20px;
    border-bottom: 1px solid #efefef;
}

.top-posts li:last-child {
    border-bottom: 0;
}

.cntct-social {
    padding: 20px 20px 0;
}

.blog-gambo {
    padding: 65px 0 0;
}

.blog-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

@media (min-width: 768px) {
    .text-md-end {
        text-align: right !important;
    }
}

.text-md-end {
    text-align: right !important;
}

/* .blog-img {
    width: 100%;
    padding: 5px 5px 0;
    position: relative;
    display: block;
}

.blog-img img {
    width: 100%;
    border-radius: 8px 8px 0 0;
} */

.blog-cate-badge {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    background: var(--secondary-color);
    padding: 5px 10px;
    border-radius: 5px;
}

.date-icons-group {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #efefef;
}

.like-share-icons li {
    display: inline-block;
    margin-right: 15px;
}

.like-share-icons li:last-child {
    margin-right: 0;
}

.like-share-icons {
    margin-left: auto;
}

.blog-time {
    font-size: 12px;
    font-weight: 500;
    color: #b2b2b2;
    text-align: left;
}

.sz-14 {
    font-size: 14px !important;
}

.like-share {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.like-share span {
    margin-left: 5px;
    color: #2b2f4c;
}

.like-share:hover {
    color: var(--secondary-color) !important;
}

.blog-detail h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
    text-align: left;
    color: #2b2f4c;
}

.blog-detail {
    padding: 20px;
}

.blog-detail p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    margin-bottom: 12px;
    text-align: left;
}

.blog-detail a {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
    text-align: left;
}

.blog-detail a:hover {
    color: var(--secondary-color) !important;
    text-decoration: underline !important;
}

.blog-btn {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
    padding: 11px 20px;
    border-radius: 5px;
    color: #fff;
    background: var(--secondary-color);
}

.blog-more-btn {
    text-align: center;
    padding-top: 10px;
}


/* --- Blog sidebar --- */

.pdpt-bg-left {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
    float: left;
    width: 100%;
}

.blog-search-widget {
    padding: 20px;
    float: left;
    width: 100%;
}

.blog-from {
    position: relative;
}

.blog-search-widget .form-control {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2b2f4c;
    border: 1px solid #efefef;
    position: relative;
    padding: 0 3rem 0 1rem;
    position: relative;
    height: 40px;
    border-radius: 5px !important;
}

.blog-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 120%;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
}

.top-posts {
    float: left;
    width: 100%;
}

.top-posts li {
    float: left;
    width: 100%;
}

.blog-top-item {
    float: left;
    width: 100%;
}

.post-cate-link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    line-height: 26px;
    margin-bottom: 5px;
    float: left;
}

.cate-count {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #8f91ac;
    line-height: 26px;
    margin-bottom: 0px;
    float: right;
}

.top-posts .media-list {
    padding: 20px !important;
}

.top-posts .media-list .media {
    padding: 0;
    border: none;
    border-bottom: 0;
    float: left;
    width: 100%;
}

.media-list .media .media-left {
    padding-right: 1rem;
    float: left;
}

.icon-bg-circle {
    color: #fff;
    padding: 0;
    border-radius: 8px;
    width: 70px;
    height: 70px;
    border: 0;
    object-fit: cover;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.tagcloud {
    padding-bottom: 15px;
}

.tagcloud a,
.tagcloud .tag-cloud-link {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: 0.375rem 0.5625rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 1px solid #efefef;
    border-radius: 5px;
    color: #2b2f4c;
    font-size: 13px !important;
    white-space: nowrap;
    line-height: 1.5;
}

.pagination-area .page-numbers {
    width: 33px;
    height: 33px;
    background-color: #fff;
    border: 1px solid #efefef;
    color: #606060;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    line-height: 34px;
    position: relative;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 14px;
    font-weight: 500;
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover {
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

/* --- Blog Detail View --- */

.blog-dt-vw {
    height: 80vh;
    display: table;
    text-align: center;
    width: 100%;
    background-position: 40% 0px;
    transition: 0s linear;
    transition-property: background-position;
}

.banner-blog {
    background: url(../images/blog/img-1.jpg) 40% 0px / cover no-repeat;
}

.banner.visible {
    opacity: 1;
}

.parallax {
    background-position: 40% 0px;
}

.blog-dt-vw .blog-inner {
    display: table-cell;
    color: #fff;
    font-weight: 500;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .6);
}

.blog-dt-vw .blog-inner h1 {
    font-size: 40px;
    font-weight: bold;
    margin: 0 auto 10px;
    max-width: 750px;
    line-height: 1.3em;
    padding: 0 15px;
}

.blog-inner .extra-info {
    font-size: 14px;
}

.entry-date {
    font-weight: 500;
}

.single-post-cat {
    margin-top: 20px;
}

.single-post-cat a {
    color: #fff;
    background: var(--secondary-color);
    padding: 5px 10px 4px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    margin: 0 2px;
    line-height: 24px;
    display: inline-block;
}

.blog-des-dt142 p {
    color: #3e3f5e;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
    line-height: 26px;
}

.blog-des-dt142 {
    margin-top: 42px;
}

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

.mb-21 {
    margin-bottom: 21px;
}

.ss18 {
    font-size: 18px !important;
}

.leave-comment {
    margin-top: 35px;
}

.leave-comment h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    width: 100%;
    margin-bottom: 13px;
    color: #2b2f4c;
}

.leave-comment span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 11px;
    text-align: left;
    line-height: 26px;
}

.ptt {
    padding: 30px;
}

.all-comment {
    margin-top: 35px;
    padding-bottom: 41px;
    border-bottom: 1px solid #efefef;
}

.all-comment h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    width: 100%;
    margin-bottom: 13px;
    color: #2b2f4c;
}

.cmmnt_item {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin-top: 30px;
}

.cmmnt_item:last-child {
    border-bottom: 0;
}

.cmmnt_usr_dt {
    display: flex;
    position: relative;
}

.cmmnt_usr_dt img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-right: 15px;
}

.tutor_name1 {
    font-size: 16px;
    font-weight: 700;
    color: #2b2f4c !important;
    text-align: left;
    margin-bottom: 0;
}

.time_145 {
    font-size: 12px;
    font-weight: 500;
    color: #b1b1b1;
    display: block;
    margin-top: 5px;
}

.rvds10 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 17px;
    line-height: 26px;
    color: #3e3f5e;
    text-align: left;
    margin-bottom: 0;
}


button,
input,
optgroup,
select,
textarea {
    font-family: 'roboto', sans-serif !important;
}

textarea {
    border: 1px solid #efefef !important;
}

.form-control {
    color: #2b2f4c !important;
    font-weight: 400 !important;
    background-color: #eaeaea !important;
}

.post-btn {
    height: 40px;
    border: 0;
    padding: 0 20px;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 13px;
}

.fcrse_3 {
    background: #fff;
    width: 100%;
    padding: 0;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.cater_ttle {
    float: left;
    width: 100%;
    padding: 15px 20px;
}

.fcrse_3 h4 {
    font-size: 16px;
    color: #333;
    float: left;
    font-weight: 500;
    margin-bottom: 0;
}

.allcate15 {
    width: 100%;
}

.allcate15 li {
    display: block;
    width: 100%;
}

.blogleft12 li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

.blogleft12 li:last-child {
    border-bottom: 0;
}

/* --- Press Page --- */

.ct_item {
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
    color: #686f7a;
    text-align: left;
}

.ct_item.active {
    font-weight: 600;
    color: #2b2f4c;
}

.ct_item i {
    margin-right: 10px;
    font-size: 120%;
}

.category-topics {
    border-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0 !important;
    text-align: left;
    color: #2b2f4c;
    display: block;
    padding: 15px 20px;
}

.category-topics:after {
    content: '\f107';
    font-size: 14px;
    font-weight: 600;
    font-family: "Font Awesome 6 Free";
    float: right;
    margin-left: 30px;
    color: #a7a8aa;
}

.category-item1 {
    border-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0 !important;
    text-align: left;
    color: #3e3f5e;
    display: block;
    padding: 10px 20px;
}

.socl148 {
    padding: 20px;
    display: flex;
}

.twiter158 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border: 0;
    border-radius: 5px;
    height: 40px;
    padding: 0 15px;
    width: 50%;
    margin-right: 10px;
    background: #1da1f2;
}

.facebook158 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border: 0;
    border-radius: 5px;
    height: 40px;
    padding: 0 15px;
    width: 50%;
    background: #3b5998;
}

.ic45 {
    margin-right: 7px;
}

.help_link {
    padding: 15px 20px;
    text-align: center;
}

.help_link a {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: center;
}

.help_link a:hover {
    color: var(--secondary-color) !important;
}


.press-title h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px !important;
    text-align: left;
    color: #2b2f4c;
    line-height: 24px;
}

.press-title p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0 !important;
    text-align: left;
    color: #3e3f5e;
    line-height: 24px;
}

.press-title p a {
    color: var(--secondary-color);
}

.press-title p a:hover {
    color: var(--secondary-color) !important;
    text-decoration: underline !important;
}

.press-item {
    display: block;
    background: #fff;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.press-item span {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0 !important;
    text-align: left;
    color: #b1b1b1;
}

.press-item h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    text-align: left;
    color: #2b2f4c;
    line-height: 24px;
}

.press-item p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0 !important;
    text-align: left;
    color: #3e3f5e;
    line-height: 26px;
}

.policy-des-dt {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
}

.policy-des-dt:last-child {
    margin-bottom: 7px;
    padding-bottom: 0;
    border-bottom: 0;
}

/* --- Sign In --- */

.sign-inup {
    padding: 80px 0;
}

.sign-form {
    display: block;
    width: 100%;
}

.sign-img {
    background: #4576b4;
    padding: 50px;
    border-radius: 5px 0 0 5px;
}

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

.sign-inner {
    padding: 0;
}

.sign-logo {
    width: 100%;
    text-align: center;
}

.sign-logo img {
    width: 150px;
}

.form-dt {
    margin-top: 50px;
    border: 1px solid #efefef;
    position: relative;
    border-radius: 10px;
    background: #fff;
}

.form-inpts {
    padding: 38px 30px 0;
}

.form-title {
    text-align: center;
    margin-bottom: 37px;
}

.form-title h6 {
    font-weight: 700;
    color: #2b2f4c;
    font-size: 18px;
}

.lgn_input {
    padding: 0 1rem 0 3rem !important;
    height: 50px !important;
}

.pos_rel {
    position: relative;
}

.lgn_icon {
    position: absolute;
    top: 12px;
    left: 2%;
    font-size: 18px;
    color: #2b2f4c;
}

.form-control:focus+.lgn_icon {
    color: var(--secondary-color);
}

.login-btn {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 40px;
    border: 0;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 5px;
    text-align: center;
}

.signup-link {
    margin-top: 30px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 1.5rem;
    background: var(--secondary-color);
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.signup-link p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.signup-link p a {
    color: #fff;
    font-size: 12px;
    background: #2b2f4c;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
}

.signup-link p a:hover {
    color: #fff !important;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.sign-inup .copyright-text {
    color: #2b2f4c;
}

.password-forgor {
    text-align: center;
}

.password-forgor a {
    display: block;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.password-forgor a:hover {
    color: var(--secondary-color) !important;
}

/* --- Contact Us --- */

.panel-group {
    width: 100%;
    margin-top: 34px;
    margin-bottom: 14px;
}

.panel-title {
    vertical-align: middle;
}

.panel-default {
    width: 100%;
    border-top: 0;
}

.panel-default:first-child {
    border-top: 0;
}

.panel-body {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: left;
    padding: 20px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #efefef;
}

.panel-default {
    width: 100%;
    border-top: 0;
}

.panel-title {
    vertical-align: middle;
}

.panel-title a {
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c !important;
    padding: 15px 20px 18px;
    display: block;
    line-height: 26px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    margin-top: 10px;
}

.panel-title a.collapsed {
    border-radius: 10px;
}

.chck_icon {
    color: var(--secondary-color);
    margin-right: 10px;
}

.panel-title>a:before {
    float: right !important;
    font-family: 'Roboto', sans-serif;
    content: "\f058";
    padding-right: 0px;
    font-size: 16px;
    padding-top: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.panel-title>a.collapsed:before {
    float: right !important;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}

.color-pink {
    color: var(--secondary-color);
}

.contact-title h2 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 0 !important;
    text-align: left;
    margin-bottom: 12px;
    color: #2b2f4c;
}

.contact-title p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 0 !important;
    text-align: left;
    margin-bottom: 0;
    color: #3e3f5e;
    line-height: 26px;
}

.contact-form {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px 30px;
    margin-top: 34px;
    margin-bottom: 14px;
}

.modal-body .contact-form {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px 30px;
    margin-top: 0px;
    margin-bottom: 14px;
}


/* --- Product Request --- */

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    background: var(--secondary-color);
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 26px;
}

.bootstrap-tagsinput {
    border: 1px solid #efefef !important;
    box-shadow: none !important;
    width: 100%;
    height: auto;
    text-align: left;
}

.bootstrap-tagsinput input {
    padding: 7px 10px !important;
    font-weight: 500;
    border-radius: 5px;
}

.request-products {
    margin-top: 30px;
}

.rqst-btn {
    width: 100%;
}

.request-grid {
    margin-top: 64px;
}

/* --- Faq Page --- */

.faq-dt {
    padding: 50px;
    background: #2b2f4c;
    position: relative;
}

.faq-dt:before {
    content: "";
    background: url(../images/career/default.html) no-repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.1;
}

.panel-body p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    margin-bottom: 0;
}

/* --- Offers Page --- */

.offers-item {
    display: block;
    margin-top: 30px;
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 1px 2px 0 #e9e9e9;
}

.offer-img img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.offers-text {
    padding: 20px 15px;
}

.offers-text h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
    text-align: left;
    color: #2b2f4c;
}

.offers-text p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    line-height: 26px;
    text-align: left;
    margin-bottom: 0;
}

.mb-14 {
    margin-bottom: 14px;
}

/* --- Bill Page --- */

.report-btn {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--secondary-color);
    display: inline-block;
    padding: 8px 16px;
    border-radius: 5px;
}

.bill-dt-bg {
    padding-top: 65px;
}

.bill-detail {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
    margin: 37px 0;
}

.bill-dt-step {
    padding: 30px;
    border-bottom: 1px solid #efefef;
}

.bill-dt-step:last-child {
    border-bottom: 0;
}

.bill-title h4 {
    margin-bottom: 20px !important;
    font-size: 18px;
    font-weight: 700;
    color: #2b2f4c;
}

.itm-ttl {
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
    color: #2b2f4c;
}

.item-prdct {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    text-align: left;
    line-height: 24px;
    margin-right: 10px;
}

.item-prdct:last-child {
    margin-right: 0;
}

.item-prdct:after {
    content: ',';
    padding-left: 3px;
}

.item-prdct:last-child:after {
    content: '';
}

.bill-address {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    line-height: 26px;
}

.bill-dt-sl {
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    margin-bottom: 0;
    line-height: 30px;
}

.descp-bll-dt {
    color: #8f91ac;
}

.dly-loc {
    color: #3e3f5e;
}

.dlr-ttl25 {
    color: var(--secondary-color);
}

.bill-bottom {
    display: flex;
    align-items: center;
}

.thnk-ordr {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
    margin-bottom: 0;
    line-height: 26px;
}

.print-btn {
    margin-left: auto;
    padding: 9px 20px;
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
    color: #fff;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
}


.main-form .btn-light {
    min-height: 40px !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #717171 !important;
    background-color: #fff !important;
    border: 1px solid #efefef !important;
    padding: 5px 20px !important;
    border-radius: 5px !important;
    transition: none !important;
}


.main-form .ck-select .btn-light {
    min-height: 50px !important;
    height: 50px !important;
    padding: 14px 20px !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.bootstrap-select .dropdown-menu.inner {
    padding: 0px !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-block;
}

.main-form .bootstrap-select .dropdown-toggle:focus,
.main-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
    outline: none !important;
    outline-offset: -2px;
    border-color: var(--secondary-color) !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    border-radius: 0 !important;
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.bootstrap-select.dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    color: #fff !important;
    border-radius: 0 !important;
    text-decoration: none;
    background: var(--secondary-color);
    color: #fff !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.bootstrap-select .dropdown-item {
    color: #000 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
}

.bootstrap-select>.dropdown-toggle:after {
    margin-left: 0 !important;
}


.category-section {
    padding: 30px 0 30px;
}

@media (max-width: 1199.98px) {
    .category-section {
        padding: 60px 0 36px;
    }
}

@media (max-width: 991.98px) {
    .category-section {
        padding: 40px 0 16px;
    }
}

.category-section a h5 {
    margin: 5px 0 10px;
    font-size: 12px;
    font-weight: 700;
}

.category-section .category-links {
    /* border: 1px solid #F3F3F3; */
    background: #f8fdff;
    border-radius: 10px;
    margin: 0 0 24px 0;
    padding: 16px;
    display: inline-block;
    text-align: center;
    width: 100%;
    /* border: 1px solid #ddd; */
    border-top: #c2dfeb solid 2px;
}

@media (max-width: 1199.98px) {
    .category-section .category-links {
        width: 150px;
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .category-section .category-links {
        padding: 12px;
        width: 100%;
    }
}

.category-section .category-links span {
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 18px;
    display: block;
}

.category-section .category-links:hover {
    background: #ebebeb;
    border-color: #e3e3e3;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

/*.category-section .category-links:hover h5 {*/
/*    color: var(--white-color);*/
/*}*/

/*.category-section .category-links:hover span {*/
/*    color: var(--white-color);*/
/*}*/

.section-heading {
    margin: 0 0 0px;
    padding: 20px 0 0 0;
}

@media (max-width: 991.98px) {
    .section-heading {
        margin: 0 0 40px;
    }
}

.section-heading h2 {
    /* display: flex; */
    /* align-items: center; */
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 22px;
    color: #4e4e4e;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .section-heading h2 {
        font-size: 32px;
    }
}

@media (max-width: 991.98px) {
    .section-heading h2 {
        font-size: 28px;
    }
}

@media (max-width: 767.98px) {
    .section-heading h2 {
        font-size: 26px;
    }
}

.section-heading h2 span {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* border-radius: 57%; */
    /* padding: 5px 2px; */
    /* font-size: 32px; */
    /* color: var(--white-color); */
    /* background: var(--theme-color); */
    /*background: url(../images/Icon/headingred-bg.png);*/
    /* height: 62px; */
    /* width: 62px; */
    /* background-position: center center; */
}

@media (max-width: 767.98px) {
    .section-heading h2 span {
        font-size: 28px;
        height: 52px;
        width: 52px;
    }
}

.section-heading h2 .title-left {
    margin: 0 0 0 10px;
}

.section-heading h2 .title-right {
    margin: 0 10px 0 0;
}

.btn:focus {
    box-shadow: none;
}

.btn-white {
    background: var(--white-color);
    border: none;
    color: var(--secondary-color);
}

.btn-view {
    background: var(--white-color);
    border: 1px solid var(--secondary-color);
    border-radius: 6px;
    padding: 6px 26px;
    color: var(--secondary-color);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

@media (max-width: 767.98px) {
    .btn-view {
        margin: 20px 0 0;
        font-size: 14px;
    }
}

.btn-view:hover {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: var(--white-color);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.btn-view:focus {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: var(--white-color);
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.featured-section {
    background: #ededed;
    position: relative;
    padding: 40px 0;
}

@media (max-width: 1199.98px) {
    .featured-section {
        padding: 60px 0;
    }
}

@media (max-width: 991.98px) {
    .featured-section {
        padding: 40px 0;
    }
}

.featured-section .service-content h3 {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.featured-slider.grid-view .card {
    background: var(--white-color);
    padding: 0;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 0;
}

.featured-slider.grid-view .card:hover {
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05), 0px 4px 9px -1px rgba(19, 16, 34, 0.03);
}

.featured-slider.grid-view .lateestads-content .card {
    margin: 0 0 25px;
}

.owl-carousel.featured-slider.grid-view .owl-item .bloglist-content img {
    width: auto;
    display: inline;
    margin: 0 5px 0 0;
    border-radius: 50px;
}

.grid-view .fav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
    font-size: 14px;
}

.featured-slider .blog-img {
    border-radius: 10px 10px 0 0;
}

.featured-slider .bloglist-content .blogfeaturelink {
    display: flex;
    margin: 15px 0;
    justify-content: space-between;
}

.grid-view.featured-slider .blog-img {
    border-radius: 10px 10px 0 0;
}

.bloglist-content .blogfeaturelink {
    display: flex;
    margin: 15px 0;
}

.list-content .grid-view .card {
    background: var(--white-color);
    padding: 0;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    border-radius: 10px;
    margin: 0 0 25px;
}

.list-content .grid-view .card:hover {
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05), 0px 4px 9px -1px rgba(19, 16, 34, 0.03);
}

@media (max-width: 767.98px) {

    .owl-nav,
    .mynav2 {
        margin: 0 0 20px;
    }
}

.grid-view .blog-img {
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0 0;
    z-index: 1;
}

.grid-view .card-body {
    position: relative;
    padding: 15px 20px;
}

@media (max-width: 767.98px) {
    .grid-view .card-body {
        padding: 15px;
    }
}

.grid-view .grid-author {
    position: absolute;
    top: -18px;
    z-index: 2;
    border-radius: 50px;
}

.owl-prev {
    margin: 0 12px 0 0;
    border: 1px solid #dee2e7;
    border-radius: 10px;
    color: #7f7f7f;
    background: var(--white-color);
    width: 44px;
    height: 44px;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}

.owl-prev:hover {
    border: 1px solid var(--secondary-color);
    color: var(--white-color);
    background: var(--secondary-color);
    box-shadow: 0px 8px 18px -8px rgba(19, 16, 34, 0.15);
}

.owl-next {
    margin: 0 12px 0 0;
    border: 1px solid #dee2e7;
    border-radius: 10px;
    color: #7f7f7f;
    background: var(--white-color);
    width: 44px;
    height: 44px;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
    margin-right: 0;
}

.owl-next:hover {
    border: 1px solid var(--secondary-color);
    color: var(--white-color);
    background: var(--secondary-color);
    box-shadow: 0px 8px 18px -8px rgba(19, 16, 34, 0.15);
}

.grid-view .grid-author img {
    border-radius: 50px;
    width: 40px;
    height: 40px;
}

.grid-view .bloglist-content .blogfeaturelink {
    margin: 15px 0;
}

.grid-view .bloglist-content .blogfeaturelink i {
    margin: 0 5px 0 0;
}

.grid-view .bloglist-content .blogfeaturelink img {
    margin: 0 5px 0 0;
}

.grid-view .bloglist-content .blog-author span {
    font-size: 12px;
}

.grid-view .bloglist-content .blog-features {
    margin: 0 15px 0 0;
}

.grid-view .bloglist-content .blog-features a {
    color: #9c9c9c;
    font-size: 12px;
}

.grid-view .card .amount-details .validrate {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.grid-view .card .amount {
    font-size: 12px;
    color: #9c9c9c;
}

.grid-view .card .amount span {
    text-decoration: line-through;
}

.grid-view .card h6 {
    margin: 0 0 15px;
    width: 100%;
    color: #0d233e;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid-view .card h6>a:hover {
    color: var(--secondary-color);
}

.grid-view .card .ratings span {
    background: #ff823b;
    color: var(--white-color);
    margin: 0 6px 0 0;
    padding: 2px 9px;
    border-radius: 4px;
    font-size: 14px;
}

.grid-view .featured-text {
    background: var(--secondary-color);
    border-radius: 5px;
    color: var(--white-color);
    padding: 7px 10px;
}

.grid-view .blog-author span {
    color: #9c9c9c;
    font-size: 12px;
}

.grid-view .blog-location-details {
    color: #9c9c9c;
    font-size: 12px;
    margin: 0 0 15px;
}

.grid-view .ratings {
    color: #9c9c9c;
    font-size: 12px;
}

.fav-item .fav-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: var(--white-color);
    border-radius: 50%;
}

.fav-item .fav-icon:hover {
    background-color: var(--secondary-color);
    color: var(--white-color) !important;
}

.fav-item .fav-icon.selected {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.card {
    background: var(--white-color);
    box-shadow: 3px 5px 13px rgba(222, 226, 231, 0.44);
    border-radius: 10px;
    margin-bottom: 24px;
    border: 0;
}

.blog-widget img {
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;

}

.blog-img:hover img {
    /* transform: scale(1.35) rotate(15deg); */
}

.popular-locations {
    background-color: #ffffff;
    text-align: center;
    color: var(--white-color);
    position: relative;
    padding: 60px 0;
}

@media (max-width: 1199.98px) {
    .popular-locations {
        padding: 60px 0;
    }
}

@media (max-width: 991.98px) {
    .popular-locations {
        padding: 40px 0;
    }
}

.popular-locations .section-heading h2 {
    justify-content: center;
    color: var(--white-color);
}

.popular-locations .section-heading p {
    justify-content: center;
    color: var(--white-color);
}

.popular-locations .section-heading h2 span {
    color: var(--theme-color);
    background: var(--white-color);
    /*background: url(../assets/images/icon/headingspan-bg.png);*/
    height: 62px;
    width: 62px;
    margin: 0 0 0 10px;
}

.popular-locations .location-info-details {
    background: #f9fafc;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    margin: 0 0px 25px 0px;
    padding: 15px;
}

@media (max-width: 767.98px) {
    .popular-locations .location-info-details {
        padding: 10px;
    }
}

.popular-locations .location-content {
    padding: 0 0px 0 15px;
    text-align: left;
    width: calc(100% - 148px);
}

.popular-locations .location-content p {
    color: #717171;
    margin: 0 0 10px;
    font-size: 14px;
}

.popular-locations .location-content a {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    margin: 0 0 3px;
}

.popular-locations .location-content a:hover {
    color: var(--secondary-color);
}

.popular-locations .location-content .view-detailsbtn {
    background: var(--white-color);
    padding: 8px 8px;
    border-radius: 5px;
    width: 100%;
    margin: 0;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #374b5c;
    font-weight: normal;
    box-shadow: 0px 8px 18px -8px rgba(19, 16, 34, 0.15);
}

.popular-locations .location-content .view-detailsbtn:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.popular-circleimg {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 14%;
    z-index: 0;
}

.popularcircle-img img {
    filter: invert(1) brightness(100);
}

.location-info-details .location-img img {
    border-radius: 10px;
}

.location-info:last-child {
    margin-right: 0;
}

.location-details {
    flex-wrap: wrap;
    justify-content: space-between;
}

.browse-btn {
    border: 1px solid var(--white-color);
    font-size: 14px;
    color: var(--white-color);
    border-radius: 6px;
    margin: 20px 0 0 0;
    padding: 10px 28px;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .browse-btn {
        margin: 20px 0 0 0;
    }
}

.browse-btn:hover {
    border: 1px solid var(--secondary-color);
    background: var(--white-color);
    color: var(--secondary-color);
}

.ci-pl-list li a {
    display: inline-block;
    font-style: var(--heading-font);
    text-transform: uppercase;
    font-size: 16px;
    color: var(--white-color);
    text-decoration: none
}

.ci-pl-list li a:hover {
    color: var(--secondary-color)
}

.ci-pl-list li a span.lc {
    display: block;
    font-size: 12px;
    margin: 10px 0px;
    color: #999
}

.destination-section {
        margin-top: 70px;
    background-color: #eee;
    padding: 60px 0px 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pt-50 {
    padding-top: 50px;
}

@media screen and (min-width: 992px) {
    .destination-section {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    .destination-section {
        padding-bottom: 60px;
    }
}

.destination-three-column .row .row {
    margin: 0;
}

.destination-three-column .row .row [class*=col-] {
    padding: 7px;
}

/*.destination-three-column>.row {*/
/*    margin: 0 -7px;*/
/*}*/

.destination-three-column>.row>[class*=col-] {
    padding: 0;
}

.destination-four-column .row {
    margin: 0 -7px;
}

.destination-four-column .row [class*=col-] {
    padding: 7px;
}

.overlay-desti-item .desti-content {
   position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    /*justify-content: flex-end;*/
    width: 100%;
    gap: 20px;
    /* right: 10px; */
    padding-right: 50px;
}

/* .overlay-desti-item .desti-content h3 {
    margin-bottom: 4px;
} */
.overlay-desti-item .desti-content h3 a {
    color: var(--white-color);
}

.overlay-desti-item .desti-content h3 a:hover {
    color: var(--secondary-color);
}

.desti-item {
    /*background-color: var(--white-color);*/
    /*box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);*/
    padding: 8px;
    position: relative;
}

.desti-item .desti-image {
    position: relative;
}
.destination-inner .row{
        --bs-gutter-x: 0rem;
}
/*.destination-inner .row .col-sm-3{*/
/*    float: left;*/
/*}*/
/*.destination-inner .row .col-lg-6{*/
/*    float: left;*/
/*}*/

.desti-item .desti-image img {
    height: 230px;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    object-fit: cover;
   border-radius: 20px;
    object-position: left;
}

.desti-item .desti-image:before {
    background-color: #101F46;
    content: "";
    position: absolute;
   height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    opacity:1;
    transition: all 0.4s 
ease;
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);*/
    /*background: linear-gradient(0deg, rgb(0 0 0 / 89%) 0%, rgba(0, 0, 0, 0.6) 30%, rgb(0 0 0 / 0%) 100%);*/
    background: linear-gradient(to top, #0e0f12 0, #0e0f12f2 calc(100% - 310px), #0e0f1200 100%);
    border-radius: 20px;
    width:100%;
}

.desti-item .desti-image .rating-start {
    position: absolute;
    top: 10px;
    right: 14px;
}

.desti-item .meta-cat a {
    display: inline-block;
    font-family: "Raleway", Sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.desti-item .meta-cat a:hover,
.desti-item .meta-cat a:focus {
    color: var(--heading-color);
}

.desti-item .bg-meta-cat {
    position: absolute;
    top: 30px;
    left: 30px;
}

.desti-item .bg-meta-cat a {
    background-color: var(--secondary-color);
    color: var(--white-color);
    padding: 7px 24px;
}

.desti-item .bg-meta-cat a:hover,
.desti-item .bg-meta-cat a:focus {
    background-color: var(--theme-color);
    color: var(--white-color);
}

.desti-item .rating-start span:before {
    color: var(--white-color);
}

@media screen and (max-width: 991px) {
    .desti-item .desti-image img {
        width: 100%;
    }
}

.desti-content {
    padding: 20px;
}

.desti-content h3 {
    margin-bottom: 4px;font-size: 15px;
    text-transform: uppercase;
}

.desti-content h3 a:hover {
    color: var(--secondary-color);
}

.btn-wrap a {
    margin-top: 40px;
}

@media screen and (max-width: 575px) {
    .btn-wrap a {
        margin-top: 20px;
    }
}

.destination-section .section-heading h2,
.destination-section .section-heading p {
    text-align: center;
    justify-content: center;
}

/* .featured-section .section-heading h2,
.featured-section .section-heading p {
    text-align: center;
    justify-content: center;
} */


.btn-primary {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 0 0 var(--white-color);
    border-radius: 5px;
    padding: 10px 34px;
    transition: var(--transition);
}

.btn-primary:hover {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
    transition: var(--transition);
}

.btn-primary:focus {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-primary:active {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-primary:active:focus {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--secondary-color);
}

.btn-primary:active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
}

.btn-primary:active:hover {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--secondary-color);
}

.btn-primary:active:not(:disabled):not(.disabled) {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-primary:disabled {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-outline-primary {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    box-shadow: inset 0 0 0 var(--white-color);
    border-radius: 5px;
}

.btn-outline-primary:hover {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--white-color);
}

.btn-outline-primary:focus {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--white-color);
}

.btn-outline-primary:active {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--white-color);
}

.btn-outline-primary:active:focus {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--white-color);
}

.btn-outline-primary:active:hover {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--secondary-color);
    color: var(--white-color);
}

.btn-secondary {
    background: #f7f7ff;
    border: 1px solid #f7f7ff;
    box-shadow: inset 0 0 0 0 var(--white-color);
    color: #374b5c;
    border-radius: 10px;
}

.btn-secondary:hover {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary:focus {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary:active {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary:active:focus {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary:active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
    box-shadow: unset;
}

.btn-secondary:active:hover {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary:active:not(:disabled):not(.disabled) {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
    color: var(--white-color);
}

.btn-secondary:disabled {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.btn-secondary.active {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 70px 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary.active:focus {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary.active:focus:not(:disabled):not(.disabled) {
    box-shadow: unset;
    box-shadow: unset;
}

.btn-secondary.active:hover {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary.active:not(:disabled):not(.disabled) {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
    color: var(--white-color);
}

.btn-secondary.active.focus {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary.focus:active {
    background-color: var(--white-color);
    border: 1px solid var(--secondary-color);
    box-shadow: inset 70px 0 0 0 var(--white-color);
    color: var(--secondary-color);
}

.btn-secondary.disabled {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}


.contact-section {
    background-color: var(--secondary-color);
    padding-bottom: 30px;
    padding-top: 60px;
}

.contact-section .contact-img {
    position: relative;
    z-index: 10;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -136px;
    min-height: 325px;
}

.contact-section .contact-details-wrap {
    padding-left: 20px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.contact-section .contact-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.contact-section .contact-details .contact-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.contact-section .contact-details ul {
    padding: 0;
    margin: 0;
}

.contact-section .contact-details ul li {
    color: #ffffff;
    text-align: center;
    list-style: none;
    font-weight: 500;
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 8px;
}

.contact-section .contact-details ul li:last-child {
    margin-bottom: 0;
}

.contact-section .contact-details ul li a {
    color: #ffffff;
}

.contact-section .contact-details ul li a:hover,
.contact-section .contact-details ul li a:focus {
    color: var(--theme-color) !important;
}

.contact-section .contact-details-wrap [class*=col-]:last-child .contact-details {
    border-right: none;
}

.contact-section .contact-btn-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    margin-top: 30px;
    padding-top: 30px;
}

.contact-section .contact-btn-wrap h3 {
    color: #ffffff;
}

.contact-section .contact-btn-wrap .browse-btn {
    margin: 0;
}

@media screen and (min-width: 576px) {
    .contact-section .contact-btn-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .contact-section h3 {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .contact-section .contact-img {
        margin-bottom: 30px;
    }

    .contact-section .contact-details-wrap {
        padding-left: 0;
    }
}

@media screen and (max-width: 575px) {
    .contact-section {
        padding-bottom: 60px;
    }

    .contact-section .contact-details {
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        border-right: none;
        padding: 20px 0;
    }

    .contact-section .contact-details .contact-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .contact-section .contact-details-wrap [class*=col-]:last-child .contact-details {
        border-bottom: none;
    }

    .contact-section .contact-btn-wrap {
        text-align: center;
    }
}

.site-footer {
    background-color: #383838;
    padding-top: 60px;
}

.site-footer .top-footer {
    padding-bottom: 40px;
}

.site-footer .award-img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

.site-footer .award-img a {
    width: 50%;
}

.site-footer .award-img a:first-child {
    margin-right: 10px;
}

.site-footer .buttom-footer {
    background-color: #242424;
    padding: 15px 0;
}

.site-footer .copy-right {
    float: right;
    color: #ffffff;
}

.site-footer .copy-right a {
    color: #ffffff;
}

.site-footer .copy-right a:hover {
    color: var(--secondary-color);
}

.site-footer .footer-menu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.site-footer .footer-menu ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.site-footer .footer-menu ul li:before {
    content: "|";
    position: absolute;
    top: 0;
    right: -2px;
    font-size: 14px;
    color: #B6B6B6;
}

.site-footer .footer-menu ul li:last-child:before {
    display: none;
}

.site-footer .footer-menu ul li a {
    color: #ffffff;
    font-size: 15px;
}

.site-footer .footer-menu ul li a:hover,
.site-footer .footer-menu ul li a:focus {
    color: var(--secondary-color);
}

@media screen and (max-width: 575px) {
    .site-footer {
        padding-top: 50px;
    }

    .site-footer .top-footer {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .site-footer .footer-menu {
        text-align: center;
        margin-bottom: 15px;
    }

    .site-footer .footer-logo {
        margin-bottom: 15px;
    }

    .site-footer .copy-right {
        text-align: center !important;
    }
}

.top-footer .footer-logo {
    position: relative;
    /*padding: 0px 20px 30px 0px;*/
}

.top-footer .footer-logo img {
    filter: brightness(0) invert(1);
    height: 100px;
}

.footer-primary .widget {
    color: #e0e0e0;
}

.footer-primary .widget .widget-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    margin-bottom: 22px;
    align-items: center;
    text-transform: uppercase;
}

.footer-primary .widget .widget-title:before {
    background-color: var(--secondary-color);
    content: "";
    height: 18px;
    width: 4px;
    margin-right: 10px;
}

.footer-primary .widget ul li a {
    font-weight: 500;
    color: #ffffff;
}

.footer-primary .widget ul li a:hover,
.footer-primary .widget ul li a:focus,
.footer-primary .widget ul li a:active {
    color: var(--secondary-color);
}

@media screen and (max-width: 991px) {
    .footer-primary .widget {
        margin-bottom: 30px;
    }
}


.widget {
    margin-bottom: 30px;
}

.widget a {
    display: block;
}

.widget .widget-title {
    margin-bottom: 30px;
}

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

.widget ul li {
    list-style: none;
}

.widget ul li a {
    color: #383838;
}

.widget ul li a:hover {
    color: #2C75BA;
}

.widget.widget_recent_post li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(135, 135, 135, 0.3);
    display: flex;
    gap: 10px;
}

.widget.widget_recent_post li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget.widget_recent_post li a {
    color: inherit;
}

.widget.widget_recent_post li h5 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}

.widget.widget_recent_post li .entry-meta {
    margin-left: -8px;
    margin-right: -8px;
}

.widget.widget_recent_post li .entry-meta span {
    padding: 0 8px;
    position: relative;
}

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

.widget.widget_recent_post li .entry-meta span:before {
    color: #B6B6B6;
    content: "|";
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
}

.widget.widget_recent_post li .entry-meta span:last-child:before {
    display: none;
}

.widget.widget_recent_post li .entry-meta a {
    color: #e0e0e0;
    display: inline-block;
    font-size: 13px;
    line-height: 1.1;
}

.widget.widget_recent_post li .entry-meta a:hover,
.widget.widget_recent_post li .entry-meta a:focus {
    color: #2C75BA;
}

.widget.widget_text ul {
    margin-top: 20px;
}

.widget.widget_text ul li {
    margin-bottom: 10px;
}

.widget.widget_text ul li:last-child {
    margin-bottom: 0;
}

.widget.widget_text ul li i {
    color: var(--secondary-color);
    margin-right: 5px;
}

.widget.widget_newslatter .newslatter-form {
    margin-top: 24px;
}

.widget.widget_newslatter .newslatter-form input {
    background: #fff;
    height: 45px;
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #efefef !important;
    color: #2b2f4c !important;
    padding: 10px;
    margin-bottom: 15px;
}

.widget.widget_newslatter .newslatter-form [type=submit] {
    padding: 17px 30px;
    margin-bottom: 0;
}

.testimonial-area {
    position: relative;
    padding: 60px 0px 0px;
    background: linear-gradient(180deg, rgba(242, 248, 253, 0) 0%, #F2F8FD 100%);
}

.testimonial-item {
    margin-bottom: 40px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(27, 42, 82, 0.07);
    padding: 35px 30px 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.testimonial-active-2 .testimonial-item {
    margin-bottom: 80px
}

.testimonial-item:hover {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 20px 100px 0px rgba(27, 42, 82, 0.14);
}

.testimonial-item p {
    color: #6A738B;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
}

.testimonial-icon {
    position: absolute;
    right: 30px;
    top: 35px;
}

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

.testimonial-head-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial-head-info h6 {
    color: #1B2A52;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    cursor: pointer;
}

.testimonial-head-info h6:hover {
    color: var(--secondary-color);
}

.testimonial-head-info span {
    color: #6A738B;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 22px;
}

.testimonial-rating {
    list-style: none;
    display: flex;
    gap: 5px;
    margin-bottom: 17px;
}

.testimonial-rating li {
    font-size: 14px;
    color: #F59E0B;
}

.swiper-wrapper.roll-slider {
    transition-timing-function: linear;
}

.p-relative {
    position: relative;
}

.h3_brand-wrap-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: calc(100% - 220px);
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    border-radius: 500px;
}

.h3_brand-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 90px;
}

@media (max-width: 1399px) {
    .h3_brand-wrap {
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .h3_brand-wrap {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.h3_brand-wrap-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: -70px;
    width: calc(100% - 220px);
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    border-radius: 500px;
    filter: brightness(0) invert(0.98);
    height: 400px;
}

@media (max-width: 991px) {
    .h3_brand-wrap-bg {
        display: none;
    }
}

.h3_brand-img {
    border-radius: 100px;
    background: #e6e6e6;
    box-shadow: 0px 30px 50px 0px rgba(27, 42, 82, 0.07);
    height: 45px;
    width: 200px;
    display: grid;
    place-items: center;
    padding: 0 15px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    cursor: pointer;
}

.h3_brand-img a {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2c2c2c;
}
.h3_brand-img a:hover {
    color: #121212 !important;
}

.h4_brand-area {
    background: #fff;
}

.h5_brand-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: space-evenly;
    align-items: center;
}

@media (max-width: 991px) {
    .h5_brand-wrap {
        gap: 30px;
    }
}

.popular-locations .browse-btn {
    margin-top: 70px;
}

.page-banner-area {
    z-index: 1;
    position: relative;
    padding: 85px 0px 55px;
}

.bgs-cover {
    background-size: cover;
    background-position: center;
}

.page-banner-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.4;
    background-color: var(--heading-color);
}

.page-banner-area:before {
    mix-blend-mode: multiply;
}

.banner-inner h2 {
    color: white;
    margin-bottom: 10px;
    font-weight: 600;
}

@media only screen and (min-width: 992px) {
    .banner-inner h2 {
        font-size: 40px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 767px) {
    .banner-inner h2 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .banner-inner h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-inner h2 {
        font-size: 33px;
    }
}

@media only screen and (min-width: 576px) {
    .banner-text {
        font-size: 18px;
    }
}

.breadcrumb {
    padding: 0;
    margin: 0;
    font-size: 16px;
    background: transparent;
    text-transform: capitalize;
    /*font-family: "Encode Sans", sans-serif;*/
    font-family:var(--heading-font);
}

@media only screen and (max-width: 575px) {
    .breadcrumb {
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .breadcrumb {
        font-size: 16px;
    }
}

.breadcrumb .breadcrumb-item a {
    color: white;
}

.breadcrumb .breadcrumb-item a:hover {
    color: var(--secondary-color);
}

.breadcrumb .breadcrumb-item.active {
    color: white;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: '';
}

.breadcrumb .breadcrumb-item i {
    font-size: 14px;
    padding: 0px 10px;
}

.feature-four {
    position: relative;
    z-index: 2;
    counter-reset: count;
    padding: 60px 0px;
}

.feature-four .about-content-main {
    font-size: 16px;
    margin-bottom: 50px;
    text-align: justify;
}

.feature-four__item {
    position: relative;
    z-index: 1;
    counter-increment: count;
    min-height: 400px;
    margin-bottom: 23px;
}

.feature-four__item__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 200px 200px 0 0;
    transition: all ease 0.4s;
}

.feature-four__item__bg::after {
    background-color: var(--accent-color);
    opacity: 0.67;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.feature-four__item:hover .feature-four__item__bg {
    transform: scale(1.01);
}

.feature-four__item__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 0 20px;
    z-index: 2;
}

.feature-four__item__number {
    width: 50px;
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-family: var(--careox-special-font, "Caveat", cursive);
    color: var(--white-color);
    font-size: 35px;
    font-weight: 700;
    z-index: 2;
    overflow: hidden;
}

.feature-four__item__number::after {
    content: counters(count, ".", decimal-leading-zero);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-four__item__title {
    font-size: 26px;
    font-weight: 700;
    color: var(--white-color);
    transition: 300ms ease;
    margin-bottom: 20px;
}

.feature-four__item__text {
    transition: 300ms ease;
    color: var(--white-color);
    margin: 0 0 31px;
}

.feature-four__item__rm {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: var(--white-color);
    background-color: var(--accent-color);
    font-size: 16px;
    transition: 400ms ease;
}

.feature-four__item__rm span {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.feature-four__item__rm:hover {
    background-color: #122f2a;
    color: var(--accent-color);
}

.feature-four__item__rm:hover span {
    animation: iconTranslateX 0.4s forwards;
}

@keyframes iconTranslateX {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    51% {
        opacity: 1;
    }
}


.testimonial-item {
    background: white;
    padding: 20px 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(145, 145, 145, 0.12);
    box-shadow: 0px 10px 60px 0px rgba(145, 145, 145, 0.12);
}

@media only screen and (min-width: 480px) {
    .testimonial-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.testimonial-item .testi-author {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    z-index: 1;
    width: 90px;
    margin-top: 8px;
    margin-right: 28px;
    position: relative;
}

@media only screen and (max-width: 479px) {
    .testimonial-item .testi-author {
        margin-bottom: 30px;
    }
}

.testimonial-item .testi-author img {
    border-radius: 50%;
}

.testimonial-item .testi-author .rounded-text {
    z-index: -1;
    position: absolute;
    left: -15px;
    top: -15px;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(-103deg);
    -ms-transform: rotate(-103deg);
    transform: rotate(-103deg);
    -webkit-animation: rotated_circle 12s linear infinite;
    animation: rotated_circle 12s linear infinite;
}

@keyframes rotated_circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.testimonial-item .testi-author .rounded-text .coloring {
    font-weight: 600;
    fill: var(--theme-color);
}

@media only screen and (max-width: 375px) {
    .testimonial-item .testi-content {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.testimonials-area {
    padding: 0 0 60px;
}

.testimonial-item .testi-content .testi-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.testimonial-item .testi-content .testi-header .author h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
    .testimonial-item .testi-content .testi-header .author h5 {
        font-size: 20px;
    }
}

.testimonial-item .testi-content .testi-header .icon {
    line-height: 1;
    font-size: 66px;
    margin-top: -6px;
    color: var(--secondary-color);
}

.testimonial-item .testi-content .text {
    margin-bottom: 8px;
    text-align: justify;
}

@media only screen and (min-width: 576px) {
    .testimonial-item .testi-content .text {
        font-size: 15px;
        line-height: 22px;
        margin-top: 25px;
    }
}

.testimonial-item .testi-content .text:after,
.testimonial-item .testi-content .text:before {
    font-size: 20px;
    font-weight: 900;
    display: inline-block;
    color: var(--secondary-color);
    font-family: "Font Awesome 6 Free";
}

.testimonial-item .testi-content .text:before {
    content: "\f10d";
    margin-right: 15px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.testimonial-item .testi-content .text:after {
    content: "\f10e";
    margin-left: 15px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.testimonials-bg-rectangle {
    position: relative;
    z-index: 1;
}

.testimonials-bg-rectangle:after {
    width: 70%;
    height: 70%;
    z-index: -1;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(6, 42, 120, 0.07);
}


.services-section {
    position: relative;
    padding: 60px 0 60px;
    z-index: 1
}

.services-section .row {
    margin: 0 -8px;
}

.services-section .row>div {
    padding: 0 8px
}

.services-section .bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.services-section .bottom-box .text {
    line-height: 28px;
    padding: 15px 30px;
    background-color: #f3f3f3;
}

.services-section .bottom-box .theme-btn {
    margin-left: 10px
}

.service-block {
    position: relative;
    margin-bottom: 30px;
    z-index: 1
}

.service-block .inner-box {
    position: relative;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 45px 25px 50px 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
}

.service-block .inner-box::before {
    position: absolute;
    width: 124px;
    height: 121px;
    left: 0;
    top: 0;
    background-image: url(../images/dots.png);
    content: ""
}

.service-block .inner-box:hover {
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.service-block .inner-box:hover .icon-box {
    background-color: var(--secondary-color)
}

.service-block .inner-box:hover .icon-box .icon {
    color: #fff
}

.service-block .inner-box:hover .read-more i {
    color: #fff;
    background-color: var(--secondary-color)
}

.service-block .icon-box {
    position: absolute;
    right: -52px;
    bottom: -52px;
    height: 185px;
    width: 185px;
    background: #f3f3f3;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 40px 45px;
    border-radius: 50%
}

.service-block .icon-box .icon {
    color: var(--theme-color);
    font-size: 65px;
    line-height: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.service-block .icon-box .icon:before {
    margin: 0px;
}

.service-block .title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.service-block .title:hover {
    color: var(--secondary-color)
}

.service-block .text {
    position: relative;
    margin-bottom: 60px
}

.service-block .read-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    color: #6a6a6a;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear
}

.service-block .read-more i {
    margin-right: 20px;
    height: 52px;
    width: 52px;
    font-size: 16px;
    color: var(--heading-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.subs-header {
    padding-top: 0px;
    border-bottom: 0px;
}

.heading-text h4 {
    color: #fff;
    padding: 20px;
    border: 2px solid #d3d3d3;
    display: inline-block;
    border-radius: 20px;
    box-shadow: inset 10px 12px 13px -7px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 10px 12px 13px -7px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 10px 12px 13px -7px rgba(0, 0, 0, 0.7);
    -o-box-shadow: inset 10px 12px 13px -7px rgba(0, 0, 0, 0.7);
}

.heading-text {
    margin-top: 10px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    outline: none;
}

.modal-backdrop {
    z-index: 1;
}

.modal-header {
    justify-content: flex-end;
}

.modal-header .close {
    padding: 14px;
    margin: -1rem -1rem -1rem auto;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.contact_map_con {
    padding: 0px;
    height: 447px;
}

.contact_map_con iframe {
    width: 100%;
    height: 447px;
    transition: .5s all;
    border-radius: 0px;
    border: none;
}

.btn-block {
    width: 100%;
}

.video {
    /* margin: 10px; */
    box-shadow: 3px 5px 13px rgb(182 182 182 / 44%);
}

.r-video {
    display: flex;
    flex-wrap: nowrap;
    width: 25%;
    gap: 10px;
    position: relative;
    bottom: 20px;
}

.post-form {
    position: relative;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 45px 25px 30px 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
}


.color-bg {
    color: #fff;
}

.color-bg {
    background: linear-gradient(to bottom, rgba(38, 163, 136, 1) 0%, rgba(71, 112, 206, 1) 100%);
    box-shadow: 0 10000px rgb(0 175 239) inset;
}

.color-bg .row-title {
    color: #fff;
}

.row-title h1 {
    position: relative;
    margin-top: 0;
    border-bottom: 1px dashed rgba(160, 160, 160, 0.4);
    padding-bottom: 18px;
    width: 100%;
    left: 65px;
    padding-right: 130px;
}

.color-bg .row-title h1 {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    color: #fff;
}

.color-bg .row-title h1:before {
    border-right: 1px dashed #fff;
}

.color-bg .row-title h4 {
    color: rgba(255, 255, 255, 0.9);
    border-top: 1px dashed #fff;
}

.row-title h4 {
    position: relative;
    margin: -11px 65px 0 65px;
    padding-top: 15px;
    line-height: 30px;
    display: inline-block;
    opacity: 0.6;
}

.how {
    position: relative;
    text-align: center;
    padding-bottom: 100px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* .how .row-title {
    top: 0;
    padding-top: 100px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    z-index: 2;
} */
/* .row-title {
    margin-top: 150px;
    margin-bottom: 100px;
    text-align: center;
    color: rgb(38, 163, 135);
    font-family: 'Capriola', sans-serif;
} */
.how .section-heading h2 {
    justify-content: center;
    color: #565252;
}

.how .section-heading p {
    color: #fff;
}

.how .section-heading h2 span {
    color: #565252;
    background: #f3f3f3;
}

.how .row-title h1:before {
    font-family: 'icon';
    content: "\ea46";
    position: absolute;
    top: 100%;
    left: -65px;
    margin-top: -28px;
    font-size: 45px;
    width: 60px;
    padding-right: 16px;
    text-align: center;
}

.how-item {
    border: 1px solid transparent;
    border-top: 2px solid transparent;
    margin-top: 40px;
    border-radius: 15px;
    transition: all 1s;
    height: 280px;
}

.how-item:hover {
    border: 1px dashed rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.12);
}

.how-item a {
    display: block;
    color: #fff;
}

.how-item img {
    position: relative;
    max-height: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
    top: 0;
}

.how-item:hover img {
    top: 11px;
}

.how-item h3 {
    border-top: 1px dashed rgba(255, 255, 255, 0.4);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    margin-top: -5px;
    padding-top: 10px;
    padding-bottom: 9px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    transform: scale(0.9);
}

.how-item:hover h3 {
    border-top: 1px dashed rgba(255, 255, 255, 1);
    border-bottom: 1px dashed rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.how-item-excerpt {
    font-size: 15px;
    padding: 12px;
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 20px;
    position: relative;
    top: 0;
    transition: all 2s;
}

.how-item:hover .how-item-excerpt {
    color: rgba(255, 255, 255, 1);
    top: -8px;
}

.how-item a:after {
    font-family: 'Font Awesome 6 Free';
    content: "\2b";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    display: inline-block;
    bottom: 85px;
    /* left: 50%; */
    margin-left: -16px;
    border: 1px dashed transparent;
    padding: 4px;
    width: 32px;
    border-radius: 50%;
    /* background: rgb(38, 163, 135); */
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    transition-property: transform;
}

.how-item:hover a:after {
    color: rgba(255, 255, 255, 1);
    border: 1px dashed rgba(255, 255, 255, 1);
    transform: rotate(360deg);
}

.how::before {
    bottom: auto;
    top: -18px;
    height: 18px;
}

.how::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: url(../img/wave.png) top center;
    z-index: 4;
}

.cat-img {
    width: 50px;
    margin: auto;
    display: block;
    padding-top: 10px;
}



.trending {
    position: relative;
    /* background-image: url(../img/16.jpg); */
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    /* background-color: #fff; */
    margin-top: 0;
    text-align: center;
    padding-bottom: 50px;
    /* box-shadow: 0 10000px rgba(0, 0, 0, 0.75) inset; */
    margin-top: 50px;
}

.trending.light {
    box-shadow: 0 10000px rgba(255, 255, 255, 0.85) inset;
}

.is-mobile .trending {
    background-attachment: scroll;
}

.h-video.landing .trending {
    background: none;
    box-shadow: none;
    margin: 0;
}

.trending.landing {
    background: none;
    box-shadow: none;
    margin-top: -150px;
}



.listing {
    width: 100%;
}

.listing,
.listing .col-md-9 {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.listing.grid2 .col-md-9 {
    display: block;
}

.listing.grid6 .col-md-9 {
    padding: 0;
}

.listing .col-md-9 .col-sm-4 {
    margin-bottom: 30px;
}

.trending.landing .listing {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.listing-item {
    width: 100%;
    max-width: 320px;
    position: relative;
    display: inline-block;
    margin-bottom: 60px;
}

.grid4 .listing-item {
    margin-bottom: 0;
}

.grid6 .listing-item {
    margin-bottom: 10px;
    max-width: 99999px;
}

.listing-item-date {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    padding: 6px 0 6px 0;
    text-align: center;
    font-size: 16px;
    font-family: 'Capriola', sans-serif;
    background: #fff;
    color: rgb(38, 163, 135);
    border-radius: 50%;
    border: 0 solid #ccc;
    z-index: 50;
}

.listing-item-date .month {
    font-size: 12px;
    margin-top: -3px;
}

.listing-item .listing-item-link,
.listing-item .listing-item-link img {
    width: 100%;
    display: inline-block;
    border-radius: 50%;
    transition: all 1s;
    transform: scale(0.92);
    height: 300px;
}

.squared .listing-item .listing-item-link,
.squared .listing-item .listing-item-link img {
    width: 100%;
    display: inline-block;
    border-radius: 20px;
}

.grid6 .listing-item .listing-item-link,
.grid6 .listing-item .listing-item-link img {
    border-radius: 8px;
}

.grid6.rounded-pic .listing-item .listing-item-link {
    border-radius: 85px 8px 8px 85px;
}

.grid6.rounded-pic .listing-item .listing-item-link img {
    border-radius: 50%;
}

.grid6 .listing-item .listing-item-link img {
    display: table-cell;
    width: 150px;
    max-width: 99999px;
}

.listing-item .listing-item-link {
    /* box-shadow: 12px 12px 12px 0 rgba(0, 0, 0, 0.2), -12px -12px 12px 0 rgba(0, 0, 0, 0.2); */
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
    transition: all 1s;
    transform: scale(0.92);
    overflow: hidden;
    border: 2px solid #e3e3e3;
}

.grid6 .listing-item .listing-item-link {
    display: table;
    position: relative;
    padding: 10px;
}

.squared .listing-item-rating {
    left: auto;
    right: 8%;
    top: 6%;
}

.grid6 .listing-item-rating {
    top: 6px;
    left: auto;
    right: 5px;
    margin-right: 0;
    margin-top: 0;
}

.grid6.rounded-pic .listing-item-rating {
    top: -8px;
    right: auto;
    left: 85px;
}

.feat-post .listing-item-rating {
    width: 28px;
    height: 28px;
    line-height: 18px;
    font-size: 15px;
    text-shadow: none;
    top: 40px;
    left: auto;
    right: 50%;
    margin-right: -36px;
    margin-top: 0;
    color: rgb(38, 163, 135);
    background: #fff;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2), -2px -2px 2px 0 rgba(0, 0, 0, 0.2);
}

.feat-post:hover .listing-item-rating {
    color: #fff;
    background: rgb(38, 163, 135);
    top: 49px;
    margin-right: -50px;
}

.listing-item .listing-item-link:hover:before {
    color: rgb(38, 163, 135);
    background: #fff;
}

.listing-item .listing-item-link:hover:before,
.listing.white .listing-item .listing-item-link:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../img/spiral.gif);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    margin: 0;
    opacity: 0.14;
}

.listing-black-overlay {
    position: absolute;
    display: block;
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url(../img/black-overlay.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    transform: scale(0.92);
    transition: all 1s;
}

.grid6 .listing-black-overlay {
    display: none;
}

.squared .listing-black-overlay {
    border-radius: 20px;
}

.listing-item .listing-item-link:hover {
    background: var(--secondary-color);
}

.grid6 .listing-item .listing-item-link:hover {
    background: rgba(38, 163, 135, 0.10);
}

.listing-item-title-centralizer {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 15px 8px 15px;
    overflow: visible;
    border-radius: 50%;
    font-size: 0;
}

.grid6 .listing-item-title-centralizer {
    display: table-cell;
    position: relative;
    vertical-align: top;
}

.grid6.rounded-pic .listing-item-title-centralizer {
    padding-right: 0;
}

.squared .listing-item-title-centralizer {
    border-radius: 0;
}

.listing-item-title-centralizer:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.listing-item-title {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'Capriola', sans-serif;
    white-space: pre-line;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 800;
}

.grid2 .listing-item-title,
.grid3 .listing-item-title {
    white-space: normal;
    padding: 0;
    text-shadow: none;
    letter-spacing: 0;
}

.grid6 .listing-item-title {
    white-space: normal;
    padding-left: 0;
}

.blog .grid6 .listing-item-title {
    padding-right: 0;
}

.ribbon {
    color: #fff;
    background: var(--secondary-color);
    position: relative;
    z-index: 600;
    height: 22px;
    margin-top: 6px;
    padding: 2px 5px 0 5px;
    font-family: 'Roboto';
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

.listing-item .ribbon {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}

.listing-item .amenities {
    text-align: left;
    margin-top: 15px;
}

.grid6 .listing-item .ribbon {
    display: table-cell;
    top: 0;
    left: 8px;
    line-height: 20px;
}

.grid6.rounded-pic .listing-item .ribbon {
    border-top-right-radius: 6px;
}

.grid2 .ribbon,
.grid3 .ribbon {
    position: absolute;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    text-shadow: none;
    box-shadow: none;
    top: -17px;
    right: 0;
    border-top-right-radius: 6px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.claimed .ribbon {
    padding: 2px 10px 0 10px;
}

.ribbon:before,
.ribbon:after {
    content: '';
    position: absolute;
    height: 0;
    border: 11px solid transparent;
    top: 0;
    width: 0;
    border-top-color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
    z-index: -1;
}

.ribbon:before {
    left: -11px;
}

.ribbon:after {
    right: -11px;
}

.grid2 .ribbon:after,
.grid3 .ribbon:after,
.feat-post .ribbon:after,
.leaflet-popup .ribbon:after,
.grid6.rounded-pic .ribbon:after {
    display: none;
}

.feat-post .ribbon,
.leaflet-popup .ribbon {
    position: absolute;
    top: -6px;
    right: 0;
    padding: 3px 5px 0 5px;
    height: 24px;
    font-size: 14px;
    text-shadow: none;
    background: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: rgb(38, 163, 135);
    border-bottom-left-radius: 6px;
}

.leaflet-popup .ribbon {
    top: auto;
    bottom: 0;
    border-radius: 6px 0;
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.9);
    border: 0;
}

.mapList .feat-post .ribbon,
.leaflet-popup .ribbon {
    padding: 3px 5px 0 5px;
    text-shadow: none;
}

.feat-post:hover .ribbon {
    display: none;
}

.feat-post .ribbon:before,
.leaflet-popup .ribbon:before {
    display: none;
    border: 9px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    left: -9px;
}

.fixed-pricing-button .ribbon {
    font-family: 'Capriola', sans-serif;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    margin: 0;
    padding: 0 0 0 8px;
    height: 44px;
    line-height: 46px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.20), -1px -1px 8px rgba(0, 0, 0, 0.20);
}

.fixed-pricing-button .ribbon:before {
    left: -22px;
    border: 22px solid transparent;
    border-top-color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
    z-index: -1000;
}

.fixed-pricing-button .ribbon:after {
    font-family: 'icon';
    content: "\ea89";
    border: 0;
    right: auto;
    position: relative;
    font-size: 24px;
    width: 54px;
    ;
    height: 44px;
    float: right;
    text-align: center;
    background: rgba(0, 0, 0, 0.10);
    border-left: 1px dashed rgba(255, 255, 255, 0.5);
    margin-left: 10px;
}

.grid6 .listing-item .category-icon {
    top: 6%;
    left: 25px;
}

.grid6.rounded-pic .listing-item .category-icon {
    top: 35px;
    left: 40px;
}

.squared .listing-item .category-icon {
    top: 6%;
    left: 11%;
}

.listing-item .category-icon.fa {
    font-size: 21px;
    padding-top: 2px;
}

.listing-item .category-icon:hover {
    background: rgb(38, 163, 135);
    color: #fff;
}

.listing.white .listing-item .category-icon {
    background: #fff;
    color: rgb(38, 163, 135);
}

.listing.white .listing-item .category-icon:hover {
    color: #fff;
    background: rgb(38, 163, 135);
}

.listing-item-author {
    position: relative;
    display: inline-block;
    z-index: 30;
    top: -50px;
    border-radius: 50%;
}

.grid6 .listing-item-author {
    position: relative;
    display: inline-block;
    z-index: 30;
    top: -50px;
    left: 0;
    border-radius: 50%;
}

.listing-item-author img {
    width: 45px;
    border-radius: 50%;
}

.listing-item-data {
    /*margin-top: 30px;*/
}

.grid6 .listing-item-data {
    margin-top: 10px;
}

.trending.landing .listing-item-data {
    margin: 15px;
    z-index: -10;
    position: relative;
}

.grid2 .listing-item-data,
.blog-home .listing-item-data,
.blog .listing-item-data {
    margin-top: 0;
}

.grid5 .listing-item-data {
    margin-top: -20px;
}

.listing-item-data:before {
    font-family: "FontAwesome";
    /*content: "\f041";*/
    position: relative;
    display: block;
    width: 100%;
    margin-top: -35px;
    font-size: 22px;
    color: var(--secondary-color);
}

.grid6 .listing-item-data:before {
    display: none;
}

.listing.white .listing-item-data:before {
    color: rgb(38, 163, 135);
}

.listing-item-excerpt,
.listing-item-address {
    color: #242121;
    display: block;
}

.light .listing-item-address,
.light .listing-item-excerpt {
    color: #555;
    text-shadow: none;
}

.light .listing-item-excerpt {
    border-top: 1px dashed rgba(0, 0, 0, 0.6);
}

.listing-item-address:hover,
.listing.white .listing-item-address:hover,
.light .listing-item-address:hover,
.light .listing-item-excerpt:hover,
.grid6 .listing-item:hover .listing-item-address {
    color: rgb(38, 163, 135);
}

.listing-item-address {
    font-family: 'Capriola', sans-serif;
    font-size: 13px;
    padding-bottom: 4px;
    width: 100%;
    text-align: center;
}

.listing-item-excerpt {
    /* text-shadow: 0 0 6px rgba(0, 0, 0, 0.7); */
    padding-top: 15px;
    border-top: 1px dashed rgba(255, 255, 255, 0.6);
    width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 20px;
    line-height: 28px;
    opacity: 0.8;
    text-transform: uppercase;
    max-width: 230px;
    margin: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.grid6 .listing-category-name {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    padding: 2px 5px 0 8px;
    border-top-left-radius: 0px;
}

.listing-category-name a {
    display: inline-block;
    color: var(--secondary-color);
    margin-top: 0;
    text-transform: uppercase;
    font-size: 16px;
    /* text-shadow: 0 0 6px rgba(0, 0, 0, 0.7); */
    background-color: #ebebeb;
    border-radius: 50px;
    /* pa'CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX'; */
    height: 30px;
    width: 115px;
    padding: 6px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: auto;
}

.light .listing-category-name a {
    text-shadow: none;
}

.listing-category-name a:hover {
    color: rgba(38, 163, 135, 0.7);
}

.listing.white .listing-category-name a {
    text-shadow: none;
    color: rgb(38, 163, 135);
}


.tg-main-section {
    padding: 60px 0 60px;
    /*background: #f9fafc;*/
}

.tg-haslayout {
    width: 100%;
    /*float: left;*/
}

.an-classified-listing {
    position: relative;
    width: 100%;
}

.cat-main {
    padding: 0px;
    width: 272.5px;
    left: 0px;
    top: 10px;
    position: absolute;
}

/*.classified-single {*/
/*    position: relative;*/
/*    margin-bottom: 30px;*/
/*    -webkit-box-shadow: 0 6px 25px 0 rgba(55, 66, 73, 0.2);*/
/*    -moz-box-shadow: 0 6px 25px 0 rgba(55, 66, 73, 0.2);*/
/*    box-shadow: 0 6px 25px 0 rgba(55, 66, 73, 0.2);*/
/*}*/

.classified-single h3 {
    margin: 0;
    padding: 10px 5px;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font-size: 15px;
}

.classified-single ul {
    padding: 0px;
    list-style: none;
}

.classified-single ul li {
    /*padding: 3px 10px;*/
    list-style: none;
}

.classified-single ul li a {
    width: 80%;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    color: #000;
    text-decoration: none;
}

.classified-single ul li a span {
    font-size: 12px;
}

.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.7em;
}

.round.hollow {
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;
    color: var(--secondary-color);
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(222, 222, 222, 0.8);
    -moz-box-shadow: 0px 0px 0px 3px rgba(222, 222, 222, 0.8);
    box-shadow: 0px 0px 0px 2px rgba(222, 222, 222, 0.8);
    font-weight: bold;
    -moz-transition: all 275ms cubic-bezier(0.53, -0.67, 0.73, 0.74);
    -o-transition: all 275ms cubic-bezier(0.53, -0.67, 0.73, 0.74);
    -webkit-transition: all 275ms cubic-bezier(0.53, -0.67, 0.73, 0.74);
    transition: all 275ms cubic-bezier(0.53, -0.67, 0.73, 0.74);
    background: #f5f5f5;
}

.round.hollow:hover {
    opacity: 1;
    border: 1px solid #00afef;
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -moz-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
    -o-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
    -webkit-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
    transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}

.nav-tabs-adventure .nav-link.active {
    background-color: transparent;
    border-bottom: 1px solid #00afef;
}

.nav-tabs-adventure .nav-link:not(:last-child) {
    margin-right: 43px;
}

.nav-tabs-adventure .nav-link {
    font-size: 18px;
    font-weight: 600;
    line-height: 45px;
    color: #081E2A;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #EDEEEE;
    cursor: pointer;
}

.nav-tabs-adventure>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.flex-three {
    display: flex;
    align-items: center;
}

.nav-tabs-adventure .nav-link .icon-Group1 {
    font-size: 40px;
    color: #4DA528;
    margin: 10px;
    filter: invert(1) grayscale(1) brightness(0.5);
}

.cat-text {
    color: #727272;
    font-size: 12px;
    font-weight: 700;

}

.masonry {
    display: flex;
    width: 100%;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    width: 100%;
    overflow: hidden;
    /* Hide scrollbar */
    grid-auto-rows: 1px;
}

/*.masonry-item {*/
/*    border-radius: 5px;*/
/*    background-color: #ebebeb;*/
/*    color: white;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    transition: transform 0.25s;*/
/*    padding-bottom: 20px;*/
/*}*/

.masonry-item:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: font-size .25s, opacity .25s ease-in-out;
    font-weight: 700;
    opacity: .5;
    font-size: 1.25em;
}

.masonry-item:hover:after {
    font-size: 2.25em;
    opacity: 1;
}

a {
    color: #333;
}

@media only screen and (min-width: 1024px) {
    .masonry-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .masonry-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}


.category-page.main-categories {
    min-width: 100%;
    position: relative;
    width: 100%;
    padding: 50px 0;
}

.tr-accordion .card {
    margin-bottom: 20px;
    border-radius: 0;
    border: 0;
}

.tr-accordion .card-header {
    padding: 0;
    background-color: #ededed;
}

.tr-accordion .card-header button:after {
    position: absolute;
    content: "\f068";
    top: 20px;
    right: 25px;
    font-family: fontawesome;
    cursor: pointer;
}

.collapse:not(.show) {
    display: block;
}

.card-header button {
    color: #062a78;
    font-weight: 500;
    font-size: 20px;
    border: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px 25px;
    border-radius: 0;
    cursor: pointer
}

.card-body {
    padding: 20px 25px;
    background-color: #fff
}

.card-body ul li a {
    font-weight: 400;
    line-height: 30px;
    font-size: 14px
}

.card-body a:hover,
.card-body a:hover i {
    color: #00a651
}


.card-body a img {
    font-size: 18px;
    color: #8e8b8b;
    margin-right: 10px;
    width: 22px;
    height: 25px;
}

.recommended-ads {
    margin-bottom: 0;
}

.section.recommended-ads {
    background-color: #fff;
    border-radius: 4px;
    padding: 35px 25px;
    margin-bottom: 25px;
}

.ad-item {
    border: 1px solid #f3f3f3;
    margin: 18px 0;
    min-height: 152px;
    border-radius: 2px;
    max-height: fit-content;
}

.item-image-box {
    max-height: 152px;
    overflow: hidden;
}

.item-image-box,
.item-info {
    padding: 0;
    margin: 0;
    position: relative;
}

.item-image {
    position: relative;
}

.item-image img {
    width: 100%;
    transition: all .5s ease-in-out;
}

.item-info {
    min-height: 152px;
}

.ad-item .ad-info {
    overflow: hidden;
}

.ad-info {
    padding: 20px 25px;
}

.ad-info .item-price {
    color: var(--secondary-color);
}

.recommended-ads h4 {
    font-weight: 500;
    color: #000;
    margin: 20px 0;
    display: inline;
}

.ad-info .item-title a {
    color: #000;
}

.ad-info .item-cat {
    font-size: 14px;
    color: #a0a0a0;
}

.ad-item .ad-info span,
.featured .ad-info span {
    color: #a0a0a0;
    font-size: 14px;
    line-height: 17px;
}

.ad-info .item-cat a {
    color: #a0a0a0;
}

.ad-meta {
    background-color: #f6f6f6;
    border-top: 1px solid #eee;
    min-height: 35px;
    position: absolute;
    bottom: 0;
    right: -1px;
    width: 100%;
    padding-left: 25px;
    display: table;
    font-size: 14px;
    padding-right: 15px;
}

.ad-meta .meta-content {
    display: table-cell;
    vertical-align: middle
}

.ad-meta .meta-content .dated,
.ad-meta .meta-content .visitors {
    font-weight: 500;
    color: #9fa4a4;
}

.ad-meta .meta-content .dated {
    margin-right: 20px;
}

.ad-meta .meta-content a {
    font-weight: 400;
    color: #9fa4a4;
}

.ad-meta .user-option a {
    font-size: 18px;
    color: #9fa4a4;
    display: inline-block;
    width: 40px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.ad-item:hover .item-image img {
    -moz-transform: scale(1.05) rotate(2deg);
    -webkit-transform: scale(1.05) rotate(2deg);
    -o-transform: scale(1.05) rotate(2deg);
    -ms-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
}

.ad-info .item-title a:hover {
    text-decoration: underline !important;
}

.listing-item-inner {
    padding: 10px;
}

.listing-item-content h3 {
    color: #fff;
    font-size: 19px;
    bottom: -1px;
    position: relative;
    font-weight: 500;
    margin: 0;
    line-height: 31px;
    margin-bottom: 10px;
    background: rgb(68, 93, 127);
    padding-left: 10px;
    border-radius: 3px;
    font-family: 'Ubuntu', sans-serif;
}

.listing-item-content span {
    font-size: 17px;
    font-weight: 300;
    display: inline-block;
    color: #000;
}

.listing-item-container.list-layout .listing-item img {
    border-radius: 0;
}

.detail-icon {
    width: auto;
    height: auto;
    margin-right: 5px;
}

.d-bussiness {
    font-size: 12px;
}

.listing-item-inner hr {
    margin: 4px;
    border-top: 1px dashed #060606;
}

.d-location {
    font-size: 14px;
}

.detail-row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.detail-col {
    display: flex;
    align-items: center;
    width: 50%;
}

.d-contact {
    color: #000;
    padding: 2px;
    font-size: 15px;
}

.detail-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.round.counter {
    height: 18px;
    width: 20px;
    line-height: 20px;
}

.h-up img {
    height: 150px;
    width: 100%;
    object-fit: fill;
    position: relative;
    bottom: 20px;
}

.advertisement img {
    height: 500px;
}

/* impnumber */

.services-section-number {
    position: relative;
    padding: 60px 0 60px;

}

.services-section-number .row {
    justify-content: center;
}

.services-section-number .auto-container {
    max-width: 1280px;
}

.services-section-number .outer-box {
    position: relative;
    /* padding: 60px 60px; */
    /* background-color: #fff; */
    border-radius: 10px;
}

.services-section-number.pull-up .outer-box {
    /* margin-top: -60px; */
}

.service-block-number {
    position: relative;
    margin-bottom: 30px;
}

.service-block-number .inner-box-number {
    position: relative;
    border-radius: 10px;
    text-align: center;
    padding-bottom: 45px;
    overflow: hidden;
}

.service-block-number .inner-box-number:hover .overlay-content-number .icon:before {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.service-block-number .inner-box-number:hover .overlay-content-number {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.service-block-number .inner-box-number:hover .content-number {
    opacity: 0;
    visibility: hidden;
}

.service-block-number .inner-box-number:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.service-block-number .image {
    position: relative;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

.service-block-number .image:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, #2f83a3 100%);
    border-radius: 10px;
    z-index: 1;
}

.service-block-number .image img {
    display: block;
    border-radius: 10px;
    width: 100%;
    height: 270px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block-number h4 {
    font-size: 22px;
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    height: 44px;
}

.service-block-number h4 a {
    color: #fff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block-number h4 a:hover {
    color: #fff !important;
}

.service-block-number .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 90px;
    width: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content-number: center;
    color: #fff;
    font-size: 48px;
    background-color: var(--secondary-color);
    border-radius: 50%;
    justify-content: center;
    overflow: hidden;
}

.service-block-number .icon img {
    width: 70px;
    height: 70px;
}

.service-block-number .icon:before {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block-number .text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 24px;
}

.service-block-number .content-number {
    position: absolute;
    left: 0;
    top: 160px;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content-number: flex-end;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.service-block-number .overlay-content-number {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content-number: flex-end;
    background-color: var(--secondary-color);
    z-index: 1;
    padding: 0 35px 35px;
    border-radius: 0 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.service-block-number .overlay-content-number .icon {
    position: relative;
    margin-top: -45px;
    background-color: var(--theme-color);
    margin-bottom: 20px;
}

/* End impnumber */

/* imp number detail */
.about-section-three {
    position: relative;
    padding: 120px 0 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.about-section-three .content-column {
    position: relative;
    margin-bottom: 50px;
}

.about-section-three .content-column .inner-column {
    position: relative;
    padding-left: 40px;
}

.feature-list {
    position: relative;
    margin: 0 -15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.feature-list li {
    position: relative;
    padding: 0 15px;
    max-width: 50%;
    width: 100%;
    margin-bottom: 30px;
}

.feature-list li .inner {
    position: relative;
    background-color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    color: var(--secondary-color);
    font-weight: 700;
    padding: 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-list li .inner:hover {
    background-color: var(--theme-color);
    color: #fff;
}

.feature-list li .inner i {
    line-height: 30px;
    margin-right: 10px;
    font-size: 18px;
    color: var(--secondary-color);
}

.founder-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 88px;
    padding-left: 102px;
}

.founder-info .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 88px;
    width: 88px;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--theme-color);
}

.founder-info .thumb img {
    border-radius: 50%;
}

.founder-info .name {
    margin-top: 0;
    margin-bottom: 5px;
    color: var(--theme-color);
    font-weight: 700;
}

.founder-info .designation {
    font-size: 14px;
    color: #819291;
}

.about-section-three .image-column {
    position: relative;
    margin-bottom: 50px;
}

.about-section-three .image-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-section-three .image-box:before {
    position: absolute;
    top: 0;
    left: -120px;
    height: 569px;
    width: 591px;
    -webkit-animation: zoom-one 60s infinite linear;
    animation: zoom-one 60s infinite linear;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/shape-3.png);
    content: "";
}

.about-section-three .image-box .image-1 {
    position: relative;
    margin-right: 30px;
    margin-bottom: 0;
    max-width: 270px;
}

.about-section-three .image-box .image-1 img {
    width: 100%;
    border-radius: 10px;
}

.about-section-three .image-box .image-2 {
    position: relative;
    margin-top: 80px;
    max-width: 270px;
    margin-bottom: 0;
}

.about-section-three .image-box .image-2 img {
    width: 100%;
    border-radius: 10px;
}

.about-section-three .exp-box {
    position: absolute;
    left: 135px;
    bottom: 35px;
    height: 130px;
    width: 260px;
    border-radius: 10px 10px 10px 0;
    background-color: #fff;
    padding: 10px;
    -webkit-animation: bounce-y 5s infinite linear;
    animation: bounce-y 5s infinite linear;
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.about-section-three .exp-box:before {
    position: absolute;
    left: 0;
    top: 100%;
    content: "";
    border-top: 30px solid #ffffff;
    border-right: 60px solid transparent;
}

.about-section-three .exp-box:after {
    position: absolute;
    left: 10px;
    top: 100%;
    content: "";
    margin-top: -10px;
    border-top: 25px solid var(--secondary-color);
    border-right: 50px solid transparent;
    z-index: 1;
}

.about-section-three .exp-box .inner {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #ffffff;
    padding: 15px 35px;
    background: var(--secondary-color);
    border-radius: 10px 10px 10px 0;
    height: 100%;
}

.about-section-three .exp-box strong {
    font-size: 50px;
    line-height: 1em;
    color: #ffffff;
    display: block;
}

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

.sec-title .sub-title {
    font-size: 16px;
    color: #819291;
    display: inline-block;
    font-weight: 700;
}

.sec-title h2 {
    position: relative;
    font-size: 25px;
    color: var(--theme-color);
    line-height: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
}

.sec-title .divider {
    display: inline-block;
    height: 31px;
    width: 27px;
    background-image: url(../img/icon/divider.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    -webkit-animation: wind 4s infinite linear;
    animation: wind 4s infinite linear;
}

@keyframes wind {
    0% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    100% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

.sec-title .text {
    font-size: 16px;
    line-height: 30px;
    color: #819291;
    margin-top: 20px;
}

/* End */


/*** 

====================================================================
		FAQ's Sectiom
====================================================================

***/
.faqs-section {
    position: relative;
    padding: 120px 0 70px;
}

.faqs-section .bg-pattern-left {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 620px;
    margin-right: -240px;
    background-image: url(../img/pattern-2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.faqs-section .bg-pattern-right {
    position: absolute;
    left: 100%;
    top: 75px;
    height: 100%;
    width: 620px;
    margin-right: -240px;
    background-image: url(../images/icons/pattern-3.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.faqs-section .faq-column {
    position: relative;
    margin-bottom: 50px;
}

.faqs-section .faq-column .inner-column {
    position: relative;
    padding-left: 70px;
}

.accordion-box {
    position: relative;
}

.accordion-box .block {
    position: relative;
    background-color: #ededed;
    border-radius: 10px;
    margin-bottom: 10px;
    border-left: 1px solid var(--secondary-color);
}

.accordion-box .block .acc-btn {
    position: relative;
    font-size: 20px;
    line-height: 34px;
    color: var(--theme-color);
    font-weight: 600;
    cursor: pointer;
    padding: 20px 40px;
    padding-right: 70px;
    border-radius: 10px;
    letter-spacing: -0.04em;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.accordion-box .block .acc-btn .icon {
    position: absolute;
    right: 18px;
    top: 18px;
    height: 38px;
    width: 38px;
    font-size: 16px;
    line-height: 38px;
    color: var(--secondary-color);
    border-radius: 50%;
    background-color: #dddddd;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon {
    color: #ffffff;
    background-color: var(--theme-color);
}

.accordion-box .block .acc-btn.active .icon:before {
    content: "\f107";
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-content .content {
    position: relative;
    padding: 0px 40px 25px;
}

.accordion-box .block .acc-content .content .text {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #819291;
    margin-bottom: 0;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.faqs-section .image-column {
    position: relative;
    margin-bottom: 50px;
}

.faqs-section .image-column .inner-column {
    height: 100%;
}

.faqs-section .image-column .image {
    position: relative;
    margin-bottom: 0;
    height: 100%;
}

.faqs-section .image-column .image:before {
    position: absolute;
    right: 0;
    margin-right: -20px;
    top: 50px;
    bottom: 50px;
    width: 20px;
    border-radius: 0 10px 10px 0;
    background-color: var(--secondary-color);
    content: "";
    z-index: 1;
}

.faqs-section .image-column .image img {
    max-width: 100%;
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

/*** 
/* Blog */
.space {
    padding: 60px 0 60px;
}

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

.slider-area {
    position: relative;
}

.th-slider.has-shadow {
    padding-left: 12px;
    padding-right: 12px;
    margin: -25px -12px;
}

.th-slider.has-shadow .swiper-wrapper {
    transition-duration: 0ms;
    /* transform: translate3d(-1314px, 0px, 0px); */
    transition-delay: 0ms;
    padding: 25px 0;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-wrapper .swiper-col {
    margin-bottom: 30px;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block;
    margin-right: 24px;
}

.blog-card {
    border-radius: 10px;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.06);
    background-color: #fff;
}

.blog-card .blog-img {
    position: relative;
    /* overflow: hidden; */
}

.blog-card .blog-img img {
    width: 100%;
    border-radius: 10px;
    transition: 0.4s ease-in-out;
    height: 250px;
}

.blog-card .blog-date {
    background-color: var(--secondary-color);
    color: #fff;
    position: absolute;
    right: 30px;
    bottom: -35px;
    border-radius: 6px;
    overflow: hidden;
    z-index: 3;
}

.blog-card .blog-date span:first-child {
    background-color: #fff;
    color: var(--secondary-color);
    font-weight: 600;
}

.blog-card .blog-date span {
    width: 65px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: center;
}

.blog-card .blog-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: -webkit-linear-gradient(top, rgba(0, 21, 36, 0) .52%, #001524 100%);
    background: linear-gradient(180deg, rgba(0, 21, 36, 0) .52%, #001524 100%);
    border-radius: 10px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    opacity: 0.8;
}

.blog-card .blog-content {
    padding: 30px;
    position: relative;
    z-index: 3;
}

.blog-card .blog-meta {
    margin: -0.4em 0 23px 0;
}

.blog-meta {
    display: block;
}

.blog-meta a:not(:last-child) {
    padding-right: 20px;
}

.blog-meta span,
.blog-meta a {
    display: inline-block;
    font-size: 14px;
    color: #74757b;
    font-family: "Encode Sans", sans-serif;
    position: relative;
    margin-right: 16px;
}

.blog-card .blog-meta span>i,
.blog-card .blog-meta a>i {
    color: var(--secondary-color);
}

.blog-meta span i,
.blog-meta a i {
    margin-right: 6px;
    color: var(--secondary-color);
}

.blog-meta span:not(:last-child):after,
.blog-meta a:not(:last-child):after {
    content: "";
    height: 16px;
    width: 1px;
    background-color: #d8dde1;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.blog-card .box-title {
    margin-bottom: 12px;
    font-weight: 600;
}

.box-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 700;
    margin-top: -0.32em;
}

.blog-card .box-title a {
    background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
    background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0 2px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.box-title a {
    color: inherit;
}

.line-btn {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    line-height: 0.8;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: -1px;
    text-transform: uppercase;
    color: var(--theme-color);
}

.line-btn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--theme-color);
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.line-btn i {
    margin-left: 5px;
    font-size: 0.9rem;
}

.fa-arrow-up-right:before {
    content: "\e09f";
}

.blog-card:hover .blog-img:after {
    height: 100%;
}


/* End */

/* Blog Detail */
.containerpaddings {
    padding-left: 38px;
    padding-right: 38px;
}

.sv-main {
    padding: 50px 0;
}

.sv-bg-light {
    background: #F7F7F7;
}

.blog-details-container {
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06);
    box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06);
}

.blog-post-item {
    padding-bottom: 40px;
    overflow-wrap: break-word;
}

.blog-details-container .blog-post-item .entry-content,
.blog-details-container .post-author-box,
.blog-details-container .post-nav-area,
.blog-details-container .comments-area,
.blog-details-container .comments-respond {
    margin: 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-container .blog-post-item .entry-content,
    .blog-details-container .post-author-box,
    .blog-details-container .post-nav-area,
    .blog-details-container .comments-area,
    .blog-details-container .comments-respond {
        margin: 0 20px;
    }
}

@media (max-width: 767px) {

    .blog-details-container .blog-post-item .entry-content,
    .blog-details-container .post-author-box,
    .blog-details-container .post-nav-area,
    .blog-details-container .comments-area,
    .blog-details-container .comments-respond {
        margin: 0 15px;
    }

    .header-area-one {
        display: none;
    }

    .navbar-nav {
        display: block !important;
    }
}

.blog-details-container .blog-post-item .entry-content {
    padding-top: 10px;
    overflow-wrap: break-word;
}

.blog-details-container .blog-post-item .entry-content p {
    text-align: justify;
    justify-content: center;
}

.blog-details-container .blog-post-item .entry-content .post-meta ul li {
    margin-right: 33px;
    margin-bottom: 0px;
    font-size: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-details-container .blog-post-item .entry-content .post-meta ul li {
        margin-right: 15px;
    }
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .entry-content .post-meta ul li {
        margin-right: 10px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-details-container .blog-post-item .entry-content .post-meta ul li {
        margin-right: 15px;
        margin-bottom: 10px;
    }
}

.blog-details-container .blog-post-item .entry-content .post-meta ul li span img {
    margin-right: 10px;
}

.post-meta ul li span i {
    margin-right: 10px;
}

.post-meta ul li {
    display: inline-block;
}

.blog-details-container .blog-post-item .entry-content h3.title {
    margin-bottom: 20px;
    font-size: 28px;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .entry-content h3.title {
        font-size: 22px;
        line-height: 32px;
    }
}

.blog-details-container .blog-post-item .entry-content blockquote {
    position: relative;
    background-color: #f4f4f4;
    padding: 40px 50px;
    border-radius: 7px;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .entry-content blockquote {
        padding: 40px 15px;
    }
}

.blog-details-container .blog-post-item .entry-content blockquote::before {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    content: "";
    width: 4px;
    height: 100%;
    background-color: #000;
}

.blog-details-container .blog-post-item .entry-content blockquote h4 {
    margin-bottom: 6px;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .entry-content blockquote h4 {
        font-size: 22px;
    }
}

.blog-details-container .blog-post-item .entry-content blockquote h5 {
    font-size: 18px;
}

.blog-details-container .blog-post-item .entry-content blockquote h5:before {
    display: inline-block;
    content: "";
    margin-right: 20px;
    width: 50px;
    height: 3px;
    background-color: #162542;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .post-share-tag .post-tag-cloud {
        text-align: center;
    }
}

.blog-details-container .blog-post-item .post-share-tag .post-tag-cloud ul li {
    display: inline-block;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .post-share-tag .post-tag-cloud ul li {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

.blog-details-container .blog-post-item .post-share-tag .post-tag-cloud ul li a {
    padding: 5px 15px;
    background-color: #f4f4f4;
    color: #162542;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-right: 5px;
}

.blog-details-container .blog-post-item .post-share-tag .post-tag-cloud ul li a:hover {
    color: #fff;
}

.blog-details-container .blog-post-item .post-share-tag .social-share {
    float: right;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .post-share-tag .social-share {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
}

.blog-details-container .blog-post-item .post-share-tag .social-share ul.social-link li a {
    margin-right: 15px;
}

@media (max-width: 767px) {
    .blog-details-container .blog-post-item .post-share-tag .social-share ul.social-link li a {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.blog-details-container .blog-post-item .post-share-tag .item-heading {
    font-family: "Frank Ruhl Libre", serif;
    font-size: 18px;
    color: #162542;
    margin-right: 15px;
    font-weight: 700;
}

.blog-details-container .post-author-box {
    background-color: #f4f4f4;
    padding: 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
}

@media (max-width: 767px) {
    .blog-details-container .post-author-box {
        padding: 40px 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.blog-details-container .post-author-box .author-thumb {
    min-width: 160px;
    max-width: 160px;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 35px;
}

@media (max-width: 767px) {
    .blog-details-container .post-author-box .author-thumb {
        margin-bottom: 35px;
    }
}

.blog-details-container .post-author-box .author-thumb img {
    width: 100%;
    border-radius: 50%;
}

.blog-details-container .post-author-box .author-content h4 {
    margin-bottom: 5px;
}

.blog-details-container .post-author-box .author-content p {
    margin-bottom: 10px;
}

.blog-details-container .post-author-box .author-content ul.social-link li {
    margin-right: 15px;
}

.blog-details-container .post-nav-area {
    padding-top: 60px;
    padding-bottom: 40px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.blog-details-container .post-nav-area .post-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.blog-details-container .post-nav-area .post-nav .thumb {
    min-width: 70px;
    max-width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-details-container .post-nav-area .post-nav .content {
    margin-top: -4px;
}

.blog-details-container .post-nav-area .post-nav .content h6 {
    font-size: 18px;
}

.blog-details-container .post-nav-area .post-nav .content span.post-date {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}

.blog-details-container .post-nav-area .post-nav.prev-post .thumb {
    margin-right: 20px;
}

.blog-details-container .post-nav-area .post-nav.prev-post .content span.post-date i {
    margin-right: 5px;
}

.blog-details-container .post-nav-area .post-nav.next-post {
    direction: rtl;
    text-align: right;
}

.blog-details-container .post-nav-area .post-nav.next-post .thumb {
    margin-left: 20px;
}

.blog-details-container .post-nav-area .post-nav.next-post .content span.post-date i {
    margin-left: 5px;
}

.blog-details-container .comments-area {
    padding-top: 50px;
    margin-bottom: 50px;
}

.blog-details-container .comments-area .comments-list {
    padding-bottom: 45px;
    border-bottom: 1px solid #efefef;
}

.blog-details-container .comments-area .comments-list .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .blog-details-container .comments-area .comments-list .comment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.blog-details-container .comments-area .comments-list .comment:last-child {
    margin-bottom: 0px;
}

.blog-details-container .comments-area .comments-list .comment:nth-child(even) {
    margin-left: 60px;
}

.blog-details-container .comments-area .comments-list .comment .comment-avatar {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .blog-details-container .comments-area .comments-list .comment .comment-avatar {
        margin-bottom: 30px;
    }
}

.blog-details-container .comments-area .comments-list .comment .comment-wrap .comment-author-content span.author-name {
    font-family: "Frank Ruhl Libre", serif;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #162542;
}

.blog-details-container .comments-area .comments-list .comment .comment-wrap .comment-author-content span.author-name span.date {
    float: right;
    font-family: "Karla", sans-serif;
    font-size: 15px;
}

.blog-details-container .comments-area .comments-list .comment .comment-wrap .comment-author-content .reply {
    font-size: 14px;
    font-weight: 700;
    color: #162542;
    text-transform: uppercase;
}

.blog-details-container .comments-area .comments-list .comment .comment-wrap .comment-author-content .reply:after {
    display: inline-block;
    content: "";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    margin-left: 10px;
}

.blog-details-container .comments-respond {
    padding-bottom: 60px;
}

.blog-details-container .comments-respond form .form_control {
    background-color: #f4f4f4;
    margin-bottom: 35px;
    font-size: 18px;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-weight: 600;
}

.blog-details-container .comments-respond form .form_control:focus {
    border-color: #000;
    background-color: transparent;
}

.blog-details-container .comments-respond form .form_control::-webkit-input-placeholder {
    color: #162542;
}

.blog-details-container .comments-respond form .form_control::-moz-placeholder {
    color: #162542;
}

.blog-details-container .comments-respond form .form_control:-ms-input-placeholder {
    color: #162542;
}

.blog-details-container .comments-respond form .form_control::-ms-input-placeholder {
    color: #162542;
}

.blog-details-container .comments-respond form .form_control::placeholder {
    color: #162542;
}

.blog-details-container .comments-respond form textarea.form_control {
    height: 140px;
}

.blog-details-container .comments-respond form .nice-select {
    color: #162542;
    font-weight: 600;
    font-size: 18px;
    background-color: #f4f4f4;
    border-radius: 0px;
    height: 55px;
    line-height: 55px;
    border: 2px solid transparent;
}

.blog-post-item ul,
.sv-expsortable ul {
    padding-left: 17px;
}

.blog-post-item ul li,
.sv-expsortable ul li {
    list-style: disc;
    list-style-position: outside;
}

.blog-post-item li,
.sv-expsortable li {
    margin: 0 0 20px;
    letter-spacing: 0.005em;
    line-height: 1.625em;
    font-size: 14px;
    text-align: justify;
}

#st-3 .st-btn {
    display: inline-block;
    background: #37403d;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
}

#st-3 .st-btn>i {
    filter: invert(3) brightness(1.5);
    font-size: 20px;
    vertical-align: top;
}

#st-3 a:hover .st-btn>i {
    transition: var(--transition);
    filter: invert(0) brightness(1);
}

#st-3 .st-btn[data-network='whatsapp'] {
    background-color: #25d366;
}

#st-3 .st-btn[data-network='linkedin'] {
    background-color: #0077b5;
}

#st-3 .st-btn[data-network='twitter'] {
    background-color: #000000;
}

#st-3 .st-btn[data-network='facebook'] {
    background-color: #4267B2;
}

.sv-aside-holder {
    border-left: 8px solid var(--secondary-color);
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    padding: 20px;
}

.sv-aside-holder h5 {
    color: var(--secondary-color);
}

.sv-asidetitle h5 {
    margin: 0;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 20px;
    line-height: 1.4;
    font-family: "Montserrat-Regular";
    font-weight: 800;
}

.sv-asidetitle h5::after {
    right: 0;
    top: 6px;
    color: #0A0F26;
    line-height: 1;
    font-size: 16px;
    content: "\f068";
    position: absolute;
    font-family: "FontAwesome";
}

.sv-dbnavlist .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.article.input-group .form-controller {
    height: 46px;
    margin-bottom: 0;
    margin-right: 15px;
    width: 100%;
    padding: 0 19px;
    color: #1C1C1C;
    border: 1.5px solid #e1e1e1;
    border-radius: 3px;
    background-clip: unset;
    background-color: #fff;
    caret-color: #1C1C1C;
}

.rq-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    transition: all 0.3s ease;
}

.rq-btn-primary {
    background: var(--secondary-color);
    color: #f5f5f5;
    padding: 10px 20px;
}

.sv-aside-holder~.sv-aside-holder {
    margin-top: 30px;
}

.sv-aside-content {
    padding-top: 10px;
}

.recent-post-list {
    margin: 0;
    padding: 0;
}

.post-thumbnail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.post-thumbnail-content p:last-child {
    margin-bottom: 0;
}

.post-thumbnail-content .post-title-date .posted-on {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #666666;
    line-height: 25px;
}

.post-thumbnail-content .post-title-date .posted-on i {
    margin-right: 10px;
}

.post-thumbnail-content .post-title-date .posted-on a {
    color: #666666;
}

/* End */

.tt-menu {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 1%;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px;
    margin: 8px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    max-height: 250px;
    overflow-y: auto;
    cursor: pointer;
}

.tt-menu li {
    border-bottom: #f9f9f9 solid 1px;
    padding: 5px 4px;
}

.tt-menu li {
    border-bottom: #f9f9f9 solid 1px;
    padding: 5px 4px;
}

.holiday_head {
    color: #094CA1;
    background: none;
    font-size: 15px;
    text-align: right;
    border-bottom: 1px solid #3C5A9A;
    cursor: text;
    margin-right: 10px;
    font-weight: 500;
}

/* topbar */
.nav-middle-content{
    margin-left: 0px;
}
@media (min-width: 1199px) {
    .nav-middle-content {
        display: -webkit-box;
        display: flex;
    }
}

.nav-middle-content {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.nav-middle-content .content-location,
.nav-middle-content .content-address {
    gap: 10px;
}

.nav-middle-content .content-location {
    /* border-right: 1px dotted #dde0e9; */
    padding-right: 40px;
}

@media (min-width: 991px) {

    .content-location,
    .content-address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.nav-middle-content .content-location .location-icon,
.nav-middle-content .content-address .address-icon {
    /* background: var(--secondary-color); */
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: #8f8f8f;
    border: 1px solid #dcdcdc;
}

.nav-middle-content .content-location .info-data a,
.nav-middle-content .content-address .info-data a {
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    text-transform: uppercase;
    color: #a5a5a5;
}

.nav-middle-content .content-location .info-data,
.nav-middle-content .content-address .info-data :root a {
    text-decoration: none;
    font-family: 'roboto', sans-serif;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: var(--color-black);
}

.nav-middle-content .content-location .info-data .para,
.nav-middle-content .content-address .info-data .para {
    font-weight: normal;
    font-size: 13px;
    line-height: 9px;
    color: #12243b;
}

.nav-middle-content .content-address {
    gap: 10px;
}

@media (min-width: 991px) {

    .content-location,
    .content-address {
        display: -webkit-box;
        display: -ms-flexbox;
    }
}

.blog-icon img {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white-color);
}
.social-icon {
    display: flex;
    justify-content: flex-start;
}
.social-icon a {
    background: var(--secondary-color);
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* border-radius: 50%; */
    /* color: var(--white-color) !important; */
    align-items: center;
    justify-content: space-around;
    margin-left: 15px;
}

.social-icon a i {
    color: var(--white-color) !important;
}
.qrcode img{
    width: 135px;
    height: 135px;
}
.qrcode{
    text-align: start;
    margin-left: 15px;
    margin-top: 20px;
}


/*category*/
.subCategories {
  margin: 20px auto !important;
  /*background: #fffafa !important;*/
  padding: 12px !important;
  /*max-width: 1100px !important;*/
  /*border: 1px solid #ccc !important;*/
  /*border-radius: .25rem !important;*/
}

.subCategoryItem {
  margin-bottom: 20px !important;
  background-color: rgb(218 218 218 / 11%);
    border: 1px solid rgb(227 227 227);
    border-radius: 10px;
}

.subCategory {
  width: 100% !important;
}

.subCategory a {
  padding: 10px !important;
  display: flex !important;
  gap: 10px !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  align-items: self-start !important;
}

.subCategory a:hover {
  background-color: #fcfcfc !important;
}
.subCategory .boxabsolute{
        width: 50px !important;
    height: 50px !important;
    object-fit: contain !important;
    /* margin-top: -10%; */
    position: absolute;
    /* top: 0; */
    margin-top: -36px;
    padding: 5px;
    border-radius: 10px;
}

.subCategory a img {
  width:35px !important;
    height: 35px !important;
    object-fit: contain !important;
    /* margin-top: -10%; */
  filter:brightness(0) invert(1);
}

.subCategory a:hover img {
  filter: inherit !important;
}

.subCategory ul {
  position: relative !important;
  display: flex !important;
  gap: 10px !important;
  flex-direction: column !important;
  margin: 0 0 0 40px !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center !important;
  font-size: .9rem !important;
  color: #000 !important;
  width: 100% !important;
}

/*.subCategory ul::before {*/
/*  content: '' !important;*/
/*  position: absolute !important;*/
/*  top: -10px !important;*/
/*  left: -5px !important;*/
/*  border-left: 1px solid #aaa !important;*/
/*  height: 100% !important;*/
/*}*/

.subCategory ul>li {
  width: 100% !important;
  position: relative !important;
}

/*.subCategory ul>li::before {*/
/*  content: '-' !important;*/
/*  color: #aaaa !important;*/
/*  position: absolute !important;*/
/*  top: 3px !important;*/
/*  left: -5px !important;*/
/*}*/

.subCategory ul>li a {
  padding: 1px 5px !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
}

.subCategory li>a img {
  width: auto !important;
  height: 15px !important;
  object-fit: contain !important;
  margin-left: 5px !important;
}

@media (max-width: 450px) {
 
    .subCategoryItem{ position: static !important;}
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.main_logo  h1{
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 2.5em;
    margin-left: 10px;
}
.main_logo small{
    margin-left: 10px;
}

.carousel {
    height: 600px !important;
    perspective: 250px !important;
    box-sizing: inherit;
}
.carousel {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    height: 400px !important;
    -webkit-perspective: 500px !important;
    perspective: 500px !important;
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    -webkit-transform-origin: 0% 50% !important;
    transform-origin: 0% 50% !important;
}
.carousel .carousel-item {
    width: 450px !important;
    background: #e7e4e4 !important;
    padding: 0px !important;
    height: auto !important;
    text-align: center !important;
    border-radius: 15px !important;
    display: block !important;
    box-sizing: inherit;
}

.img-area {
    width: 450px !important;
    height: 300px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    /*border-radius: 50% !important;*/
    /*border: inset 8px deepskyblue !important;*/
}
.img-area img {
    width: 100% !important;
    height: inherit;
}
.testi p {
    font-size: 15px !important;
    text-align: justify;
    line-height: 1.9 !important;
}
.testi h4 {
    font-size: 20px !important;
    margin: 0 !important;
    color: #000 !important;
}
.testi h5 {
    font-size: 14px !important;
    letter-spacing: 5px !important;
    margin: 7px 0 !important;
}
strong{
    font-weight: bolder;
}
.head-text{
    font-size: 2em !important;
}
.card.subcat{
    box-shadow: none;
    border: 1px solid #e5e7f2;
}

 .detail-count.allcat{
           align-items: center;
            gap: 3px;
            justify-content: flex-start;
       }
       .jbs-list-box {
            position: relative;
        width: 100%;
        display: flex;
        background: #ffffff;
        border-radius: 0.5rem;
        flex-direction: column;
        padding: 1.4rem 1rem;
        margin-bottom: 1.5rem;
    }
    .jbs-list-box.border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .jbs-list-head {
        position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    }
    .jbs-list-head-thunner {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center;
    width: 100%;
}
.jbs-job-types-wrap {
    display: flex;
    margin-bottom: 0.3rem;
}
.jbs-list-emp-thumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:120px;
    height:120px;
    background: #f4f5f7;
    border-radius: 10px;
}
.jbs-list-emp-thumb figure {
    margin: 0;
}
.jbs-list-emp-thumb figure img {
   width:auto;
    height: 110px;object-fit:contain
}
.jbs-list-job-caption {
    display: flex;
    align-items: self-start;
    justify-content: flex-start;
    flex-direction: column;
	padding-left:1rem;
    width: 100%;
	flex:1;
}
.jbs-job-mrch-lists {
    position: relative;
    width: auto;
}
.jbs-verified:before {
    content: "";
    position: absolute;
    right: -7px;
    bottom: 0px;
    width: 18px;
    height: 18px;
    background: transparent url(../images/approved.webp) no-repeat;
    background-size: cover;
}
.jbs-job-employer-wrap span {
    font-weight: 500;
    color: #728ca3;
    font-size: 13px;
    font-family: 'Jost', sans-serif;
}
.jbs-job-title-wrap {
    position: relative;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.jbs-job-title-wrap {
    position: relative;
    display: block;
    width: 100%;
}
.jbs-job-title-wrap h4 {
    margin: 0;
    font-size: 17px;
}
.jbs-info-ico-style {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    /*justify-content: space-evenly;*/
    width: 100%;
    max-width: 100%;
}
.jbs-info-ico-style .jbs-single-y1 {
    width: auto;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: rgba(0, 44, 63, 0.6);
    font-size: 12px;
}
.jbs-info-ico-style .jbs-single-y1.style-1 span {
    background: rgb(255 255 255);
    box-shadow: 0 0 0 4px rgb(0 81 127);
    color: #00517f;
}

.jbs-info-ico-style .jbs-single-y1 span {
    position: relative;
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    background: red;
    box-shadow: 0 0 0 4px rgba(2, 2, 2, 0.8);
    margin-right: 10px;
}

.small .nice-select {
    height: 44px;
    line-height: 44px;border-color: #e6ebf1;
    margin-right: 20px;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }
  
 .search-form-control {
    height: 56px;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #e7edf1;
    background-clip: initial;
}
.search-form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.jbs-list-head .brows-job-type span {
    position: absolute;
    padding: 4px 15px;
    top: 15px;
    right: 10px;
    line-height: 1.4;
    font-size: 11px;
    border-radius: 0.3rem;
    font-weight: 500;
}
.full-time {
    background: rgba(3, 165, 4, 0.1);
    color: #03a504;
}

.tt-category {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 1%;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px;
    margin: 8px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    max-height: 250px;
    overflow-y: auto;
    cursor: pointer;
}

.tt-category li {
    border-bottom: #f9f9f9 solid 1px;
    padding: 5px 4px;
}

.tt-category li {
    border-bottom: #f9f9f9 solid 1px;
    padding: 5px 4px;
}
.table th{
    font-weight: bolder !important;
    padding: .75rem;
}
.table-bordered {
    border: 1px solid #dee2e6;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}

/* FOOTER */
.ts-footer-area {
    position: relative;
    background: #181818;
}.ts-footer-newsletter form input {
    width: 70%;
    height: 100%;
    position: relative;
    background: #ffffff;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1;
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 500;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;
}
.ts-footer-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: url(https://www.trawell.in/admin/images/upload/133167934Jamnagar_Lakhota_Lake_and_Museum_Main.jpg) no-repeat center center / cover;
}
.ts-footer-bg-2 {
    background: rgba(0, 0, 0, 0.85);
}
.ts-footer-top {
    margin-top: 0;
    border-bottom: 1px solid rgba(221, 221, 221, 0.26);
    height: 105px;
}

.ts-footer-top h5 {
    margin: 22px 0 6px 0;
    padding: 0;
    color: #ffff;
    font-size: 22px;
    font-weight: 600;
}
.ts-footer-top p {
    color: #ffff;
}
.ts-footer-newsletter form {
    height: 50px;
    position: relative;
    display: flex;
}
.ts-footer-newsletter form button {
    width: 30%;
    height: 100%;
    background: var(--secondary-color);
    color: #ffff;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    outline: none;
    cursor: pointer;
}
.ts-footer-middle {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}
.ts-footer-middle h5 {
    color: #ffff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}
.ts-footer-middle p {
    color: #cacaca;
    text-align: justify;
    padding-bottom: 18px;
}
.ts-footer-middle h6 {
    color: #cacaca;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.ts-footer-middle ul li {
    list-style: none;
    display: block;
    padding-bottom: 15px;
}
.ts-footer-middle ul li a {
    color: #cacaca;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.ts-footer-middle ul li a:hover {
    color: var(--secondary-color);
}
.ts-footer-middle span {
    color: #ffff;
    display: block;
    margin-bottom: 16px;
}
.ts-footer-middle span i {
    color: #ffffff;
    margin-right: 5px;
}
.ts-footer-middle span {
    color: #cacaca;
    display: block;
    margin-bottom: 16px;
}
.ts-footer-middle span .office-time {
    color: #fff;
    margin-left: 30px;
}
.ts-footer-bottom {
    background: #181818;
    padding: 14px 0;
    border-top: 1px solid rgba(221, 221, 221, 0.26);
}
.ts-footer-bottom p {
    margin: 0;
    padding: 0;
    color: #cacaca;
    font-size: 16px;
}
.ts-footer-bottom p a {
    color: #cacaca;
}
.ts-social-link {
    /* margin-top: 24px; */
}
.ts-social-link li {
    list-style: none;
    display: inline-block;
    /* padding-bottom: 15px; */
    padding-top: 15px;
}
.ts-social-link li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    display: block;
    text-align: center;
    background: rgba(255, 255, 255, 0.13);
    margin-right: 8px;
    color: #ffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.ts-social-link li a:hover {
    background: var(--secondary-color);
    color: #ffff;
}
.footer-widget__gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 14px;
}
.footer-widget__gallery__link {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.footer-widget__gallery__link img {
    max-width: 100%;
    border-radius: inherit;
}
.footer-widget__gallery__overlay {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    font-size: 23px;
    color: #FFFFFF;
    border-radius: inherit;
    background-color: rgb(6 61 95 / 80%);
    transition: all 500ms ease;
}
.footer-widget__gallery__link:hover .footer-widget__gallery__overlay {
    height: 100%;
    top: 0;
    opacity: 1;
}
.footer-widget__post {
    position: relative;
    margin: 0px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.footer-widget__post li {
    display: flex !important;
    align-items: flex-start;
    gap: 23px;
}
.footer-widget__post__img {
    position: relative;
    width: 85px;
    height: 85px;
    flex-shrink: 0;
    border-radius: 50%;
}
.footer-widget__post__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.footer-widget__post__img::after {
    content: "0" counter(blogNumber);
    counter-increment: blogNumber;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: -8px;
    background-color: var(--secondary-color);
    font-size: 11px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1;
    transition: all 500ms ease;
}
li:hover .footer-widget__post__img::after {
    background-color: #ffff;
    color: var(--secondary-color);
}
.footer-widget__post__content {
    margin-top: 5px;
}
.footer-widget__post__date {
    margin-bottom: 13px;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1.285;
}
.footer-widget__post__title {
    margin: 0px;
    font-size: 14px;
    font-weight: 700;
    color: #cacaca;
    line-height: 1.294;
}
.footer-widget__post__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}
.footer-widget__post__title a:hover {
    color: var(--secondary-color);
}
.footer-widget__post__title a:hover {
    background-size: 100% 1px;
}
.logo-bg{
    position: relative;
}
.logo-bg::before{
    position: absolute;
    content: '';
    border: 1px dashed #fff;
    top: 13px;
    left: 9px;
    bottom: 0;
    width: 265px;
    height: 92px;
    z-index: 1;
    /* right: 0; */
    /* text-align: center; */
    margin: auto;
}
/* FOOTER */
/*  */
.blog-card-two__meta {
    margin: -46px 0px 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px 0px;
}
.blog-card-two__image {
    position: relative;
    overflow: hidden;
}
.blog-card-two__image img {
    width: 100%;
    display: block;
    transition: all 500ms ease;
}
.blog-card-two__image__link {
    width: 100%;
    height: 100%;
    background-color: rgba(21, 22, 27, 0.7);
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity 500ms ease, transform 500ms ease;
}
.blog-card-two__image__link::before, .blog-card-two__image__link::after {
    content: "";
    width: 32px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blog-card-two__content {
    position: relative;
    z-index: 1;
    padding: 0px 40px 83px;
}
.blog-card-two__meta {
    margin: -46px 0px 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px 0px;
}
.blog-card-two__category {
    position: relative;
    z-index: 1;
    padding: 12.5px 12px 11.5px;
    display: inline-block;
    background-color: #d0d0d0;
    font-size: 12px;
    color: #202020 !important;
    font-weight: normal;
    line-height: 1.875;
    text-transform: uppercase;
    transition: all 500ms ease;
     overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; 
}
.blog-card-two__title {
    margin: 0px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    line-height: 1.272;
    margin-top: 15px;
}
.blog-card-two__title a {
    color: #000;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
     overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; 
}
.blog-card-two__button {
    width: 100%;
    height: 54px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    overflow: hidden;
}
.blog-card-two__btn {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0px auto;
    border-radius: 50%;
    font-size: 18px;
    color: #FFFFFF;
    transform: rotate(-45deg);
    background-color: #00517fba;
    transition: all 500ms ease;
}
.blog-card-two:hover .blog-card-two__image__link {
  opacity: 1;
  transform: translateY(0);
}
.blog-card-two:hover .blog-card-two__image img {
  transform: scale(1.1);
}
.blog-card-two__title a:hover {
    background-size: 100% 1px;
    color: var(--secondary-color) !important;
}
.blog-card-two__image__link::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.blog-card-two__content::after {
    content: "";
    width: 100%;
    height: calc(100% - 74px);
    position: absolute;
    top: 46px;
    left: 0px;
    z-index: -1;
    background-color: #FFFFFF;
    filter: drop-shadow(0px 0px 12.1px rgba(0, 0, 0, 0.1));
}
.blog-card-two__category:hover {
    color: #000 !important;
}
/*  */
/* TOPBAR */ 
.topbar{
    background-color: var(--secondary-color);
    padding: 8px 0;
}
.topbar a{
    color: #fff;
    text-align: center;
}
/* TOPBAR */ 
/* ADD */
.business-process-area-1{
    padding: 50px 0;
    background-color: #ffff !important;
}
.process-nav-tabs {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    border: 0;
    margin-bottom: 30px !important;
}
@media (max-width: 1500px) {
    .process-nav-tabs .nav-item .nav-link {
        padding: 30px;
    }
}

.process-nav-tabs .nav-item .nav-link {
    /* border: 1px solid #EAEAEA; */
    background: #f9f9f9;
    display: flex;
    text-align: start;
    padding: 15px;
    gap: 25px;
    border-radius: 0;
    /* box-shadow: 0px 19px 48px rgba(48, 65, 64, 0.09); */
    align-items: center;
    flex-direction: column;
    position: relative;
}
.process-nav-tabs .nav-item .nav-link::after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-top-color: #f9f9f9;
        content: '';
        pointer-events: none;
}
.process-nav-tabs .nav-item .nav-link .box-icon {
    flex: none;
}
.process-nav-tabs .nav-item .nav-link .box-icon img {
    transition: 0.4s;
    width: 50px;
}
.process-nav-tabs .nav-item .nav-link .box-title {
    font-size: 14px;
    font-weight: 700;
    margin-top: -0.15em;
    /* margin-bottom: 12px; */
    transition: 0.4s;
    text-align: center;
    color: #3d3d3d;
}
.process-nav-tabs .nav-item .nav-link .box-text {
    margin-bottom: -0.45em;
}
.process-nav-tabs .nav-item .nav-link.active, .process-nav-tabs .nav-item .nav-link:hover {
    background: #ffff;
    border: 1px solid #eaeaea;
}
.process-nav-tabs .nav-item .nav-link.active::after , .process-nav-tabs .nav-item .nav-link:hover::after{
        border-top-color: #ebebeb;
}
.process-nav-tabs .nav-item .nav-link.active .box-title, .process-nav-tabs .nav-item .nav-link:hover .box-title {
    color: var(--secondary-color);
}
.process-nav-tabs .nav-item .nav-link.active .box-text, .process-nav-tabs .nav-item .nav-link:hover .box-text {
    color: #ffff;
}
@media (max-width: 1500px) {
    .process-card {
        gap: 30px;
    }
}
.process-card {
    /* box-shadow: 0px 19px 48px rgba(48, 65, 64, 0.09); */
    border-radius: 10px;
    /* border: 1px solid #EAEAEA; */
    /* background: #ffffff; */
    padding: 30px;
    display: flex;
    gap: 40px;
}
.process-card .process-card-content {
    flex: 1;
    align-self: center;
}
.process-card .process-card-content .process-card-title {
    font-size: 26px;
    font-weight: 700;
    margin-top: -0.1em;
    margin-bottom: 18px;
}
.tab-content table thead th{
    background-color: #1c6b9c;
    color: #fff;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: rgb(0 0 0 / 3%);
}
/* ADD */
/* FOOTER ADD */
.footer-about-company{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-about-company li{
    display: inline-block;
    position: relative;
    margin-right: 30px;
    color: #96a0a9;
}
.footer-about-company li:first-child::before {
    content: "";
    background-color: none;
}
.footer-about-company li:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 9px;
    color: #fff;
    width: 5px;
    height: 5px;
    background-color: #96a0a9;
    border-radius: 50%;
}
.credit-links {
    color: #96a0a9;
    margin-top: 10px;
    margin-bottom: 0;
}
/* FOOTER ADD */
/* AFTER SLIDE */
.section-padding {
    padding: 120px 0 0 0;
}
.discover-items {
    border: 1px solid rgb(213, 213, 213);
    padding: 40px 50px;
    overflow: hidden;
    transition: all 0.4s;
}
.discover-items .box {
    max-width: 345px;
}
.black-clr {
    color: #11161f;
    font-size: 24px;
    font-weight: 900;
}
.text-clr {
    color: #787878;
}
.discover-items .badge-ele {
    position: absolute;
    right: 0;
    top: 0;
    width: 155px;
    height: 155px;
    background: rgb(213, 213, 213);
    border-bottom-left-radius: 150px;
    transition: all 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.discover-items:hover .badge-ele {
    background: var(--secondary-color);
}
.discover-items:hover {
    border-color: var(--secondary-color);
}
/* AFTER SLIDE */
/* FEEDBACK */
.testimonail-items {
    background: #fff;
    padding: 40px 40px 10px 40px;
    border-radius: 8px !important;
    z-index: 1;
    overflow: hidden;
    box-shadow: -10px 0px 60px 0px rgba(0, 0, 0, 0.07);
        flex-direction: column-reverse;
}
.testimonail-items .margin-class{
        margin-left: 80%;
}

.testimonail-items .thumb {
    border: 2px solid var(--secondary-color);
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.theme-clr {
    color: var(--secondary-color);
}
.black-clr {
    color: #11161f;
}
.testimonail-items .testimonial-shape {
    position: absolute;
    left: -20px;
    bottom: 0;
    z-index: -1;
    filter: brightness(0) invert(0.95);
}
/* FEEDBACK */ 
/* CATEGORY */
.category-listing{
    padding: 50px 0;
}
.categories-list .list-item {
    margin-bottom: 60px;
}
.categories-list .list-item .title {
    margin-bottom: 10px;
}
.categories-list .list-item .title .icon {
    z-index: 9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #dbdbdb;
    color: #fff;
    text-align: center;
    width: 55px;
    height: 55px;
    margin-right: -12px;
    border: 2px solid #ffffff !important;
}
.categories-list .list-item .title .icon i {
    font-size: 22px;
    line-height: 50px;
    transition: .5s all ease;
    color: var(--secondary-color);
}
.categories-list .list-item .title h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    background-color: #e6e6e6;
    padding: 10px;
    /* border-radius: 15px; */
    z-index: -1;
    position: absolute;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 15px;
    margin-top: 7px;
    width: 212px;
}
.categories-list .list-item .title h3 a {
    color: #004d78;
    padding: 8px;
}
.categories-list .list-item ul {
    list-style: none;
    padding-left: 32px !important;
}
.categories-list .list-item ul li a {
    opacity: 0.6;
    color: black;
    display: inline-block;
    padding: 2px 0;
}
.categories-list .list-item ul li .count {
    opacity: 0.8;
    display: inline-block;
    font-size: 10px;
    float: right;
    top: 7px;
    position: relative;
    border: 1px solid #b7b7b7;
    border-radius: 50px;
    height: 20px;
    width: 20px;
    padding: 6px;
    line-height: 5px;
}
.categories-list .list-item ul li a:hover {
    opacity: 1;
    color: #000 !important;
}
.categories-list .list-item ul li a .count:hover {
    opacity: 1;
    color: #000 !important;
}
.categories-list .list-item:hover .icon i{
    transform: rotateY(180deg);
}
/* CATEGORY */ 
/* TITLE & SUB TITLE */
.side-line-left {
    position: relative;
    padding-left: 70px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.mrb-45.mrb-lg-352{
}
.mrb-45{
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}
.text-primary-color {
    color: #8c8c8c !important;
}
.text-white .text-primary-color {
    color: #8c8c8c !important;
}
.side-line-left:before {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: 8px;
    background: #A3D9FF;
    background: #c9daea;
}
.side-line-left:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 50px;
    background: #A3D9FF;
    left: 10px;
    bottom: 12px;
    background: #c9daea;
}
.text-white.side-line-left:before {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    left: 35%;
    bottom: 8px;
    background: #A3D9FF;
    background: #c9daea;
}
.text-white.side-line-left:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 50px;
    background: #A3D9FF;
    left: 36%;
    bottom: 12px;
    background: #c9daea;
}
.text-primary-color.text-blue{
    color: var(--secondary-color) !important;
    font-weight: 500;
}
/* TITLE & SUB TITLE */
/* CATEGORY */
.category-box {
    position: relative;
    height: 200px;
    background: #f9f9f9;
    border-radius: 0.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.6s linear;
}
.category-box .category-desc .category-icon {
    /* font-size: 40px; */
    margin-bottom: 0px;
    transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);
    width: 80px;
    height: 80px;
    background: #eaeaea;
    border-radius: 50%;
    margin: auto;
    /* text-align: center; */
    /* display: block; */
    /* line-height: 80px; */
}
.category-box .category-desc i {
    font-size: 40px;
    margin-bottom: 7px;
    width: auto;
    height: auto;
    transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);
    color: var(--theme-color) !important;
}
.category-box .category-desc img.abs-icon {
    position: absolute;
    bottom: 5px;
    left: 5px;
    opacity: 0;
    transition: all ease-in 0.4s;
}
.category-box .category-desc .category-detail h4 {
    margin-bottom: 12px;
    font-weight: 500;
}
.category-box h4 a:hover{
    color: var(--theme-color) !important;
}
.category-box .category-desc .category-detail p.block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    background: #eeeeee;
    padding: 0.1rem 1rem;
    font-weight: 500;
    font-size: 12px;
    border-radius: 50px;
}
.category-box:hover img.abs-icon {
    position: absolute;
    bottom: 25px;
    left: 8px;
    opacity: 0.6;
    color: var(--theme-color);
    filter: brightness(0.12) invert(0);
}
.hired-box-slack {
    position: relative;
    text-align: center;
    padding: 6rem 5rem;
}
.bg-dark {
    background-color: #044f99 !important;
}
.hired-box-caption p {
    margin: 2rem 0;
    font-size: 16px;
}
.btn-main {
    border-color: #1587c6;
    color: #ffffff;
    border: 1px solid #1587c6;
}
.btn-dark {
    border-color: #1587c6;
    border: 1px solid #1587c6;
    color: #ffffff;
    background: none;
}
.btn-lg {
    padding: 1em 1.5em;
    height: 52px;
    font-size: 1em;
}
.bg-main {
    background-color: #0062c6 !important;
}
.hired-box-caption h2{
    font-size: 22px;
}
.hired-box-btns .btn.btn-main:hover{
    border: 1px solid #1587c6;
}
.hired-box-btns  .btn.btn-dark:hover{
    border: 1px solid #1587c6;
    background: none;
}
/* CATEGORY */
/*CATEGORY STYLE 1*/

.products-three__single {
  position: relative;
  display: block;
}

.products-three__content {
  position: relative;
  display: block;
  background-color: var(--theme-color);
  border-radius: var(--farmology-bdr-radius);
  text-align: center;
  padding: 30px 30px 45px;
  margin-top: -50px;
  z-index: 1;
}

.products-three__content-bg-shape {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  opacity: 0.08;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: -1;
}

.products-three__content:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px dashed var(--farmology-gray);
  border-radius: var(--farmology-bdr-radius);
  z-index: -1;
}

.products-three__content:after {
  content: "";
  position: absolute;
  top: 10px;
  height: 3px;
  width: 65px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--theme-color);
  z-index: -1;
}

.products-three__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 50%;
  z-index: 2;
}

.products-three__icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  background-color: var(--theme-color);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: -1;
}

.products-three__icon:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  height: 37%;
  border: 1px dashed var(--farmology-gray);
  border-bottom: 0;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: -1;
}

.products-three__icon span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: #fff;
  top: -4px;
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.products-three__single:hover .products-three__icon span {
  -webkit-animation-name: wobble-horizontal-hover;
  animation-name: wobble-horizontal-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.products-three__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin: 5px 0 12px;
}

.products-three__title a {
  color: var(--farmology-primary);
}

.products-three__title a:hover {
  color: #fff;
}
/**NEW STYLE **/
/*** 

====================================================================
	Slider Three
====================================================================

***/

.slider-three{
	position:relative;
	overflow: hidden;
	padding: 280px 0px 120px;
}

.slider-three_pattern{
	background-size: cover;
}

.slider-three_pattern:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	background-size:cover;
	background-color: var(--color-two);
}

.slider-three .column{
	position:relative;
	margin-bottom: 25px;
}

.slider-three_title{
	position:relative;
	font-size: 16px;
	letter-spacing: 0.5;
	color: var(--white-color);
	text-transform: uppercase;
}

.slider-three_heading{
	position:relative;
	font-weight: 500;
	margin-top: 15px;
	padding-right: 80px;
	margin-bottom: 20px;
	color: var(--white-color);
	text-transform: uppercase;
}

.slider-three_text{
	position:relative;
	font-size: 16px;
	letter-spacing: 0.5;
	max-width: initial !important;
	margin-bottom: 25px;
	color: var(--white-color);
	text-transform: capitalize;
}

.slider-three .form-outer{
	position:relative;
	padding: 45px 40px;
	border-radius: 10px;
	background-color: rgba(var(--color-two-rgb), 0.80);
}

.slider-three .form-outer .property-search-form .form-group label{
	position:relative;
	color: var(--white-color);
}
/* Roisk Luxury Hotel Business HTML-5 Template */

/*** 

====================================================================
	Header style One
====================================================================

***/

.main-header{
	position:absolute;
	left: 0px;
	top: 40px;
	right: 0px;
	z-index:1001;
	width:100%;

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}

.header-top{
	position:relative;
}

.header-top .inner-container{
	position:relative;
	margin: 0px 60px;
	padding: 15px 35px;
	border-radius: 30px 30px 0px 0px;
	background-color: var(--main-color);
}

.header-top .address{
	position:relative;
	font-size: 16px;
	font-weight: 500;
	color: var(--black-color);
}

.header-top .address span{
	position:relative;
	color: var(--white-color);
}

.header-top .social-box{
	position:relative;
	display: flex;
	gap: 15px;
	margin-left: 25px;
}

.header-top .social-box a{
	position:relative;
	font-size: 16px;
	color: var(--white-color);
}

.header-top .social-box a:hover{
	color: var(--color-two);
}

.header-style-one{
	min-height: 92px;
}

.main-header.header-style-one .header-lower .header-navbar{
	position:relative;
	gap: 55px;
	padding: 0px 20px 0px 10px;
}

.main-header.header-style-one .header-lower .header-navbar:before{
	position: absolute;
    content: '';
    left: -60px;
    bottom: -20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid var(--white-color);
}

.main-header.header-style-one .header-lower .header-navbar .nav-outer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius: 0px 50px 50px 0px;
	background-color: var(--white-color);
}

.main-header.header-style-one .header-lower .header-navbar:after{
	position:absolute;
	content:'';
    left: -60px;
    bottom: 0px;
    border-bottom: 90px solid var(--white-color);
    border-left: 60px solid transparent;
}

.main-header.header-style-one .auto-container{
	max-width:1460px;
}

.main-header.header-style-one .header-lower .logo-box:before{
	position:absolute;
	content:'';
	bottom:-18px;
	right:-13px;
	border-bottom: 18px solid var(--main-color);
    border-right: 14px solid transparent;
}

.main-header.header-style-one .header-lower .logo-box .logo{
	position:relative;
	z-index:1;
	padding: 25px 30px 5px 50px;
}

.main-header.header-style-one .header-lower .logo-box .logo:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:-18px;
	z-index: -1;
	border-radius: 80px 0px 0px 80px;
	background-color: var(--main-color);
}

.main-header.header-style-one .header-lower .logo-box .logo:after{
	position:absolute;
	content:'';
	right: -61px;
    top: 0px;
    bottom: 0px;
    border-top: 90px solid var(--main-color);
    border-right: 62px solid transparent;
}

.main-header.header-style-one .header-lower .inner-container{
    position: relative;
	border-radius: 150px 150px;
}

.main-header.header-style-one.fixed-header .header-lower .inner-container{
	padding:0px 0px;
}

.main-header.header-style-one.fixed-header .header-lower .logo-box .logo:after,
.main-header.header-style-one.fixed-header .header-lower .logo-box .logo:before,
.main-header.header-style-one.fixed-header .header-lower .logo-box:before{
	display: none;
}

.main-header.header-style-one.fixed-header .header-lower .header-navbar:before{
	display: none;
}

.main-header.header-style-one.fixed-header .header-lower .header-navbar{
	padding:0px;
}

.main-header.header-style-one.fixed-header .header-lower .logo-box .logo{
	padding:15px 0px;
}

.main-header.header-style-one.fixed-header .header-lower .logo-box .logo img{
	filter: invert(100%);
}

/* Header Upper */

.main-header .header-lower{
	position: relative;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}

/* Login Box */

.header-login_box{
	position: relative;
	width: 64px;
	height: 64px;
	font-size: 22px;
	line-height: 62px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--color-two);
	border: 1px solid rgba(var(--color-two-rgb), 0.15);
}

.header-login_box:hover{
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

/* NavSidebar Button */

.navSidebar-button{
	position: relative;
    width: 64px;
    height: 64px;
	cursor: pointer;
    font-size: 20px;
	margin-left: 20px;
    line-height: 62px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--color-two);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    border: 1px solid rgba(var(--color-two-rgb), 0.15);
}

.navSidebar-button span{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.navSidebar-button:hover{
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.navSidebar-button:hover span{
	color: var(--white-color);
	background-color: var(--color-two);
}

/* Search Widget */

.header-search_box{
	position: relative;
	width: 310px;
}

.header-search_box .form-group{
	position:relative;
	margin:0px;
}

.header-search_box .form-group input:focus + button{
	color: var(--white-color);
	background-color: var(--main-color);
}

.header-search_box .form-group input[type="text"],
.header-search_box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	font-size:16px;
	padding:10px 50px 10px 25px;
	background:none;
	display:block;
	width:100%;
	height:64px;
	border-radius:50px;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px solid rgba(var(--black-color-rgb), 0.10);
}

.header-search_box .form-group input::placeholder,
.header-search_box .form-group textarea::placeholder{
	color:var(--color-two);
	font-size: 18px;
}

.header-search_box .form-group button{
	position:absolute;
	right:5px;
	top:5px;
	bottom: 5px;
	width:60px;
	display:block;
	cursor:pointer;
	line-height:50px;
	font-weight:normal;
	border-radius:50px;
	font-size:16px;
	color:var(--color-two);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: var(--color-six);
}

.header-search_box .form-group button:hover{
	background-color:var(--main-color);
	color:var(--white-color);
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .header-lower .nav-outer{
	position:static;
}

.main-header .header-lower .logo-box{
	position: relative;
	z-index: 1;
}

.main-header .header-lower .logo-box .logo{
	position:relative;
	padding: 25px 0px;
}

.main-header .main-menu .navigation > li:nth-child(7) > ul,
.main-header .main-menu .navigation > li:nth-child(8) > ul{
	left:0px;
	right:auto !important;
}

/* Main Menu */

.main-header .main-menu{
	position:static;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-menu .navbar-collapse{
	padding:0px;
	display:block;
}

.main-header .header-lower .main-menu .navigation{
	position:static;
}

.main-header .main-menu .navigation > li{
	position:relative;
	margin-right:25px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li.current a::after,
.main-header .main-menu .navigation > li:hover a::after{
	opacity: 1;
}

.main-header.fixed-header .header-lower{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index:9999999;
	opacity:1;
	visibility:visible;
	background-color: var(--white-color);
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	box-shadow: 0px 10px 15px rgba(0,0,0,0.04);

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}

.main-header .main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:16px;
	font-weight:600;
	line-height:20px;
	padding:35px 0px;
	text-align:center;
	color:var(--color-two);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	text-transform: uppercase;
}

.main-header .main-menu .navigation > li.dropdown a{
	padding-right: 17px !important;
} 

.main-header .main-menu .navigation > li.dropdown > a:after{
    position: absolute;
    content: "\f107";
    right: 0px;
    line-height: 18px;
	font-weight:700;
    font-size: 13px;
	font-family: 'Font Awesome 6 Free';
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.main-header .main-menu .navigation > li.dropdown:hover > a::after{
	transform: rotate(180deg);
}

.main-header .main-menu .navigation > li:hover > a::before{
	color: var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > a .menu-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-shadow: 0 17px 0 var(--main-color);
}

.main-header .sticky-header .main-menu .navigation > li > a .menu-text{
	text-shadow: 0 16px 0 var(--black-color);
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(1){
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.main-header .main-menu .navigation > li:hover > a span{
    --m: calc(17px * -1);
}

.main-menu > li > a .menu-text span:nth-child(1), .main-menu-4 > li > a .menu-text span:nth-child(1) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(4){
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(5){
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(6){
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(7){
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(8){
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(9){
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.main-header .main-menu .navigation > li > a .menu-text span:nth-child(10){
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.main-header .main-menu .navigation > li > a .menu-text span{
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: translateY(var(--m)) translateZ(0);
    transform: translateY(var(--m)) translateZ(0);
}

.main-header .main-menu .navigation > li > a > span{
	position:absolute;
	right:-25px;
	top:20px;
	width:42px;
	height:16px;
	font-weight:600;
	line-height:1.6em;
	border-radius:50px;
	letter-spacing:1px;
	font-size:12px;
	text-transform:uppercase;
	color:var(--black-color);
	background-color:var(--main-color);
}

.main-header .main-menu .navigation > li:last-child{
	margin-right:0px !important;
}

.main-header .sticky-header .main-menu .navigation > li{
	position:relative;
}

.main-header .sticky-header .main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-header .main-menu .navigation > li:last-child ul{
	right:0px;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a{
	opacity:1;
	color: var(--main-color);
}

.main-header .main-menu .navigation > li > ul{
	position:absolute;
	width:16rem;
	top:100%;
	padding:15px 15px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--white-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-header .main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	opacity:0;
	text-align:left;
	margin-bottom:2px;
	transform:translateY(11px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li:last-child{
	margin-bottom:0px;
}

.main-header .main-menu .navigation > li:hover > ul > li{
	opacity:1;
	transform:translateY(0px);
	-webkit-transition-delay: 70ms;
	-moz-transition-delay: 70ms;
	-ms-transition-delay: 70ms;
	-o-transition-delay: 70ms;
	transition-delay: 70ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(2){
	-webkit-transition-delay: 140ms;
	-moz-transition-delay: 140ms;
	-ms-transition-delay: 140ms;
	-o-transition-delay: 140ms;
	transition-delay: 140ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(3){
	-webkit-transition-delay: 210ms;
	-moz-transition-delay: 210ms;
	-ms-transition-delay: 210ms;
	-o-transition-delay: 210ms;
	transition-delay: 210ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(4){
	-webkit-transition-delay: 280ms;
	-moz-transition-delay: 280ms;
	-ms-transition-delay: 280ms;
	-o-transition-delay: 280ms;
	transition-delay: 280ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(5){
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(6){
	-webkit-transition-delay: 420ms;
	-moz-transition-delay: 420ms;
	-ms-transition-delay: 420ms;
	-o-transition-delay: 420ms;
	transition-delay: 420ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(7){
	-webkit-transition-delay: 490ms;
	-moz-transition-delay: 490ms;
	-ms-transition-delay: 490ms;
	-o-transition-delay: 490ms;
	transition-delay: 490ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(8){
	-webkit-transition-delay: 560ms;
	-moz-transition-delay: 560ms;
	-ms-transition-delay: 560ms;
	-o-transition-delay: 560ms;
	transition-delay: 560ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(9){
	-webkit-transition-delay: 630ms;
	-moz-transition-delay: 630ms;
	-ms-transition-delay: 630ms;
	-o-transition-delay: 630ms;
	transition-delay: 630ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(10){
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(11){
	-webkit-transition-delay: 770ms;
	-moz-transition-delay: 770ms;
	-ms-transition-delay: 770ms;
	-o-transition-delay: 770ms;
	transition-delay: 770ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(12){
	-webkit-transition-delay: 840ms;
	-moz-transition-delay: 840ms;
	-ms-transition-delay: 840ms;
	-o-transition-delay: 840ms;
	transition-delay: 840ms;
}

.main-header .main-menu .navigation > li:hover > ul > li:nth-child(13){
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-header .main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-header .main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	line-height:24px;
	font-weight:600;
	font-size:14px;
	padding: 10px 15px;
	text-transform:uppercase;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: rgba(var(--black-color-rgb), 0.06);
}

.main-header .main-menu .navigation > li > ul > li > a:hover{
	color: var(--white-color);
	background-color: var(--main-color);
}

.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{
	position:absolute;
	content: "\f105";
	right: 15px;
    top: 12px;
	z-index:5;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-weight:normal;
	text-align:center;
	font-weight:800;
	font-size:14px;
	color:var(--black-color);
	font-family: 'Font Awesome 6 Free';
}

.main-header .main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width: 16rem;
    padding:15px 15px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--white-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-header .main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	opacity:0;
	margin-bottom:2px;
	transform:translateY(-8px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
	margin-bottom:0px;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li{
	opacity:1;
	transform:translateY(0px);
	-webkit-transition-delay: 70ms;
	-moz-transition-delay: 70ms;
	-ms-transition-delay: 70ms;
	-o-transition-delay: 70ms;
	transition-delay: 70ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(2){
	-webkit-transition-delay: 140ms;
	-moz-transition-delay: 140ms;
	-ms-transition-delay: 140ms;
	-o-transition-delay: 140ms;
	transition-delay: 140ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(3){
	-webkit-transition-delay: 210ms;
	-moz-transition-delay: 210ms;
	-ms-transition-delay: 210ms;
	-o-transition-delay: 210ms;
	transition-delay: 210ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(4){
	-webkit-transition-delay: 280ms;
	-moz-transition-delay: 280ms;
	-ms-transition-delay: 280ms;
	-o-transition-delay: 280ms;
	transition-delay: 280ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(5){
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(6){
	-webkit-transition-delay: 420ms;
	-moz-transition-delay: 420ms;
	-ms-transition-delay: 420ms;
	-o-transition-delay: 420ms;
	transition-delay: 420ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(7){
	-webkit-transition-delay: 490ms;
	-moz-transition-delay: 490ms;
	-ms-transition-delay: 490ms;
	-o-transition-delay: 490ms;
	transition-delay: 490ms;
}

.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(8){
	-webkit-transition-delay: 560ms;
	-moz-transition-delay: 560ms;
	-ms-transition-delay: 560ms;
	-o-transition-delay: 560ms;
	transition-delay: 560ms;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	line-height:24px;
	font-weight:600;
	font-size:14px;
	padding: 10px 15px;
	text-transform:uppercase;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: rgba(var(--black-color-rgb), 0.06);
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a:hover{
	color: var(--white-color);
	background-color: var(--main-color);
}

.main-header .main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:var(--white-color);
	line-height:28px;
	border:1px solid var(--white-color);
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

/* Header Style Two */

.header-style-two{
	position:absolute;
	left:0px;
	top:25px;
	right:0px;
	min-height: 110px;
}

.main-header.header-style-two .main-menu .navigation > li{
	margin-right: 12px;
}

.main-header.header-style-two .main-menu .navigation > li > a{
	font-size: 18px;
	font-weight: 500;
	text-transform:capitalize;
}

.main-header.header-style-two .main-menu .navigation > li.dropdown > a:after{
	line-height: 20px;
}

.main-header.header-style-two .header-lower .inner-container{
	position:relative;
	padding:0px 25px 0px 0px;
}

.main-header.header-style-two .header-lower .inner-container:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius: 80px 80px;
	background-color:var(--white-color);
}

.main-header.header-style-two .header-lower .logo-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:-15px;
	right:0px;
	bottom:-15px;
	border-radius: 80px 10px 10px 80px;
	background-color:var(--white-color);
	border-right: 7px solid var(--main-color);
}

.main-header.header-style-two .header-lower .logo-box .logo{
	padding: 20px 40px 20px 40px;
}

.main-header.header-style-two.fixed-header .header-lower .inner-container{
	padding: 0px 0px;
}

.main-header.header-style-two.fixed-header .header-lower{
	background-color: var(--white-color);
}

.main-header.header-style-two.fixed-header .header-lower .logo-box:before{
	display: none;
}

.main-header.header-style-two.fixed-header .header-lower .logo-box .logo{
	padding: 20px 0px;
}

/* Header Style Three */

.main-header.header-style-three{
	top:25px;
	min-height:100px;
}

.main-header.header-style-three .header-lower .inner-container{
	position:relative;
	padding: 0px 30px;
	border-radius: 80px 80px;
	background-color: var(--white-color);
}

.main-header.header-style-three .header-lower .logo-box .logo{
	padding: 20px 0px;
}

.main-header.header-style-three.fixed-header .header-lower .inner-container{
	padding: 0px 0px;
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler{
	position: relative;
	font-size: 24px;
	line-height: 1em;
	cursor: pointer;
	display: none;
	color:var(--black-color);
	font-family: "flaticon_roisk-flat";
}

.main-header .sticky-header .mobile-nav-toggler{
	color:var(--black-color);
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	visibility: hidden;
	z-index: 99999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	width:100%;
	visibility: visible;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	right: -400px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
	right:0px;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.mobile-menu .close-btn{
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 20px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	font-weight:700;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	font-family: 'Font Awesome 6 Free';
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#111111;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.mobile-menu .navigation li > ul > li > a{
	padding-left:30px;
}

.mobile-menu .navigation li > ul > li > ul{
	padding-left:0px;
}

.mobile-menu .navigation li > ul > li > ul > li > a{
	padding-left:40px;
}

.main-header .mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.main-header .mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.main-header .mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 12px 20px;
	font-size: 16px;
	color: var(--black-color);
	text-transform: capitalize;
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	color: var(--dark-color);
	font-size: 16px;
	line-height:44px;
	cursor:pointer;
	z-index:5;
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > ul,
.main-header .mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.main-header .sticky-header .navbar-header{
	display:none;
}

.main-header .outer-box{
	position: relative;
	gap: 15px;
}

.main-header_button{
	position: relative;
	height: 62px;
}

/* Search Box Outer */

.main-header .search-box-outer{
	position:relative;
}

.main-header .search-box-btn{
	position:relative;
	width: 48px;
    height: 48px;
	display:block;
	font-size:18px;
	cursor:pointer;
	background:none;
	line-height: 48px;
	text-align: center;
	border-radius: 50px;
	color: var(--white-color);
	background-color: var(--main-color);
}

.main-header .search-box-btn:hover{
	color: var(--white-color);
	background-color: var(--color-two);
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 999999999;
	margin-top: -540px;
	transform: translateY(-100%); 
    transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.search-popup .color-layer{
	position: absolute;
	content:'';
	left: 0;
	top: 0;
	height: 120px;
	width: 100%;
	box-shadow:0px 15px 15px rgba(0,0,0,0.07);
	background-color: rgba(255,255,255,1);
    transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidenav-bar-visible .search-popup{
	width: 80%;
}

.search-active .search-popup{
	transform: translateY(0%);
	margin-top:0px;
}

.search-popup .close-search{
	position: absolute;
	right: 25px;
	top: 25px;
	cursor:pointer;
	background:none;
	font-family: 'Font Awesome 6 Free';
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	z-index:9999;
	visibility: hidden;
}

.search-popup .close-search span{
	position: relative;
	display: block;
	z-index:2;
	font-weight:800;
	font-size:22px;
	color: var(--black-color);
}

.search-active .search-popup .close-search{
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.search-popup form{
	position: absolute;
	max-width: 1300px;
	top: 25px;
	left: 15px;
	right: 15px;
	z-index:999;
	margin:0px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: var(--dark-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.search-active .search-popup form{
	transform: scaleX(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.search-popup .form-group{
	position:relative;
	margin:var(--margin-zero);
	overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
	position:relative;
	display:block;
	height:70px;
	width:100%;
	line-height: 50px;
	font-size:16px;
	color:var(--black-color);
	padding: 10px 50px 10px 60px;
	background-color: var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	font-weight:400;
	text-transform:capitalize;
	border-bottom:1px solid rgba(0,0,0,0.10)
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
	position:absolute;
	left:10px;
	top:0px;
	line-height: 70px;
	background: transparent;
	text-align:center;
	font-size:24px;
	color:var(--black-color);
	cursor:pointer;
	font-weight:800;
	display:inline-block;
	font-family: 'Font Awesome 6 Free';
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
	color: var(--black-color);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
	color:var(--black-color);
}

.search-popup .close-search.style-two{
	position: absolute;
	right: 25px;
	left: auto;
	color: var(--white-color);
	width:auto;
	height:auto;
	top:25px;
	margin:0px;
	border:none;
	background:none !important;
	box-shadow:none !important;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .close-search.style-two span{
	font-size:18px;
	color: var(--white-color);
}

.main-header .sticky-header .search-box-btn{
	color: var(--color-two);
}

.main-header .sticky-header .outer-box .nav-btn{
	color: var(--color-two);
}

.main-header .mobile-menu .menu-box .mCSB_scrollTools{
	width:3px;
}


/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.sidebar-info-contents{
	position:relative;
	height:100%;
}

.sidebar-textwidget,
.sidebar-widget-container{
	height:100%;
}

.sidebar-info-contents .content-inner{
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sidebar-info-contents .content-inner h5{
	margin:15px 20px;
	font-weight:400;
	color:var(--black-color);
	text-transform:capitalize;
}

.sidebar-info-contents .content-inner h5 span{
	position:relative;
	font-weight: 600;
}

.sidebar-info-contents .price{
	position:relative;
	padding:14px 10px;
	text-align:center;
	font-size:14px;
	color:var(--black-color);
	background-color:rgba(var(--main-color-rgb), 0.20);
}

.sidebar-info-contents .empty-cart-box{
	position:relative;
	margin:15px 0px;
}

.sidebar-info-contents .no-cart{
	position:relative;
	text-align:center;
	font-size:16px;
	color:var(--black-color);
}

.sidebar-info-contents .no-cart .icon{
	position:relative;
	width:55px;
	height:55px;
	display:block;
	margin:0 auto;
	font-size:18px;
	line-height:57px;
	text-align:center;
	border-radius:50px;
	margin-bottom:20px;
	color:var(--white-color);
	background-color:var(--main-color);
}

.sidebar-info-contents .lower-box h5{
	padding:25px 20px;
	margin:0px;
}
	
.sidebar-info-contents .lower-box{
	position:relative;
	border-top:1px solid rgba(var(--black-color-rgb), 0.10);
}

.sidebar-info-contents .lower-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:10px;
	bottom:0px;
	z-index:100;
	background-color:var(--white-color);
}

/* Post Block */

.post-block{
	position:relative;
	padding:0px 10px;
	margin-bottom:10px;
}

.post-block .inner-box{
	position:relative;
	min-height:144px;
	padding-right:10px;
	padding-left:120px;
}

.post-block .rating{
	position:relative;
	font-size:12px;
	color:var(--black-color);
}

.post-block .inner-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:106px;
	height:144px;
}

.post-block .inner-box h6 a{
	position:relative;
	color:var(--black-color);
}

.post-block .inner-box h6 a:hover{
	color:var(--main-color);
}

.post-block .inner-box .price-box{
	position:relative;
	font-weight:500;
	font-size:16px;
	margin-top:5px;
	color:var(--black-color);
}

.post-block .inner-box .bag-btn{
	position:relative;
	display:block;
	padding:10px 10px;
	border-radius:4px;
	font-weight:400;
	font-size:12px;
	margin-top:15px;
	text-align:center;
	letter-spacing:1px;
	color:var(--white-color);
	text-transform:uppercase;
	background-color:var(--main-color);
}

.post-block .inner-box .bag-btn:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

.xs-sidebar-widget::-webkit-scrollbar,
.xs-sidebar-widget-two::-webkit-scrollbar,
.about-sidebar .sidebar-inner::-webkit-scrollbar{
  width: 8px;
}

/* Track */
.xs-sidebar-widget::-webkit-scrollbar-track,
.xs-sidebar-widget-two::-webkit-scrollbar-track,
.about-sidebar .sidebar-inner::-webkit-scrollbar-track{
  background: #dddddd;
}

/* Handle */
.xs-sidebar-widget::-webkit-scrollbar-thumb,
.xs-sidebar-widget-two::-webkit-scrollbar-thumb,
.about-sidebar .sidebar-inner::-webkit-scrollbar-thumb {
  background-color:var(--color-three);
}

/* Handle on hover */
.xs-sidebar-widget::-webkit-scrollbar-thumb:hover,
.xs-sidebar-widget-two::-webkit-scrollbar-thumb:hover,
.about-sidebar .sidebar-inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.about-widget{
	position: relative;
	cursor: pointer;
}

/* About Sidebar */

.about-sidebar{
	position:fixed;
	left:-500px;
	top:0px;
	bottom:0px;
	width:450px;
	z-index:999999;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	transition:all 900ms ease;
	background-color:var(--white-color);
}

.about-sidebar .gradient-layer{
	position:absolute;
	left:0%;
	top:0px;
	bottom:0px;
	width:0%;
	opacity:0.60;
	z-index:-1;
	background-color:var(--black-color);
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	cursor: url(../images/cross-out.png), pointer;
}

.about-sidebar.active .gradient-layer{
	width:500%;
	left:100%;
}

.about-sidebar.active{
	left:0px;
}

.about-sidebar .close-button span{
	position:absolute;
	right:20px;
	top:10px;
	width: 50px;
	height: 50px;
	z-index:10;
	cursor:pointer;
	line-height: 50px;
	text-align: center;
	font-size:22px;
	color:var(--black-color);
	background-color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.about-sidebar .close-button span:hover{
	color: var(--white-color);
	background-color: var(--main-color);
}

.about-sidebar .sidebar-inner{
	position:relative;
	overflow-y: auto;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.about-sidebar .content-box{
	position:relative;
	padding:30px 50px;
}

.about-sidebar h3{
	margin-bottom:15px;
	color:var(--black-color);
}

.about-sidebar h3 span{
	font-weight:700;
}

.about-sidebar .text{
	line-height: 28px;
	margin-top:15px;
	margin-bottom:30px;
	color: var(--color-five);
}

.about-sidebar .social-box{
	position:relative;
	margin-left:50px;
	margin-bottom:35px;
}

.about-sidebar .social-box a{
	position:relative;
	margin-right:15px;
	font-size:18px;
	color:var(--black-color);
	font-family: 'Font Awesome 5 Brands';
}

.about-sidebar .social-box a:hover{
	color:var(--main-color);
}

.about-sidebar .sidebar-inner::-webkit-scrollbar{
	width: 8px;
}

/* Track */
.about-sidebar .sidebar-inner::-webkit-scrollbar-track{
	background: #dddddd;
}

/* Handle */
.about-sidebar .sidebar-inner::-webkit-scrollbar-thumb {
	background-color:var(--main-color);
}

/* Handle on hover */
.about-sidebar .sidebar-inner::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* About One List */

.about-sidebar_list{
	position:relative;
}

.about-sidebar_list li{
	position:relative;
	font-weight:400;
	font-size:15px;
	padding-left:30px;
	margin-bottom:12px;
	color:var(--black-color);
	text-transform: capitalize; 
}

.about-sidebar_list li:before{
	position:absolute;
	content:'\f058';
	left:0px;
	top:0px;
	font-size: 18px;
	font-weight: 800;
	color:var(--black-color);
	font-family: 'Font Awesome 6 Free';
}

/* Hamburger */
.hamburger {
	width: 48px;
	height: 48px;
	display: flex;
	border-radius: 50px;
	padding: 16px 12px;
	align-self: center;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	background-color: var(--main-color);
	transition: transform 0.4s ease;
}

.hamburger:hover {
	background-color: var(--color-two);
}

.hamburger span {
	height: 2px;
	width: 100%;
	background: var(--white-color);
	border-radius: 2px;
	transition: all 0.4s ease;
}

/* Animated wave effect */
html:not(.body-menu-opened) .hamburger .top-bun {
	animation: bun-wave 1.6s infinite ease-in-out;
}
html:not(.body-menu-opened) .hamburger .meat {
	animation: bun-wave 1.6s infinite ease-in-out 0.2s;
}
html:not(.body-menu-opened) .hamburger .bottom-bun {
	animation: bun-wave 1.6s infinite ease-in-out 0.4s;
}

@keyframes bun-wave {
	0%   { transform: translateX(0) scaleX(1); }
	25%  { transform: translateX(4px) scaleX(0.7); }
	50%  { transform: translateX(0) scaleX(1); }
	75%  { transform: translateX(-4px) scaleX(0.7); }
	100% { transform: translateX(0) scaleX(1); }
}
  
  /************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
	position:static;
}

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	right: 0;
	margin: auto;
	width:100%;
	max-width: 1170px;
	background-color: #ffffff;
    padding: 25px 40px 30px 35px;
    top: 100%;
	z-index:100;
	opacity: 0;
	border-radius:0px;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
	position: relative;
}

.main-menu .navigation > li .mega-menu-bar h6{
	position:relative;
	font-size:18px;
	font-weight: 500;
	letter-spacing:1px;
	padding-bottom:12px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:var(--black-color);
	border-bottom:1px solid rgba(var(--black-color-rgb), 0.15);
}

.main-menu .navigation > li .mega-menu-bar > ul{
	position:relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	width:100%;
	padding:4px 0px;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column{
	position:relative;
	margin-bottom:12px;
}

.main-menu .navigation > li .mega-menu-bar .column ul{
	position:relative;
	margin-bottom:10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
	border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
	line-height:20px;
	font-weight:600;
	font-size:14px;
	color:var(--black-color);
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
	color: var(--main-color);
}

.mobile-menu.active-mobile-menu{
	visibility: visible;
	right: auto;
	left: 0px;
}

.mobile-menu.active-mobile-menu .menu-box{
	left: 0px;
	right: auto;
}

.mobile-menu.active-mobile-menu #navbarSupportedContent{
	display:block;
}

.mobile-menu.active-mobile-menu .mCSB_inside > .mCSB_container{
	margin-right:0px;
}

.mobile-menu.active-mobile-menu .mega-menu-bar .column{
	width: 100%;
}

.mobile-menu.active-mobile-menu .mega-menu-bar .column h6{
	position: relative;
	margin-left:20px;
	margin-top: 10px;
}

.mobile-menu.active-mobile-menu .navigation li.has-mega-menu > .mega-menu {
    display: none;
    overflow: hidden;
}

.sidebar-menu_active{
	position: relative;
	padding-left: 300px;
}

.sidebar-menu_active .header-style-three{
	padding-left: 300px;
}

.sidebar-menu_active .header-style-three .nav-outer{
	display: none;
}

.want-sticky-header .fixed-header {
    position: relative;
    display: none;
}
.main-header .auto-container{
    position: static;
    padding: 0px 15px;
    margin: 0 auto;
}.overlay-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}/*==========================
	Prelaoder
===========================*/

.preloader.hoteling {
  position: fixed;
  inset: 0;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden;
}

.preloader-content {
  text-align: center;
  color: #fff;
}

.logo-mark text {
  fill: #fff;
  font-size: 10px;
  font-weight: 500;
}

.preloader-text {
  font-size: 18px;
  letter-spacing: 4px;
  text-transform: uppercase;
  opacity: 0;
  color: var(--main-color);
}

.loading-bar {
  position: relative;
  margin-top: 25px;
  width: 160px;
  height: 2px;
  background: rgba(255,255,255,0.15);
  margin-inline: auto;
  overflow: hidden;
}

.loading-bar span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, var(--secondary-color), var(--secondary-color));
  animation: loadingBar 2s ease-in-out infinite;
}

@keyframes loadingBar {
  0% { width: 0; }
  50% { width: 100%; }
  100% { width: 0; left: 100%; }
}

.trans-300{
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.trans-500{
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.trans-900{
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}
/* Btn Style One */

.btn-style-one{ 
	position: relative;
	font-weight:600;
   font-size: 15px;
    overflow: hidden;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    padding: 3px 2px 2px 17px;
    color: var(--white-color);
	text-transform: uppercase;
	background-color: var(--main-color);
}

.btn-style-one:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-color: var(--color-two);
}

.btn-style-one:hover:before{
	top: 0%;
}

.btn-style-one i{
	position: relative;
	width:48px;
	height:48px;
	line-height:48px;
	text-align:center;
	margin-left:15px;
	border-radius:50px;
	display:inline-block;
	color: var(--white-color);
	transform: rotate(-45deg);
	background-color:var(--black-color);
}

.btn-style-one .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-one .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-one:hover i{
	color: var(--color-two);
	background-color: var(--white-color);
}

.btn-style-one .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-one:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-one:hover{
	
}

.btn-style-one:hover:before{
	top: -40%;
}
.service-card-two__content {
    width: 100%;
    padding: 25px 10px 18px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 25px;
    background: var(--deskot-white, #f6f6f6);
    transition: all 500ms 
ease;
    /* margin-bottom: 0; */
    margin-bottom: 30px;
}
.service-card-two__top {
    width: 60px;
    height: 60px;
    position: relative;
    /* position: absolute; */
    /* top: -50px; */
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 1px 3.5px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 12px;
}
.service-card-two__top::before, .service-card-two__top::after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
    bottom: 0px;
    transition: all 500ms 
ease;
}
.service-card-two__top::before {
    left: -10px;
    border-width: 0 10px 10px 0;
    border-color: transparent #c5c5c5  transparent transparent;
}
.service-card-two__icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    border-radius: 20px 20px 0px 0px;
    background-color: var(--deskot-white, #e8e8e8);
    transition: all 500ms 
ease;
    /* margin-bottom: 31px; */
}
.service-card-two__icon {
    display: inline-flex;
    font-size: 35px;
    color: var(--secondary-color);
    transition: all 500ms 
ease;
}
.service-card-two__icon-box::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--secondary-color);
    border-radius: inherit;
    z-index: -1;
    transition: all 500ms 
ease;
}
.service-card-two__top::after {
    right: -10px;
    border-width: 10px 10px 0 0;
    border-color: var(--deskot-base, #c5c5c5) transparent transparent transparent;
}
.service-card-two__title {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.318;
    text-transform: capitalize;
    margin-bottom: 0;
}
.service-card-two__text {
    margin: 0px;
    transition: all 500ms 
ease;
}
.service-card-two__icon img{
    width: 40px;
    filter: brightness(0) invert(0.3);
}
.service-card-two__content:hover .service-card-two__icon-box::after
 {
    width: 100%;
    height: 100%;
}
.service-card-two__content:hover .service-card-two__icon-box img{
    filter: brightness(0) invert(1);
}
.search-wrapper {
  width: 100%;
  position: relative;
  /* padding-left: 30px; */
}

.search-input {
  width: 100%;
  padding: 12px 18px;
  font-size: 15px;
  border-radius: 50px;       /* Full rounded shape */
  border: 1px solid #ccc;
  outline: none;
  transition: 0.3s ease;
  padding-left: 40px;
}.search-wrapper i {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  font-size: 16px;
  color: #666;
}

.search-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 6px rgba(0, 123, 255, 0.3);
}
.logo h1 {
    line-height: 62px;
    font-size: 30px;
    margin-bottom: 0;
}
.underline-2 {
    border-bottom: 1px solid #fff;
    width: 25%;
}

@media (max-width: 991px) {
    .footer-wrapper .widget-area {
        padding-top:var(--section-space-mobile);
        padding-bottom: 0px
    }

    .copyright-text {
        text-align: center
    }
}

.footer-call-wrap .info-box {
    gap: 8px
}

.footer-call-wrap .info-box .icon {
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    background: var(--theme-color);
    border-radius: 50%
}

.footer-call-wrap .footer-info-title {
    font-size: 18px;
    color: var(--white-color);
    margin-bottom: 7px;
    display: block
}

.footer-call-wrap .info-box_link {
    font-family: var(--title-font);
    font-size: 32px;
    font-weight: 600;
    display: block;
    color: var(--white-color)
}

@media (max-width: 1299px) {
    .footer-call-wrap .info-box_link {
        font-size:16px
    }
}

.footer-call-wrap .info-box_text {
    font-family: var(--title-font);
    font-size: 32px;
    font-weight: 600;
    display: block;
    color: var(--white-color)
}

.th-widget-about .th-social a {
    background-color: #1B1B1B;
    border: 0;
    border-radius: 0%;
    --icon-size: 40px;
    font-size: 14px
}

.th-widget-about .th-social a:hover {
    background-color: var(--theme-color)
}

.footer-all-widget-wrapper {
    /* display: grid; */
    /* grid-template-columns: .3fr 1fr; */
    /* gap: 30px; */
}

@media (max-width: 1199px) {
    .footer-all-widget-wrapper {
        grid-template-columns:.6fr
    }
}

@media (max-width: 991px) {
    .footer-all-widget-wrapper {
        gap:15px;
        grid-template-columns: auto
    }
}

@media (max-width: 575px) {
    .footer-all-widget-wrapper {
        grid-template-columns:1fr
    }
}

.footer-all-widget-wrapper .footer-right-wrap {
    margin-left: 40px
}

@media (max-width: 1600px) {
    .footer-all-widget-wrapper .footer-right-wrap {
        margin-left:0px
    }
}

.footer-all-widget-wrapper .footer-right-wrap .footer-item-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.15fr;
    gap: 35px;
}

@media (max-width: 1199px) {
    .footer-all-widget-wrapper .footer-right-wrap .footer-item-wrap {
        grid-template-columns:1fr 1fr;
        gap: 30px
    }
}

@media (max-width: 575px) {
    .footer-all-widget-wrapper .footer-right-wrap .footer-item-wrap {
        grid-template-columns:1fr
    }
}

.footer-default .footer-top .footer-top-border {
    border-bottom: 1px solid #ffffff1f;
    padding: 80px 0
}

@media (max-width: 767px) {
    .footer-default .footer-top .footer-top-border {
        padding:60px 0
    }
}

.footer-default .footer-top .payment-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 30px
}

@media (max-width: 470px) {
    .footer-default .footer-top .payment-wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.footer-default .footer-top .payment-wrap .info h6 {
    color: #8D929C;
    font-size: 18px;
    line-height: 1;
    margin: 0;
    font-weight: 400
}

.footer-default .footer-top .payment-wrap .info h4 {
    line-height: 1;
    margin-top: -.18em;
    margin-bottom: 15px
}

.footer-default .footer-top .payment-wrap .card-thumb-card {
    margin-left: 60px
}

@media (max-width: 470px) {
    .footer-default .footer-top .payment-wrap .card-thumb-card {
        margin-left:0px
    }
}

.footer-default {
    background-position: top center;
    background-color: var(--gray-color)
}

.footer-default .widget-area {
    padding: 60px 0 60px;
}

@media (max-width: 991px) {
    .footer-default .widget-area {
        padding:100px 0 100px
    }
}

@media (max-width: 767px) {
    .footer-default .widget-area {
        padding:80px 0 80px
    }
}

.footer-right-bottom-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px
}

.footer-right-bottom-wrap .footer-right-bottom-item {
    padding: 30px;
    border-radius: 24px;
    background: #ffffff06;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1500px) {
    .footer-right-bottom-wrap .footer-right-bottom-item {
        padding:30px 15px
    }
}

.footer-right-bottom-wrap .footer-right-bottom-item__content {
    width: calc(100% - 80px)
}

.footer-right-bottom-wrap .footer-right-bottom-item__content p {
    color: var(--white-color);
    margin: 0;
    font-size: 18px
}

@media (max-width: 1399px) {
    .footer-right-bottom-wrap .footer-right-bottom-item__content p {
        font-size:15px
    }
}

.footer-right-bottom-wrap .footer-right-bottom-item__content .box-title {
    color: var(--white-color);
    margin: 0
}

.footer-right-bottom-wrap .footer-right-bottom-item__thumb.help img {
    width: 111px
}

.footer-right-bottom-wrap .footer-right-bottom-item.scan {
    gap: 33px
}

.footer-right-bottom-wrap .footer-right-bottom-item.scan .footer-right-bottom-item__thumb img {
    width: 51px
}

@media (max-width: 1399px) {
    .footer-right-bottom-wrap .footer-right-bottom-item {
        padding:30px 10px;
        gap: 10px
    }

    .footer-right-bottom-wrap {
        gap: 12px
    }

    .footer-right-bottom-wrap .footer-right-bottom-item__content .box-title {
        font-size: 15px
    }

    .footer-right-bottom-wrap .footer-right-bottom-item__thumb.help img {
        width: 87px
    }

    .footer-right-bottom-wrap .footer-right-bottom-item.scan {
        gap: 15px
    }
}

@media (max-width: 1299px) {
    .footer-all-widget-wrapper {
        grid-template-columns:.5fr
    }

    .footer-all-widget-item {
        width: 118%
    }
}

@media (max-width: 1199px) {
    .footer-all-widget-wrapper {
        grid-template-columns:.7fr
    }

    .footer-right-bottom-wrap {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 991px) {
    .footer-right-bottom-wrap {
        grid-template-columns:1fr 1fr
    }

    .footer-all-widget-wrapper {
        grid-template-columns: auto
    }

    .footer-all-widget-item {
        width: 100%
    }
}

@media (max-width: 767px) {
    .footer-right-bottom-wrap {
        grid-template-columns:1fr
    }
}

.footer-top-shape {
    position: absolute;
    top: 0px;
    left: 0
}

.footer-top-shape img {
    width: 100%
}

.footer-wrapper.footer-layout1 {
    background-color: var(--gray-color);
    position: relative
}

.footer-wrapper.footer-layout1 .widget-area {
    padding: 120px 0 120px
}

@media (max-width: 991px) {
    .footer-wrapper.footer-layout1 .widget-area {
        padding:100px 0 100px
    }
}

@media (max-width: 767px) {
    .footer-wrapper.footer-layout1 .widget-area {
        padding:80px 0 80px
    }
}

.footer-wrapper.footer-layout1 .footer-info-wrap {
    margin-bottom: 90px
}

.footer-widget {
    margin-bottom: 50px
}

@media (max-width: 991px) {
    .footer-widget {
        margin-bottom:25px
    }
}

.footer-widget,.footer-widget .widget {
    padding: 0;
    border: none;
    padding-bottom: 0;
    background-color: transparent;
    box-shadow: none
}

.footer-widget .form-group>i {
    color: var(--theme-color);
    top: 18px
}

.footer-widget .sidebar-gallery {
    max-width: 287px;
    gap: 11px
}

.footer-widget .sidebar-gallery .gallery-thumb {
    border-radius: 5px
}

.footer-widget .widget_title {
    max-width: 270px;
    color: var(--white-color);
    text-transform: capitalize;
    margin: -0.12em 0 35px 0;
    padding: 0 0 15px 0;
    position: relative;
    font-size: 18px !important;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .footer-widget .widget_title {
        margin:-0.12em 0 25px 0
    }
}

.footer-widget .widget_title::before {
    border-radius: 10px;
    height: 2px;
    width: 80px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, var(--theme-color) 0, var(--theme-color) 40px, transparent 40px, transparent 45px, var(--theme-color) 0, var(--theme-color) 62px, transparent 50px, transparent 67px, var(--theme-color) 54px);
    background-image: linear-gradient(to right, var(--theme-color) 0, var(--theme-color) 40px, transparent 40px, transparent 45px, var(--theme-color) 0, var(--theme-color) 62px, transparent 50px, transparent 67px, var(--theme-color) 54px);
    display: none
}

.footer-widget .widget_title img {
    margin: -7px 10px 0 0
}

.footer-widget.widget_meta ul,.footer-widget.widget_pages ul,.footer-widget.widget_archive ul,.footer-widget.widget_categories ul,.footer-widget.widget_nav_menu ul {
    margin-top: -4px
}

.footer-widget.widget_meta .menu,.footer-widget.widget_meta>ul,.footer-widget.widget_pages .menu,.footer-widget.widget_pages>ul,.footer-widget.widget_archive .menu,.footer-widget.widget_archive>ul,.footer-widget.widget_categories .menu,.footer-widget.widget_categories>ul,.footer-widget.widget_nav_menu .menu,.footer-widget.widget_nav_menu>ul {
    margin-bottom: -4px
}

.footer-widget.widget_meta a,.footer-widget.widget_pages a,.footer-widget.widget_archive a,.footer-widget.widget_categories a,.footer-widget.widget_nav_menu a {
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 0 15px;
    margin-bottom: 12px;
    font-family: var(--body-font);
    display: block;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 0;
    background-color: transparent;
    border-bottom: none;
    position: relative;
    border: 0;
    color:rgb(229 229 229)
}

.footer-widget.widget_meta a:hover,.footer-widget.widget_pages a:hover,.footer-widget.widget_archive a:hover,.footer-widget.widget_categories a:hover,.footer-widget.widget_nav_menu a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.footer-widget.widget_meta a:hover::before,.footer-widget.widget_pages a:hover::before,.footer-widget.widget_archive a:hover::before,.footer-widget.widget_categories a:hover::before,.footer-widget.widget_nav_menu a:hover::before {
    color: var(--theme-color)
}

.footer-widget.widget_meta a::before,.footer-widget.widget_pages a::before,.footer-widget.widget_archive a::before,.footer-widget.widget_categories a::before,.footer-widget.widget_nav_menu a::before {
    content: "\f053";
    position: absolute;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: 'FontAwesome';
    left: 0;
    top: 3px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 13px;
    background-color: transparent;
    border: none;
    color: #99a4a3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.footer-widget.widget_meta li>span,.footer-widget.widget_pages li>span,.footer-widget.widget_archive li>span,.footer-widget.widget_categories li>span,.footer-widget.widget_nav_menu li>span {
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    color: var(--body-color);
    line-height: 1
}

.footer-widget.widget_meta li:last-child a,.footer-widget.widget_pages li:last-child a,.footer-widget.widget_archive li:last-child a,.footer-widget.widget_categories li:last-child a,.footer-widget.widget_nav_menu li:last-child a {
    margin-bottom: 0
}

.footer-widget .recent-post {
    max-width: 300px;
    margin-top: -0.4em;
    margin-bottom: 20px
}

.footer-widget .recent-post .media-img {
    max-width: 74px
}

.footer-widget .recent-post .media-img:after {
    line-height: 74px
}

.footer-widget .recent-post .post-title {
    color: var(--white-color);
    font-weight: 500
}

.footer-widget .recent-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.footer-widget .recent-post .recent-post-meta a {
    font-weight: 400;
    line-height: 1.2;
    color: var(--theme-color3);
    font-size: 14px
}

.footer-widget .recent-post .recent-post-meta i {
    color: var(--theme-color3)
}

.footer-widget .recent-post .recent-post-meta a:hover i {
    color: var(--theme-color)
}

.footer-widget .sidebar-gallery {
    max-width: 335px
}

.footer-widget .th-widget-about .about-text {
    color: rgb(229 229 229);
}

.footer-widget .th-widget-about .footer-info-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px
}

.footer-widget .th-widget-about .footer-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--white-color)
}

.footer-widget .th-widget-about .footer-info i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid var(--th-border-color2);
    border-radius: 50%;
    color: var(--white-color);
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.footer-widget .th-widget-about .footer-info i:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color)
}

.footer-widget .th-widget-about .footer-info .info-box_link {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: calc(100% - 40px);
    color: var(--white-color);
    margin-bottom: 0
}

.footer-widget .th-widget-about .footer-info .info-box_link a {
    color: var(--white-color)
}

.footer-widget .th-widget-about .footer-info .info-box_link:hover a {
    color: var(--theme-color)
}

.footer-top .info-box_text {
    color: #99a4a3
}

.footer-top .info-box_link {
    color: #99a4a3
}

@media (max-width: 1399px) {
    .footer-widget .widget_title {
        font-size:22px
    }
}

@media (max-width: 1299px) {
    .footer-widget .widget_title {
        font-size:19px
    }
}


.about-logo {
    margin-bottom: 15px
}

.th-widget-about .about-logo {
    margin-bottom: 52px
}

.th-widget-about .about-text {
    margin-bottom: 55px;
    margin-top: -0.9em
}

.footer-text {
    margin-top: -0.5em;
    margin-bottom: 25px
}

.social-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.social-box .social-title {
    font-size: 20px;
    color: var(--white-color);
    font-weight: 600;
    margin-right: 20px;
    margin-bottom: 0
}

.icon-group a {
    color: var(--white-color);
    font-size: 18px;
    margin-right: 17px
}

.icon-group a:last-child {
    margin-right: 0
}

@media (max-width: 1199px) {
    .footer-widget.widget_meta a,.footer-widget.widget_pages a,.footer-widget.widget_archive a,.footer-widget.widget_categories a,.footer-widget.widget_nav_menu a {
        margin-bottom:16px
    }
}

@media (max-width: 767px) {
    .footer-widget .widget_title {
        margin:-0.12em 0 25px 0;
        padding: 0 0 11px 0
    }

    .th-widget-about .about-text {
        margin-bottom: 20px
    }

    .social-box.mb-30 {
        margin-bottom: 25px
    }
}

.footer-links ul {
    padding: 0;
    margin: 0
}

.footer-links li {
    font-family: var(--body-font);
    display: inline-block;
    padding-right: 15px;
    margin-right: 10px;
    position: relative
}

.footer-links li:after {
    content: "";
    height: 20px;
    width: 1px;
    background-color: var(--body-color);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -10px 0
}

.footer-links li:last-child {
    margin-right: 0;
    padding-right: 0
}

.footer-links li:last-child:after {
    display: none
}

.footer-links a {
    font-family: inherit;
    color: var(--body-color)
}

.footer-links a:hover {
    color: var(--theme-color)
}

.copyright-wrap {
    padding: 24px 0;
    background: #ffffff06;
    font-size: 14px;
    position: relative
}

.copyright-wrap .footer-bottom-top-shape {
    position: absolute;
    top: -30px
}

.copyright-wrap .footer-bottom-top-shape img {
    width: 100%
}

@media (max-width: 1500px) {
    .copyright-wrap .footer-bottom-top-shape {
        top:-27px
    }
}

@media (max-width: 1399px) {
    .copyright-wrap .footer-bottom-top-shape {
        top:-25px
    }
}

@media (max-width: 991px) {
    .copyright-wrap .footer-bottom-top-shape {
        top:-31px
    }
}

@media (max-width: 575px) {
    .copyright-wrap {
        padding:25px 0 20px
    }
}

.copyright-wrap .copyright-text {
    color: var(--white-color);
    line-height: 1.3
}

.copyright-wrap .copyright-text a {
    color: var(--theme-color)
}

.copyright-wrap .copyright-text a:hover {
    color: var(--white-color)
}

.copyright-wrap.bg-title .copyright-text a:hover {
    color: var(--theme-color)
}

.copyright-wrap .footer-default-copy-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.copyright-wrap .footer-default-copy-right p {
    font-size: 14px;
    color: var(--white-color);
    margin: 0
}

.copyright-wrap .footer-default-copy-right .th-social a {
    --icon-size: 32px;
    border-radius: 50%;
    border: 1px solid #ffffff2b;
    background: transparent;
    color:#fff;
}

.copyright-wrap .footer-default-copy-right .th-social a.facebook {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}
.copyright-wrap .footer-default-copy-right .th-social a.instagram {
    background-color: #fe671f;
    border-color: #fe671f
}
.copyright-wrap .footer-default-copy-right .th-social a.linkedin {
    background-color: #0073b2;
    border-color: #0073b2
}


.copyright-wrap .footer-default-copy-right .th-social {
    gap: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.copyright-text {
    margin: 0
}

.copyright-text a {
    color: var(--theme-color)
}

.copyright-text a:hover {
    color: var(--white-color)
}

.th-widget-contact {
    max-width: 265px
}
.th-social a {
    display: inline-block;
    width: var(--icon-size, 46px);
    height: var(--icon-size, 46px);
    line-height: var(--icon-size, 46px);
    background-color: transparent;
    color: var(--body-color);
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    border-radius: 10px;
    border: 1px solid var(--th-border-color);
}
.importantnumbers {
    position: relative;
    background: #f3f3ee;   
    border-radius: 2px;
    margin-top: 60px;    padding-bottom: 60px;
}

/* top-right tab shape */
.importantnumbers::before {
    content: "";
    position: absolute;
    top: -20px;                    /* how high the tab sits */
    right: 0;
    width: 40%;                   /* tab width */
    height: 50px;                  /* tab height */
    background: #f3f3ee;           /* same as section */
    clip-path: polygon(
        15% 0%,   /* slanted cut */
        100% 0%,
        100% 100%,
        0% 100%
    );
}
.importantnumbers::after {
    content: "";
    position: absolute;
    bottom: -18px;                   /* how high the tab sits */
    left: 0;
    width: 40%;                   /* tab width */
    height: 50px;                  /* tab height */
    background: #f3f3ee;           /* same as section */
   clip-path: polygon(
        0% 0%,       /* top-left straight */
        100% 0%,     /* top-right straight */
        85% 100%,    /* slanted diagonal (mirrored) */
        0% 100%      /* bottom-left */
    );
}
.featured-section{    margin-top: 60px;
    margin-bottom: 60px;}
.featured-section::before{
    content: "";
    position: absolute;
    top: -30px;
    left: 13%;
    
    width: 75%;
    height: 55px;
    background: #ededed;
    border-radius: 8px;
    
}
.featured-section::after{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 13%;
  
    width: 75%;
    height: 55px;
    background: #ededed;
    border-radius: 8px;
    
}
.logo img{width:120px;}
.sec-title__tagline {
    margin: 0px;
    font-size: 15px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.277;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.image-column .image-box {
    position: relative;
    margin-top: 0px;
}
.image-column .image-box .icon-image {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}.zoom-two {
    animation: 5s linear 0s infinite normal none running zoom-two;
}
@keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.popular-item-horizontal.border-wrapper {
    --color-background: transparent;
    --color-border: rgba(177, 181, 182, 1);
    --border-padding: 10px;
    border-radius: 10px;
}

.hover-on-card {
    position: relative;
    transition: 0.3s ease-in-out;
}

.border-wrapper {
    --color-background: transparent;
    --color-border: rgba(177, 181, 182, 1);
    --border-padding: 16px;
    padding: var(--border-padding, 0);
    border: 1.5px solid var(--color-border);
    border-radius: 16px;
      display: flex;
    height: 100%;
    text-decoration: none;
}
.popular-item-horizontal .popular-item {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
}
.popular-item-horizontal .image {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}.popular-item-horizontal .image img {
    min-width: 70px;
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}
.text-20 {
       font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    color:var(--theme-color);
}
.popular-destination .destination-info > .heading + .text {
    margin-block-start: 6px;
}
.text-with-flag > .text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}
.text-16 {
    font-size: 16px;
    line-height: 1.62;
}
.popular-destination .content {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-block-start: 24px;
    gap: 24px;
}.popular-destination .content .button {
    min-width: 40px;
    width: 40px;
    min-height: 40px;
    transform: rotate(-45deg);
    border-radius: 100%;
    padding: 0px;
}
.popular-item-horizontal .content .button {
    min-width: 30px;
    width: 30px;
    min-height: 30px;
}
.tradingview-widget-copyright{display:none !important;}
.logofilter{    filter: brightness(0.5) invert(0.9);}
.banneradv{
    width: 100%;
    height: 180px;
    border-radius: 20px;
    object-fit:cover
}

.demof{
    border: 1px solid #ccc;
}
.demof ul{
    padding: 0;
    list-style: none;
}
.demof li{
    padding: 20px;
    border-bottom: 1px dashed #ccc;
}
.demof li.odd{
    background: #fafafa;
}
.demof li:after {
    content: '';
    display: block;
    clear: both;
}
.demof img{
    float: left;
    width: 100px;
    margin: 5px 15px 0 0;
}
.demof a{
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #06f;
}
.demof p {
    margin: 15px 0 0;
    font-size: 14px;
}
.grid4{
     display: grid;
     grid-template-columns: repeat(7, 1fr);
}
 .ul-font{
        font-size: x-large;
        font-weight: 500;

    }
    .box{
        box-sizing: border-box;
		/* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        border-radius: 10px;
		border: 1px solid rgba(255, 255, 255, 0.18); */
            border: 1px solid rgb(114 114 114 / 18%);
    height: 80px;
    }
	
    
.festival-day {
    background-color:rgba(31, 38, 135, 0.37); /* Example: a light pink background */
    font-weight: bold;
}