/* =Fonts
========================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');

/* =Box Sizing
========================================================================================*/
* { -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height: 100%; }
html { overflow-y: inherit !important; }
body { font-size:16px; line-height:1.45; font-weight: 400; font-family: 'Overpass', Arial, Helvetica, sans-serif; color:#333; letter-spacing: 0.025rem; }
img { vertical-align:top; border:0; }
.allanim { -webkit-transition:all 350ms; transition:all 350ms; }
a { color:#1886c3; text-decoration:none; -webkit-transition:all 350ms; transition:all 350ms; }
a:hover { color:#1886c3; text-decoration:none; }
button:focus { outline: none; }
a:focus { outline: none; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active { background-color:transparent; }
}
b, strong { font-weight: 600; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 0.8rem 0; }
p:last-child { margin:0 0 0 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height:1.3; margin:0 0 0.8rem; font-weight: 700; color: #000000; }
h1, .h1 { font-size:3.5rem; } /* 56px */
h2, .h2 { font-size:2.813rem; } /* 45px */
h3, .h3 { font-size:2.375rem; } /* 38px */
h4, .h4 { font-size:2rem; } /* 32px */
h5, .h5 { font-size:1.563rem; } /* 25px */
h6, .h6 { font-size:1.125rem; } /* 18px */

ul:last-child { margin: 0; }
ul, ol { padding-left: 1.2rem; }
ul li, ol li { line-height:1.45; margin-bottom: 0.35rem; }
img { max-width: 100%; height: auto; }
.container { max-width: 1434px; padding-left: 20px; padding-right: 20px; width: 90%; }
.text-primary { color:#1886c3 !important; }
.bg-primary { background:#1886c3 !important; }
.bg-light { background-color: #f2f2f2 !important; }
.text-black { color:#000000 !important; }
.bg-black { background:#000000 !important; }
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6 { color: #fff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; text-decoration: underline; }


/* =Form Css
========================================================================================*/
.btn { font-weight: 700; box-shadow: none !important; outline: none !important; border-radius: 0.3rem; transition: 0.35s all; padding: 0.6rem 2rem; border-width: 1px; border-style: solid; border-radius: 50px; }
.btn.btn-primary { background:#1886c3; border-color: #1886c3; color: #fff; }
.btn.btn-primary:hover { background: #31b0d5; border-color: #31b0d5; color: #fff; }
.btn.btn-primary-outline { background:transparent; border-color: #1886c3; color: #1886c3; }
.btn.btn-primary-outline:hover { background: #1886c3; border-color: #1886c3; color: #fff; }
.btn.btn-secondary { background:#000000; color: #fff; border-color: #000000; }
.btn.btn-secondary:hover { background: #1886c3; color: #fff; border-color: #1886c3; }
.btn.btn-secondary-outline { background:transparent; color: #000000; border-color: #000000; }
.btn.btn-secondary-outline:hover { background: #000000; color: #fff; border-color: #000000; }

.form-group { margin-bottom: 1rem; }
.form-group:last-child { margin-bottom: 0; }
.form-control { height: 50px; border: 1px solid #E1E2EA; border-radius: 0.5rem; font-size: 1rem; font-weight: 500; padding: 0.6rem 1rem; box-shadow: none; outline: none; color: #000000; }
.form-control:focus { box-shadow: none; outline: none; border-color: #BBBDCC; }
textarea.form-control { height: 100px; }
.form-control::placeholder { color: #000000; opacity: 0.4; }
.form-check label { font-weight: 500; }
.form-check-input:checked { background-color: #1886c3; border-color: #1886c3; }
.form-label { font-weight: 500; color: #000; }

/* =Header Css
========================================================================================*/
#header { position: sticky; top: 0; z-index: 9; box-shadow: 0 0 15px rgba(38, 50, 56,0.1); transition: 0.35s all; }
.header-top { background-color: #1886c3; padding: 0.625rem 0; }
.header-contact a { display: flex; align-items: center; color: #fff; font-weight: 500; transition: 0.35s all; margin-right: 1rem; }
.header-contact a:last-child { margin-right: 0; }
.header-contact a figure { height: 40px; width: 40px; margin: 0 0.7rem 0 0; border: 1px solid #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: 0.35s all; box-shadow: none; }
.header-contact a figure svg { width: 16px; height: 16px; fill: #fff; transition: 0.35s all; }
.header-contact a:hover { color: #fff; }
.header-contact a:hover figure { background: #fff; box-shadow: 0 4px 4px rgba(142, 152, 118, 0.4); }
.header-contact a:hover figure svg { fill: #1886c3; }
.social-links { display: flex; align-items: center; margin-left: auto; }
.social-links a { height: 40px; width: 40px; margin: 0 0.7rem 0 0; border: 1px solid #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: 0.35s all; box-shadow: none; }
.social-links a:last-child { margin-right: 0; }
.social-links a figure { margin: 0; width: 16px; height: 16px; }
.social-links a figure svg { width: 100%; height: auto; fill: #fff; transition: 0.35s all; vertical-align: top; }
.social-links a:hover { background: #fff; box-shadow: 0 4px 4px rgba(142, 152, 118, 0.4); }
.social-links a:hover svg { fill: #1886c3; }
.header-bottom { background-color: #fff; padding: 2rem 0; }
.logo { max-width: 400px; width: 100%; }
.logo figure { margin: 0; }
.logo figure img { width: 100%; height: auto; }
.logo figure a { display: block; }
.right-menubar .navbar { padding: 0; }
.navbar ul li { margin-right: 0; font-size: 1.125rem; letter-spacing: 0.04rem; margin-bottom: 0; }
.navbar ul li a { color: #000; transition: 0.35s all; padding: 0.5rem 0.438rem !important; position: relative; }
.navbar ul li a::after { content: ""; position: absolute; width: 100%; height: 1px; background: #000; top: 100%; left: 0; transform-origin: 100% 50%; transform: scaleX(0); transition: transform 0.3s cubic-bezier(.76,0,.24,1); }
.navbar ul li a.active:after, .navbar ul li:hover > a::after { transform-origin: 0% 50%; transform: scaleX(1); }

.navbar ul li a.active, .navbar ul li:hover > a { color: #000; }
.navbar ul li .dropdown-menu { background-color: #fff; border: 0; border-radius: 8px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.navbar ul li li { margin: 0; }
.navbar ul li li a { padding: 0.5rem 1rem; }
.navbar ul li li:hover a { background: #000; color: #fff; }
.dropdown .dropdown-toggle::after { margin-left: 0.455em; position: relative; top: 0.15rem; }
.navbar .navbar-toggler { position: relative; height: 20px; width: 32px; background: #fff; padding: 0; box-shadow: none; outline: none; border-radius: 0; border: 0; display: none; }
.navbar .navbar-toggler span { height: 2px; width: auto; background: #1482bf; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: 0.35s all; }
.navbar .navbar-toggler span:before, .navbar .navbar-toggler span:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; height: 2px; transform: none; background: #1482bf; transition: 0.35s all; }
.navbar .navbar-toggler span::before { top: -10px; }
.navbar .navbar-toggler span::after { bottom: -10px; }
.navbar .navbar-toggler:not(.collapsed) span { background: transparent; }
.navbar .navbar-toggler:not(.collapsed) span:before, .navbar .navbar-toggler:not(.collapsed) span:after { top: 0; bottom: 0; margin: auto; }
.navbar .navbar-toggler:not(.collapsed) span:before { transform: rotate(45deg); }
.navbar .navbar-toggler:not(.collapsed) span:after { transform: rotate(-45deg); }
.header-search-box {
  margin-left: 1rem;
  position: relative;
}
.btn.btn-search { height: 34px; width: 34px; padding: 0; display: flex; align-items: center; justify-content: center; background: #000 !important; border-color: #000 !important; }
.btn.btn-search svg { width: 16px; height: auto; }
.header-search { position: absolute; min-width: 250px; top: 100%; right: 0; border-radius: 7px; padding-top: 6px; display: none; }
.input-search-ico { position: absolute; left: 12px; top: 19px; bottom: 0; z-index: 2; height: 18px; width: 18px; }
.input-search-ico svg { width: 100%; height: auto; fill: #fff; }
.header-search .form-control { border-radius: 6px; border: 2px solid #585957; background: #383937; color: #fff; padding: 10px 10px 10px 36px; height: 48px; line-height: 1.55; width: 100%; transition: border-color 0.2s ease-in; }
.header-search .form-control::placeholder { color: #999; opacity: 1; }

.sign-in { padding-left: 32px; }
.user-info { grid-gap: 5px; z-index: 1; padding-left: 12px; position: relative; white-space: nowrap; }
.user-info::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #000; pointer-events: none; z-index: -1; }
.user-info a { color: #000; line-height: 1; display: inline-flex; align-items: center; grid-gap: 5px; position: relative; z-index: 1; }
.user-info a:after { content: ""; position: absolute; width: calc(100% - 32px); height: 1px; background: #000; top: 100%; right: 0; transform-origin: 100% 50%; transform: scaleX(0); transition: transform 0.3s cubic-bezier(.76,0,.24,1); z-index: -1; }
.user-info a:hover:after { transform-origin: 0% 50%; transform: scaleX(1); }
.user-info img { width: 25px; min-width: 25px; border-radius: 50px; }
.user-info, .user-info figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 350ms ease-in-out; }



/* =Footer page Css
========================================================================================*/
#footer { background: #202020; font-size: 14px; }
.footer-top { padding: 84px 0; }
.f-logo { max-width: clamp(11.25rem, 18.22916666666667vw, 21.875rem); width: 100%; display: flex; }
.f-logo a { display: flex; width: 100%; }
.f-logo img { width: 100%; }
.footer-top h5 { font-size: 1.5rem; color: #fff; font-weight: 700; margin-bottom: 40px; }
.f-menu ul { display: inline-flex; flex-direction: column; grid-gap: 24px; margin: 0; padding: 0; list-style: none; }
.f-menu li { display: inline-flex; align-items: center; grid-gap: 15px; line-height: 1; }
.f-menu li a { display: flex; align-items: center; font-weight: 400; grid-gap: 15px; color: #fff; font-size: 1.125rem; transition: background-size 0.25s cubic-bezier(.15,.3,.2,.9),color 0.25s cubic-bezier(.15,.3,.2,.9); background-image: linear-gradient(transparent calc(100% - 1px),#31b0d5 1px); background-position: right bottom; background-repeat: no-repeat; background-size: 0% 100%; font-weight: 400; }
.f-menu li a:hover, .f-menu li.active a { text-decoration: none; color: #31b0d5; background-size: 100% 100%; background-position: left bottom; }

.footer-bottom { padding: 42px 0; border-top: 1px solid rgb(229 229 229 / .12); color: #fff; }
.copyright p { margin-bottom: 0; font-weight: 500; font-size: 1rem; }
.f-bottom-menu ul { list-style-type: none; padding: 0; display: flex; align-items: center; grid-gap: 33px; justify-content: end; }
.f-bottom-menu ul li a { font-size: 16px; align-items: center; grid-gap: 8px; position: relative; overflow: hidden; z-index: 1; color: #fff; line-height: 1; display: inline-flex; }
.f-bottom-menu ul li a::before { content: ""; position: absolute; -webkit-transition: all 0.25s cubic-bezier(.15,.3,.2,.9); transition: all 0.25s cubic-bezier(.15,.3,.2,.9); left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }
.f-bottom-menu ul li a:hover::before { width: 0; right: 0; left: auto; }

/* =Accordion and Tab Css
========================================================================================*/
.accordion-header .accordion-button { outline: none; box-shadow: none; border: 1px solid rgba(0,0,0,.125); margin-bottom: -1px; background: #fff; } 
.accordion-button { font-weight: 600; }
.accordion-button:not(.collapsed) { background: rgba(91, 192, 222, 0.2);; color: #1886c3; border-color: rgba(91, 192, 222, 0.2);; }

.nav.nav-tabs .nav-item { margin-bottom: 0; }
.nav-tabs .nav-link { font-weight: 600; background: #F0F4F8; color: #000; }
.tab-content > .tab-pane { padding: 1rem 0; }


/* =Home page Css
========================================================================================*/
.reveal { visibility: hidden; }
.section-row { padding: 5rem 0; }
.section-title { margin-bottom: 3rem; }
.section-title .h2 { margin: 0; font-size: clamp(1.775rem, 1.783vw, 2.5rem); position: relative; padding-bottom: 1rem; margin-bottom: 1.1rem; }
.section-title .h2::before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100px; background: linear-gradient(90deg,rgb(24 134 195) 0%,#fff0 90%); }
.page-title-row { background-color: #1886c3; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; }
.page-title-row:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: -1; opacity: 0.7; pointer-events: none; backdrop-filter: blur(2px); }
.page-title-row h1 { color: #fff; color: rgb(255 255 255 / .14); font-size: clamp(2rem, 4vw, 6.25rem); text-transform: uppercase; margin: 0; line-height: 1; font-size: clamp(2rem, 3vw, 6.25rem); }
.hero-banner { background-color: #1886c3; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; color: #fff; }
.hero-banner:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: -1; opacity: 0.6; pointer-events: none; backdrop-filter: blur(2px); }
.hero-banner h1 { font-size: clamp(1.875rem, 2.0833333333333333vw, 2.5rem); color: #fff; }
.banner-info { text-align: center; }
.banner-info p { max-width: 780px; width: 100%; line-height: 190%; text-transform: uppercase; color: #fff; margin-left: auto; margin-right: auto; }
.banner-info ul { margin-top: 30px; padding: 0; margin-bottom: 0; grid-gap: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } 
.banner-info ul li { grid-gap: 10px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.banner-info figure { width: 40px; height: auto; aspect-ratio: 1; display: inline-flex; max-width: 30px; display: inline-flex; margin-top: -4px; margin-bottom: 0; }
.banner-info ul li figure img { max-height: 30px; width: 100%; height: 100%; object-fit: cover; }
.banner-search-area { max-width: 1236px; width: 100%; position: relative; z-index: 1; margin: 2rem auto; padding-bottom: 2rem; }
.search-area-top { background: #fff; padding: 10px; border-radius: 500px; margin-bottom: 20px; }
.search-area-top .form-group { padding: 0; margin: 0; }
.search-area-top .form-group .form-select { border: 0; background-color: #000; color: #fff; border-radius: 50px; height: 55px; padding: 1.2rem 1.9rem 1.2rem 1.3rem !important; background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><polygon fill="white" points="0,0 4,0 2,4"/></svg>'); background-repeat: no-repeat; background-position: 94% 55%; background-size: 8px; }
.banner-search { display: flex; align-items: center; width: 100%; max-width: 100%; margin: 0 auto 0; position: relative; z-index: 1; box-shadow: none; padding: 0; border-radius: 0; }
.banner-search .form-group { position: relative; }
.banner-search .form-group { display: flex; align-items: center; width: 100%; }
.banner-search .form-group .input-search { display: none; }
.banner-search .form-group .input-search { height: 20px; width: 20px; }
.banner-search .form-group .input-search svg { width: 100%; height: auto; }
.banner-search .form-control { border: 0; padding: 1rem !important; font-size: 1.1rem; height: 55px; border-radius: 50px; box-sizing: border-box; box-shadow: none; }
.banner-search .form-group.form-btn { max-width: 190px; min-width: 190px; width: 190px; }
.banner-search .form-group.form-btn .btn { display: flex; align-items: center; justify-content: center; gap: .4rem; font-weight: 600; width: 100%; height: 55px; position: static; line-height: 40px; border-radius: 50px 50px; font-size: 1.1rem !important; color: #fff; text-transform: uppercase; }
.banner-search .form-group.form-btn svg { display: inline-block; width: 18px; height: 18px; margin: 0; fill: #fff; position: relative; top: -2px; }

.logo-slider-row { position: relative; z-index: 2; margin-top: -55px; }
.logo-slider-box { box-shadow: 0 0 45px rgba(0,0,0,0.16); background: #fff; padding: 1.5rem 2.5rem; border-radius: 500px; max-width: 1020px; margin: 0 auto; width: 100%; }
.logo-slider-box figure { max-width: 140px; margin: auto; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.logo-slider-box figure img { max-height: 70px; max-width: 100%; width: auto; }
.logo-slider-box p { text-align: center; margin-top: 0.8rem; }

.slider-nav { display: flex; align-items: center; justify-content: center; margin-top: 0.5rem; }
.slider-nav .swiper-button-prev, .slider-nav .swiper-button-next { background: rgb(229 229 229 / .76); height: 50px; width: 50px; border-radius: 50px; transition: 0.35s all; box-shadow: 0 0 15px rgba(3, 49, 75, 0.1); top: 50%; transform: translateY(-50%); margin: 0; }
.slider-nav .swiper-button-prev:hover, .slider-nav .swiper-button-next:hover { background: #1886c3; }
.slider-nav .swiper-button-prev svg, .slider-nav .swiper-button-next svg { fill:#1886c3; height: 16px; width: 16px; transition: 0.35s all; }
.slider-nav .swiper-button-prev:hover svg, .slider-nav .swiper-button-next:hover svg { fill: #fff; }
.swiper-button-prev::after, .swiper-button-next::after { display: none; }

.popular-cities-slider-img { min-height: 390px; display: flex; align-items: flex-end; padding: 18px 30px; overflow: hidden; border-radius: 15px; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover; background-color: #1886c3; }
.popular-cities-slider-img::after { content: ""; position: absolute; inset: 0; background: #000; background: -webkit-gradient(linear,left top,left bottom,color-stop(57%,transparent),to(rgb(0 0 0 / .8))); background: linear-gradient(180deg,transparent 57%,rgb(0 0 0 / .8) 100%); z-index: -1; pointer-events: none; }
.popular-cities-slider-img { display: block; padding-top: 100%; }
.popular-cities-info { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 1rem; }
.popular-cities-info h3 { font-size: 1.3rem; margin: 0; background: rgba(255,255,255,0.7); display: inline-flex; padding: 0.7rem 1.5rem 0.5rem; border-radius: 50px; transition: 0.35s all; }
.popular-cities-slider-img:hover .popular-cities-info h3 { background: #1886c3; color: #fff; }
.section-search { max-width: 350px; width: 100%; margin-left: auto; position: relative; }
.btn.sec-search-btn { position: absolute; top: 0; bottom: 0; padding: 0; right: 0; width: 50px; height: 50px; border: 0; background: transparent; }
.btn.sec-search-btn svg { width: 20px; height: auto; }
.section-search .form-control { padding-right: 3rem; background: transparent; border-color: rgba(0, 0, 0, 0.2); }
.section-search .form-control:focus { border-color: rgba(0, 0, 0, 0.5); }

.team-bar-row { background-color: #000; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; }
.team-bar-row:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; z-index: -1; opacity: 0.5; }
.team-bar-row .section-title .h2:before { display: none; }
.team-bar-row .section-title .h2 { margin: 0 0 0.4rem 0; padding: 0; }
.team-bar-box { background: rgba(255,255,255,0.2); padding: 2.5rem; text-align: center; color: #fff; border-radius: 1.2rem; height: 100%; }
.team-bar-box h3 { font-size: 4rem; color: #fff; margin: 0; line-height: 1.1; }
.team-bar-box span { font-size: 1.3rem; font-weight: 600; display: block; margin: 0 0 0.3rem 0; }

.featured-bars-box { display: flex; flex-direction: column; height: 100%; width: 100%; }
.featured-bars-img figure { position: relative; padding-top: 67.1875%; display: flex; width: 100%; overflow: hidden; border-radius: 10px; background-color: #1886c3; }
.featured-bars-img figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.featured-bars-info { margin-top: 10px; display: flex; flex-direction: column; height: 100%; }
.featured-bars-info h5 { font-size: clamp(1.125rem, 1.145833333333333vw, 1.375rem); }
.featured-bars-info h5 a { text-decoration: none; }
.bar-location { display: inline-flex; align-items: center; grid-gap: 10px;margin-top: 20px; }
.bar-location svg { fill: #000; width: 24px; height: auto; min-width: 24px; }
.bar-location a { color: #000; font-weight: 400; }
.featured-bars-info .reviews { padding-top: 10px; grid-gap: 10px; display: flex; justify-content: space-between; margin-top: 1rem; } 
.star { display: inline-block; width: 100px; height: 20px; position: relative; overflow: hidden; }
.reviews p { margin-bottom: 0; text-align: right; flex: 1; }
.star::before, .star::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/star.svg); background-repeat: repeat-x; background-size: 20px; }
.star::before { width: calc((100% / 5) * var(--rating)); z-index: 1; } 
.star::after { filter: brightness(0); opacity: 1; }
.swiper-pagination { display: flex; align-items: center; justify-content: center; position: static; margin: 15px 0 0; padding: 15px 0 0 0; transform: none; width: 100%; }
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1886c3; }
.swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #000; transition: 0.35s all; }
.link-hover { transition: background-size 0.25s cubic-bezier(.15,.3,.2,.9),color 0.25s cubic-bezier(.15,.3,.2,.9); background-image: linear-gradient(transparent calc(100% - 1px),#1886c3 1px); background-position: right bottom; background-repeat: no-repeat; background-size: 0% 100%; }
.link-hover:hover { background-size: 100% 100%; background-position: left bottom; text-decoration: none;   }
.featured-bars-slider .swiper-slide { display: flex; height: auto; }
.card.region-card { border: 0; border-radius: 1rem; box-shadow: 0 0 25px rgba(0,0,0,0.05); flex-direction: row; padding: 1.5rem; color: #333; height: 100%; transition: 0.35s all; transform: none; }
.card.region-card:hover { box-shadow:0 0 45px rgba(0,0,0,0.1); transform: translateY(-3%); background-color: #1886c3; color: #fff; }
.region-card figure { width: 130px; min-width: 130px; margin: 0 1rem 0 0; }
.region-card figure svg { width: 100%; height: auto; fill: #1886c3; transition: 0.35s all; }
.region-card:hover figure svg { fill: #fff; }
.region-info p { margin: 0 0 0.3rem 0; }
.region-info label { font-size: 1.3rem; margin: 0; transition: 0.35s all;font-weight:700; }
.region-card:hover .region-info h5 { color: #fff; }

.region-link-box { background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; overflow: hidden; justify-content: center; }
.region-link-box:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; z-index: -1; opacity: 0.5; }
.region-link { display: flex; white-space: nowrap; padding: 0.7rem 2rem 0.6rem; transform: scale(0.9); }
.region-link svg { width: 24px; margin: 0 0 0 0.4rem; }
.region-link-box:hover .region-link { transform: scale(1); }

.blog-post-box { position: relative; z-index: 1; }
.blog-post-box figure { position: relative; padding-top: 58.481%; display: flex; width: 100%; border-radius: 1rem; overflow: hidden; z-index: 1; margin: 0; }
.blog-post-box figure img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: center center; transition: 0.35s all; transform: scale(1); }
.blog-post-box:hover figure img { transform: scale(1.03); } 
.blog-info { position: absolute; bottom: 0; z-index: 2; padding: 1.8rem; }
.blog-post-box figure:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.8; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }
.blog-info h4 { font-weight: 600; margin: 0 0 0.25rem; } 
.blog-info h4 a { transition: background-size 0.25s cubic-bezier(.15,.3,.2,.9),color 0.25s cubic-bezier(.15,.3,.2,.9); background-image: linear-gradient(transparent calc(100% - 1px),#1886c3 1px); background-position: right bottom; background-repeat: no-repeat; background-size: 0% 100%; color: #fff; text-decoration: none; }
.blog-post-box:hover .blog-info h4 a { background-size: 100% 100%; background-position: left bottom; text-decoration: none; color: #1886c3; }
.blog-label span { color: #1886C3; background: #fff; display: inline-block; padding: 0.5rem 1rem; border-radius: 1.8rem; font-weight: 500; }
.blog-label { display: flex; flex-wrap: wrap; margin-bottom: 1rem; }
.blog-label span:before { content: ""; display: inline-block; height: 10px; width: 10px; background: #1886C3; border-radius: 50px; margin: 0 0.4rem 0 0; position: relative; top: 0.05rem; }


.blog-post-list .blog-post-box { margin-bottom: 1.5rem; }
.blog-post-list .blog-post-box:last-child { margin-bottom: 0; }
.blog-post-list .blog-post-box figure { padding-top: 47.95%; }