a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-family: inherit; font-size: 100%; /*font-style: inherit */ }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
html { margin-right: 0 !important }
* { margin: 0; padding: 0; box-sizing: border-box }
body { font-family: Manrope,sans-serif; font-size: 14px; line-height: 19.6px; font-weight: 400; color: #161e2d; background-color: #fff }
img { max-width: 100%; height: auto; transform: scale(1); vertical-align: middle; -ms-interpolation-mode: bicubic }
.row { margin-right: -15px; margin-left: -15px }
.row > * { padding-left: 15px; padding-right: 15px }
li, ul { list-style-type: none; margin-bottom: 0; padding-left: 0; list-style: none }
.center { text-align: center }
.container3 { max-width: 1579px }
.container2 { max-width: 1110px }
.container { max-width: 1320px }
.container, .container2, .container3 { width: 100%; margin: auto }
.container, .container2, .container3 { padding-left: 15px; padding-right: 15px }
.container-full { width: 100%; max-width: 100%; margin: 0 auto; padding: 0 15px }
.container-full .tf-sw-result { margin-right: 0 }
.cus-layout-1 { width: calc(100vw - (100vw - 1290px)/ 2); margin-right: unset !important; max-width: 100%; margin-left: auto }
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { font-family: Manrope,sans-serif; border: 1px solid #e4e4e4; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 22px; border-radius: 99px; padding: 15px 18px; width: 100%; background: #fff; color: #161e2d; font-weight: 400 }
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { border-color: #1f954b }
input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=datetime]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, textarea::placeholder { color: #a3abb0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 14px; line-height: 19.6px }
textarea { height: 112px; resize: none; border-radius: 16px }
::-webkit-input-placeholder { color: #a3abb0 }
:-moz-placeholder { color: #a3abb0 }
::-moz-placeholder { color: #a3abb0; opacity: 1 }
.error { font-size: 16px; margin-bottom: 10px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
:-ms-input-placeholder { color: #8a8aa0 }
.p-12 { font-size: 12px; line-height: 18px }
.p-16 { font-size: 16px; line-height: 26px }
.p-56 { font-size: 56px; line-height: 68px }
.title-large, h1, h2, h3, h4, h5, h6 { font-weight: 600; text-rendering: optimizeLegibility; color: #161e2d }
.title-large { font-size: 80px; line-height: 88px; font-weight: 800 }
h1 { font-size: 56px; line-height: 68px }
h2 { font-size: 44px; line-height: 62px }
h3 { font-size: 36px; line-height: 44px }
h4 { font-size: 30px; line-height: 42px }
h5 { font-size: 24px; line-height: 30px }
h6 { font-size: 18px; line-height: 25.2px }
a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; display: inline-block; color: #161e2d }
a:focus, a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; outline: 0 }
label { font-weight: 600 }
.link { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.link:hover { color: #1f954b !important }
.h7 { font-size: 20px; line-height: 28px; font-weight: 600 }
.body-1 { font-size: 20px; font-weight: 400; line-height: 30px }
.body-2 { font-size: 16px; font-weight: 400; line-height: 22.4px }
.text-btn { font-size: 16px; line-height: 21.86px; font-weight: 600 }
.text-1 { font-size: 18px; font-weight: 600; line-height: 25.2px }
.text-2 { font-size: 16px; font-weight: 700; line-height: 26px }
.text-3 { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: .8px }
.caption-1 { font-size: 14px; font-weight: 400; line-height: 22px }
.caption-2 { font-size: 12px; font-weight: 400; line-height: 16px }
.text-subheading { font-size: 12px; line-height: 19px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase }
.text-subtitle { font-size: 14px; line-height: 24px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase }
.fw-1 { font-weight: 100 !important }
.fw-4 { font-weight: 400 !important }
.fw-5 { font-weight: 500 !important }
.fw-6 { font-weight: 600 !important }
.fw-7 { font-weight: 700 !important }
.fw-8 { font-weight: 800 !important }
.fs-12 { font-size: 12px }
.fs-13 { font-size: 13px }
.fs-16 { font-size: 16px }
.fs-18 { font-size: 18px }
.fs-20 { font-size: 20px }
.fs-22 { font-size: 22px }
.fs-26 { font-size: 26px }
.fs-30 { font-size: 30px }
.fs-40 { font-size: 40px }
.font-rubik { font-family: Rubik,sans-serif }
.text-primary { color: #1f954b !important }
.text-danger { color: #c72929 !important }
.text-black { color: #161e2d !important }
.text-black-2 { color: #1c1c1e }
.text-black-3 { color: #3a3a3c }
.text-black-4 { color: #000 }
.text-white { color: #fff !important }
.text-success { color: #198754 !important }
.text-variant-1 { color: #5c6368 }
.text-variant-2 { color: #a3abb0 }
.text-variant-3 { color: #8e8e93 }
.bg-surface { background-color: #f7f7f7 }
.bg-primary { background-color: #1f954b }
.bg-primary-new { background-color: #f3f7fd }
.my-20 { margin-top: 20px; margin-bottom: 20px }
.my-30 { margin-top: 30px; margin-bottom: 30px }
.mb-8 { margin-bottom: 8px }
.mb-10 { margin-bottom: 10px }
.mb-16 { margin-bottom: 16px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.my-40 { margin-top: 40px; margin-bottom: 40px }
.mx-5 { margin-left: 5px !important; margin-right: 5px !important }
.mx-10 { margin-left: 10px; margin-right: 10px }
.mt-4 { margin-top: 4px !important }
.mt-8 { margin-top: 8px }
.mt-10 { margin-top: 10px }
.mt-12 { margin-top: 12px }
.mt-16 { margin-top: 16px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.pt-26 { padding-top: 26px }
.px-5 { padding-left: 5px !important; padding-right: 5px !important }
.px-10 { padding-left: 10px; padding-right: 10px }
.px-15 { padding-left: 15px; padding-right: 15px }
.pb-12 { padding-bottom: 12px }
.pb-30 { padding-bottom: 30px }
.pr-10 { padding-right: 10px }
.pr-20 { padding-right: 20px }
.round-8 { border-radius: 8px }
.round-12 { border-radius: 12px }
.round-30 { border-radius: 30px }
.o-hidden { overflow: hidden }
.grid-2 { display: grid; grid-template-columns: repeat(2,1fr) }
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr) }
.grid-4 { display: grid; grid-template-columns: repeat(4,1fr) }
.grid-6 { display: grid; grid-template-columns: repeat(6,1fr) }
.gap-0 { gap: 0 !important }
.gap-4 { gap: 4px !important }
.gap-6 { gap: 6px !important }
.gap-8 { gap: 8px }
.gap-9 { gap: 9px }
.gap-10 { gap: 10px }
.gap-12 { gap: 12px }
.gap-16 { gap: 16px }
.gap-20 { gap: 20px }
.gap-30 { gap: 30px }
.pt-0 { padding-top: 0 !important }
.line-b { border-bottom: 1px solid #e4e4e4 }
.line-t { border-top: 1px solid #e4e4e4 }
.line { border: 1px solid #e4e4e4 !important }
.no-line { border: 0 !important }
.text-line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.text-line-clamp-2 { --line-height-val: 1.5; --line-clamp-lines: 2; line-height: var(--line-height-val); min-height: calc(1em * var(--line-height-val) * var(--line-clamp-lines)); -webkit-line-clamp: var(--line-clamp-lines); -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.tf-grid-layout { display: grid; column-gap: 15px; row-gap: 30px }
.tf-grid-layout .flat-blog-item { margin-bottom: 0 }
.cus-layout-left { width: calc(100vw - (100vw - 1720px)/ 2); max-width: 100%; margin-left: unset; margin-right: auto }
.radius-30 { border-radius: 30px; overflow: hidden }
.shadow-1 { box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725) }
.shadow-2 { box-shadow: 0 10px 25px 0 rgba(54,95,104,.1019607843) }
.shadow-3 { box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843) }
.list-default { padding-left: 15px }
.list-default li { list-style: disc }
.header-account { display: flex; align-items: center; gap: 16px }
.header-account .tf-btn { min-width: 206px }
.header-account .btn-login { min-width: 140px }
.header-style-2 .header-account ul li { color: #fff }
.header-style-2 .header-account ul li a { color: #fff }
.header-style-2 .header-account ul li a:hover { color: #1f954b }
.header-style-2:not(.is-fixed) .btn-line { background-color: transparent; border-color: #fff; color: #fff }
.header-style-2:not(.is-fixed) .btn-line svg path { stroke: #fff }
.header-style-2:not(.is-fixed) .btn-line:hover { border-color: transparent; background-color: #fff; color: #1f954b }
.header-style-2:not(.is-fixed) .btn-line:hover svg path { stroke: #1f954b }
.header-style-2:not(.is-fixed) .tf-btn.primary { background-color: #fff; color: #1f954b; border-color: transparent }
.header-style-2:not(.is-fixed) .tf-btn.primary svg path { stroke: #1f954b }
.header-style-2:not(.is-fixed) .tf-btn.primary:hover { background-color: transparent; border-color: #fff; color: #fff }
.header-style-2:not(.is-fixed) .tf-btn.primary:hover svg path { stroke: #fff }
.main-header { z-index: 999; width: 100%; height: 78px; position: relative; background-color: #fff; padding-left: 15px; padding-right: 15px; box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725) }
.main-header.header-style-2 { margin-bottom: -80px; border: 0; background-color: transparent; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; box-shadow: none }
.main-header.header-style-2.is-fixed .navigation > li > a { color: #161e2d !important }
.main-header.header-style-2.is-fixed .header-account ul li a { color: #161e2d !important }
.main-header .inner-header-left { display: flex; gap: 30px; align-items: center }
.main-header .inner-header { display: flex; align-items: center; justify-content: space-between }
.main-header.is-fixed { box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725); background-color: #fff; border-bottom: 1px solid #e4e4e4 }
.wrap-top { width: 100%; height: 78px; position: relative; padding: 12px 0 0 0 }
.wrap-top .icon-tell-box .icon { margin-right: 29px }
.wrap-top .icon-tell-box .icon::after { content: ""; width: 1px; height: 30px; background-color: #d9d9d9; top: 14px; position: absolute; margin-left: 14px }
.wrap-top .logo-box { margin-left: 152px }
.header-top { position: relative; padding: 18px 0; background-color: #161e2d }
.header-top_nav { position: relative }
.header-top_nav a { position: relative; font-weight: 500; font-size: 16px; margin-right: 15px; padding-right: 15px; color: rgba(255,255,255,.7) }
.header-top_nav a::before { position: absolute; content: "/"; right: -4px; top: 0 }
.header-top_nav a:last-child { margin-right: 0; padding-right: 0 }
.header-top_nav a:last-child::before { display: none }
.header-top_nav a:hover { color: #fff }
#showlogo { display: none }
.header-top_email { position: relative; font-weight: 500; font-size: 16px; color: rgba(255,255,255,.7) }
.header-top_email span { position: relative; color: #fff }
.header-top_social { position: relative; margin-left: 60px }
.header-top_social a { position: relative; font-weight: 500; text-transform: uppercase; font-size: 16px; margin-left: 5px; color: rgba(255,255,255,.7) }
.header-top_social a:hover { color: #fff }
.main-header .header-upper { position: relative }
.main-header .main-box { position: relative; padding: 0 0; left: 0; top: 0; width: 100%; background: 0 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.main-header .main-box .outer-container { position: relative }
.main-header .logo-box { position: relative; z-index: 10 }
.main-header .logo-box .logo img { display: inline-block; max-width: 100%; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.main-header .logo-box .logo { position: relative }
.main-header .header-lower { position: relative; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.main-header .header-lower .nav-outer { position: relative }
.main-header .header-upper .logo-box { position: relative; padding: 10px 0 10px }
.main-header .header-upper .logo-box .logo { position: relative }
.main-header .main-menu { position: relative; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.main-header .main-menu .navbar-collapse { padding: 0; display: block }
.main-header .header-lower .main-menu .navigation { position: relative }
.main-header .main-menu .navigation > li { position: relative; display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; padding-right: 65px }
.main-header .sticky-header .nav-outer .options-box { margin-top: 40px }
.main-header .sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0; top: 0; width: 100%; padding: 0 0; z-index: 0; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; box-shadow: 0 0 10px rgba(0,0,0,.1) }
.main-header .sticky-header .mobile-nav-toggler { display: none; cursor: pointer }
.main-header .sticky-header .logo { position: relative; padding: 7px 0 }
.main-header.fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: .5s; -moz-animation-duration: .5s; -op-animation-duration: .5s; -webkit-animation-duration: .5s; animation-duration: .5s; -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 }
.main-header .main-menu .navigation > li > a { position: relative; display: block; text-align: center; font-weight: 600; padding: 27px 0; letter-spacing: 0; color: #161e2d; font-size: 16px; line-height: 21.86px; text-transform: capitalize; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.main-header .main-menu .navigation > li > a::before { content: ""; width: 0; height: 2px; bottom: 25px; position: absolute; left: auto; right: 0; z-index: 1; -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; background: #1f954b }

.main-header.header-style-2 .main-menu .navigation > li > a { color: #fff }
.main-header .main-menu .navigation > li:last-child { padding-right: 0 }
.main-header .main-menu .navigation > li:last-child > a { padding-right: 0 }
.main-header .sticky-header .main-menu .navigation > li { position: relative }
.main-header .sticky-header .main-menu .navigation > li:last-child { margin-right: 0 }
.main-header .main-menu .navigation > li:last-child ul { right: 0 }
.main-header .sticky-header .main-menu .navigation > li > a:after { top: 22px }
.main-header .sticky-header .main-menu .navigation > li > a > span { top: 10px }
.main-header .main-menu .navigation > li.current > a, .main-header .main-menu .navigation > li:hover > a { opacity: 1 }
.main-header .main-menu .navigation > li.current > a::before, .main-header .main-menu .navigation > li:hover > a::before { width: 100%; left: 0; right: auto }
.main-header.header-style-2 .main-menu .navigation > li.current > a, .main-header.header-style-2 .main-menu .navigation > li:hover > a { color: #fff }
.main-header .main-menu .navigation > li > ul { margin-top: 17px; position: absolute; left: -35px; width: 280px; z-index: 1; opacity: 0; visibility: hidden; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: #fff; border-radius: 16px; pointer-events: none; box-shadow: 0 10px 25px 0 rgba(54,95,104,.1019607843) }
.main-header .main-menu .navigation > li > ul::after { content: ""; position: absolute; background-color: transparent; left: 0; right: 0; height: 35px; top: -25px }
.main-header .main-menu .navigation > li > ul::before { content: ""; position: absolute; bottom: calc(100% - 14px); left: 45px; border-top: 20px solid #fff; border-right: 20px solid transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.main-header .main-menu .navigation > li > ul li:first-child { padding-top: 8px }
.main-header .main-menu .navigation > li > ul li:last-child { padding-bottom: 8px }
.main-header .main-menu .navigation > .home > ul { width: 204px }
.main-header .main-menu .navigation > li > ul.from-right { left: auto; right: 0 }
.main-header .main-menu .navigation > li > ul > li { position: relative; width: 100%; text-align: left; transform: translateY(10px); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.main-header .main-menu .navigation > li > ul > li:last-child { margin-bottom: 0 }
.main-header .main-menu .navigation > li:hover > ul > li { opacity: 1; transform: translateY(0); -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:last-child > a { border-bottom: none }
.main-header .main-menu .navigation > li > ul > li > a { position: relative; padding: 16px 24px; display: block; line-height: 19.6px; font-weight: 600; font-size: 14px; text-transform: capitalize; color: #161e2d; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; text-align: start }
.main-header .main-menu .navigation > li > ul > li > a:before { position: absolute; content: "\ea3d"; left: 0; top: 5px; width: 16px; height: 10px; opacity: 0; font-size: 12px; left: 24px; top: 16px; display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; font-family: icomoon; color: #1f954b }
.main-header .main-menu .navigation > li > ul > li:hover > a { color: #1f954b; padding-left: 45px }
.main-header .main-menu .navigation > li > ul > li:hover > a::before { opacity: 1 }
.main-header .main-menu .navigation > li > ul > li.dropdown2 > a:after { font-family: icomoon; content: "\e91d"; position: absolute; right: 24px; top: 16px; width: 10px; height: 20px; display: block; line-height: 24px; font-size: 12px; font-weight: 700; text-align: center; z-index: 5 }
.main-header .main-menu .navigation > li > ul > li.dropdown2:hover > a:after { color: #1f954b }
.main-header .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: 0; width: 280px; opacity: 0; visibility: hidden; visibility: hidden; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: #fff; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border: 1px solid #e4e4e4; overflow: hidden }
.main-header .main-menu .navigation > li > ul > li > ul.from-right { left: auto; right: 0 }
.main-header .main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; text-align: left; border-bottom: 1px solid rgba(255,255,255,.1); opacity: 0; transform: translateY(-8px); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.main-header .main-menu .navigation > li > ul > li > ul > li:last-child { margin-bottom: 0 }
.main-header .main-menu .navigation > li > ul > li > ul > li:last-child a { border-bottom: none }
.main-header .main-menu .navigation > li > ul > li > ul > li > a { position: relative; padding: 16px 24px; display: block; line-height: 24px; font-weight: 700; font-size: 16px; text-transform: capitalize; color: #5c6368; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; border-bottom: 1px solid #e4e4e4 }
.main-header .main-menu .navigation > li > ul > li > ul > li > a:before { position: absolute; content: "\ea3d"; left: 0; top: 5px; width: 16px; height: 10px; opacity: 0; font-size: 12px; left: 24px; top: 16px; display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; font-family: icomoon; color: #1f954b }
.main-header .main-menu .navigation > li > ul > li > ul > li > a:hover::before { opacity: 1 }
.main-header .main-menu .navigation > li > ul > .current > a { color: #1f954b }
.main-header .main-menu .navigation > li > ul > li > ul > .current > a { color: #1f954b }
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a { color: #1f954b; background-color: #fff }
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a { color: #1f954b; padding-left: 45px }
.main-header .main-menu .navigation > li.dropdown2:hover > ul { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; pointer-events: all }
.main-header .main-menu .navigation li > ul > li.dropdown2:hover > ul { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); transform: translateY(0); opacity: 1; visibility: visible }
.main-header .main-menu .navigation > li.dropdown2 > a::after { content: "\e92a"; font-family: icomoon; font-weight: 600; font-size: 16px; vertical-align: bottom; position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.main-header .main-menu .navbar-collapse > ul li.dropdown2 .dropdown2-btn { position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; color: #fff; line-height: 28px; border: 1px solid var(--white-color-opicity-two); background-size: 20px; cursor: pointer; z-index: 5; display: none }
.mobile-menu { position: fixed; left: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; visibility: hidden; z-index: 999999 }
.mobile-menu .nav-logo { position: relative; background: #fff; box-shadow: 0 4px 18px 0 rgba(0,0,0,.08); padding: 12px 20px }
.mobile-menu .nav-logo img { max-width: 200px }
.mobile-menu .bottom-canvas { padding: 30px 20px 100px; height: 100vh; overflow-y: auto }
.mobile-menu-visible { overflow: hidden }
.mobile-menu-visible .mobile-menu { visibility: visible }
.mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; visibility: visible; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.mobile-menu-visible .mobile-menu .menu-box { left: 0; -webkit-overflow-scrolling: touch; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease }
.mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.6); transition: all .3s ease 0s; visibility: hidden; opacity: 0 }
.mobile-menu .menu-box { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; max-height: 100%; background-color: #fff; z-index: 5; border-radius: 0; -webkit-overflow-scrolling: touch; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease }
.close-btn { position: fixed; right: 16px; top: 25px; line-height: 30px; width: 30px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; transition: all .3s ease; z-index: 9999999999; opacity: 0; visibility: hidden }
.close-btn::before { content: "\e938"; font-family: icomoon; font-size: 24px; font-weight: 100 }
.mobile-menu-visible .close-btn { visibility: visible; opacity: 1 }
.mobile-menu .close-btn:hover { opacity: .5 }
.mobile-menu .navigation { position: relative; display: block; width: 100% }
.mobile-menu .navigation li { position: relative; display: block }
.mobile-menu .navigation li { position: relative; display: block }
.mobile-menu .navigation li > ul > li:last-child { border-bottom: none }
.mobile-menu .navigation li.dropdown2 .dropdown2-btn { position: absolute; right: 0; top: 0; width: 100%; text-align: end; line-height: 44px; cursor: pointer; z-index: 5 }
.mobile-menu .navigation li.dropdown2 .dropdown2-btn::before { content: "\e92a"; font-family: icomoon; font-size: 12px; font-weight: 600; color: #161e2d; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: rotate(-90deg) }
.mobile-menu .navigation li.open .dropdown2-btn::before { transform: unset }
.mobile-menu .navigation li.dropdown2 > ul li a { border-bottom: unset; color: #161e2d }
.mobile-menu .navigation li.dropdown2 .dropdown2-btn span { opacity: 0 }
.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul { display: none; background: rgba(21,99,223,.1); padding: 15px 20px; border-radius: 10px }
.mobile-menu .navigation li > ul > li, .mobile-menu .navigation li > ul > li > ul > li { margin-bottom: 0 }
.mobile-menu .navigation li > ul > li > a { padding: 7px 0 !important; font-weight: 500 }
.mobile-menu .navigation li > ul > li > ul { padding-left: 15px }
.mobile-menu .navigation li > ul > li > ul > li > a { padding-left: 40px }
.mobile-menu .close-btn:hover { opacity: .5 }
.mobile-menu .navigation li > ul > li:last-child { border-bottom: none }
.mobile-menu .navigation li > a { position: relative; display: block; font-weight: 600; line-height: 26px; padding: 10px 0; font-size: 16px; color: #161e2d; text-transform: capitalize }
.mobile-menu .navigation li.current li.current > a, .mobile-menu .navigation li.current > a, .mobile-menu .navigation li:hover > a { color: #1f954b }
.main-header .sticky-header .navbar-header { display: none }
.main-header .outer-box { position: relative }
.main-header .sticky-header .main-menu .navigation > li > a { padding: 22px 0 }
.mobile-button { display: none; position: absolute; width: 26px; height: 26px; float: right; top: 50%; right: 0; background-color: transparent; cursor: pointer; transition: all 0s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.mobile-button span, .mobile-button::after, .mobile-button::before { background-color: #1f954b; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.mobile-button::after, .mobile-button::before { content: ""; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
.mobile-button span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200% }
.mobile-button::before { -webkit-transform: translate3d(0,-9px,0); -moz-transform: translate3d(0,-9px,0); transform: translate3d(0,-9px,0) }
.mobile-button::after { -webkit-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0) }
.mobile-button.active span { opacity: 0 }
.mobile-button.active::before { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg) }
.mobile-button.active::after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg) }
.mobile-button.mobi-style span, .mobile-button.mobi-style::after, .mobile-button.mobi-style::before { background-color: #fff }
.mobile-menu .login-box { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px }
.mobile-menu .login-box svg { margin-right: 5px }
.mobile-menu .login-box a, .mobile-menu .login-box span { font-weight: 600 }
.mobile-menu .menu-outer { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px }
.mobile-menu .button-mobi-sell { margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px }
.mobile-menu .button-mobi-sell a { width: 100% }
.mobile-menu .mobi-icon-box .box { margin-bottom: 19px; border-bottom: 1px solid #e4e4e4; padding-bottom: 19px }
.mobile-menu .mobi-icon-box .box:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 }
.mobile-menu .mobi-icon-box .box .content { color: #a3abb0 }
.mobile-menu .mobi-icon-box .box .content h5 { color: #5c6368 }
.mobile-menu .mobi-icon-box .icon { margin-right: 10px; font-size: 20px }
.main-header .mobile-menu .menu-box .mCSB_scrollTools { width: 3px }
.dashboard { background-color: #f7f7f7 }
.dashboard .main-header .main-menu { margin-left: 780px }
.dashboard .avatars-box { margin-right: 31px }
.dashboard .avatars-box .images { margin-right: 11px; height: 34px; width: 34px; overflow: hidden; border-radius: 50% }
.dashboard .avatars-box .title-avatar a::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 11px; margin-left: 8px; vertical-align: bottom }
.header-style-3 { display: flex; align-items: center; justify-content: space-between }
.header-style-3 .header-lower { width: 100% }
.header-style-3 .nav-outer { padding-left: 190px }
.header-style-3 .outer-search { width: 504px; height: 48px; padding: 10px 6px; padding-left: 0; border: 1px solid #e4e4e4; border-radius: 8px; display: flex; align-items: center }
.header-style-3 .outer-search .form-box { position: relative }
.header-style-3 .outer-search .form-box::after { content: ""; position: absolute; right: 0; width: 1px; height: 20px; top: 50%; transform: translateY(-50%); background: #e4e4e4 }
.header-style-3 .outer-search .form-box.box-1 { width: 152px }
.header-style-3 .outer-search .form-box.box-2 { width: 166px }
.header-style-3 .outer-search .form-box.box-3 { width: 142px }
.header-style-3 .outer-search .form-box.box-3::after { content: none }
.header-style-3 .outer-search input { padding: 0 16px; font-size: 18px; line-height: 28px; color: #a3abb0; border: 0; border-radius: 0 }
.header-style-3 .outer-search input::placeholder { color: #a3abb0 }
.header-style-3 .btn-search { flex-shrink: 0; width: 36px; height: 36px; background-color: #1f954b; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.header-style-3 .btn-search:hover { background-color: #0e49a6 }
.header-style-3 .btn-search .icon { font-size: 20px; color: #fff }
.header-style-3 .btn-search-mb { display: none }
.header-style-3 .btn-menu-nav { font-size: 28px; margin-left: 20px; cursor: pointer }
.canvas-menu .menu-outer { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px }
.canvas-menu .menu-outer .nav-link { padding: 10px 0; font-size: 16px; line-height: 26px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.canvas-menu .menu-outer .nav-link .icon { font-size: 16px; font-weight: 700; transform: rotate(-90deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.canvas-menu .menu-outer .nav-link:not(.collapsed) .icon { transform: unset }
.canvas-menu .menu-outer .nav-link:focus-visible { box-shadow: none }
.canvas-menu .menu-outer .nav-link.current, .canvas-menu .menu-outer .nav-link:hover { color: #1f954b }
.canvas-menu .menu-outer .nav-link.current .icon, .canvas-menu .menu-outer .nav-link:hover .icon { color: #1f954b }
.canvas-menu .menu-outer .sub-nav-menu { background: rgba(237,32,39,.1); padding: 15px 20px; border-radius: 10px }
.canvas-menu .menu-outer .sub-nav-menu .sub-nav-link { padding: 7px 0; display: block; font-weight: 500; color: #5c6368 }
.canvas-menu .menu-outer .sub-nav-menu .sub-nav-link.current, .canvas-menu .menu-outer .sub-nav-menu .sub-nav-link:hover { color: #1f954b }
.canvas-menu .box-btn { margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px }
.canvas-menu .box-btn .tf-btn { width: 100% }
.canvas-menu .menu-icon-box .box .icon { margin-right: 10px; font-size: 20px }
.canvas-menu .menu-icon-box .box:not(:last-child) { margin-bottom: 19px; border-bottom: 1px solid #e4e4e4; padding-bottom: 19px }
.footer { background-color: #161e2d; background-size: cover; background-repeat: no-repeat }
.footer .top-footer { padding: 50px 0; border-bottom: 1px solid rgba(255,255,255,.08) }
.footer .top-footer .content-footer-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap }
.footer .inner-footer { padding: 50px 0 50px }
.footer .inner-footer .navigation-menu-footer li { margin-top: 4px }
.footer .content-footer-bottom { padding: 30px 0; border-top: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px }
.footer .content-footer-bottom .copyright { color: #a3abb0; font-size: 14px; line-height: 22px; font-weight: 400 }
.footer .content-footer-bottom .menu-bottom { display: flex; align-items: center; gap: 19px }
.footer .content-footer-bottom .menu-bottom a { color: #a3abb0; font-size: 14px; line-height: 22px; font-weight: 400 }
.footer .content-footer-bottom .menu-bottom a:hover { color: #1f954b }
.footer-cl-1 { margin-right: 20.4% }
.footer-cl-2 { margin-left: 15.4% }
.footer-cl-3 { margin-left: 20% }
.footer-cl-4 { margin-left: 17.3% }
.list-social { flex-wrap: wrap; gap: 12px }
.footer .wd-social { display: flex; align-items: center }
.footer .wd-social span { font-weight: 600; font-size: 14px; line-height: 24px; color: #fff; margin-right: 16px }
#subscribe-form { position: relative; margin-top: 24px }
#subscribe-form .icon-left { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; color: #a3abb0 }
#subscribe-form input { background: rgba(255,255,255,.07); border-radius: 8px; padding: 12px 16px; border-color: transparent; border-radius: 999px; font-weight: 400; font-size: 14px; line-height: 19.6px; color: #a3abb0; font-style: unset }
#subscribe-form input::placeholder { font-size: 14px; line-height: 19.6px; color: #a3abb0; font-style: unset }
#subscribe-form button { position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: 0 0; display: inline-flex; align-items: center; justify-content: center; padding: 16px; border: 0 }
#subscribe-form button .icon { font-size: 20px; color: #a3abb0 }
.navigation-menu-footer li a { position: relative }
.navigation-menu-footer li a::after { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: 1; -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; background: #1f954b }
.navigation-menu-footer li a:hover { color: #1f954b }
.navigation-menu-footer li a:hover::after { width: 100%; left: 0; right: auto }
.ft-title { font-weight: 600; font-size: 14px; line-height: 24px; margin-bottom: 15px }
.ft-download li:not(:last-child) { margin-bottom: 10px }
.flat-tab-form .nav-tab-form { display: flex; align-items: center; gap: 10px; margin-bottom: 18px }
.flat-tab-form .nav-tab-form .nav-link-item { padding: 14px 55px; border-radius: 99px; font-size: 16px; line-height: 20px; text-align: center; font-weight: 600; background-color: transparent; border: 1px solid #fff; color: #fff }
.flat-tab-form .nav-tab-form.style-1 .nav-link-item { position: relative }
.flat-tab-form .nav-tab-form.style-1 .nav-link-item.active, .flat-tab-form .nav-tab-form.style-1 .nav-link-item:hover { background-color: #1f954b; border-color: #1f954b }
.flat-tab-form .nav-tab-form.style-1 .nav-link-item.active::after, .flat-tab-form .nav-tab-form.style-1 .nav-link-item:hover::after { display: block }
.flat-tab-form .nav-tab-form.style-1 .nav-link-item::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #1f954b; display: none }
.flat-tab-form .nav-tab-form.style-2 { margin-bottom: 0; gap: 4px }
.flat-tab-form .nav-tab-form.style-2 .nav-link-item { background-color: #e4e4e4; color: #161e2d; border-radius: 8px 8px 0 0; border-color: transparent; padding: 14px 26px; text-transform: uppercase; letter-spacing: .8px; line-height: 26px }
.flat-tab-form .nav-tab-form.style-2 .nav-link-item.active, .flat-tab-form .nav-tab-form.style-2 .nav-link-item:hover { background-color: #1f954b; color: #fff }
.flat-tab-form .nav-tab-form.style-3 { gap: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; display: inline-flex; overflow: hidden }
.flat-tab-form .nav-tab-form.style-3 .nav-link-item { min-width: 115px; padding: 7px 10px; border-radius: 0 }
.flat-tab-form .nav-tab-form.style-4 { padding: 11px 0; gap: 40px }
.flat-tab-form .nav-tab-form.style-4 .nav-link-item { background-color: transparent; border-bottom: 2px solid transparent; color: #a3abb0; padding: 2px 0 }
.flat-tab-form .nav-tab-form.style-4 .nav-link-item.active, .flat-tab-form .nav-tab-form.style-4 .nav-link-item:hover { color: #161e2d; border-color: #161e2d }
.flat-tab-recommended .nav-tab-recommended { margin-bottom: 50px }
.nav-tab-recommended { display: flex; gap: 12px; overflow: auto }
.nav-tab-recommended .nav-link-item { font-weight: 600; background-color: #f7f7f7; border-radius: 999px; padding: 8px 24px; text-wrap: nowrap }
.nav-tab-recommended .nav-link-item.active, .nav-tab-recommended .nav-link-item:hover { background-color: #1f954b; color: #fff }
.nav-tab-privacy { border-left: 1px solid #e4e4e4 }
.nav-tab-privacy .nav-link-item { font-size: 24px; line-height: 30px; font-weight: 700; padding: 10px 0 8px 16px; margin-bottom: 40px; position: relative; text-transform: capitalize }
.nav-tab-privacy .nav-link-item::before { position: absolute; content: ""; left: 0; width: 3px; top: 0; bottom: 0; background-color: #1f954b; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.nav-tab-privacy .nav-link-item.active::before, .nav-tab-privacy .nav-link-item:hover::before { opacity: 1 }
.nav-tab-privacy .nav-tab-item:last-child .nav-link-item { margin-bottom: 0 }
.nav-tab-filter { display: flex; align-items: center; gap: 10px }
.nav-tab-filter .nav-link-item { width: 40px; height: 40px; border-radius: 10px; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.nav-tab-filter .nav-link-item .icon { width: 24px }
.nav-tab-filter .nav-link-item .icon path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.nav-tab-filter .nav-link-item.active svg path { fill: #161e2d }
.nav-tab-filter .nav-link-item:hover { border-color: #161e2d }
.nav-tab-filter .nav-link-item:hover svg path { fill: #161e2d }
.flat-animate-tab { overflow: hidden }
.flat-animate-tab .tab-content { position: relative }
.flat-animate-tab .tab-pane { display: block; pointer-events: none; opacity: 0; visibility: hidden; position: absolute; z-index: 1; top: 0; left: 0; right: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); transition-timing-function: ease-in; transition-duration: .2s }
.flat-animate-tab .tab-pane.active { pointer-events: auto; opacity: 1; visibility: visible; position: relative; z-index: 2; -webkit-transform: none; -ms-transform: none; transform: none; transition-timing-function: ease-out; transition-duration: .3s; transition-delay: .3s }
.flat-slider { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 123 }
.flat-slider.home-1 { background-image: url(../images/slider-1.jpg) }
.flat-slider.home-1 .overlay { background: #161e2d; opacity: .3 }
.flat-slider.home-1 .slider-content { position: relative; z-index: 1; padding: 155px 0 246px }
.flat-slider.home-1 .slider-content .heading { margin-bottom: 40px }
.flat-slider.home-1 .slider-content .subtitle { margin-top: 20px; padding: 0 330px }
.flat-slider .overlay { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.flat-slider.home-2 .img-banner-left { position: absolute; bottom: 0; left: 0; -webkit-animation: ani4 7s infinite ease-in-out alternate; animation: ani4 7s infinite ease-in-out alternate }
.flat-slider.home-2 .img-banner-right { position: absolute; left: 50%; bottom: 0; top: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover }
.flat-slider.home-2 .slider-content { padding: 150px 0; position: relative; z-index: 10 }
.flat-slider.home-2 .slider-content .heading .subtitle { margin-top: 12px; margin-bottom: 40px }
.flat-slider.home-2 .wrap-search-link { margin-top: 24px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap }
.flat-slider.home-2 .wrap-search-link .categories-list .icon { color: #1f954b; border-radius: 50%; background-color: none }
.flat-slider.home-2 .wrap-search-link a { color: #161e2d }
.flat-slider .slider-home2, .flat-slider .slider-sw-home2 { height: 100% }
.flat-slider .slider-home2 img { width: 100%; height: 100%; object-fit: cover }
.flat-slider.home-3 { background-image: url(../images/slider-3.jpg); padding: 168px 0 }
.flat-slider.home-3 .slider-content { position: relative; z-index: 1 }
.flat-slider.home-3 .slider-content .heading { margin-bottom: 50px }
.flat-slider.home-3 .slider-content .heading .subtitle { margin-top: 20px }
.flat-slider.home-3 .flat-tab-form { position: unset; z-index: 5 }
.flat-slider.home-3 .overlay { background: #000; opacity: .4 }
.flat-slider.home-5 { margin-bottom: -114px; z-index: unset }
.flat-slider.home-5 .box-img img { width: 100%; object-fit: cover }
.flat-slider.home-5 .thumbs-swiper-column1 .swiper-wrapper { flex-direction: column; align-items: flex-end }
.flat-slider.home-5 .thumbs-swiper-column1 .swiper-wrapper .swiper-slide { width: 80px !important; display: grid; height: 80px !important; margin-bottom: 10px }
.flat-slider.home-5 .thumbs-swiper-column1 .swiper-wrapper .image-detail { border-radius: 16px; overflow: hidden; width: 80px; height: 80px; cursor: pointer; opacity: .7 }
.flat-slider.home-5 .thumbs-swiper-column1 .swiper-wrapper .swiper-slide-thumb-active .image-detail { opacity: 1 }
.flat-slider.home-5 .box-content { position: absolute; z-index: 10; left: 0; right: 0; top: 50%; transform: translateY(-50%) }
.flat-slider.home-5 .subtitle, .flat-slider.home-5 .wrap-search-link { margin-top: 20px }
.flat-slider.home-5 .overlay { background: rgba(0,0,0,.2); z-index: 5 }
.flat-slider.home-5 .flat-control-search { position: absolute; left: 0; right: 0; bottom: -50px; z-index: 30 }
.wrap-search-link { margin-top: 24px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap }
.wrap-search-link .categories-list { display: flex; gap: 16px; overflow: auto }
.wrap-search-link .categories-list .icon { font-size: 14px; color: #fff; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(255,255,255,.2) }
.wrap-search-link .categories-list.style-2 .icon { width: auto; height: auto; background-color: none }
.wrap-search-link .categories-list.style-2 a { padding: 8px 16px; background-color: rgba(0,0,0,.2); border-radius: 99px }
.wrap-search-link a { font-size: 14px; line-height: 19.6px; font-weight: 600; display: flex; align-items: center; gap: 6px; color: #fff }
.flat-tab-form { position: relative }

@keyframes waviy {
    0%,100%,40% { transform: translateY(0) }
    20% { transform: translateY(-20px) }
}

.js-letters { overflow-y: hidden }
.js-letters > * { display: inline-block; min-width: .21em; backface-visibility: hidden; animation: slide-up .6s both }
.js-letters > :nth-child(1) { animation-delay: 50ms }
.js-letters > :nth-child(2) { animation-delay: .1s }
.js-letters > :nth-child(3) { animation-delay: .15s }
.js-letters > :nth-child(4) { animation-delay: .2s }
.js-letters > :nth-child(5) { animation-delay: .25s }
.js-letters > :nth-child(6) { animation-delay: .3s }
.js-letters > :nth-child(7) { animation-delay: .35s }
.js-letters > :nth-child(8) { animation-delay: .4s }
.js-letters > :nth-child(9) { animation-delay: .45s }
.js-letters > :nth-child(10) { animation-delay: .5s }
.js-letters > :nth-child(11) { animation-delay: .55s }
.js-letters > :nth-child(12) { animation-delay: .6s }
.js-letters > :nth-child(13) { animation-delay: .65s }
.js-letters > :nth-child(14) { animation-delay: .7s }
.js-letters > :nth-child(15) { animation-delay: .75s }
.js-letters > :nth-child(16) { animation-delay: .8s }
.js-letters > :nth-child(17) { animation-delay: .85s }
.js-letters > :nth-child(18) { animation-delay: .9s }
.js-letters > :nth-child(19) { animation-delay: .95s }
.js-letters > :nth-child(20) { animation-delay: 1s }
.js-letters > :nth-child(21) { animation-delay: 1.05s }
.js-letters > :nth-child(22) { animation-delay: 1.1s }
.js-letters > :nth-child(23) { animation-delay: 1.15s }
.js-letters > :nth-child(24) { animation-delay: 1.2s }
.js-letters > :nth-child(25) { animation-delay: 1.25s }
.js-letters > :nth-child(26) { animation-delay: 1.3s }
.js-letters > :nth-child(27) { animation-delay: 1.35s }
.js-letters > :nth-child(28) { animation-delay: 1.4s }
.js-letters > :nth-child(29) { animation-delay: 1.45s }
.js-letters > :nth-child(30) { animation-delay: 1.5s }
.js-letters > :nth-child(31) { animation-delay: 1.55s }
.js-letters > :nth-child(32) { animation-delay: 1.6s }
.js-letters > :nth-child(33) { animation-delay: 1.65s }
.js-letters > :nth-child(34) { animation-delay: 1.7s }
.js-letters > :nth-child(35) { animation-delay: 1.75s }
.js-letters > :nth-child(36) { animation-delay: 1.8s }
.js-letters > :nth-child(37) { animation-delay: 1.85s }
.js-letters > :nth-child(38) { animation-delay: 1.9s }
.js-letters > :nth-child(39) { animation-delay: 1.95s }
.js-letters > :nth-child(40) { animation-delay: 2s }

@keyframes slide-up {
    0% { opacity: 0; transform: translate3d(0,100%,0) }
    80% { opacity: 1 }
    100% { transform: translate3d(0,0,0) }
}

@keyframes ani4 {
    0%,100% { transform: translateX(0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
    50% { transform: translateX(-20px); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
}

.tf-btn { font-size: 16px; line-height: 21.86px; font-weight: 600; display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 10px 20px; min-width: 162px; min-height: 54px; border-radius: 9999px; background-color: #fff; color: #161e2d; border: 1px solid #161e2d; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.tf-btn svg path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.tf-btn svg { width: 20px; flex-shrink: 0 }
.tf-btn .icon { font-size: 20px; flex-shrink: 0 }
.tf-btn:hover { background-color: #1f954b; color: #fff; border-color: #1f954b }
.tf-btn.primary { background-color: #1f954b; color: #fff; border-color: #1f954b }
.tf-btn.primary:hover { background-color: #0e49a6 }
.tf-btn.primary .icon { color: #fff }
.tf-btn.size-1 { padding: 11px 36px; min-width: 244px }
.tf-btn.size-2 { padding: 11px 40px }
.btn-read-more { font-size: 16px; line-height: 26px; font-weight: 700; color: #161e2d; text-transform: capitalize; border-bottom: 2px solid #161e2d; padding: 0 0 4px 0; display: inline-block }
.tag { display: inline-block }
.hover-btn-view:hover .btn-view.style-1 .icon { animation: .3s link-icon linear }
.hover-btn-view:hover .btn-view.style-1 .text { color: #161e2d }
.hover-btn-view:hover .btn-view.style-1 .text::before { width: 100%; left: 0; right: auto }
.btn-view { display: inline-flex; align-items: center; gap: 8px }
.btn-view .text { font-size: 16px; line-height: 26px; font-weight: 600; color: #161e2d; position: relative }
.btn-view .text::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #1f954b }
.btn-view .icon { color: #1f954b; font-size: 16px }
.btn-view:hover .icon { animation: .3s link-icon linear }
.btn-view.style-1 .text::before { width: 0; left: auto; right: 0; -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; background-color: #161e2d }
.btn-line { gap: 8px; border: 1px solid #1f954b; background-color: #fff }
.btn-line:hover { background-color: #1f954b; color: #fff }
.btn-line:hover svg path { stroke: #fff }
.btn-line:hover .icon { color: #fff }
.btn-line .icon { color: #161e2d; font-size: 20px }
.sec-btn { margin-top: 30px }
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer }
.noUi-target { position: relative; direction: ltr }
.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; background: #e7f0ff }
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0 }
.noUi-handle { position: relative; z-index: 1 }
.noUi-stacking .noUi-handle { z-index: 10 }
.noUi-state-tap .noUi-origin { -webkit-transition: left .3s,top .3s; transition: left .3s,top .3s }
.noUi-state-drag * { cursor: inherit !important }
.noUi-base, .noUi-handle { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.noUi-horizontal { height: 4px }
.noUi-horizontal .noUi-handle { position: relative; width: 18px; height: 18px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); background-color: #1f954b; border: 2px solid #fff; cursor: pointer }
.caption { margin-bottom: 10px }
.noUi-background { background: #e7f0ff }
.noUi-connect { background: #1f954b; -webkit-transition: background 450ms; transition: background 450ms }
.noUi-origin { border-radius: 0 }
.noUi-target { width: 100%; padding-right: 15px }
.noUi-draggable { cursor: w-resize }
.noUi-vertical .noUi-draggable { cursor: n-resize }
.noUi-handle { cursor: default; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important }
[disabled] .noUi-connect, [disabled].noUi-connect { background: #b8b8b8 }
[disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed }
.slider-labels .caption { font-weight: 500; font-size: 16px }
.form-control { border: 1px solid #e4e4e4; font-family: Manrope,sans-serif; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 16px; line-height: 26px; border-radius: 8px; padding: 14px 16px; width: 100%; background: #fff; color: #161e2d; font-weight: 400 }
.form-control:focus { box-shadow: unset; border-color: #1f954b !important }
.form-control.style-1 { padding: 10px 16px }
.ip-icon { position: relative }
.ip-icon .icon-right { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 20px }
.tf-checkbox { position: relative; border: 1px solid #e4e4e4; background: 0 0; cursor: pointer; outline: 0; width: 12px; height: 12px; border-radius: 6px; -webkit-appearance: none; display: flex; align-items: center; justify-content: center }
.tf-checkbox::before { content: "\e945"; position: absolute; font-family: icomoon; font-size: 10px; line-height: 12px; color: #fff }
.tf-checkbox.style-1 { width: 20px; height: 20px; border-color: #e4e4e4 }
.tf-checkbox.primary { border-color: #a3abb0 }
.tf-checkbox.primary:checked { border-color: #1f954b; background-color: #1f954b }
.tf-checkbox.style-2 { border-color: #5c6368 }
.tf-checkbox:checked { border-color: #1f954b; background-color: #1f954b }
.tf-radio { position: relative; border: 1px solid #a3abb0; border-radius: 50%; background: 0 0; cursor: pointer; outline: 0; height: 16px; width: 16px; -webkit-appearance: none }
.tf-radio:checked { border-color: #1f954b }
.tf-radio:checked::before { opacity: 1 }
.tf-radio::before { content: ""; position: absolute; top: 2px; left: 2px; border-radius: 50%; width: 10px; height: 10px; background-color: #1f954b; opacity: 0 }
.search-box { position: relative; width: 100% }
.search-box .icon { position: absolute; font-size: 16px; color: #161e2d; top: 50%; transform: translateY(-50%); left: 18px }
.search-box .search-field { padding: 13px 16px; padding-left: 44px; border-radius: 999px; font-size: 14px; font-weight: 400; line-height: 22px; border: 1px solid #e4e4e4; color: #5c6368; background-color: #fff }
.search-box .search-field::placeholder { color: #5c6368 }
.search-box .search-field:focus { border-color: #1f954b }
.uploadfile .add-file { position: relative; overflow: hidden; display: inline-flex; background-color: #1f954b; border-radius: 8px; width: 48px; cursor: pointer }
.uploadfile .add-file::before { border-radius: 8px; position: absolute; width: 100%; height: 100%; padding: 4px 6px 4px 20px; font-weight: 400; font-size: 10px; line-height: 16px; content: "Add"; display: flex; align-items: center; border: 1px solid #1f954b; background-color: #1f954b; color: #fff }
.uploadfile .add-file::after { position: absolute; content: "\e92d"; font-family: icomoon; color: #fff; font-size: 12px; left: 6px; top: 6px }
.wrap-form-comment .group-ip { display: grid; gap: 20px; grid-template-columns: 1fr 1fr }
.wrap-form-comment .form-wg { margin-top: 20px }
.wrap-form-comment .sub-ip { font-weight: 600; margin-bottom: 8px }
.wd-find-select { display: flex; border-radius: 12px; background-color: #fff; padding: 20px; padding-left: 40px }
.wd-find-select .tf-btn { min-height: 52px }
.wd-find-select .box-btn-advanced { display: flex; gap: 10px }
.wd-find-select .inner-group { padding-right: 20px; flex-wrap: nowrap; display: flex; gap: 20px; flex-grow: 1 }
.wd-find-select .inner-group .form-style { width: 100% }
.wd-find-select .inner-group .form-style .form-control, .wd-find-select .inner-group .form-style .nice-select { border: 0; padding: 0; padding-top: 6px }
.wd-find-select .inner-group .form-style .form-control { color: #161e2d; font-weight: 600; font-size: 16px; line-height: 21.86px; padding-right: 45px; border-radius: 0 }
.wd-find-select .inner-group .form-style .form-control::placeholder { color: #161e2d }
.wd-find-select .inner-group .form-style .nice-select { color: #161e2d; font-weight: 600; font-size: 16px; line-height: 21.86px }
.wd-find-select .inner-group .form-style .nice-select::after { right: 20px }
.wd-find-select .inner-group .form-style label { font-weight: 600; color: #a3abb0 }
.wd-find-select .inner-group .form-style:not(:last-child) { border-right: 1px solid #e4e4e4 }
.wd-find-select .inner-group .group-ip { position: relative }
.wd-find-select .inner-group .group-ip .icon { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; font-size: 20px }
.wd-find-select .inner-group .box-filter { width: max-content; flex-shrink: 0 }
.wd-find-select .inner-group .box-filter .filter-advanced { display: flex; flex-direction: column; align-items: center; color: #161e2d; font-weight: 600 }
.wd-find-select .inner-group .box-filter .icon { font-size: 28px }
.wd-find-select .group-select .nice-select { padding: 14px 17px; border-radius: 10px }
.wd-find-select.style-2 { border-radius: 16px; border-top-left-radius: 0 }
.wd-find-select.shadow-st { box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725) }
.wd-find-select.no-left-round { border-top-left-radius: 0 }
.wd-find-select.style-3 .form-control, .wd-find-select.style-3 .nice-select { background-color: #f7f7f7 }
.wd-find-select.style-3 .inner-group { border: 1px solid #e4e4e4; background-color: #f7f7f7; border-top-left-radius: 12px; border-bottom-left-radius: 12px }
.wd-search-form { position: absolute; z-index: 10; width: 100%; background: #fff; box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725); border-radius: 16px; padding: 28px 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; visibility: hidden }
.wd-search-form.show { display: unset; opacity: 1; visibility: visible; margin-top: 5px }
.wd-search-form .group-box { gap: 80px }
.wd-search-form .group-price { margin-bottom: 30px }
.wd-search-form .box-title-price { display: flex; gap: 4px; align-items: center; margin-bottom: 10px }
.wd-search-form .group-select { gap: 30px }
.wd-search-form .group-select .title-select { margin-bottom: 8px }
.wd-search-form .group-checkbox { margin-top: 20px }
.wd-search-form .group-checkbox .amenities-item { display: flex; align-items: center; gap: 10px }
.wd-search-form .group-checkbox .amenities-item .text-cb-amenities { color: #161e2d; cursor: pointer; font-weight: 400 }
.wd-search-form .group-amenities { margin-top: 14px }
.wd-search-form.style-2 { padding: 24px 30px 30px; border: 0 }
.wd-search-form.style-2 .group-price .widget-price:not(:first-child) { margin-top: 30px }
.wd-search-form.style-2 .box { margin-bottom: 30px }
.wd-search-form.style-2 .box .title-select { font-size: 14px; line-height: 24px; font-weight: 500; margin-bottom: 4px }
.wd-search-form.style-2 .box .box-select:not(:first-child) { margin-top: 20px }
.wd-search-form.style-2 .box .box-select .nice-select { padding: 0; border: 0; font-size: 18px; line-height: 28px; font-weight: 700 }
.wd-search-form.style-2 .group-checkbox .amenities-item { margin-top: 12px }
.wd-search-form.style-2 .group-checkbox .amenities-item:first-child { margin-top: 0 }
.wd-search-form .tf-btn { width: 100% }
.wd-filter-select { background-color: #fff; border-radius: 10px; border-top-left-radius: 0; padding: 22px }
.wd-filter-select .form-style .icon-right { right: 18px }
.wd-filter-select .form-style:not(:first-child) { margin-top: 12px }
.wd-filter-select .form-style .form-control, .wd-filter-select .form-style .nice-select { font-size: 14px; line-height: 22px; padding: 15px 18px; padding-right: 40px }
.wd-filter-select .filter-advanced { display: flex; align-items: center; gap: 4px }
.wd-filter-select .filter-advanced .icon { font-size: 28px; color: #161e2d }
.wd-filter-select .tf-btn { width: 100% }
.flat-filter-form .wd-search-form { left: 15px; right: 15px; width: auto }
.widget-filter-search { padding: 22px; border-radius: 16px; border: 1px solid #e4e4e4 }
.widget-filter-search .wd-filter-select { border-radius: 0; background-color: transparent; padding: 0; margin-top: 20px }
.widget-filter-search .wd-filter-select .form-style input { color: #5c6368 }
.widget-filter-search .wd-filter-select .form-style input::placeholder { color: #5c6368 }
.widget-filter-search .wd-filter-select .form-style:not(:first-child) { margin-top: 12px }
.widget-filter-search .wd-filter-select .form-style .group-checkbox .group-amenities .amenities-item { display: flex; gap: 10px; align-items: center }
.widget-filter-search .wd-filter-select .form-style .group-checkbox .group-amenities .amenities-item label { margin-bottom: 0 }
.widget-filter-search .wd-filter-select .form-style .group-checkbox .group-amenities .amenities-item:not(:first-child) { margin-top: 16px }
.widget-filter-search .wd-filter-select .form-style .group-checkbox .group-amenities .text-cb-amenities { font-weight: 400 }
.widget-filter-search .wd-filter-select .widget-price .box-title-price { display: flex; gap: 8px; margin-bottom: 18px }
.widget-filter-search .wd-filter-select .widget-price .title-price { color: #5c6368 }
.widget-filter-search .wd-filter-select .widget-price.wd-price-2 { margin: 30px 0 }
.widget-filter-search .nav-tab-form { gap: 10px; overflow: hidden; margin-bottom: 30px }
.widget-filter-search .nav-tab-form .nav-tab-item { flex-grow: 1 }
.widget-filter-search .nav-tab-form .nav-tab-item .nav-link-item { display: flex; align-items: center; justify-content: center; background-color: #e4e4e4; padding: 15px; border-radius: 99px; font-size: 16px; line-height: 16px; text-transform: uppercase; letter-spacing: .8px; color: #161e2d }
.widget-filter-search .nav-tab-form .nav-tab-item .nav-link-item.active, .widget-filter-search .nav-tab-form .nav-tab-item .nav-link-item:hover { background-color: #1f954b; color: #fff }
.widget-filter-search .box:not(:last-child) { margin-bottom: 30px }
.widget-filter-search .wd-amenities { margin-top: 40px; height: 400px; overflow: auto }
.widget-filter-search .wd-amenities .title { margin-bottom: 20px }
.widget-filter-search .wd-amenities::-webkit-scrollbar { width: 6px }
.widget-filter-search .wd-amenities::-webkit-scrollbar-thumb { background: #e4e4e4; border-radius: 6px }
.offcanvas.canvas-filter-mb { overflow: auto; max-width: 325px; background-color: #f7f7f7 }
.offcanvas.canvas-filter-mb::-webkit-scrollbar { width: 0 }
.offcanvas.canvas-filter-mb::-webkit-scrollbar-thumb { background: 0 0 }
.offcanvas.canvas-filter-mb .nav-tab-form { height: 80px; border-bottom: 1px solid #e4e4e4; background-color: #fff }
.offcanvas.canvas-filter-mb .canvas-content { padding: 15px; background-color: #f7f7f7 }
.offcanvas.canvas-filter-mb .wd-find-select { padding: 0; background-color: #f7f7f7 }
.offcanvas.canvas-filter-mb .wd-find-select .inner-group { border: 0; border-radius: 0; display: block; padding: 0 }
.offcanvas.canvas-filter-mb .wd-find-select .wd-show-filter-mb { display: none }
.offcanvas.canvas-filter-mb .wd-find-select .btn-show-advanced-mb { display: flex; align-items: center; gap: 8px }
.offcanvas.canvas-filter-mb .wd-find-select .btn-show-advanced-mb .icon { font-size: 20px }
.offcanvas.canvas-filter-mb .wd-find-select .btn-show-advanced-mb .text-advanced { font-weight: 600 }
.offcanvas.canvas-filter-mb .wd-find-select .form-style { border: 0 }
.offcanvas.canvas-filter-mb .wd-find-select .form-style:not(:last-child) { margin-bottom: 20px }
.offcanvas.canvas-filter-mb .wd-find-select .box-title-price { margin-bottom: 22px }
.offcanvas.canvas-filter-mb .wd-find-select .amenities-item { display: flex; gap: 8px }
.offcanvas.canvas-filter-mb .wd-find-select .amenities-item:not(:last-child) { margin-bottom: 8px }
.offcanvas.canvas-filter-mb .wd-find-select .amenities-item label { margin-bottom: 0 }
.offcanvas.canvas-filter-mb .wd-find-select .group-amenities { margin-top: 20px }
.offcanvas.canvas-filter-mb .wd-find-select .title-price { font-size: 14px; line-height: 24px; color: #5c6368; font-weight: 500 }
.btn-search-popup { margin-left: 10px; font-size: 24px }
.close-btn { color: #fff; border: none; cursor: pointer }
.overlay2 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 994; display: none }
.search-popup-wrapper { position: fixed; top: -200%; left: 0; right: 0; background-color: #fff; transition: top .9s ease; z-index: 995 }
.search-popup-wrapper .wrapper-search-result { padding-bottom: 30px; height: 500px; overflow-y: scroll }
.search-popup-wrapper .wrapper-search-result::-webkit-scrollbar { width: 0 }
.search-popup-wrapper .wrapper-search-result::-webkit-scrollbar-thumb { background: #1f954b }
.search-popup-wrapper .box-form-search { padding: 30px 15px 30px 15px; width: 100% }
.search-popup-wrapper.open { transition: top .4s ease }
.search-popup-wrapper .wd-find-select { box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843) }
.search-popup-wrapper .wrap-search-link { margin-top: 24px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap }
.search-popup-wrapper .wrap-search-link .categories-list .icon { color: #1f954b; border-radius: 50%; background-color: none }
.search-popup-wrapper .wrap-search-link a { color: #161e2d }
.search-popup-wrapper .box-search-result .title { flex-wrap: wrap; margin-bottom: 30px; display: flex; gap: 15px; align-items: center; justify-content: space-between }
.search-popup-wrapper .wd-search-form { display: none; height: 400px; overflow: auto }
.search-popup-wrapper .wd-search-form::-webkit-scrollbar { width: 0 }
.search-popup-wrapper .wd-search-form::-webkit-scrollbar-thumb { background: #1f954b }
.search-popup-wrapper .wd-search-form.show { display: block }
.box-pagi-nav { display: flex; align-items: center; gap: 12px }
.box-pagi-nav .sw-pagination { margin-top: 0 !important }
.box-pagi-nav .nav .icon { font-size: 18px }
.flat-control-search.abs { position: relative; z-index: 5 }
.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border: 1px solid #e4e4e4; padding: 15px 18px; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-size: 14px; line-height: 22px; font-weight: 400; outline: 0; position: relative; transition: all linear .2s; user-select: none; white-space: nowrap; width: 100%; border-radius: 99px; color: #161e2d; text-align: start }
.nice-select.open, .nice-select:active, .nice-select:focus { border-color: #e4e4e4 }
.nice-select:after { border-bottom: 1.7px solid #161e2d; border-right: 1.7px solid #161e2d; content: ""; height: 8px; width: 8px; margin-top: -6px; pointer-events: none; position: absolute; right: 18px; 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 .15s ease-in-out; transition: all .15s ease-in-out }
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg) }
.nice-select.open .list { opacity: 1; z-index: 10; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); width: 100%; -moz-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0) }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none }
.nice-select.disabled:after { border-color: #ccc }
.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,.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(.75) translateY(-21px); -ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out; z-index: 9; width: 100%; font-size: 14px; max-height: 155px; overflow: auto }
.nice-select .list.style { max-height: unset }
.nice-select .list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0) }
.nice-select .list::-webkit-scrollbar-thumb { background-color: #a7a7a7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0) }
.nice-select .list::-webkit-scrollbar { width: 6px; height: 4px; background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0) }
.nice-select .option { cursor: pointer; font-weight: 500; line-height: 40px; list-style: none; min-height: 40px; outline: 0; padding-left: 18px; padding-right: 29px; font-size: 14px; text-align: left; -webkit-transition: all .2s; transition: all .2s; color: #161e2d; text-align: start }
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover { background-color: #fff; color: #1f954b }
.nice-select .option.selected { font-weight: 600 }
.nice-select .option.disabled { color: #161e2d; cursor: default }
.no-csspointerevents .nice-select .list { display: none }
.no-csspointerevents .nice-select.open .list { display: block }
.box-select-1 .nice-select { min-width: 120px; padding-right: 40px }
.swiper:hover { cursor: pointer }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.sw-auto .swiper-slide { width: auto }
.box-navigation { display: flex; gap: 20px }
.box-navigation .navigation { width: 67px; height: 67px; display: inline-flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,.5); border-radius: 999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-navigation .navigation .icon { color: #fff; font-size: 20px }
.box-navigation .navigation.swiper-button-disabled, .box-navigation .navigation:hover { background-color: rgba(0,0,0,.8) }
.sw-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background-color: #e4e4e4; opacity: 1; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.sw-pagination .swiper-pagination-bullet::before { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; border-radius: 50%; content: ""; width: 14px; height: 14px; border: 1px solid #1f954b; overflow: visible; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.sw-pagination .swiper-pagination-bullet-active { background-color: #1f954b !important }
.sw-pagination .swiper-pagination-bullet-active::before { opacity: 1 }
.sw-pagination:not(.swiper-pagination-lock) { margin-top: 15px }
.flat-slider-wrap { position: relative }
.flat-slider-wrap .navigation { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10 }
.flat-slider-wrap .swiper-nav-next { left: 5% }
.flat-slider-wrap .swiper-nav-prev { right: 5% }
.swiper .flat-blog-item { margin-bottom: 0 }
.avatar.round { border-radius: 50%; overflow: hidden }
.avatar img { width: 100%; min-width: 100%; height: 100%; object-fit: cover }
.avt-34 { width: 34px; min-width: 34px; height: 34px }
.avt-40 { width: 40px; min-width: 40px; height: 40px }
.avt-56 { width: 56px; min-width: 56px; height: 56px }
.avt-60 { width: 60px; min-width: 60px; height: 60px }
.avt-100 { width: 100px; min-width: 100px; height: 100px }
.avt-status { position: relative }
.avt-status img { border-radius: 50% !important }
.avt-status .dot { position: absolute; bottom: 0; right: -1px; width: 16px; height: 16px; display: inline-block; background-color: #1f954b; border-radius: 50%; border: 2px solid #fff }
.offcanvas { --bs-offcanvas-transition: transform 0.4s ease-in-out }
.offcanvas.canvas-menu { border-right: 0 }
.offcanvas.canvas-menu .offcanvas-header { padding: 24px; box-shadow: 0 4px 18px 0 rgba(0,0,0,.08); background-color: #fff }
.offcanvas.canvas-menu .off-canvas-body { padding: 30px 24px; overflow: auto }
.offcanvas.canvas-menu .off-canvas-body .login-box { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 20px }
.offcanvas.canvas-menu .off-canvas-body .login-box a, .offcanvas.canvas-menu .off-canvas-body .login-box span { font-weight: 600 }
.offcanvas.canvas-menu .off-canvas-body::-webkit-scrollbar { width: 0 }
.offcanvas.canvas-menu .off-canvas-body::-webkit-scrollbar-thumb { background: 0 0 }
.offcanvas.canvas-filter { height: 206px; border: 0 }
.offcanvas.canvas-filter .main-header { border: 0 }
.offcanvas.canvas-filter .tab-content { position: relative }
.offcanvas-backdrop { background-color: rgba(0,0,0,.6) }
.offcanvas-backdrop.show { opacity: 1 }
.icon-close-popup { width: 30px; height: 20px; display: flex; align-items: center; justify-content: center; color: #a3abb0; cursor: pointer }
.offcanvas#createProject { z-index: 1047 }
.content-sidebarRight { overflow: auto }
.box-icon { display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer }
.box-icon .icon { font-size: 18px }
.box-icon.line { border: 1px solid #e4e4e4; color: #a3abb0 }
.box-icon.line:hover { background-color: transparent; color: #1f954b }
.box-icon.w-28 { width: 28px; height: 28px }
.box-icon.w-28 .icon { font-size: 14px }
.box-icon.w-32 { width: 32px; height: 32px }
.box-icon.w-40 { width: 40px; height: 40px }
.box-icon.w-44 { width: 44px; height: 44px }
.box-icon.w-52 { width: 52px; height: 52px }
.box-icon.w-60 { width: 60px; height: 60px }
.box-icon.w-68 { width: 68px; height: 68px }
.box-icon.w-80 { width: 80px; height: 80px }
.box-icon.w-80 .icon { font-size: 44px }
.box-icon.round { border-radius: 50% }
.box-icon.social { background-color: rgba(255,255,255,.1); border-radius: 50% }
.box-icon.social .icon { color: #fff; font-size: 18px }
.box-icon.social .icon.icon-youtube { font-size: 12px }
.box-icon.social.square { background-color: #f7f7f7; border-radius: 4px; border: 1px solid #e4e4e4 }
.box-icon.social.square .icon { color: #161e2d; font-size: 18px }
.box-icon.social.square .icon.icon-youtube { font-size: 12px }
.box-icon.social.square:hover .icon { color: #fff }
.box-icon.social:hover { background-color: #1f954b; color: #fff; border-color: #1f954b }
.hover-img .img-style { overflow: hidden; position: relative }
.hover-img .img-style img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: transform 2s cubic-bezier(0,0,.44,1.18); transition: transform 1.5s cubic-bezier(0,0,.44,1.18) }
.hover-img:hover img { -webkit-transform: scale(1.04); transform: scale(1.04) }
.hover-img.not-overlay .img-style::after { content: none }
.hover-img.not-overlay::after { content: none }
.hover-img .img-style2 { overflow: hidden; border-radius: 10px }
.hover-img .img-style2 .img-hv { width: 100%; object-fit: cover; -webkit-transition: all 1s cubic-bezier(.3,1,.35,1) 0s; transition: all 1s cubic-bezier(.3,1,.35,1) 0s; transition: transform .5s ease }
.hover-img2 .img-style2 { overflow: hidden; border-radius: 8px }
.hover-img2 .img-style2 .img2 { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.hover-img2:hover .img2 { transform: scale(1.1) rotate(3deg) }
.hover-img3 .img-style3 { border-radius: 8px; overflow: hidden }
.hover-img3 .img-style3 img { width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.hover-img3:hover img { transform: scale(1.075); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.hv-one:hover .box-img .icon-practice, .pagi2 .swiper-pagination2:hover .box-img .icon-practice, .swiper-button-next2:hover .box-img .icon-practice, .swiper-button-prev2:hover .box-img .icon-practice { opacity: 1; z-index: 99; top: 50%; transition-delay: .5s }
.hv-one:hover .img-style::before, .pagi2 .swiper-pagination2:hover .img-style::before, .swiper-button-next2:hover .img-style::before, .swiper-button-prev2:hover .img-style::before { opacity: 1 }
.hv-one .img-style, .pagi2 .swiper-pagination2 .img-style, .swiper-button-next2 .img-style, .swiper-button-prev2 .img-style { border-radius: 10px; overflow: hidden }
.hv-one .img-style::before, .pagi2 .swiper-pagination2 .img-style::before, .swiper-button-next2 .img-style::before, .swiper-button-prev2 .img-style::before { content: ""; top: 0; right: 0; left: 0; bottom: 0; position: absolute; background: rgba(0,0,0,.5019607843); width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 99; opacity: 0; border-radius: 10px }
.hv-one .img-style.s-one::before, .pagi2 .swiper-pagination2 .img-style.s-one::before, .swiper-button-next2 .img-style.s-one::before, .swiper-button-prev2 .img-style.s-one::before { border-radius: 50% }
.hv-one2:hover .img-style2::before { opacity: 1; visibility: visible }
.hv-one2 .img-style2::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; opacity: 0; visibility: hidden; background: rgba(0,0,0,.5); z-index: 1; border-radius: 10px }
.hv-tool { position: relative; transition: all .3s ease }
.preload-container { display: flex; position: relative; width: 100%; height: 100%; background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 99999999999; align-items: center; justify-content: center; overflow: hidden }
.preload-container .icon { font-size: 32px; color: #1f954b }
.spinner { width: 80px; height: 80px; border: 3px solid transparent; border-top: 3px solid #1f954b; border-radius: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; animation: spin 1s infinite linear }

@keyframes spin {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}

.flat-section { padding-top: 60px; padding-bottom: 60px }
.flat-section-v2 { padding-top: 150px; padding-bottom: 100px }
.flat-section-v3 { padding-top: 50px; padding-bottom: 100px }
.flat-section-v4 { padding-top: 50px; padding-bottom: 50px }
.flat-spacing-service { margin-top: -50px; padding-top: 150px; padding-bottom: 100px }
.flat-title-page { margin-top: 50px; margin-right: 15px; margin-left: 15px; padding: 85px 0 85px; border-radius: 15px; overflow: hidden; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(/images/page-title-7.jpg); }
.flat-title-page h2 { text-align: center; color: #161e2d; letter-spacing: 2px; margin-top: 16px }
.flat-title-page .breadcrumb { margin-bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; gap: 4px }
.flat-title-page.style-2 .breadcrumb { margin-top: 0; margin-bottom: 16px }
.flat-title-page .breadcrumb-content { position: relative; z-index: 10 }
.flat-title-page::before { content: ""; position: absolute; inset: 0; background-color: rgba(0,0,0,.3) }
.flat-blog-item { margin-bottom: 40px; display: block }
.flat-blog-item .img-style { position: relative; border-radius: 16px }
.flat-blog-item .date-post { z-index: 1; position: absolute; left: 10px; top: 10px; display: inline-block; padding: 6px 12px; background-color: #1f954b; color: #fff; border-radius: 99px; letter-spacing: .8px; font-weight: 600 }
.flat-blog-item .content-box { margin-top: 26px }
.flat-blog-item .content-box .title { margin-top: 10px; text-transform: capitalize }
.flat-blog-item .content-box .description { margin-top: 12px; color: #5c6368 }
.flat-blog-item.style-1 { position: relative; border-radius: 16px; overflow: hidden }
.flat-blog-item.style-1 .img-style { border-radius: 0; width: 100%; height: 100% }
.flat-blog-item.style-1 .content-box { position: absolute; z-index: 12; bottom: 20px; left: 20px; right: 20px }
.flat-blog-item.style-1 .content-box .title { color: #fff }
.flat-blog-item.style-1 .content-box .post-author { margin-top: 4px }
.flat-blog-item.style-1 .content-box .post-author span { color: #fff; font-size: 14px; line-height: 24px }
.flat-blog-item.style-1 .date-post { left: 20px; top: 20px }
.flat-blog-item.style-1::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; background: linear-gradient(180deg,rgba(0,0,0,0) 65.29%,#000 100%) }
.post-author .icon { margin-right: 4px }
.post-author span:not(:first-child) { margin-left: 7px; padding-left: 8px; position: relative }
.post-author span:not(:first-child)::before { position: absolute; content: ""; width: 1px; background-color: #e4e4e4; left: 0; top: 5px; bottom: 5px }
.post-author.style-1 span { color: #161e2d }
.flat-blog-list { padding-right: 6% }
.flat-blog-list .flat-blog-item { margin-bottom: 36px; padding-bottom: 36px; border-bottom: 1px solid #e4e4e4 }
.flat-blog-list .flat-blog-item .content-box { margin-top: 28px }
.flat-blog-list .flat-blog-item .content-box .post-author { margin-top: 6px }
.flat-blog-list .flat-blog-item .content-box .title { margin-top: 0 }
.flat-blog-list .flat-blog-item .content-box .description { margin-top: 30px }
.flat-blog-list .flat-blog-item .img-style { border-radius: 30px; overflow: hidden }
.flat-blog-list .flat-blog-item .date-post { padding: 8px 16px; font-size: 14px; line-height: 20.23px }
.flat-blog-list .flat-blog-item:last-child { margin-bottom: 26px }
.sidebar-blog .search-box { margin-top: 24px }
.sidebar-blog .widget-box { margin-top: 40px }
.sidebar-blog .recent ul { margin-top: 20px }
.sidebar-blog .recent ul li:last-child .recent-post-item { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
.sidebar-blog .recent .recent-post-item { display: flex; align-items: center; gap: 10px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #e4e4e4 }
.sidebar-blog .recent .recent-post-item .img-style { border-radius: 12px; width: 110px; height: 74px; flex-shrink: 0 }
.sidebar-blog .recent .recent-post-item .content .subtitle { display: flex; align-items: center; gap: 4px }
.sidebar-blog .recent .recent-post-item .content .subtitle span { font-size: 12px; line-height: 17px; letter-spacing: .8px; color: #a3abb0 }
.sidebar-blog .recent .recent-post-item .content .title { margin-bottom: 10px; font-weight: 600; text-transform: capitalize }
.sidebar-blog .categories ul li:last-child .categories-item { padding-bottom: 10px; border: none }
.sidebar-blog .categories ul li:first-child .categories-item { padding-top: 10px }
.sidebar-blog .categories ul .categories-item { display: flex; align-items: center; justify-content: space-between; gap: 4px; color: #5c6368; padding: 16px 0; border-bottom: 1px solid #e4e4e4; color: #1c1c1e }
.sidebar-blog .categories ul .categories-item span:first-child { font-size: 16px; line-height: 21.86px; font-weight: 600 }
.sidebar-blog .categories ul .categories-item span:last-child { color: #a3abb0 }
.sidebar-blog .tag ul { display: flex; flex-wrap: wrap; gap: 10px }
.sidebar-blog .tag .tag-item { padding: 10px 16px; border-radius: 99px; border: 1px solid #e4e4e4 }
.sidebar-blog .tag .tag-item:hover { color: #1f954b }
.sidebar-blog .newsletter .search-box .search-field { padding-right: 44px; padding-left: 16px }
.sidebar-blog .newsletter .search-box .icon { left: unset; right: 18px }
.flat-banner-blog img { width: 100% }
.flat-blog-detail h4 { margin-bottom: 16px }
.flat-blog-detail .meta-blog { display: flex; flex-wrap: wrap; align-items: center; gap: 16px }
.flat-blog-detail .meta-blog .item { display: flex; align-items: center; gap: 6px }
.flat-blog-detail .post-navigation { display: grid; grid-template-columns: repeat(2,1fr); padding: 16px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 }
.flat-blog-detail .post-navigation .previous-post { padding-right: 22%; position: relative }
.flat-blog-detail .post-navigation .previous-post::after { position: absolute; content: ""; width: 1px; background-color: #e4e4e4; right: 0; top: 13px; bottom: 13px }
.flat-blog-detail .post-navigation .next-post { text-align: right; padding-left: 30% }
.flat-blog-detail .post-navigation .subtitle { font-weight: 700; color: #a3abb0; text-transform: uppercase; margin-bottom: 4px; font-size: 16px; line-height: 26px; letter-spacing: .8px }
.flat-blog-detail .wrap-review { margin-top: 40px }
.flat-blog-detail .wrap-review .box-review { margin-top: 20px }
.flat-blog-detail .wrap-form-comment { margin-top: 40px }
.flat-quote { padding: 30px; border-radius: 10px; background-color: #f3f7fd; border-left: 4px solid #1f954b }
.flat-quote .quote { font-family: Rubik,sans-serif }
.flat-quote .author { margin-top: 30px; display: block; font-family: Rubik,sans-serif }
.blog-tag { padding: 8px 10px; color: #5c6368; border-radius: 999px; border: 1px solid #e4e4e4 }
.blog-tag:hover { color: #1f954b }
.blog-tag.primary { background-color: #1f954b; color: #fff; padding: 6px 10px }
.flat-latest-post .box-title-relatest { margin-bottom: 30px }
.flat-latest-post .flat-blog-item { margin-bottom: 0 }
.flat-pagination { display: inline-flex; align-items: center; gap: 6px }
.flat-pagination .page-numbers { display: inline-block; font-size: 16px; font-weight: 700; color: #161e2d; text-align: center; width: 48px; height: 50px; line-height: 50px; border-radius: 8px; object-fit: cover; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden; border: 1px solid #fff }
.flat-pagination .page-numbers.current, .flat-pagination .page-numbers:hover { background-color: #1f954b; color: #fff }
.list-review-item { display: flex; gap: 20px }
.list-review-item .avatar { flex-shrink: 0; border-radius: 14px; overflow: hidden }
.list-review-item .name { font-size: 18px; line-height: 25.2px; font-weight: 600; margin-bottom: 12px }
.list-review-item .action { display: flex; align-items: center; gap: 16px }
.list-review-item .action span { color: #7c818b; font-size: 12px; line-height: 16.8px }
.list-review-item:not(:last-child) .content { padding-bottom: 34px; margin-bottom: 34px; border-bottom: 1px solid #e4e4e4 }
.list-review-item .box-img-review { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 16px }
.list-review-item .box-img-review .img-review { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 4px; overflow: hidden; background-color: #f7f7f7 }
.list-review-item .view-question { margin-top: 22px; font-weight: 700; display: inline-block; border-bottom: 1px solid #161e2d }
.flag-tag { font-weight: 600; font-size: 12px; line-height: 28px; letter-spacing: .8px; text-align: center; display: inline-block; padding: 0 10px; border-radius: 99px; background-color: rgba(11,33,50,.4); color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer }
.flag-tag.style-1 { background-color: rgba(0,0,0,.3) }
.flag-tag.style-2 { background-color: #fff; color: #161e2d; font-size: 14px; line-height: 24px; letter-spacing: .8px }
.flag-tag.style-3 { font-size: 16px; line-height: 26px }
.flag-tag.primary { background-color: #1f954b }
.flag-tag:hover { color: #fff; background-color: #1f954b }
.flag-tag.success { color: #fff; background-color: #198754 }
.info-box { background: #fff; border-radius: 12px }
.info-box .box-top { padding: 20px 20px 16px; border-bottom: 1px solid #e4e4e4 }
.info-box .title { margin-top: 12px }
.info-box .desc { display: flex; align-items: center; gap: 4px; margin-top: 8px; color: #5c6368 }
.info-box .meta-list { margin-top: 20px; display: flex; align-items: center; column-gap: 30px; row-gap: 15px; flex-wrap: wrap }
.info-box .meta-list .item { display: flex; align-items: center; gap: 12px }
.info-box .meta-list .item .icon { font-size: 28px; color: #5c6368 }
.info-box .meta-list .item span { font-weight: 700; font-size: 18px; line-height: 28px }
.info-box .box-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px; flex-wrap: wrap; gap: 15px }
.flat-filter-search.home-5 { position: relative; z-index: 5 }
.flat-filter-search-v2 .flat-tab-form { display: flex; padding: 30px; gap: 12px; box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725); margin-bottom: 40px }
.flat-filter-search-v2 .flat-tab-form .nav-tab-form { gap: 6px; margin-bottom: 0 }
.flat-filter-search-v2 .flat-tab-form .nav-tab-form .nav-link-item { border-radius: 99px; background-color: #e4e4e4; color: #161e2d; padding: 16px 25px }
.flat-filter-search-v2 .flat-tab-form .nav-tab-form .nav-link-item.active, .flat-filter-search-v2 .flat-tab-form .nav-tab-form .nav-link-item:hover { background-color: #1f954b; color: #fff }
.flat-filter-search-v2 .flat-tab-form .tab-content { position: relative; flex-grow: 1 }
.flat-filter-search-v2 .flat-tab-form .wd-find-select { gap: 12px; padding: 0; flex-wrap: wrap }
.flat-filter-search-v2 .flat-tab-form .wd-find-select .inner-group { padding: 0; gap: 12px }
.flat-filter-search-v2 .flat-tab-form .wd-search-form { top: 131%; margin-top: 0 }
.flat-filter-search-v2 .flat-tab-form .form-style { border: none !important }
.flat-filter-search-v2 .flat-tab-form .form-style .form-control, .flat-filter-search-v2 .flat-tab-form .form-style .nice-select { padding: 16px 18px; border: 1px solid #e4e4e4; color: #5c6368; font-weight: 400; border-radius: 999px; padding-right: 48px; font-size: 14px; line-height: 19.6px }
.flat-filter-search-v2 .flat-tab-form .search-form { position: relative }
.flat-filter-search-v2 .flat-tab-form .search-form .icon { font-size: 16px; position: absolute; left: 18px; top: 50%; transform: translateY(-50%) }
.flat-filter-search-v2 .flat-tab-form .search-form .form-control { padding-left: 44px !important }
.homelengo-box { display: block; border-radius: 16px; overflow: hidden; border: 1px solid #e4e4e4 }
.homelengo-box .images-group { position: relative; display: block }
.homelengo-box .images-group .top { left: 16px; right: 16px; top: 16px; display: flex; justify-content: space-between; position: absolute; align-items: flex-start; z-index: 1; gap: 8px; flex-wrap: wrap }
.homelengo-box .images-group .bottom { position: absolute; left: 20px; right: 20px; bottom: 12px; z-index: 1; display: flex; align-items: center; gap: 4px; color: #fff }
.homelengo-box .images-group:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0) 69.05%,rgba(0,0,0,.7) 100%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.homelengo-box .images-style { position: relative; overflow: hidden }
.homelengo-box .images-style img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100% }
.homelengo-box .content-top { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #e4e4e4 }
.homelengo-box .content-top .meta-list { margin-top: 12px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap }
.homelengo-box .content-top .meta-list .item { display: flex; align-items: center; gap: 4px }
.homelengo-box .content-top .meta-list .item .icon { font-size: 16px; color: #a3abb0 }
.homelengo-box .content-top .archive-bottom { padding: 0 }
.homelengo-box .archive-bottom { padding: 20px }
.homelengo-box .archive-bottom .content-bottom { display: flex; align-items: center; justify-content: space-between }
.homelengo-box:hover:not(.list-style-1,.list-style-2) .images-style img { transform: scale(1.05) }
.homelengo-box.list-style-1 { display: flex; border-color: transparent }
.homelengo-box.list-style-1 .images-style { height: 100% }
.homelengo-box.list-style-1 .images-style img { width: 100%; height: 100%; object-fit: cover }
.homelengo-box.list-style-1 .archive-top { width: 36.5% }
.homelengo-box.list-style-1 .archive-top .top { left: 10px; top: 10px }
.homelengo-box.list-style-1 .images-group { width: 100%; height: 100% }
.homelengo-box.list-style-1 .images-group::after { content: none }
.homelengo-box.list-style-1 .content-top { padding-bottom: 20px; margin-bottom: 20px }
.homelengo-box.list-style-1 .archive-bottom { flex-grow: 1; background-color: #fff }
.homelengo-box.list-style-1 .archive-bottom .location { margin-top: 20px; display: flex; align-items: center; gap: 4px; color: #5c6368 }
.box-title { margin-bottom: 50px; max-width: 645px; margin-left: auto; margin-right: auto }
.box-title.style-1 { margin-bottom: 40px; max-width: 100% }
.box-title.style-2 { max-width: 640px; margin-left: auto; margin-right: auto }
.box-title.style-3 { margin-bottom: 30px }
.box-title .title { text-transform: capitalize; font-weight: 800 }
.box-title .desc { margin-top: 20px }
.flat-recommended .homelengo-box { margin-bottom: 30px }
.flat-recommended .tf-btn { margin-top: 10px }
.flat-recommended .box-title { margin-bottom: 32px }
.flat-recommended-v2 { margin-top: -55px }
.flat-property-box .title { margin-top: 16px }
.flat-property-box .archive-top { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e4e4e4 }
.flat-property-box .meta-list { margin-top: 12px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap }
.flat-property-box .meta-list .item { display: flex; align-items: center; gap: 4px }
.flat-property-box .meta-list .item .icon { font-size: 16px; color: #a3abb0 }
.flat-property-box .box-avt { margin-top: 40px; display: flex; align-items: center; gap: 12px }
.flat-property-box .archive-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px }
.flat-property-box .g-icon { display: flex; gap: 12px }
.flat-property-box .item-icon { display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 52px; height: 52px }
.flat-property-box .item-icon .icon { color: #1f954b; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 24px }
.flat-property-box .item-icon:hover { background-color: #1f954b }
.flat-property-box .item-icon:hover .icon { color: #fff }
.box-location { position: relative; border-radius: 16px; overflow: hidden; display: block; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease }
.box-location .content { position: absolute; bottom: 8px; left: 8px; right: 8px; z-index: 12; padding: 16px; border-radius: 12px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 10px }
.box-location .content .title { margin-top: 4px }
.box-location .content .box-icon { background-color: #fff; flex-shrink: 0 }
.box-location .content .box-icon .icon { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #161e2d }
.box-location .image { width: 100%; height: 100%; display: block }
.box-location .image img { width: 100%; height: 100%; object-fit: cover }
.box-location.style-1 .content { bottom: 12px; left: 12px; right: 12px; padding: 12px 16px }
.box-location.style-1 .content .sub-title { font-size: 14px; line-height: 22px }
.box-location.style-1 .content .title { font-size: 18px; line-height: 28px }
.box-location.style-1::after { height: 220px }
.box-location.active .content { background-color: #fff }
.box-location.active .content .sub-title { color: #a3abb0 }
.box-location.active .content .title { color: #161e2d }
.box-location:hover .content .box-icon { background-color: #1f954b; border-color: #1f954b }
.box-location:hover .content .box-icon .icon { color: #fff }
.overlay .swiper-slide { position: relative }
.overlay .swiper-slide:not(.swiper-slide-prev,.swiper-slide-active,.swiper-slide-next)::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; opacity: .4; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 100 }
.flat-location .navigation { position: absolute; top: 50%; transform: translateY(-50%); z-index: 123 }
.flat-location .navigation.swiper-nav-next { left: 60px }
.flat-location .navigation.swiper-nav-prev { right: 60px }
.flat-location-v2 { position: relative }
.flat-location-v2 .navigation { top: 60%; transform: translateY(-50%) }
.grid-location { display: grid; grid-template-areas: "item1 item2 item3 item4" "item5 item5 item6 item6"; gap: 30px; grid-template-columns: repeat(4,1fr) }
.grid-location .item-1 { grid-area: item1 }
.grid-location .item-2 { grid-area: item2 }
.grid-location .item-3 { grid-area: item3 }
.grid-location .item-4 { grid-area: item4 }
.grid-location .item-5 { grid-area: item5 }
.grid-location .item-6 { grid-area: item6 }
.box-location-v2 .box-img { border-radius: 16px }
.box-location-v2 .content { padding-top: 20px }
.grid-location-v2 { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px }
.box-location-v3 { display: flex; border-radius: 16px; overflow: hidden; background-color: #fff; border: 1px solid #e4e4e4; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-location-v3 .img-style { border-radius: 0; width: 46.3% }
.box-location-v3 .content { padding: 20px; flex-grow: 1 }
.box-location-v3 .content .btn-view { margin-top: 20px; gap: 4px }
.box-location-v3 .content .btn-view .text { font-size: 14px; line-height: 24px; font-weight: 600 }
.box-location-v3 .content .btn-view .text::before { background-color: #161e2d }
.box-service { display: flex; flex-direction: column; align-items: center; gap: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 50px 30px; border: 1px solid #e4e4e4; border-radius: 16px; background-color: #fff }
.box-service .image { display: block; transition: all .8s ease; display: inline-block }
.box-service .content { text-align: center }
.box-service .content .title { text-transform: capitalize; margin-bottom: 20px }
.box-service .content .description { color: #5c6368; margin-bottom: 30px }
.box-service .tf-btn { padding-left: 45px; padding-right: 45px }
.box-service:hover { box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843); border-color: transparent }
.box-service:hover .image { transform: rotateY(360deg) }
.box-service:hover .tf-btn { background-color: #1f954b; color: #fff }
.box-service:hover .tf-btn .icon { color: #fff }
.flat-img-with-text { display: flex; flex-direction: column }
.flat-img-with-text .content-right { padding: 50px 15px }
.flat-img-with-text .content-left img { width: 100%; height: 100%; object-fit: cover }
.flat-img-with-text .box-title { margin-left: 0; margin-right: 0 }
.flat-img-with-text .box-title .desc { margin-top: 20px }
.flat-img-with-text.style-2 .content-left img { border-radius: 15px }
.flat-img-with-text.style-3 { border-radius: 15px; overflow: hidden }
.flat-img-with-text .img-wrap { position: relative }
.flat-img-with-text .box-count { display: flex; justify-content: center; gap: 30px; margin-top: -47px; position: absolute; left: 0; right: 0 }
.flat-img-with-text .box-count .count-item { display: flex; align-items: center; gap: 8px; background-color: #fff; padding: 16px 20px; border-radius: 999px; box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843) }
.flat-img-with-text-v2 { display: flex; flex-direction: column; gap: 50px }
.flat-img-with-text-v2 .box-title { margin-left: 0; margin-right: 0 }
.flat-img-with-text-v2 .box-title .desc { margin-top: 20px }
.flat-testimonial-v2 .content-left { position: relative }
.flat-testimonial-v2 .content-left .content-text { position: absolute; bottom: 14%; left: 6%; right: 8% }
.flat-testimonial-v2 .content-left .content-text p { margin-top: 20px }
.flat-testimonial-v2 .content-right .archive-top { max-width: 675px }
.flat-testimonial-v2 .box-tes-item { padding: 0; background-color: transparent }
.flat-testimonial-v2 .box-tes-item .list-star { margin-top: 0 }
.flat-testimonial-v2 .archive-bottom { margin-top: 30px; position: relative; overflow: hidden }
.tf-marquee { display: flex; gap: 15px; -webkit-animation: slide-har 6s linear infinite; animation: slide-har 6s linear infinite; transition: animation-duration .3s }
.tf-marquee .marquee-item svg path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.tf-marquee .marquee-item:hover svg path { fill: #1f954b }
.tf-marquee:hover { animation-play-state: paused }

@keyframes slide-har {
    0% { -webkit-transform: translateX(0); transform: translateX(0) }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
}

.grid-img-group { position: relative; padding-top: 15%; padding-bottom: 12% }
.tf-image-wrap { position: relative; border-radius: 30px }
.tf-image-wrap .img-style { overflow: hidden; border-radius: 30px }
.tf-image-wrap.item-2 { left: 14%; width: 76.67% }
.tf-image-wrap.item-2:hover { z-index: 2 }
.tf-image-wrap.item-2 .tag-item-1 { top: 35%; left: -15% }
.tf-image-wrap.item-2 .tag-item-2 { top: 55%; right: -20% }
.tf-image-wrap.item-1, .tf-image-wrap.item-3 { position: absolute; display: flex; align-items: center; z-index: 1; width: 51%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: max-content }
.tf-image-wrap.item-1 { right: 0; top: 0; width: 44%; box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843) }
.tf-image-wrap.item-1 .tag-item { bottom: 20%; left: -50% }
.tf-image-wrap.item-3 { left: 0; bottom: 0; width: 33.5%; box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843); border-radius: 30px }
.tf-image-wrap.item-3 .tag-item { bottom: 20%; right: -80% }
.tf-image-wrap .tag-item { position: absolute; z-index: 4; box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843); padding: 10px; display: flex; align-items: center; gap: 8px; background-color: #fff; border-radius: 999px }
.tf-image-wrap .tag-item .icon { font-size: 20px; color: #1f954b }
.tf-image-wrap .tag-item span { font-weight: 600 }

@keyframes ani1 {
    0%,100% { transform: translateX(0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
    50% { transform: rotate(-16deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
}

@keyframes ani2 {
    0%,100% { transform: translateX(0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
    50% { transform: rotate(16deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
}

.flat-service-v5 { margin-top: -60px; gap: 36px }
.wrap-counter { display: flex; justify-content: space-between }
.wrap-counter .counter-box { display: flex; align-items: center; gap: 12px }
.wrap-counter .counter-box .number { font-size: 64px; line-height: 66px; color: #1f954b; font-weight: 600 }
.wrap-counter .counter-box .title-count { font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: .8px; color: #161e2d; text-transform: uppercase }
.box-benefit { display: flex; border-radius: 16px; gap: 15px; padding: 15px; background-color: #fff }
.box-benefit .icon-box { flex-shrink: 0 }
.box-benefit .icon-box .icon { font-size: 40px; transition: all .8s ease; display: inline-block; color: #1f954b }
.box-benefit .content .description { margin-top: 12px; color: #5c6368 }
.box-benefit .content .btn-view { margin-top: 12px }
.box-benefit:hover { transform: scale(1.05) }
.box-benefit:hover .icon-box .icon { transform: rotateY(360deg) }
.flat-service .box-benefit:not(:last-child) { margin-bottom: 20px }
.flat-benefit-v2 { background: #161e2d; padding: 80px 0 }
.wrap-benefit-v2 .box-left .box-title { margin-bottom: 20px }
.wrap-benefit-v2 .box-left .description { font-size: 16px; line-height: 26px }
.wrap-benefit-v2 .box-right { display: grid; grid-template-columns: 1fr 1fr; column-gap: 36px; row-gap: 30px; padding-left: 70px }
.wrap-benefit-v2 .box-navigation { margin-top: 30px }
.wrap-property { display: flex; gap: 30px }
.wrap-property .box-right { flex-grow: 1 }
.wrap-property .box-right .homelengo-box:not(:last-child) { margin-bottom: 30px }
.list-star { display: flex; align-items: center }
.list-star .icon { font-size: 24px; color: #ffa800 }
.box-tes-item { padding: 30px; border-radius: 20px; background-color: #fff }
.box-tes-item .icon-quote { font-size: 60px; color: #1f954b }
.box-tes-item .note { margin-top: 12px }
.box-tes-item .box-avt { margin-top: 24px }
.box-tes-item .list-star { margin-top: 12px; gap: 4px }
.box-tes-item .list-star .icon { font-size: 14px }
.box-tes-item.style-2 { border: 1px solid #e4e4e4 }
.box-agent { display: flex; flex-direction: column; gap: 30px }
.box-agent .box-img { position: relative; border-radius: 16px }
.box-agent .box-img .agent-social { position: absolute; z-index: 1; bottom: 0; background-color: rgba(0,0,0,.2); backdrop-filter: blur(4px); padding: 12px 0; border-radius: 8px; display: grid; grid-template-columns: repeat(4,1fr); left: 45px; right: 45px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-agent .box-img .agent-social .icon { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-agent .box-img .agent-social li:not(:last-child) { border-right: 1px solid #e4e4e4 }
.box-agent .box-img .agent-social li:hover .icon { color: #1f954b }
.box-agent .content { display: flex; align-items: center; justify-content: space-between }
.box-agent .content h6 { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-agent .content p { font-size: 16px; line-height: 26px }
.box-agent .content .box-icon { gap: 8px }
.box-agent .content .icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 1000px; font-size: 14px; color: #a3abb0; border: 1px solid #e4e4e4; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-agent .content .list-info { margin-top: 16px }
.box-agent .content .list-info li { display: flex; gap: 8px }
.box-agent .content .list-info li .icon { font-size: 20px }
.box-agent .content .list-info li:not(:last-child) { margin-bottom: 8px }
.box-agent .content .tf-btn { margin-top: 16px }
.box-agent.style-list { flex-direction: row; gap: 0; border-radius: 16px; overflow: hidden; border: 1px solid #e4e4e4 }
.box-agent.style-list .box-img { width: 47.6%; border-radius: 0 }
.box-agent.style-list .archive-content { padding: 20px; padding-left: 30px; flex-grow: 1 }
.box-agent.style-list .list-info { margin: 20px 0 }
.box-agent.style-list .list-info .item { display: flex; gap: 8px }
.box-agent.style-list .list-info .item .icon { color: #a3abb0; font-size: 20px }
.box-agent.style-list .list-info .item:not(:last-child) { margin-bottom: 12px }
.box-agent:hover .box-img .agent-social { bottom: 20px; opacity: 1; visibility: visible }
.box-agent:hover .content .icon { background-color: #1f954b; color: #fff }
.flat-agents .desc { margin-top: 30px }
.flat-latest-new .flat-blog-item { margin-bottom: 0 }
.partner-item { width: 100%; height: 100% }
.partner-item svg path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.partner-item:hover svg path { fill: #1f954b }
.homelengo-categories { padding: 30px 24px 24px 24px; background-color: #fff; border-radius: 16px; display: flex; flex-direction: column; align-items: center; gap: 27px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; position: relative; z-index: 1; border: 1px solid #e4e4e4 }
.homelengo-categories .icon-box { overflow: hidden }
.homelengo-categories .icon-box .icon { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; font-size: 80px; color: #5c6368 }
.homelengo-categories .icon-box svg path { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.homelengo-categories .content h6, .homelengo-categories .content p { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.homelengo-categories.active .icon-box .icon, .homelengo-categories:hover .icon-box .icon { color: #1f954b }
.homelengo-categories.active .icon-box svg path, .homelengo-categories:hover .icon-box svg path { fill: #1f954b }
.homelengo-categories.style-02 { border-color: transparent; overflow: hidden }
.homelengo-categories.style-02.active, .homelengo-categories.style-02:hover { box-shadow: none }
.homelengo-categories.style-02.active .icon-box .icon, .homelengo-categories.style-02:hover .icon-box .icon { color: #fff }
.homelengo-categories.style-02.active .icon-box svg path, .homelengo-categories.style-02:hover .icon-box svg path { fill: #fff }
.homelengo-categories.style-02.active .content h6, .homelengo-categories.style-02.active .content p, .homelengo-categories.style-02:hover .content h6, .homelengo-categories.style-02:hover .content p { color: #fff }
.homelengo-categories.style-02.active::before, .homelengo-categories.style-02:hover::before { transform: scale(1,1); transform-origin: top center }
.homelengo-categories.style-02::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: #1f954b; transform: scale(1,0); transition: transform .4s ease; transform-origin: bottom center; z-index: -1; border-radius: 16px }
.flat-categories { overflow: hidden }
.tf-sw-categories .sw-pagination .swiper-pagination-bullet { background-color: #acc6ec }
.flat-categories-v3 { padding-top: 30px; padding-bottom: 40px; position: relative }
.homelengo-categories-v2 { width: 125px; height: 116px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; border: 1px solid #e4e4e4; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; border-radius: 16px }
.homelengo-categories-v2 .icon-box path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.homelengo-categories-v2 .content { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; color: #5c6368 }
.homelengo-categories-v2.active, .homelengo-categories-v2:hover { border-color: #1f954b; background-color: #1f954b }
.homelengo-categories-v2.active .icon-box svg path, .homelengo-categories-v2:hover .icon-box svg path { fill: #fff }
.homelengo-categories-v2.active .content, .homelengo-categories-v2:hover .content { color: #fff }
.wrap-categories-v3 .navigation { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; z-index: 123; border-radius: 8px }
.wrap-categories-v3 .navigation .icon { font-size: 16px }
.wrap-categories-v3 .swiper-nav-next { left: 20px }
.wrap-categories-v3 .swiper-nav-prev { right: 20px }
.map-marker-container { position: absolute; margin-top: 10px; transform: translate3d(-50%,-100%,0) }
.marker-container { position: relative; top: 25px; left: 10px; width: 46px; height: 46px; z-index: 1; border-radius: 50%; cursor: pointer; -webkit-perspective: 1000 }
.marker-card .face { position: absolute; width: 26px; height: 26px; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; color: #fff; z-index: 100; background: #1f954b; border: 2px solid #fff; border-radius: 50%; box-sizing: content-box; background-clip: content-box; line-height: 46px; font-size: 24px }
.marker-card .face::after, .marker-card .face::before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; border-radius: 9999px; -webkit-animation: ripple 2s infinite; animation: ripple 2s infinite }
.marker-card .face::before { content: ""; position: absolute; -webkit-animation-delay: .6s; animation-delay: .6s }
.marker-card .face::after { content: ""; position: absolute; -webkit-animation-delay: .2s; animation-delay: .2s }
#singleListingMap .marker-container { cursor: default }
#singleListingMap .marker-container { cursor: default }
.marker-card { width: 100%; height: 100%; transform-style: preserve-3d; position: absolute; z-index: 1 }
#map .infoBox { margin-left: 160px; margin-bottom: -140px }
.map-listing-item { position: relative }
.map-listing-item .infoBox-close { position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 8px; z-index: 9; text-align: center; cursor: pointer; transition: all .3s ease }
.map-listing-item .inner-box { position: relative; border-radius: 16px; background: #fff; width: fit-content; box-shadow: 0 10px 25px 0 rgba(54,95,104,.1019607843); display: flex; align-items: center; padding: 16px; padding-right: 40px; gap: 16px }
.map-listing-item .inner-box .image-box { width: 140px; height: 140px; border-radius: 8px; overflow: hidden; flex-shrink: 0 }
.map-listing-item .inner-box .image-box img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s ease }
.map-listing-item .inner-box .box-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4 }
.map-listing-item .inner-box .box-bottom .avt-box { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 19.6px; font-family: Manrope,sans-serif }
.map-listing-item .inner-box .box-bottom .avt-box img { width: 34px; height: 34px; border-radius: 50% }
.map-listing-item .inner-box .box-bottom .price { font-size: 18px; line-height: 25.2px; font-weight: 600; font-family: Manrope,sans-serif }
.map-listing-item .content { position: relative; flex-grow: 1 }
.map-listing-item .content .location { color: #5c6368; font-size: 14px; line-height: 19.6px; display: flex; align-items: center; gap: 4px; font-family: Manrope,sans-serif }
.map-listing-item .content .location .text { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.map-listing-item .content .location .icon { font-size: 16px; color: #a3abb0 }
.map-listing-item .content .title { font-size: 18px; line-height: 25.2px; text-transform: capitalize; margin-top: 4px; font-weight: 600; margin-top: 8px; font-family: Manrope,sans-serif }
.map-listing-item .content .title a { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.map-listing-item .content .list-info { margin-top: 8px; display: flex; gap: 16px }
.map-listing-item .content .list-info li { display: flex; align-items: center; gap: 4px; font-size: 14px; line-height: 19.6px; font-family: Manrope,sans-serif }
.map-listing-item .content .list-info li .icon { font-size: 16px; color: #a3abb0 }
.contact-map-item .inner-box { position: relative; border-radius: 16px; background: #fff; width: fit-content; border-radius: 20px; overflow: hidden }
.contact-map-item .infoBox-close { position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 8px; z-index: 9; text-align: center; cursor: pointer; transition: all .3s ease }
.contact-map-item .content { padding: 20px }
.contact-map-item .content .title { margin-bottom: 6px; font-weight: 600; font-size: 16px; line-height: 21.86px; color: #1c1c1e; font-family: Manrope,sans-serif }
.contact-map-item .content .list-info li { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 19.6px; color: #5c6368; font-family: Manrope,sans-serif }
.contact-map-item .content .list-info li .icon { font-size: 16px; color: #a3abb0 }
.contact-map-item .content .list-info li:not(:last-child) { margin-bottom: 6px }
.cluster-map-visible { text-align: center; font-size: 16px !important; color: #fff !important; font-weight: 500 !important; border-radius: 50%; width: 40px !important; height: 40px !important; line-height: 40px !important; background-color: #1f954b; border: 8px solid rgba(238,103,66,.1); box-shadow: 0 7px 30px rgba(33,33,33,.3); box-sizing: content-box; background-clip: content-box }
.flat-map .top-map { height: 800px }
.flat-map .wrap-filter-search { margin-top: -48px; position: relative }
.wrap-banner { display: flex; justify-content: space-between; align-items: center; border-radius: 20px }
.wrap-banner .box-left { padding: 60px 20px 60px 80px }
.wrap-banner .box-left .box-title { margin-bottom: 30px; margin-left: 0; margin-right: 0 }
.wrap-banner .box-right { flex-shrink: 0 }
.wrap-banner .box-right img { margin-top: -60px }
.wrapper-layout { display: flex; height: 100% }
.wrapper-layout .wrap-left { width: 54.7%; position: relative; height: calc(100vh - 264px); overflow-x: hidden; overflow-y: auto; padding: 15px; padding-bottom: 0 }
.wrapper-layout .wrap-left::-webkit-scrollbar { width: 12px }
.wrapper-layout .wrap-left::-webkit-scrollbar-thumb { background: #e4e4e4 }
.wrapper-layout .wrap-left .title { font-weight: 600; margin-bottom: 20px }
.wrapper-layout .wrap-right { width: 45.3%; position: fixed; height: calc(100vh - 264px); right: 0; bottom: 0 }
.wrapper-layout .wrap-right #map { position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.wrapper-layout .homelengo-box { margin-bottom: 30px }
.wrapper-layout.layout-2 .wrap-left { height: calc(100vh - 232px); width: 45%; padding: 30px; padding-bottom: 0; padding-top: 0 }
.wrapper-layout.layout-2 .wrap-left::-webkit-scrollbar { width: 8px }
.wrapper-layout.layout-2 .wrap-left::-webkit-scrollbar-thumb { background: #e4e4e4 }
.wrapper-layout.layout-2 .wrap-right { height: calc(100vh - 232px); width: 54% }
.wrapper-layout .box-title-listing { margin-bottom: 30px }
.wrapper-layout-3 { display: flex; height: 100%; padding-top: 40px }
.wrapper-layout-3 .wrap-sidebar { height: calc(100vh - 118px); width: 22%; overflow-x: hidden; overflow-y: auto; padding: 20px; padding-top: 0; padding-right: 0 }
.wrapper-layout-3 .wrap-sidebar::-webkit-scrollbar { width: 8px }
.wrapper-layout-3 .wrap-sidebar::-webkit-scrollbar-thumb { background: 0 0 }
.wrapper-layout-3 .wrap-sidebar .widget-filter-search { padding: 22px }
.wrapper-layout-3 .box-title-listing { margin-bottom: 30px }
.wrapper-layout-3 .wrap-inner { padding: 40px; padding-top: 0; width: 38%; padding-bottom: 0; height: calc(100vh - 118px); overflow-x: hidden; overflow-y: auto }
.wrapper-layout-3 .wrap-inner::-webkit-scrollbar { width: 8px }
.wrapper-layout-3 .wrap-inner::-webkit-scrollbar-thumb { background: #e4e4e4 }
.wrapper-layout-3 .wrap-map { height: calc(100vh - 118px); width: 40%; right: 0; bottom: 0; position: fixed }
.wrapper-layout-3 .wrap-map #map { position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.wrapper-layout-3 .homelengo-box { margin-bottom: 30px }
.box-title-listing { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; flex-wrap: wrap; gap: 15px }
.box-title-listing .box-filter-tab { display: flex; gap: 10px; align-items: center; flex-wrap: wrap }
.box-title-listing .box-filter-tab .nice-select { padding: 0 18px; line-height: 48px; border-radius: 10px; font-family: Poppins,sans-serif }
.box-title-listing .box-filter-tab .list-sort { min-width: 179px; width: auto; height: 48px }
.box-title-listing .box-filter-tab .list-page { width: 160px; height: 48px }
.box-title-listing.style-1 { margin-bottom: 30px }
.box-title-listing .box-left { display: flex; align-items: center; flex-wrap: wrap; gap: 20px }
.box-title-listing .box-left .text { font-size: 14px; line-height: 21px; font-family: Poppins,sans-serif }
.wd-navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 10px }
.wd-navigation .nav-item { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; line-height: 21.86px; border-radius: 10px; border: 1px solid #e4e4e4 }
.wd-navigation .nav-item.active, .wd-navigation .nav-item:hover { background-color: #1f954b; color: #fff }
.wd-navigation .icon { font-size: 14px; color: #161e2d }
.single-sidebar .widget-box { padding: 30px; border-radius: 16px; border: 1px solid #e4e4e4; overflow: hidden; box-shadow: 0 8px 20px 0 rgba(0,0,0,.0509803922) }
.single-sidebar .widget-box:not(:last-child) { margin-bottom: 40px; margin-top: 40px; }
.box-latest-property .title { margin-bottom: 20px }
.box-latest-property .latest-property-item:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #efefef }
.latest-property-item { display: flex; gap: 12px }
.latest-property-item .images-style { position: relative; overflow: hidden; border-radius: 8px; width: 124px; height: 70px; max-width: none }
.latest-property-item .images-style img { height: 100%; width: 100%; object-fit: cover; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.latest-property-item .meta-list { display: flex; align-items: center; gap: 16px; margin-top: 6px; flex-wrap: wrap }
.latest-property-item .meta-list .item { display: flex; align-items: center; gap: 4px }
.latest-property-item .meta-list .item .icon { font-size: 16px; color: #a3abb0 }
.latest-property-item .link { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.latest-property-item:hover .images-style img { transform: scale(1.05) }
.fixed-sidebar { position: sticky; top: 100px }
.fixed-sidebar-2 { position: sticky; top: 140px }
.fixed-header { position: -webkit-sticky; position: sticky; top: 0 }
.fixed-cate-single { position: sticky; top: 80px; z-index: 50 }
.widget-sidebar .widget-box:not(:last-child) { margin-bottom: 30px }
.flat-slider-detail-v1 { position: relative }
.flat-slider-detail-v1 .navigation.swiper-nav-next { left: 40px }
.flat-slider-detail-v1 .navigation.swiper-nav-prev { right: 40px }
.flat-slider-detail-v1 .box-img-detail { border-radius: 30px; overflow: hidden; width: 100%; height: 100%; display: block }
.flat-slider-detail-v1 .box-img-detail img { width: 100%; height: 100%; object-fit: cover }
.flat-slider-detail-v1 .sw-pagination:not(.swiper-pagination-lock) { margin-top: 30px }
.swiper-slide .box-img-detail { width: 100%; height: 100%; display: block }
.swiper-slide .box-img-detail img { width: 100%; height: 100%; object-fit: cover }
.flat-property-detail-v2 .single-property-element { padding: 30px; box-shadow: 0 8px 20px 0 rgba(0,0,0,.0509803922); border-radius: 30px; background-color: #fff }
.flat-property-detail-v2 .single-property-element .header-property-detail { margin-bottom: 40px }
.flat-property-detail-v2 .single-property-element .header-property-detail .content-bottom .icon-box { gap: 8px }
.flat-property-detail-v2 .single-property-element .single-property-desc { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e4e4e4 }
.flat-property-detail-v2 .single-sidebar .widget-box { border-color: transparent; background-color: #fff }
.flat-property-detail-v2 .single-sidebar .box-latest-property { padding: 30px; box-shadow: 0 8px 20px 0 rgba(0,0,0,.0509803922); border-radius: 16px; overflow: hidden }
.header-property-detail .content-top { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e4e4e4; flex-wrap: wrap; gap: 20px }
.header-property-detail .content-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px }
.header-property-detail .content-bottom .info-box .label { margin-bottom: 12px; font-weight: 600; opacity: .8; font-size: 16px; line-height: 21.86px }
.header-property-detail .content-bottom .info-box .meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap }
.header-property-detail .content-bottom .info-box .meta-item { display: flex; align-items: center; gap: 4px }
.header-property-detail .content-bottom .info-box .meta-item .icon { font-size: 16px; color: #a3abb0 }
.header-property-detail .content-bottom .icon-box { display: flex; gap: 16px }
.header-property-detail .content-bottom .icon-box .item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #e4e4e4; border-radius: 10px }
.header-property-detail .content-bottom .icon-box .item .icon { font-size: 18px; color: #5c6368 }
.header-property-detail .content-bottom .icon-box .item svg { width: 18px }
.header-property-detail .content-bottom .icon-box .item:hover { background-color: #1f954b }
.header-property-detail .content-bottom .icon-box .item:hover .icon { animation: .3s link-icon2 linear }
.header-property-detail .content-bottom .icon-box .item:hover .icon path { stroke: #fff }
.header-property-detail .content-bottom .box-left { display: flex; align-items: center; gap: 40px; flex-wrap: wrap }
.single-property-element .title { text-transform: capitalize; margin-bottom: 16px }
.single-property-element:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
.single-property-desc .title { margin-bottom: 16px }
.single-property-desc .btn-view { margin-top: 16px }
.single-property-desc .btn-view .text::before { background-color: #161e2d }
.single-property-overview .title { margin-bottom: 16px }
.single-property-overview .info-box { display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 30px }
.single-property-overview .info-box .item { display: flex; align-items: center; gap: 12px; min-width: 140px }
.single-property-overview .info-box .item span { font-weight: 600 }
.single-property-overview .info-box .item .label { color: #5c6368; font-weight: 400; display: block; opacity: .8 }
.single-property-overview .info-box .item .box-icon { border-radius: 8px; border: 1px solid #e4e4e4 }
.single-property-overview .info-box .item .box-icon .icon { font-size: 24px }
.single-property-overview .info-box .item:hover .box-icon { background-color: #1f954b }
.single-property-overview .info-box .item:hover .box-icon .icon { color: #fff; animation: .3s link-icon2 linear }
.flat-property-detail-v2 .info-box .item { width: 160px }
.single-property-video .title { margin-bottom: 20px }
.single-property-video .img-video iframe { width: 100%; height: 460px; object-fit: cover; position: relative; border-radius: 20px; overflow: hidden }
.single-property-video .img-video img { width: 100%; height: 100%; object-fit: cover }
.single-property-video .img-video .btn-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2 }
.single-property-video .img-video .btn-video .icon { color: #1f954b; font-size: 14px; margin-left: 4px }
.single-property-video .img-video .btn-video::after, .single-property-video .img-video .btn-video::before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; border-radius: 9999px; animation: ripple 3s infinite }
.single-property-video .img-video .btn-video::after { animation-delay: .5s }
.single-property-video .img-video .btn-video::before { animation-delay: .9s }

@keyframes ripple {
    0% { box-shadow: 0 0 0 0 rgba(255,255,255,.5) }
    50% { box-shadow: 0 0 0 20px rgba(255,255,255,0) }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0) }
}

.single-property-info { padding-bottom: 32px }
.single-property-info .title { margin-bottom: 16px }
.single-property-info .inner-box { display: flex; align-items: center; margin-bottom: 12px }
.single-property-info .inner-box .label { font-weight: 600; width: 25% }
.single-property-feature .title { margin-bottom: 16px }
.single-property-feature .wrap-feature { display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between }
.single-property-feature .wrap-feature .box-feature ul { padding-left: 15px; list-style: disc }
.single-property-feature .wrap-feature .box-feature ul li { list-style: disc }
.single-property-feature .wrap-feature .box-feature ul li:not(:last-child) { margin-bottom: 10px }
.single-property-feature .wrap-feature .box-feature .feature-item { color: #5c6368; gap: 8px; font-weight: 600 }
.single-property-map .title { margin-bottom: 20px }
.single-property-map .map { width: 100%; height: 478px; border-radius: 30px; overflow: hidden }
.single-property-map .info-map { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px }
.single-property-map .info-map li { display: flex; gap: 10px }
.single-property-map .info-map li:not(:last-child) { margin-bottom: 12px }
.single-property-map .info-map li .label { width: 40% }
.single-property-floor .title { margin-bottom: 20px }
.single-property-floor .box-floor .floor-item:not(:last-child) { margin-bottom: 20px }
.single-property-floor .floor-item { padding: 0 20px; background-color: #f7f7f7; border-radius: 12px }
.single-property-floor .floor-item .floor-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding: 17px 0 }
.single-property-floor .floor-item .floor-header .inner-left { display: flex; align-items: center }
.single-property-floor .floor-item .floor-header .inner-left .icon { flex-shrink: 0; margin-right: 16px; margin-top: -2px; display: inline-block; transform: rotate(90deg); font-size: 18px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.single-property-floor .floor-item .floor-header .inner-right { display: flex; gap: 30px }
.single-property-floor .floor-item .floor-header .inner-right .icon { font-size: 20px; color: #a3abb0 }
.single-property-floor .floor-item .floor-header:not(.collapsed) .inner-left .icon { transform: rotate(-90deg) }
.single-property-floor .floor-item .faq-body { padding: 17px 0; border-top: 1px solid #e4e4e4 }
.single-property-floor .floor-item .faq-body .box-img { padding: 20px 30px; background-color: #fff; border-radius: 12px; overflow: hidden }
.single-property-attachments .title { margin-bottom: 20px }
.single-property-attachments .attachments-item { display: flex; align-items: center; gap: 12px }
.single-property-attachments .attachments-item .box-icon { border-radius: 8px; background-color: #f7f7f7 }
.single-property-attachments .attachments-item .icon { font-size: 24px }
.single-property-explore .title { margin-bottom: 20px }
.single-property-explore .box-img { position: relative; border-radius: 30px; overflow: hidden }
.single-property-explore .box-img img { width: 100%; height: 100%; object-fit: cover }
.single-property-explore .box-img .box-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 1 }
.single-property-explore .box-img .box-icon .icon { display: inline-block; color: #fff; font-size: 60px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-animation: rotate1 5s infinite ease-in-out; animation: rotate1 5s infinite ease-in-out }
.single-property-explore .box-img::before { content: ""; inset: 0; position: absolute; background-color: rgba(0,0,0,.2); z-index: 1 }
.single-property-nearby .title { margin-bottom: 16px }
.single-property-nearby .box-nearby { margin-top: 16px }
.single-property-nearby .box-nearby .item-nearby:not(:last-child) { margin-bottom: 8px }
.single-property-nearby .item-nearby { display: flex }
.single-property-nearby .item-nearby .label { width: 35%; color: #5c6368; opacity: .8 }

@keyframes rotate1 {
    from { transform: rotate(-360deg) }
    to { transform: rotate(360deg) }
}

.single-property-loan .title { margin-bottom: 20px }
.single-property-loan .box-loan-calc { border-radius: 16px; background-color: #f7f7f7 }
.single-property-loan .box-loan-calc .box-top { padding: 20px; display: grid; gap: 20px }
.single-property-loan .box-loan-calc .item-calc .label { font-weight: 600; margin-bottom: 8px }
.single-property-loan .box-loan-calc .box-bottom { border-top: 1px solid #e4e4e4; padding: 20px; display: flex; align-items: center; justify-content: space-between }
.single-property-loan .box-loan-calc .form-control { padding: 15px 18px }
.single-property-loan .box-loan-calc .tf-btn { min-width: 220px }
.single-wrapper-review .box-title-review { margin-bottom: 20px }
.single-wrapper-review .wrap-review { padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
.single-wrapper-review .wrap-review .tf-btn { min-width: 210px }
.single-wrapper-review .list-review-item .box-head { margin-bottom: 16px }
.single-wrapper-review .list-review-item .box-head p { margin-top: 4px }
.single-wrapper-review .list-review-item .list-star { display: flex }
.single-wrapper-review .list-review-item .list-star .icon { font-size: 14px }
.single-wrapper-review .list-review-item .box-img { margin: 16px 0; display: flex; gap: 16px; overflow: auto }
.single-wrapper-review .list-review-item .box-img .img { border-radius: 10px; overflow: hidden }
.flat-latest-property .box-title { margin-bottom: 30px }
.single-property-contact .title { margin-bottom: 30px }
.single-property-contact .box-avatar { display: flex; align-items: center; gap: 20px }
.single-property-contact .box-avatar .name { margin-bottom: 12px }
.single-property-contact .box-avatar .list li .icon { font-size: 14px; color: #a3abb0 }
.single-property-contact .box-avatar .list li:not(:last-child) { margin-bottom: 6px }
.single-property-contact .contact-form { margin-top: 30px }
.single-property-contact .contact-form .ip-group textarea { height: 130px }
.single-property-contact .contact-form .ip-group:not(:last-child) { margin-bottom: 12px }
.single-property-contact .contact-form .ip-group .tf-btn { margin-top: 30px }
.single-property-contact .textarea-group { margin-top: 30px }
.single-property-contact input, .single-property-contact textarea { padding: 16px 18px }
.single-property-contact input::placeholder, .single-property-contact textarea::placeholder { color: #5c6368 }
.single-property-whychoose .title { margin-bottom: 16px }
.single-property-whychoose .box-whychoose .item-why { display: flex; align-items: center; gap: 8px }
.single-property-whychoose .box-whychoose .item-why .icon { font-size: 24px }
.single-property-whychoose .box-whychoose .item-why:not(:last-child) { margin-bottom: 12px }
.flat-property-detail-v2 .wrapper-onepage:not(:last-child) { margin-bottom: 30px }
.flat-categories-single { border-bottom: 1px solid #e4e4e4 }
.flat-categories-single .cate-single-tab { overflow-x: auto; display: flex; margin-right: -15px; padding-right: 15px }
.flat-categories-single .cate-single-tab::-webkit-scrollbar { width: 1px; height: 1px }
.flat-categories-single .cate-single-tab::-webkit-scrollbar-thumb { background: 0 0 }
.flat-categories-single .cate-single-tab .cate-single-item { flex-shrink: 0; width: 143px; height: 48px; font-weight: 700; display: flex; align-items: center; justify-content: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; border-bottom: 2px solid transparent }
.flat-categories-single .cate-single-tab li.active .cate-single-item, .flat-categories-single .cate-single-tab li:hover .cate-single-item { border-color: #1f954b }
.widget-box-header-single { background-color: #fff; border-radius: 16px; margin-bottom: 30px }
.widget-box-header-single .header-property-detail { padding: 0 }
.widget-box-header-single .header-property-detail .content-top { padding: 30px 30px 20px; margin-bottom: 20px }
.widget-box-header-single .header-property-detail .content-bottom { padding: 0 30px 40px }
.widget-box-header-single .single-property-desc { padding: 0 30px 40px; border-bottom: 1px solid #e4e4e4 }
.widget-box-header-single .single-property-overview { padding: 40px 30px }
.widget-box-single { padding: 30px; border-radius: 16px; background-color: #fff }
.widget-box-single.single-property-info { margin-bottom: 30px }
.single-property-loan-v2 .title { margin-bottom: 12px }
.single-property-loan-v2 .item-calc:not(:last-child) { margin-bottom: 12px }
.single-property-loan-v2 .item-calc label { margin-bottom: 8px; color: #5c6368 }
.single-property-loan-v2 .item-calc input { padding: 10px 16px }
.single-property-loan-v2 .box-bottom { margin-top: 20px }
.single-property-loan-v2 .box-bottom .tf-btn { width: 100%; margin-bottom: 16px }
.wrapper-sidebar-right .box-latest-property { padding-right: 0 }
.flat-gallery-single { padding: 0 20px; display: grid; grid-template-areas: "item1 item1 item2 item3" "item1 item1 item4 item5"; gap: 20px }
.flat-gallery-single .box-img > a { width: 100%; height: 100% }
.flat-gallery-single .item1 { grid-area: item1; position: relative }
.flat-gallery-single .item1 .box-btn { position: absolute; bottom: 20px; right: 20px; display: flex; gap: 12px }
.flat-gallery-single .item1 .box-btn .box-icon { width: 54px; height: 54px; border-radius: 999px; background-color: #fff; font-size: 28px }
.flat-gallery-single .item1 .box-btn .tf-btn { padding: 16px 30px }
.flat-gallery-single .item2 { grid-area: item2 }
.flat-gallery-single .item3 { grid-area: item3 }
.flat-gallery-single .item4 { grid-area: item4 }
.flat-gallery-single .item5 { grid-area: item5 }
.flat-gallery-single .box-img { border-radius: 16px; overflow: hidden }
.flat-gallery-single .box-img img { width: 100%; height: 100%; object-fit: cover }
.banner-property-2 img { width: 100%; object-fit: cover }
.flat-property-detail-v3 .header-property-detail { padding: 0; margin-bottom: 40px }
.flat-property-detail-v3 .header-property-detail .content-top { padding-bottom: 20px; margin-bottom: 20px }
.thumbs-sw-pagi { margin-top: 16px }
.thumbs-sw-pagi .swiper-slide { width: auto }
.thumbs-sw-pagi .img-thumb-pagi { border-radius: 8px; overflow: hidden }
.single-property-gallery .image-sw-single { border-radius: 16px; overflow: hidden }
.single-property-gallery .box-navigation .navigation { position: absolute; top: 50%; transform: translateY(-50%); z-index: 123 }
.single-property-gallery .box-navigation .navigation.swiper-nav-next { left: 30px }
.single-property-gallery .box-navigation .navigation.swiper-nav-prev { right: 30px }
.flat-property-detail-v4 .header-property-detail { padding: 0; margin-bottom: 60px }
.flat-property-detail-v4 .single-property-gallery { margin-bottom: 60px }
.flat-property-detail-v4 .single-property-video { padding-right: 0 }
.flat-property-detail-v4 .single-property-map .map-single { height: 552px }
.flat-property-detail-v4 .single-property-feature .wrap-feature { justify-content: space-between }
.content-box-privacy { margin-top: 40px }
.content-box-privacy p { margin-top: 12px; font-size: 18px; line-height: 28px; color: #5c6368 }
.content-box-privacy .box-list { margin-top: 12px }
.content-box-privacy .box-list li { margin-top: 12px; display: flex; font-size: 18px; line-height: 28px }
.content-box-privacy .box-list li::before { width: 5px; height: 5px; border-radius: 50%; background: #64666c; content: ""; display: block; margin-left: 9px; margin-right: 10px; margin-top: 12px; flex-shrink: 0 }
.flat-section .tf-faq:not(:last-child) { margin-bottom: 50px }
.tf-faq .title { margin-bottom: 40px; text-transform: capitalize }
.box-faq .faq-item { border: 1px solid #e4e4e4; border-radius: 16px }
.box-faq .faq-item .faq-header { padding: 24px 30px 20px; padding-right: 60px; display: block; font-size: 18px; line-height: 25.2px; font-weight: 600; position: relative; text-transform: capitalize }
.box-faq .faq-item .faq-header::after { position: absolute; content: "\e921"; font-family: icomoon; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size: 20px; color: #161e2d }
.box-faq .faq-item .faq-header:not(.collapsed)::after { content: "\e920" }
.box-faq .faq-item .faq-body { padding: 24px 30px; padding-top: 0; color: #5c6368 }
.box-faq .faq-item:not(:last-child) { margin-bottom: 12px }
.box-faq .faq-item.active { box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843) }
.box-faq .faq-item.active .faq-header { color: #1f954b }
.box-pricing { padding: 30px; border-radius: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #e4e4e4 }
.box-pricing .box-title-price .title { margin-bottom: 8px }
.box-pricing .box-title-price .title h4, .box-pricing .box-title-price .title span { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-pricing .box-title-price .desc { color: #5c6368; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-pricing .list-price .item { display: flex; align-items: center; gap: 8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-pricing .list-price .item:not(:last-child) { margin-bottom: 10px }
.box-pricing .list-price .check-icon { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-pricing .box:not(:last-child) { margin-bottom: 20px }
.box-pricing .tf-btn { width: 100% }
.box-pricing.active, .box-pricing:hover { background-color: #1f954b }
.box-pricing.active .tf-btn, .box-pricing:hover .tf-btn { background-color: #fff; color: #161e2d; border-color: #fff }
.box-pricing.active .tf-btn .icon, .box-pricing:hover .tf-btn .icon { color: #161e2d }
.box-pricing.active .desc, .box-pricing.active h3, .box-pricing.active h5, .box-pricing.active li, .box-pricing.active span, .box-pricing:hover .desc, .box-pricing:hover h3, .box-pricing:hover h5, .box-pricing:hover li, .box-pricing:hover span { color: #fff }
.box-pricing.active .check-icon, .box-pricing:hover .check-icon { border-color: #fff; color: #fff }
.check-icon { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 50%; color: #fff; font-size: 13px; color: #1f954b; border: 1px solid #1f954b }
.check-icon.disable { border-color: #a3abb0; color: #a3abb0 }
.flat-banner-about .btn-view { margin-top: 10px }
.flat-banner-about .banner-video { margin-top: 40px; border-radius: 16px; overflow: hidden; position: relative }
.flat-banner-about .banner-video .btn-video { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50% }
.flat-banner-about .banner-video .btn-video .icon { color: #1f954b; font-size: 100px }
.flat-section .wrap-partner { margin-top: 40px }
.flat-slider-contact { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 123; background-image: url(../images/slider-contact.jpg); background-attachment: fixed }
.flat-slider-contact .overlay { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #161e2d; opacity: .8 }
.flat-slider-contact .content-wrap { position: relative; z-index: 1; align-items: center }
.flat-slider-contact .content-wrap .box-title { margin-bottom: 20px }
.flat-slider-contact .content-wrap .content-left { padding-right: 210px }
.box-contact-v2 { padding: 40px; border-radius: 16px; box-shadow: 0 10px 25px 0 rgba(54,95,104,.1019607843); background-color: #fff }
.box-contact-v2 textarea { height: 100px }
.box-contact-v2 .box .label { color: #5c6368; margin-bottom: 8px }
.box-contact-v2 .box .form-control:focus { border: 2px solid #161e2d !important }
.box-contact-v2 .box:not(:last-child) { margin-bottom: 20px }
.flat-contact .contact-content h4 { margin-bottom: 12px }
.flat-contact .contact-content p { margin-bottom: 6px }
.flat-contact .contact-content label { margin-bottom: 8px; font-weight: 600 }
.flat-contact .contact-content .form-contact .box { gap: 30px }
.flat-contact .contact-content .form-contact .box:not(:last-child) { margin-bottom: 20px }
.flat-contact .contact-content .form-contact .tf-btn { margin-top: 8px; width: 100% }
.contact-info { padding: 30px; border-radius: 16px; border: 1px solid #e4e4e4 }
.contact-info h4 { margin-bottom: 30px }
.contact-info .box .title { margin-bottom: 8px }
.contact-info .box:not(:last-child) { margin-bottom: 24px }
.contact-info .box .box-social { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 12px }
.contact-info .box .box-social .item { width: 44px; height: 44px; border-radius: 8px; border: 1px solid #e4e4e4; background-color: #fff; display: flex; align-items: center; justify-content: center }
.contact-info .box .box-social .item svg path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.contact-info .box .box-social .item:hover { background-color: #1f954b; border-color: #1f954b }
.contact-info .box .box-social .item:hover svg path { fill: #fff }
.map-contact { height: 600px }
.box-password { position: relative }
.box-password .form-control { padding-right: 40px }
.box-password .show-pass, .box-password .show-pass2, .box-password .show-pass3 { position: absolute; right: 16px; top: 16px; cursor: pointer }
.box-password .show-pass .icon-eye, .box-password .show-pass2 .icon-eye, .box-password .show-pass3 .icon-eye { display: none }
.box-password .show-pass .icon-pass, .box-password .show-pass2 .icon-pass, .box-password .show-pass3 .icon-pass { font-size: 20px; color: #5c6368 }
.box-password .show-pass.active .icon-eye, .box-password .show-pass2.active .icon-eye, .box-password .show-pass3.active .icon-eye { display: inline-block }
.box-password .show-pass.active .icon-eye-off, .box-password .show-pass2.active .icon-eye-off, .box-password .show-pass3.active .icon-eye-off { display: none }
.modal-account .modal-dialog .modal-content { border-radius: 20px; border: 0; background: #fff; overflow: hidden }
.flat-account { display: flex }
.flat-account .banner-account { max-width: 380px; width: 100%; flex-shrink: 0 }
.flat-account .banner-account img { width: 100%; height: 100%; object-fit: cover }
.flat-account .form-account { flex-grow: 1; padding: 40px }
.flat-account .form-account .box:not(:last-child) { margin-bottom: 30px }
.flat-account .form-account .title-box { margin-bottom: 40px; display: flex; justify-content: space-between }
.flat-account .form-account .title-box .icon { font-size: 24px; cursor: pointer }
.flat-account .form-account .box-fieldset:not(:last-child) { margin-bottom: 30px }
.flat-account .form-account .box-fieldset label { margin-bottom: 10px }
.flat-account .form-account .box-fieldset .text-forgot { margin-top: 18px }
.flat-account .form-account .ip-field { position: relative }
.flat-account .form-account .ip-field .icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%) }
.flat-account .form-account .ip-field input { padding-left: 46px }
.flat-account .box-btn .text { margin-top: 18px }
.flat-account .group-btn { display: flex; gap: 10px }
.flat-account .group-btn .btn-social { width: 50%; font-weight: 600; color: #3a3a3c; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px; border: 1px solid #e4e4e4; border-radius: 999px }
.flat-account .group-btn .btn-social img { width: 20px; height: 20px }
.flat-account .group-btn .btn-social:hover { border-color: #1f954b }
.modal-backdrop { background-color: rgba(0,0,0,.6) }
.modal-backdrop.show { opacity: 1 }
.progress-wrap { position: fixed; bottom: 30px; right: 30px; height: 44px; width: 44px; cursor: pointer; display: block; border-radius: 50%; box-shadow: 0 10px 25px 0 rgba(54,95,104,.1019607843); z-index: 100; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; background: #fff }
.progress-wrap.active-progress { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.progress-wrap::after { position: absolute; content: "\ea3d"; font-family: icomoon; text-align: center; line-height: 44px; font-size: 14px; font-weight: 900; color: #1f954b; left: 0; top: 0; height: 44px; width: 44px; cursor: pointer; display: block; z-index: 1; transform: rotate(223deg); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear }
.progress-wrap svg path { fill: #fff; box-sizing: border-box; stroke: #1f954b; stroke-width: 5; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .4s; transition-timing-function: linear }
.msg-success { color: #198754 }
.msg-success .close { font-size: 12px; margin-left: 10px; color: #198754 }
#subscribe-msg .notification_ok { color: #198754 }
.flat-header-wrapper-about { position: relative }
.flat-header-wrapper-about .tf-btn { max-width: 350px; width: 100% }
.flat-header-wrapper-about .desc { margin-top: 30px; font-size: 24px; line-height: 33.6px }
.flat-header-wrapper-about .signature-box { margin-top: 45px; margin-bottom: 60px }
.flat-header-wrapper-about .signature-box p { margin-top: 2px }
.flat-header-wrapper-about .signature-box .top { margin-bottom: 18px }
.flat-header-wrapper-about .signature-box img { width: 210px }
.flat-header-wrapper-about .box-img { width: 155px; height: 155px; border-radius: 30px; overflow: hidden }
.flat-header-wrapper-about .item1 { position: absolute; bottom: 15%; left: -2% }
.flat-header-wrapper-about .item2 { position: absolute; top: 10%; right: -12% }
.wrapper-privacy .list-default { padding-left: 22px }
.sidebar-privacy .cate-privacy-box { margin-bottom: 40px }
.sidebar-privacy .list-cate-privacy li a { display: flex; justify-content: space-between; align-items: center; font-weight: 600 }
.sidebar-privacy .list-cate-privacy li a:hover { color: #1f954b }
.sidebar-privacy .list-cate-privacy li:not(:last-child) a { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e4e4e4 }
.sidebar-privacy .contact-box { border-radius: 10px; padding: 30px; background-color: #f7f7f7 }
.sidebar-privacy .contact-box .desc { font-size: 16px; line-height: 28.8px; color: #1c1c1e }
.sidebar-privacy .contact-box .tf-btn { width: 100%; margin: 24px 0 }
.sidebar-privacy .contact-box .text-mail { font-size: 16px; line-height: 28.8px; color: #1c1c1e; font-weight: 500; text-decoration: underline }
.header-dashboard { box-shadow: 0 4px 18px 0 rgba(0,0,0,.0784313725) }
.header-dashboard .logo-box { display: flex; align-items: center; gap: 30px }
.header-dashboard .logo-box .button-show-hide { margin-top: 4px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer }
.header-dashboard .logo-box .button-show-hide .icon { font-size: 30px; color: #161e2d }
.header-dashboard .header-account { gap: 30px }
.header-dashboard .header-account .box-avatar { display: flex; align-items: center; gap: 12px; cursor: pointer }
.header-dashboard .header-account .box-avatar .name { font-size: 16px; line-height: 26px; font-weight: 700; display: flex; align-items: center; gap: 4px }
.header-dashboard .header-account .box-avatar .name .icon { font-size: 16px; color: #161e2d; font-weight: 700 }
.show-mb { margin-bottom: 30px; display: none }
.show-mb span { color: #1f954b; font-weight: 600 }
.header-account .dropdown-toggle::after { content: none }
.header-account .dropdown-menu { max-width: 204px; width: 100%; margin-top: 23px !important; border: 1px solid #e4e4e4; border-top: 0; border-radius: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 0 }
.header-account .dropdown-menu .dropdown-item { padding: 16px 24px; line-height: 26px; font-weight: 600; font-size: 16px; text-transform: capitalize; color: #5c6368; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.header-account .dropdown-menu .dropdown-item:hover { color: #1f954b; background-color: #fff }
.header-account .dropdown-menu .dropdown-item:not(:last-child) { border-bottom: 1px solid #e4e4e4 }
.sidebar-menu-dashboard { position: fixed; width: 280px; min-width: 280px; background: #161e2d; height: 100%; top: 0; left: 0; bottom: 0; overflow-y: auto; z-index: 1000; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; transform: translateX(0) }
.sidebar-menu-dashboard::-webkit-scrollbar { width: 2px }
.sidebar-menu-dashboard .menu-box { padding-top: 30px; padding-bottom: 30px }
.sidebar-menu-dashboard .menu-box .title { padding-left: 30px; padding-right: 30px; margin-bottom: 9px; color: rgba(255,255,255,.4) }
.sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:not(:last-child) { margin-bottom: 6px }
.sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link, .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link { background-color: #1f954b }
.sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link .icon, .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link .icon { color: #161e2d }
.sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link svg g, .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link svg g { opacity: 1 }
.sidebar-menu-dashboard .box-menu-dashboard .nav-menu-link { display: flex; align-items: center; gap: 12px; padding: 12px 30px; font-weight: 600; text-transform: capitalize; color: #fff }
.sidebar-menu-dashboard .box-menu-dashboard .nav-menu-link svg path { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.sidebar-menu-dashboard .logo-box { display: block; padding: 34px 30px; border-bottom: 1px solid rgba(255,255,255,.05) }
.sidebar-menu-dashboard .logo-box img { width: 166px }
.sidebar-menu-dashboard .user-box { padding: 30px; border-bottom: 1px solid rgba(255,255,255,.05) }
.sidebar-menu-dashboard .user-box p { margin-bottom: 9px; color: rgba(255,255,255,.4) }
.sidebar-menu-dashboard .user-box .user { display: flex; align-items: center; gap: 12px }
.sidebar-menu-dashboard .user-box .user .icon-box { background-color: rgba(255,255,255,.4); width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center }
.sidebar-menu-dashboard .user-box .user .text { color: rgba(255,255,255,.4) }
.widget-box-2 { padding: 30px; border-radius: 16px; background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0,0,0,.0392156863) }
.widget-box-2 .title { margin-bottom: 20px }
.layout-wrap .main-content { padding-left: 280px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.layout-wrap .main-content .footer-dashboard { text-align: center; background-color: #f7f7f7; padding: 30px }
.layout-wrap .main-content .footer-dashboard p { color: #3a3a3c; font-weight: 600; opacity: .5 }
.layout-wrap .main-content .box-btn { display: flex; justify-content: center; gap: 10px }
.layout-wrap.full-width .sidebar-menu-dashboard { transform: translateX(-100%) }
.layout-wrap.full-width .main-content { padding-left: 0 }
.layout-wrap .main-content-inner { padding: 47px 50px 30px }
.layout-wrap .main-content-inner .wrapper-content .content-left { width: 75.4% }
.layout-wrap .main-content-inner .wrapper-content .content-right { flex-grow: 1 }
.layout-wrap .wd-listing { margin-bottom: 30px }
.layout-wrap .wd-listing .title { margin-bottom: 14px }
.layout-wrap .wd-listing .wd-filter { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
.layout-wrap .wd-listing .wd-filter .nice-select, .layout-wrap .wd-listing .wd-filter input { padding: 8px 18px; color: #a3abb0 }
.layout-wrap .wd-listing .wd-filter .nice-select:focus, .layout-wrap .wd-listing .wd-filter input:focus { border-color: #e4e4e4 }
.layout-wrap .wd-listing .wd-filter .nice-select::after { border-color: #a3abb0 }
.layout-wrap .wd-listing .wd-filter .ip-group.icon-left { position: relative }
.layout-wrap .wd-listing .wd-filter .ip-group.icon-left input { padding-left: 46px }
.layout-wrap .wd-listing .wd-filter .ip-group.icon-left .icon { position: absolute; font-size: 18px; top: 50%; transform: translateY(-50%); left: 18px; color: #a3abb0 }
.layout-wrap .flat-counter-v2 { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-bottom: 20px }
.layout-wrap .flat-counter-v2 .counter-box { display: flex; gap: 10px; align-items: center; background-color: #fff; padding: 20px; box-shadow: 0 4px 10px 0 rgba(0,0,0,.0392156863); border-radius: 16px }
.layout-wrap .flat-counter-v2 .counter-box .box-icon { flex-shrink: 0; width: 80px; height: 80px; border: 1px solid #e4e4e4; border-radius: 50% }
.layout-wrap .flat-counter-v2 .counter-box .box-icon .icon { font-size: 36px; color: #1f954b }
.layout-wrap .flat-counter-v2 .counter-box .title-count { font-size: 16px; line-height: 24px; margin-bottom: 2px; font-family: Poppins,sans-serif; font-weight: 600 }
.layout-wrap .flat-counter-v2 .box-count .text { font-size: 14px; line-height: 30px; font-weight: 800; color: #5c6368 }
.layout-wrap .wrap-table { margin-top: 10px }
.layout-wrap .wrap-table thead tr { background-color: #161e2d }
.layout-wrap .wrap-table thead tr th { color: #fff; font-size: 14px; line-height: 19.6px; font-weight: 600; padding: 8px 14px; padding-right: 30px }
.layout-wrap .wrap-table thead tr th:nth-child(1) { width: 55% }
.layout-wrap .wrap-table thead tr th:not(:last-child) { position: relative }
.layout-wrap .wrap-table thead tr th:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 8px; bottom: 8px; background-color: rgba(255,255,255,.1); width: 1px }
.layout-wrap .wrap-table thead tr th:not(:first-child) { padding-left: 30px; padding-right: 30px }
.layout-wrap .wrap-table thead tr th:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px }
.layout-wrap .wrap-table thead tr th:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px }
.layout-wrap .wrap-table table tbody td { padding: 16px; align-content: start; border-bottom: 1px solid #e4e4e4 }
.layout-wrap .wrap-table table tbody td:first-child { padding-left: 0 }
.layout-wrap .wrap-table table tbody td:not(:last-child) { position: relative }
.layout-wrap .wrap-table table tbody td:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 16px; bottom: 16px; background-color: #e4e4e4; width: 1px }
.layout-wrap .wrap-table table tbody td:not(:first-child) { padding-left: 30px; padding-right: 30px }
.layout-wrap .wrap-table .listing-box { display: flex; gap: 20px }
.layout-wrap .wrap-table .listing-box .images { width: 168px; border-radius: 8px; overflow: hidden }
.layout-wrap .wrap-table .listing-box .content .title { margin-bottom: 2px; font-size: 16px; line-height: 21.86px; font-weight: 600 }
.layout-wrap .wrap-table .listing-box .content .text-date { margin-bottom: 9px; font-size: 13px; line-height: 16px; color: #3a3a3c }
.layout-wrap .wrap-table .status-wrap .btn-status { width: 78px; padding: 0 6px; border-radius: 999px; font-size: 13px; line-height: 23px; height: 23px; font-weight: 800; color: #fff; background-color: #25c55b; text-align: center }
.layout-wrap .wrap-table .status-wrap .btn-status.pending { background-color: #ee6742 }
.layout-wrap .wrap-table .status-wrap .btn-status.sold { background-color: #6e55ff }
.layout-wrap .wrap-table .list-action li:not(:last-child) { margin-bottom: 8px }
.layout-wrap .wrap-table .list-action .item { display: flex; gap: 8px; align-items: center; font-weight: 600 }
.layout-wrap .wrap-table .list-action .item .icon { font-size: 20px }
.layout-wrap .wrap-table .wd-navigation { padding-top: 16px }
.layout-wrap .wd-chart .wd-filter-date { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
.layout-wrap .wd-chart .wd-filter-date input { color: #5c6368; font-weight: 600 }
.layout-wrap .wd-chart .wd-filter-date input::placeholder { color: #5c6368; font-weight: 600 }
.layout-wrap .wd-chart .wd-filter-date .left { display: flex; gap: 14px; flex-wrap: wrap }
.layout-wrap .wd-chart .wd-filter-date .right { display: flex; gap: 14px; flex-grow: 1; flex-wrap: wrap }
.layout-wrap .wd-chart .wd-filter-date .dates { padding: 10px 18px; text-align: center; min-width: 86px; border-radius: 999px; border: 1px solid #e4e4e4; font-weight: 700; color: #5c6368; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer }
.layout-wrap .wd-chart .wd-filter-date .dates.active, .layout-wrap .wd-chart .wd-filter-date .dates:hover { background-color: #161e2d; color: #fff }
.layout-wrap .wd-chart .wd-filter-date .ip-group { flex-grow: 1 }
.layout-wrap .wd-chart .wd-filter-date .ip-group input { padding: 10px 16px }
.layout-wrap .wd-chart .wd-filter-date .ip-group input:focus { border-color: #e4e4e4 }
.layout-wrap .recent-box h6 { margin-bottom: 20px }
.layout-wrap .recent-box .box-tes-item { padding: 0; border-radius: 0 }
.layout-wrap .recent-box .box-tes-item .box-avatar { margin-bottom: 0 }
.layout-wrap .recent-box .box-tes-item .list-star { margin-top: 12px }
.layout-wrap .recent-box .box-tes-item:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e4e4e4 }
.layout-wrap .box-agent-account { padding: 20px; border-radius: 20px; border: 1px solid #e4e4e4 }
.layout-wrap .box-agent-account h6 { margin-bottom: 15px }
.layout-wrap .box-agent-account .note { font-size: 18px; line-height: 28px; padding: 20px; border-radius: 8px; background-color: #fff3cd; margin-bottom: 15px }
.layout-wrap .box-agent-avt { display: flex; align-items: center; gap: 30px }
.layout-wrap .box-agent-avt .avatar { flex-shrink: 0; width: 128px; height: 128px; border-radius: 50%; overflow: hidden }
.layout-wrap .box-agent-avt p { margin-bottom: 15px }
.layout-wrap .box-agent-avt .box-ip { border-radius: 16px; border: 1px solid #e4e4e4; padding: 10px; width: 100%; max-width: 340px; margin-bottom: 15px }
.layout-wrap .box-agent-avt .box-ip input { width: 100% }
.layout-wrap .box-agent-avt .img-poster { width: 100%; max-width: 350px }
.mess-box .title { margin-bottom: 14px }
.mess-box .mess-item { display: grid; gap: 12px }
.mess-box .mess-item .user-box { display: flex; align-items: center; gap: 12px }
.mess-box .mess-item .user-box .avatar { width: 34px; height: 34px; border-radius: 50%; overflow: hidden }
.mess-box .mess-item .user-box .content { flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 15px }
.mess-box .mess-item:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef }
.mess-box .list-star { gap: 2px }
.mess-box .list-star .icon { font-size: 14px }
table { table-layout: auto; border-collapse: separate; border-spacing: 0; width: 100% }
tr { display: table-row; vertical-align: inherit; border-color: inherit; white-space: nowrap !important; transition: all .3s ease }
.box-uploadfile .uploadfile { border-radius: 16px; border: 2px dashed #e5e5ea; padding: 95px 30px }
.uploadfile { width: 100%; margin-bottom: 14px }
.uploadfile .icon { margin-bottom: 8px; font-size: 80px; color: #1f954b }
.uploadfile .btn-upload { position: relative; margin-bottom: 15px }
.uploadfile .btn-upload .ip-file { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer }
.uploadfile.style-1 .icon { color: #e4e4e4 }
.box-img-upload { display: flex; gap: 20px; overflow: auto }
.box-img-upload .item-upload { flex-shrink: 0; border-radius: 10px; width: 194px; height: 109px; overflow: hidden; position: relative }
.box-img-upload .item-upload img { width: 100%; height: 100%; object-fit: cover }
.box-img-upload .item-upload .icon { position: absolute; right: 5px; top: 5px; background-color: rgba(0,0,0,.5); font-size: 16px; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer }
.box-fieldset label { margin-bottom: 8px }
.box-fieldset .nice-select { padding: 15px 18px }
.box-fieldset .box-ip { position: relative }
.box-fieldset .box-ip .btn-location { position: absolute; right: 18px; top: 50%; transform: translateY(-50%) }
.box-fieldset .box-ip .btn-location .icon { font-size: 20px }
.box-fieldset .map { margin-top: 20px; height: 456px; border-radius: 16px; overflow: hidden }
.box-fieldset .textarea { height: 130px }
.widget-box-2 .title span { color: #1f954b }
.widget-box-2 .box:not(:last-child) { margin-bottom: 30px }
.widget-box-2 .box-price-property .box-cb { margin-top: 16px }
.widget-box-2 .fieldset-radio { display: flex; align-items: center; gap: 8px }
.widget-box-2 .fieldset-radio input { border-radius: 50% }
.widget-box-2 .fieldset-radio:not(:last-child) { margin-bottom: 10px }
.widget-box-2 .fieldset-radio label { font-weight: 400 }
.widget-box-2 .box-radio-check:not(:last-child) { margin-bottom: 20px }
.widget-box-2 .btn-add-floor { margin-top: 20px; width: 54px; height: 54px; border-radius: 50%; border: 1px solid #1f954b; color: #1f954b; font-size: 20px; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto }
.widget-box-2 .btn-add-floor:hover { background-color: #1f954b; color: #fff }
.box-info-property #mceu_20-body, .box-info-property .mce-statusbar .mce-container-body { display: none }
.box-info-property .mce-btn, .box-info-property .mce-container, .box-info-property .mce-container *, .box-info-property .mce-reset, .box-info-property .mce-widget, .box-info-property .mce-widget * { background-color: #f7f7f7 }
.box-info-property .mce-tinymce { background-color: #f7f7f7; border-radius: 8px; overflow: hidden }
.box-info-property .mce-menubar { border: 0 }
.box-info-property .mce-stack-layout-item { border: none !important }
.box-info-property .mce-panel { border: 1px solid #e4e4e4 }
.box-amenities-property { display: grid; gap: 30px; grid-template-columns: 1fr }
.box-amenities-property .title-amenities { margin-bottom: 20px }
.box-amenities-property .list-amenities { display: grid; grid-template-columns: 1fr; gap: 16px }
.box-amenities-property .amenities-item { display: flex; align-items: center; gap: 10px }
.box-amenities-property .amenities-item input { flex-shrink: 0 }
.box-amenities-property .amenities-item .text-cb-amenities { font-weight: 400 }
.box-floor-property { padding: 30px; background-color: #f7f7f7; border-radius: 16px }
.box-floor-property .box-floor-img { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 38px 30px; background-color: #fff; border-radius: 12px; margin-bottom: 0 }
.box-floor-property .box-floor-img .btn-upload { margin-bottom: 0 }
.box-floor-property .top { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4 }
.box-floor-property .top .icon { font-size: 20px }
.wrap-dashboard-content .widget-box-2 { margin-top: 30px }
.wrap-dashboard-content .wrap-table thead tr th:nth-child(1) { width: auto }
.wrap-dashboard-content .box-action-print { padding: 20px }
.wrap-dashboard-content .box-action-print .icon { font-size: 20px }
.ip-group .ip-datepicker { height: 40px; padding: 8px 18px; padding-right: 32px; background-color: transparent; position: relative; z-index: 1 }
.ip-group .ip-datepicker::placeholder { color: #a3abb0 }
.ip-group .ip-datepicker.style-2 { height: 54px }
.ip-group.icon { background-color: #fff; position: relative; border-radius: 8px }
.ip-group.icon::after { position: absolute; content: "\e946"; font-family: icomoon; right: 18px; top: 50%; transform: translateY(-50%); color: #a3abb0 }
.box-info-property .box-fieldset .map { width: 100% }

@media only screen and (min-width:576px) {
    .tf-grid-layout.sm-col-4, .tf-layout-mobile-sm.sm-col-4 { grid-template-columns: repeat(4,1fr) }
    .tf-grid-layout.sm-col-3, .tf-layout-mobile-sm.sm-col-3 { grid-template-columns: repeat(3,1fr) }
    .tf-grid-layout.sm-col-2, .tf-layout-mobile-sm.sm-col-2 { grid-template-columns: repeat(2,1fr) }
    .tf-layout-mobile-sm { display: grid; row-gap: 30px; column-gap: 15px }
    .homelengo-box.list-style-2 .archive-top { width: 40% }
    .homelengo-box.list-style-2 .archive-bottom { width: 60% }
    .box-amenities-property { grid-template-columns: 1fr 1fr }
}

@media only screen and (min-width:768px) {
    .tf-marquee { -webkit-animation: slide-har 10s linear infinite; animation: slide-har 10s linear infinite }
    .tf-grid-layout.md-col-4, .tf-layout-mobile-md.md-col-4, .tf-layout-mobile-sm.md-col-4 { grid-template-columns: repeat(4,1fr) }
    .tf-grid-layout.md-col-3, .tf-layout-mobile-md.md-col-3, .tf-layout-mobile-sm.md-col-3 { grid-template-columns: repeat(3,1fr) }
    .tf-grid-layout.md-col-2, .tf-layout-mobile-md.md-col-2, .tf-layout-mobile-sm.md-col-2 { grid-template-columns: repeat(2,1fr) }
    .tf-layout-mobile-md { display: grid; row-gap: 30px; column-gap: 15px }
    .box-amenities-property { grid-template-columns: 1fr 1fr 1fr }
}

@media only screen and (min-width:992px) {
    .flat-slider.home-1, .flat-slider.home-3 { /* background-attachment: fixed; */ }
    .widget-sidebar .widget-box:not(:last-child) { margin-bottom: 40px }
    .modal-account { --bs-modal-width: 920px }
    .sec-btn { margin-top: 50px }
    .flat-slider.home-3 .slider-content { padding-right: 20% }
    .flat-agents .desc { margin-top: 50px }
    .cus-layout-left .content-left { width: 60% }
    .cus-layout-left .content-right { width: 40% }
    .flat-img-with-text { flex-direction: row }
    .flat-img-with-text .content-left { width: 50% }
    .flat-img-with-text .content-right { width: 50%; padding: 50px }
    .flat-img-with-text.style-2 { align-items: center }
    .flat-img-with-text.style-2 .content-left { width: 52.5%; padding-left: 35px }
    .flat-img-with-text.style-2 .content-left img { border-radius: 30px }
    .flat-img-with-text.style-2 .content-right { width: 47.5%; padding-top: 0; padding-bottom: 0 }
    .flat-img-with-text.style-3 { border-radius: 30px }
    .flat-img-with-text.style-3 .content-left { width: 55% }
    .flat-img-with-text.style-3 .content-right { width: 45% }
    .flat-img-with-text-v2 { flex-direction: row; gap: 50px }
    .flat-img-with-text-v2 .content-left { width: 51% }
    .flat-img-with-text-v2 .content-right { width: 49% }
    .flat-testimonial-v2 .content-left { width: 44.9% }
    .flat-testimonial-v2 .content-right { width: 55.1%; padding-right: 20px }
    .flat-testimonial-v2 .box-tes-item .icon { font-size: 24px }
    .flat-testimonial-v2 .box-tes-item .note { text-transform: capitalize; margin-top: 40px; font-size: 30px; line-height: 42px }
    .flat-testimonial-v2 .archive-bottom { margin-top: 50px }
    .flat-title-page { margin-top: 50px }
    .sidebar-blog .recent { padding-right: 60px }
    .flat-quote { padding-right: 50px }
    .sw-pagination:not(.swiper-pagination-lock) { margin-top: 30px }
    .flat-property-detail-v4 .single-property-video .btn-video { width: 80px; height: 80px }
    .flat-property-detail-v4 .single-property-video .btn-video .icon { font-size: 42px }
    .flat-property-detail-v4 .single-property-feature .wrap-feature { padding-right: 100px }
    .tf-grid-layout, .tf-layout-mobile-lg, .tf-layout-mobile-md, .tf-layout-mobile-sm { gap: 30px }
    .tf-grid-layout.lg-col-4, .tf-layout-mobile-lg.lg-col-4, .tf-layout-mobile-md.lg-col-4, .tf-layout-mobile-sm.lg-col-4 { grid-template-columns: repeat(4,1fr) }
    .tf-grid-layout.lg-col-3, .tf-layout-mobile-lg.lg-col-3, .tf-layout-mobile-md.lg-col-3, .tf-layout-mobile-sm.lg-col-3 { grid-template-columns: repeat(3,1fr) }
    .tf-grid-layout.lg-col-2, .tf-layout-mobile-lg.lg-col-2, .tf-layout-mobile-md.lg-col-2, .tf-layout-mobile-sm.lg-col-2 { grid-template-columns: repeat(2,1fr) }
    .tf-layout-mobile-lg { display: grid; gap: 30px }
    .box-benefit { gap: 30px; padding: 30px }
    .box-benefit .icon-box .icon { font-size: 60px }
    .box-title-listing { margin-bottom: 50px }
}

@media only screen and (min-width:1200px) {
    .single-property-element { padding-right: 30px }
    .flat-property-detail-v2 .single-property-element { margin-right: 30px }
    .box-service:hover .tf-btn { padding-left: 65px; padding-right: 65px }
    .wd-find-select { border-radius: 999px }
    .wd-find-select .filter-advanced { padding: 11px 40px }
    .map-listing-item .inner-box { min-width: 560px; gap: 30px; padding-right: 16px }
    .map-listing-item .inner-box .image-box { width: 200px; height: 200px }
    .map-listing-item .inner-box .box-bottom { margin-top: 16px; padding-top: 16px }
    #map .infoBox { margin-left: 170px; margin-bottom: -170px }
    .map-contact { height: 855px }
    .layout-wrap .wrapper-content .mess-box { margin-left: -10px }
    .tf-marquee { -webkit-animation: slide-har 15s linear infinite; animation: slide-har 15s linear infinite }
    .tf-image-wrap .tag-item { padding: 16px 20px }
    .tf-image-wrap .tag-item span { font-size: 18px; line-height: 25.2px; font-weight: 600 }
    .tf-image-wrap .tag-item .icon { font-size: 30px }
    .hover-img-wrap { position: relative }
    .hover-img-wrap::before { content: ""; position: absolute; top: -100%; left: 0; width: 50%; height: 100%; background: #000; transition: .25s; z-index: 3; opacity: .1 }
    .hover-img-wrap::after { content: ""; position: absolute; bottom: -100%; right: 0; width: 50%; height: 100%; background: #000; transition: .25s; z-index: 3; opacity: .1 }
    .hover-img-wrap:hover::after { bottom: 0; transition-delay: .25s }
    .hover-img-wrap:hover::before { top: 0 }
    .homelengo-categories.active, .homelengo-categories:hover { box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843); border-color: transparent }
    .flat-img-with-text.style-3 .content-right { padding: 50px 60px; padding-right: 115px }
    .flat-testimonial-v2 .content-right { padding: 100px; padding-right: 30px }
    .flat-testimonial-v2 .content-right .sw-pagination { margin-top: 40px }
    .flat-testimonial-v2 .archive-bottom { margin-top: 70px }
    .flat-img-with-text-v2 { gap: 110px }
    .flat-slider.home-1 .slider-content .heading { margin-bottom: 108px }
    .sw-pagination:not(.swiper-pagination-lock) { margin-top: 45px }
    .tf-grid-layout, .tf-layout-mobile-md, .tf-layout-mobile-sm { gap: 30px }
    .tf-grid-layout.xl-col-4, .tf-layout-mobile-md.xl-col-4, .tf-layout-mobile-sm.xl-col-4 { grid-template-columns: repeat(4,1fr) }
    .tf-grid-layout.xl-col-3, .tf-layout-mobile-md.xl-col-3, .tf-layout-mobile-sm.xl-col-3 { grid-template-columns: repeat(3,1fr) }
    .tf-grid-layout.xl-col-2, .tf-layout-mobile-md.xl-col-2, .tf-layout-mobile-sm.xl-col-2 { grid-template-columns: repeat(2,1fr) }
    .homelengo-box.list-style-2 .archive-top { width: 33.5% }
    .homelengo-box.list-style-2 .archive-bottom { width: 66.5% }
    .img-animation { -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%); clip-path: polygon(0 0,0 0,0 100%,0 100%); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(5px); filter: blur(5px); -webkit-transition: -webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s; transition: -webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s; -o-transition: clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s; transition: clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s; transition: clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s,-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s; position: relative }
    .img-animation.animated { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0) }
}

@media only screen and (min-width:1441px) {
    .box-location-v3.active, .box-location-v3:hover { box-shadow: 0 30px 60px 0 rgba(0,0,0,.1019607843); border-color: transparent }
    .sw-over { margin: -70px; padding: 70px }
    .main-header { padding-left: 30px; padding-right: 30px }
    .main-header .inner-header-left { gap: 50px }
    .container-full { padding-left: 30px; padding-right: 30px }
    .container-full .tf-sw-result { margin-right: -30px }
    .wrapper-layout .wrap-left { padding-top: 0; padding-left: 30px; padding-right: 30px }
    .search-popup-wrapper .box-form-search { padding: 50px 30px 60px 30px }
    .search-popup-wrapper .wrapper-search-result { height: 860px }
    .header-dashboard .logo-box { gap: 75px }
    .header-dashboard .inner-header .inner-header-left { gap: 20px }
    .flat-title-page { margin-left: 100px; margin-right: 100px; border-radius: 15px; padding-top: 123px; padding-bottom: 123px }
    .footer-dashboard { margin-left: -300px }
}

@media only screen and (min-width:1520px) {
    .main-header { padding-left: 100px; padding-right: 100px }
    .main-header .inner-header-left { gap: 100px }
    .container-full { padding-left: 100px; padding-right: 100px }
    .container-full .tf-sw-result { margin-right: -100px }
    .wrapper-layout .wrap-left { padding-left: 100px; padding-right: 50px }
    .search-popup-wrapper .box-form-search { padding: 50px 100px 60px 100px }
    .search-popup-wrapper .wrapper-search-result { padding-bottom: 80px }
    .header-dashboard .logo-box { gap: 15px }
    .wrapper-layout.layout-2 .wrap-left { padding-left: 100px }
    .flat-filter-search-v2 .flat-tab-form { padding: 30px 100px }
    .wrap-categories { position: relative }
    .wrap-categories .navigation { position: absolute; top: 50%; transform: translateY(-50%) }
    .wrap-categories .navigation.swiper-nav-next { left: -65px }
    .wrap-categories .navigation.swiper-nav-prev { right: -65px }
    .wrap-sw-property { position: relative }
    .wrap-sw-property .navigation { position: absolute; top: 50%; transform: translateY(-50%); z-index: 123 }
    .wrap-sw-property .navigation.swiper-nav-next { left: -30px }
    .wrap-sw-property .navigation.swiper-nav-prev { right: -30px }
    .flat-img-with-text .content-right { padding-right: 200px }
}

@media only screen and (min-width:1801px) {
    .box-amenities-property .list-amenities { grid-template-columns: 1fr 1fr }
    .flat-img-with-text .content-right { padding-right: 295px; padding-top: 100px; padding-bottom: 100px; padding-left: 95px }
}

@media only screen and (max-width:1900px) {
    .toponline { display: none; }
}


@media only screen and (max-width:1800px) {
    .main-header .main-menu .navigation > li { padding-right: 38px }

    .layout-wrap .wrap-table table tbody td:nth-child(3) { padding-left: 20px }
    .layout-wrap .main-content-inner { padding: 40px 30px }
}

@media only screen and (max-width:1519px) {
    .main-header .main-menu { position: relative; margin-left: 1px }
    .wrap-categories .box-navigation { margin-top: 20px }
    .wrap-sw-property .box-navigation { margin-top: 30px }
    .wrapper-layout-3 { flex-wrap: wrap }
    .wrapper-layout-3 .wrap-map { position: relative; height: 600px; width: 100%; margin-top: 30px }
    .wrapper-layout-3 .wrap-inner { width: 70% }
    .wrapper-layout-3 .wrap-sidebar { width: 30%; padding-bottom: 0 }
    .wrapper-layout-3 .wrap-sidebar .widget-filter-search .form-btn-fixed { margin-top: 12px; padding: 0; background-color: transparent; position: unset; width: 100% }
    .overlay .swiper-slide:not(.swiper-slide-prev,.swiper-slide-active,.swiper-slide-next)::after { content: none }
}

@media only screen and (max-width:1440px) {
    .main-header .main-menu .navigation > li { padding-right: 30px }
    .flat-img-with-text .box-title br { display: none }
    .flat-header-wrapper-about .box-img { display: none }
    .show-mb { display: inline-block }
    .header-dashboard .logo-box .button-show-hide { display: none }
    .wrap-property-v2 .box-inner-right .content-property .pricing-property { gap: 15px; justify-content: space-between; flex-wrap: wrap }
    .wrapper-layout { flex-direction: column }
    .wrapper-layout .wrap-right { position: relative; width: 100% !important; height: 600px !important }
    .wrapper-layout .wrap-left { height: auto !important; width: 100% !important }
    .flat-property-detail .header-property-detail { margin-left: 0; margin-right: 0 }
    .flat-property-detail-v2 .wrapper-sidebar-right { padding-left: 0 }
    .single-property-contact .box-avatar { flex-wrap: wrap }
    .overlay-dashboard { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(22,30,45,.3); transition: all .3s ease 0s; visibility: hidden; opacity: 0 }
    .layout-wrap .sidebar-menu-dashboard { transform: translateX(-100%) }
    .layout-wrap .main-content { padding-left: 0 }
    .layout-wrap.full-width .sidebar-menu-dashboard { transform: translateX(0) }
    .layout-wrap.full-width .overlay-dashboard { opacity: 1; visibility: visible; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
}

@media only screen and (max-width:1350px) {
    .box-navigation .navigation { width: 50px; height: 50px }
    .box-navigation .navigation .icon { font-size: 14px }
    .flat-testimonial { padding-left: 15px !important; padding-right: 15px !important }
    .wrap-service-v2 .box-left { padding-right: 0 }
    .wrap-service-v2 .box-left .list-view li:last-child, .wrap-service-v2 .box-left .list-view li:nth-child(2) { padding-left: 0 }
    .wrap-service-v2 .box-right { padding-left: 25px; padding-right: 25px }
    .header-dashboard .logo-box { gap: 20px }
    .header-dashboard .header-account .box-avatar .name { display: none }
}

@media only screen and (max-width:1300px) {

    .wrap-property-v2 .box-inner-right { padding: 40px }
    .wrap-property-v2 .box-inner-right .content-property .list-info { gap: 30px }
    .wrap-service-v4 .inner-service-right { padding-right: 0 }
    .wrap-banner .box-right img { margin-top: 0 }
    .header-style-3 .nav-outer { padding-left: 20px }
    .flat-filter-search-v2 .flat-tab-form { flex-direction: column; gap: 20px }
}

@media only screen and (max-width:1199px) {
    .flat-slider.home-3 .slider-content .heading { padding-right: 10% }
    .flat-slider.home-5 .thumbs-swiper-column1 { right: 15px }
    .flat-slider.home-5 .thumbs-swiper-column .box-img { height: 700px }
    .flat-slider.home-5 .thumbs-swiper-column .box-img img { object-fit: cover; height: 100% }
    .header-account { gap: 10px }
    .header-account .tf-btn { min-width: 150px }
    .header-account .btn-login { min-width: 100px }

    .header-account ul { margin-right: 6px }
    .main-header .main-menu .navigation > li.dropdown2 > a::after { font-size: 12px }
    .wrap-counter { flex-wrap: wrap; gap: 30px }
    .wrap-property { flex-wrap: wrap }
    .wrap-property .box-left { flex-grow: 1 }
    .wrap-service-v2 .box-left { padding-right: 0 }
    .wrap-service-v2 .box-left .list-view { display: flex; flex-wrap: wrap; row-gap: 12px }
    .wrap-service-v2 .box-left .list-view li { width: 100% }
    .wrap-service-v2 .box-service { flex-direction: column }
    .wrap-service-v2 .box-service .content { text-align: center }
    .flat-agents-v2 .grid-2, .flat-property-v2 .grid-2 { grid-template-columns: 1fr }
    .grid-location-v2 { grid-template-columns: 1fr 1fr }
    .homelengo-box.style-3 .images-group .images-style { height: 100% }
    .wrap-banner .box-left { padding: 0; padding-left: 60px }
    .wrap-banner .box-right { flex-shrink: unset }
    .layout-wrap .flat-counter-v2 { grid-template-columns: 1fr 1fr }
    .wrap-dashboard-content .box-fieldset { margin-bottom: 30px }
    .wd-chart { margin-bottom: 30px }
}

@media only screen and (max-width:1099px) {
    .flat-spacing-service { padding-top: 460px; margin-top: -400px }
    .wd-find-select { flex-direction: column; gap: 16px; padding: 20px }
    .wd-find-select .inner-group { flex-wrap: wrap; padding: 0 }
    .wd-find-select .inner-group .form-style { border-right: 0 !important }
    .wd-find-select .inner-group .form-style label { margin-bottom: 8px }
    .wd-find-select .inner-group .form-style .form-control, .wd-find-select .inner-group .form-style .nice-select { padding: 10px 16px; border: 1px solid #e4e4e4; border-radius: 99px; font-weight: 400 }
    .wd-find-select .inner-group .box-filter .filter-advanced { flex-direction: row; gap: 4px }
    .wd-find-select .inner-group .box-filter .text-1 { font-size: 16px; line-height: 26px }
    .wd-find-select .tf-btn { min-width: 100px; border-radius: 99px }
    .wrap-service-v4 { flex-direction: column }
    .wrap-service-v4 .inner-service-left { padding: 0 200px }
    .wrap-service-v4 .inner-service-left img { width: 100% }
    .header-search .nav-outer .outer-search { width: auto; border: 0 }
    .header-search .nav-outer .outer-search .form-box { display: none }
    .header-search .header-account { flex-grow: 1; justify-content: flex-end }
    .wrapper-layout-3 .wrap-inner, .wrapper-layout-3 .wrap-sidebar { width: 100%; height: auto; padding: 15px; padding-top: 0 }
    .wrapper-layout-3 .wrap-map { margin-top: 0 }
    .wrap-dashboard-content-2 .grid-4 { grid-template-columns: 1fr 1fr }
    .main-header .main-menu { display: none }
    .main-header { padding: 15px }
    .mobile-button { display: block !important }
    .header-account ul { margin-right: 20px }
    .header-account { margin-right: 50px }
    .header-account .dropdown-menu { margin-top: 19px !important }
    #navbarSupportedContent { display: block }
}

@media only screen and (max-width:991px) {
    .box-location-v2 .content { padding-top: 15px }
    .footer .inner-footer, .footer .top-footer { padding: 40px 0 }
    .flat-blog-item .content-box { margin-top: 20px }
    .flat-spacing-service { padding-bottom: 60px }
    .flat-blog-item { margin-bottom: 30px }
    .px-10 { padding-left: 15px; padding-bottom: 15px }
    .box-agent { gap: 15px }
    .box-service { padding: 15px; gap: 15px }
    .box-service .tf-btn { padding: 15px }
    .box-service .content .description, .box-service .content .title { margin-bottom: 15px }
    .flat-img-with-text.style-2 .content-left { padding-left: 15px; padding-right: 15px }
    .flat-img-with-text.style-2 .content-right { padding-top: 70px; padding-bottom: 0 }
    .mx-10, .mx-5 { margin-left: 15px !important; margin-right: 15px !important }
    .box-title, .box-title.style-1, .flat-recommended .box-title, .flat-tab-recommended .nav-tab-recommended { margin-bottom: 30px }
    .flat-recommended .tf-btn { margin-top: 0 }
    .flat-slider.home-3 .flat-tab-form { margin-top: 30px }
    .layout-wrap .main-content-inner { padding: 40px 15px }
    .sidebar-privacy { margin-top: 30px }
    .single-property-gallery .box-navigation .navigation.swiper-nav-next { left: 15px }
    .single-property-gallery .box-navigation .navigation.swiper-nav-prev { right: 15px }
    .flat-gallery-single { grid-template-areas: "item1 item1" "item1 item1" "item2 item3" "item4 item5"; gap: 15px; padding: 0 15px }
    .flat-img-with-text .box-count { gap: 15px }
    .flat-img-with-text .box-count .count-item { padding: 15px; border-radius: 30px; animation: none !important }
    .flat-img-with-text .box-count .count-item h4 { font-size: 18px; line-height: 24px }
    .flat-map .top-map { height: 500px }
    .footer .wd-social span { display: none }
    .footer-cl-1, .footer-cl-2 { margin-bottom: 30px; margin-left: 0; margin-right: 0 }
    .footer-cl-3, .footer-cl-4 { margin-left: 0 }
    .flat-title-page h2 { font-size: 46px; line-height: 58px }
    .flat-section { padding: 60px 0 60px }
    .flat-section-v2 { padding: 100px 0 60px }
    .flat-section-v3 { padding: 50px 0 60px }
    .flat-section-v4 { padding-top: 30px; padding-bottom: 30px }
    .flat-blog-list { padding-right: 0; margin-bottom: 40px }
    .flat-latest-post .flat-blog-item { margin-bottom: 30px }
    .title-large { font-size: 60px; line-height: 78px }
    h1 { font-size: 46px; line-height: 58px }
    h2 { font-size: 34px; line-height: 52px }
    h3 { font-size: 26px; line-height: 34px }
    h4 { font-size: 20px; line-height: 26px }
    h5 { font-size: 18px; line-height: 22px }
    h6 { font-size: 16px; line-height: 23.2px }
    .flat-slider.home-1 .slider-content { padding: 80px 0 }
    .flat-slider.home-1 .slider-content .subtitle { padding: 0 }
    .flat-slider.home-2 .img-banner-right { display: none }
    .flat-slider.home-2 .slider-content { padding: 80px 0 }
    .flat-slider.home-2 .slider-content .heading .subtitle, .flat-slider.home-2 .slider-content .heading .title { padding-right: 0 }
    .flat-slider.home-3 { padding: 80px 0 }
    .flat-slider.home-5 .thumbs-swiper-column1 { display: none }
    .wd-search-form .group-box { grid-template-columns: 1fr; gap: 30px }
    .wd-search-form .group-select { gap: 20px }
    .wd-search-form .group-checkbox .group-amenities { grid-template-columns: repeat(3,1fr); gap: 12px }
    .flat-location { padding-left: 15px; padding-right: 15px }
    .flat-location .navigation { width: 44px; height: 44px }
    .flat-location .navigation .icon { font-size: 18px }
    .flat-location .navigation.swiper-nav-next { left: 15px }
    .flat-location .navigation.swiper-nav-prev { right: 15px }
    .wrap-benefit, .wrap-service { gap: 30px }
    .flat-agents .box:nth-child(1), .flat-agents .box:nth-child(2) { margin-bottom: 30px }
    .flat-latest-new .box:not(:last-child) .flat-blog-item { margin-bottom: 30px }
    .wrap-service-v2 .box-left .list-view li { width: 50% }
    .wrap-service-v2 .box-right { margin-top: 30px }
    .flat-service-v3 .box:not(:last-child) { margin-bottom: 30px }
    .flat-latest-new-v2 .box:nth-child(1), .flat-latest-new-v2 .box:nth-child(2) { margin-bottom: 30px }
    .box-test-left { border-radius: 0; border-top-left-radius: 16px; border-top-right-radius: 16px }
    .box-test-right { border-radius: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; margin-left: 0; padding-left: 60px }
    .flat-service-v5 { padding-top: 460px; margin-top: -400px }
    .flat-service-v5 .box:not(:last-child) { margin-bottom: 30px }
    .wrap-benefit-v2 .box-right { margin-top: 30px; padding-left: 0 }
    .wrap-service-v4 .inner-service-left { padding: 0 100px }
    .wrap-banner { display: block }
    .wrap-banner .box-left { padding: 60px }
    .wrap-banner .box-right img { width: 100% }
    .nav-tab-privacy { margin-bottom: 40px }
    .flat-pricing .box:nth-child(1), .flat-pricing .box:nth-child(2) { margin-bottom: 30px }
    .offcanvas.canvas-menu { width: 300px }
    .offcanvas.canvas-filter { display: none; height: 530px }
    .offcanvas.canvas-filter .wd-find-select { padding: 0; gap: 0 }
    .offcanvas.canvas-filter .wd-find-select .inner-group { padding: 20px; border-radius: 0; border-top-left-radius: 12px; border-top-right-radius: 12px }
    .offcanvas.canvas-filter .wd-find-select .tf-btn { border-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px }
    .wrapper-layout .wrap-left { padding: 24px 15px !important }
    .flat-filter-search-v2 .flat-tab-form { padding: 20px 15px }
    .flat-filter-search-v2 .flat-tab-form .wd-find-select { padding: 0 }
    .flat-filter-search-v2 .flat-tab-form .wd-search-form { top: 100%; margin-top: 26px }
    .wrapper-layout-3 .wrap-sidebar .widget-filter-search { padding: 30px 15px }
    .wrapper-layout-3 .wrap-inner { padding: 15px }
    .widget-sidebar { margin-bottom: 30px }
    .flat-slider-detail-v1 .box-img-detail { border-radius: 15px }
    .single-property-video .img-video { border-radius: 15px }
    .single-property-video .img-video .btn-video { width: 40px; height: 40px }
    .single-property-explore .box-img { border-radius: 15px }
    .single-property-explore .box-img .box-icon .icon { font-size: 40px }
    .single-property-map .map { border-radius: 15px }
    .single-property-feature .wrap-feature { gap: 30px }
    .wrapper-sidebar-right { margin-bottom: 0; margin-top: 30px; padding-left: 0 }
    .header-property-detail .content-bottom .box-left { gap: 20px }
    .widget-box-single { padding: 15px }
    .widget-box-header-single .header-property-detail .content-bottom, .widget-box-header-single .header-property-detail .content-top { padding-left: 15px; padding-right: 15px }
    .widget-box-header-single .single-property-desc, .widget-box-header-single .single-property-overview { padding-left: 15px; padding-right: 15px }
    .single-property-nearby .grid-3 { grid-template-columns: 1fr 1fr; gap: 8px }
    .wd-navigation { gap: 8px }
    .wd-navigation .nav-item { width: 36px; height: 36px; font-size: 14px }
    .wd-navigation .nav-item .icon { font-size: 12px }
    .single-property-gallery .box-navigation .navigation { width: 40px; height: 40px }
    .single-property-gallery .box-navigation .navigation .icon { font-size: 18px }
    .flat-property-detail-v4 .single-property-contact .grid-3 { grid-template-columns: 1fr }
    .flat-slider-contact .content-wrap .content-left { padding-right: 0; margin-bottom: 30px }
    .flat-contact .contact-content { padding-right: 0; margin-bottom: 30px }
    .layout-wrap .main-content-inner .wrapper-content .wd-filter { grid-template-columns: 1fr 1fr }
    .widget-box-2, .widget-box-3 { padding: 15px }
    .widget-box-3.mess-box { margin-top: 30px }
    .box-amenities-property { padding-right: 0 }
    .box-floor-property { padding: 15px }
    .flat-banner-about .banner-video .btn-video .icon { font-size: 70px }
    .single-property-overview .info-box { gap: 20px }
    .tf-image-wrap { border-radius: 15px }
    .tf-image-wrap .img-style { border-radius: 15px }
    .tf-image-wrap .tag-item { display: none }
    .box-faq .faq-item .faq-header { padding: 15px; padding-right: 30px }
    .box-faq .faq-item .faq-header::after { right: 15px }
    .box-faq .faq-item .faq-body { padding: 15px; padding-top: 0 }
    .single-sidebar .widget-box { padding: 15px }
    .flat-property-detail-v2 .single-property-element { border-radius: 16px; padding: 15px }
    .flat-property-detail-v2 .single-sidebar .box-latest-property { padding: 15px }
    .single-property-floor .floor-item { padding: 0 15px }
    .single-property-loan .box-loan-calc .box-top { padding: 15px; gap: 15px }
    .single-property-loan .box-loan-calc .box-bottom { padding: 15px }
    .box-navigation .navigation { width: 40px; height: 40px }
    .box-navigation .navigation .icon { font-size: 12px }
    .modal-account .modal-dialog .modal-content { border-radius: 10px }
    .flat-account { display: flex }
    .flat-account .banner-account { display: none }
    .flat-account .form-account { padding: 15px }
    .flat-account .form-account .box:not(:last-child) { margin-bottom: 20px }
    .flat-account .form-account .title-box { margin-bottom: 30px }
    .flat-account .form-account .box-fieldset:not(:last-child) { margin-bottom: 20px }
    .flat-account .form-account .box-fieldset label { margin-bottom: 8px }
    .flat-account .form-account .box-fieldset .text-forgot { margin-top: 10px }
    .flat-account .form-account .ip-field { position: relative }
    .flat-account .form-account .ip-field .icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%) }
    .flat-account .form-account .ip-field input { padding-left: 46px }
    .flat-account .box-btn .text { margin-top: 10px }
    .wd-find-select .box-btn-advanced { flex-wrap: wrap }
    .box-img-upload { gap: 15px }
    .box-img-upload .item-upload { width: 150px; height: 80px }
    .single-sidebar { margin-top: 40px }
    .single-sidebar .widget-box:not(:last-child) { margin-bottom: 30px }
    .sidebar-blog { margin-top: 40px }
}

@media only screen and (max-width:767px) {
    .latest-property-item { gap: 10px }
    .latest-property-item .meta-list { gap: 8px }
    .footer .footer-cl-1, .footer .footer-cl-2, .footer .footer-cl-3 { margin-bottom: 20px }
    .footer .footer-heading-desktop { display: none }
    .footer .footer-heading-mobile { display: block; position: relative }
    .footer .footer-heading-mobile::after { position: absolute; content: ""; right: 10px; top: 50%; transform: translateY(-50%); width: 12px; height: 1px; background-color: #fff; transition: .25s ease-in-out }
    .footer .footer-heading-mobile::before { position: absolute; content: ""; right: 15px; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 12px; background-color: #fff; transition: .25s ease-in-out }
    .footer .footer-col-block.open .footer-heading-mobile::before { opacity: 0 }
    .footer .footer-col-block.open .footer-heading-mobile::after { transform: translate(0,-50%) rotate(180deg) }
    .footer .tf-collapse-content { display: none }
    .flat-tab-form .nav-tab-form .nav-link-item { padding: 14px 30px }
    .single-property-map .info-map { grid-template-columns: 1fr }
    .radius-30 { border-radius: 15px }
    .tf-btn { min-width: 100px; min-height: 44px }
    .header-account .flat-bt-top { display: none }
    .header-account ul { margin-right: 0 }
    .wrap-form-comment .group-ip { grid-template-columns: 1fr }
    .list-review-item { flex-wrap: wrap }
    .flat-blog-detail .box-image { grid-template-columns: 1fr }
    .flat-blog-detail .post-navigation { grid-template-columns: 1fr }
    .flat-blog-detail .post-navigation .previous-post { padding-right: 0 }
    .flat-blog-detail .post-navigation .previous-post::after { content: none }
    .flat-blog-detail .post-navigation .next-post { margin-top: 20px; text-align: left; padding-left: 0 }
    .comment-form .text-checkbox { font-size: 14px; line-height: 22px }
    .flat-quote { padding: 15px }
    .wd-search-form .group-checkbox .group-amenities { grid-template-columns: repeat(2,1fr) }
    .wrap-benefit, .wrap-service { flex-wrap: wrap }
    .grid-location { grid-template-areas: "item1 item2" "item3 item4" "item5 item5" "item6 item6"; grid-gap: 15px; grid-template-columns: repeat(2,1fr) }
    .grid-location-v2 { grid-template-columns: 1fr; gap: 15px }
    .flat-pricing .box:not(:last-child) { margin-bottom: 30px }
    .header-dashboard .header-account .box-avatar { margin-right: 0 }
    .widget-box-2 .grid-2, .widget-box-2 .grid-3 { grid-template-columns: 1fr }
    .wrap-dashboard-content .col-md-3 .box-fieldset { margin-bottom: 30px }
    .wrap-dashboard-content-2 .grid-4 { grid-template-columns: 1fr }
    .header-account .dropdown-menu { margin-top: 21px !important }
}

@media only screen and (max-width:700px) {
    .single-property-info .inner-box .label { width: 40% }
}

@media only screen and (max-width:655px) {
    .box-agent.style-2 { display: block }
    .wrap-service-v4 .inner-service-left { padding: 0 30px }
    .wrap-service-v4 .inner-service-left .title { font-size: 14px; line-height: 24px }
    .wrap-service-v4 .inner-service-left h4, .wrap-service-v4 .inner-service-left h6 { font-size: 20px; line-height: 28px }
    .wrap-service-v4 .inner-service-left .box-avatar { left: -44px }
    .wrap-service-v4 .inner-service-left .box-trader { right: -34px }
    .wrap-service-v4 .inner-service-left .box-trader .content { padding: 5px 15px }
    .layout-wrap .flat-counter-v2 { grid-template-columns: 1fr }
}

@media only screen and (max-width:575px) {
    .flat-img-with-text .box-count { display: none }
    .flat-img-with-text.style-2 .content-right { padding-top: 50px }
    .animationtext.slide .cd-words-wrapper { text-align: center }
    .box-agent.style-list { flex-direction: column }
    .box-agent.style-list .box-img { width: 100% }
    .box-agent.style-list .archive-content { padding: 15px }
    .header-account .tf-btn { display: none }
    .wd-search-form .group-select { grid-template-columns: 1fr }
    .box-title-price { display: block !important }
    .box-title-price .title-price { margin-bottom: 4px; display: inline-block }
    .flat-slider.home-5 .info-box { right: 15px; left: 15px }
    .homelengo-box.list-style-1 { display: block }
    .homelengo-box.lg .archive-top h5 { font-size: 24px; line-height: 30px }
    .homelengo-box.lg .archive-top .content { padding-left: 20px; padding-right: 20px }
    .homelengo-box.lg .archive-top .content .note { font-size: 16px; line-height: 26px }
    .homelengo-box.lg .archive-top .content .desc p { font-size: 16px; line-height: 26px }
    .homelengo-box.lg .archive-top .content .meta-list { column-gap: 20px }
    .flat-agents .box:not(:last-child) { margin-bottom: 30px }
    .wrap-service-v2 .box-left .list-view li { width: 100% }
    .grid-location-v2 .box-location-v3 { gap: 15px }
    .flat-latest-new-v2 .box:not(:last-child) { margin-bottom: 30px }
    .box-test-right { padding: 20px !important }
    .box-test-right .box-tes-item-v2 h5 { font-size: 20px; line-height: 32px }
    .wrap-benefit-v2 .box-right { grid-template-columns: 1fr }
    .wrap-service-v4 .inner-service-left .box-avatar { top: 20%; padding: 8px; padding-right: 16px; gap: 8px }
    .wrap-service-v4 .inner-service-left .box-trader { bottom: 10% }
    .wrap-service-v4 .box-service { gap: 15px }
    .wrap-banner .box-left { padding: 30px }
    .header-style-3 .register { display: none }
    .canvas-filter .header-style-3 .logo-box { display: none }
    .box-title-listing .box-filter-tab .nav-tab-filter { width: 100% }
    .widget-sidebar .widget-box { padding: 15px }
    .widget-sidebar .widget-box .latest-property-item { gap: 10px }
    .widget-sidebar .widget-box .latest-property-item .images-style { flex-shrink: 0 }
    .widget-sidebar .widget-box .latest-property-item .h7 { font-size: 18px }
    .widget-sidebar .widget-box .latest-property-item .meta-list { gap: 8px }
    .header-property-detail .content-bottom .info-box .meta { gap: 15px }
    .single-property-nearby .box-nearby { gap: 8px; grid-template-columns: 1fr }
    .single-property-nearby .box-nearby .label { width: auto; margin-right: 20px }
    .single-property-loan .box-loan-calc .box-top { grid-template-columns: 1fr }
    .single-property-loan .box-loan-calc .box-bottom { flex-wrap: wrap; gap: 15px }
    .col-sm-4 .attachments-item:first-child, .col-sm-6 .attachments-item:first-child { margin-bottom: 15px }
    .single-property-map .info-map { justify-content: space-between; gap: 20px }
    .box-contact-v2 { padding: 20px }
    .flat-contact .contact-content .grid-2 { grid-template-columns: 1fr; gap: 20px }
    .layout-wrap .main-content-inner .wrapper-content .wd-filter { grid-template-columns: 1fr }
    .title-large { font-size: 40px; line-height: 58px }
    h1 { font-size: 30px; line-height: 42px }
    .layout-wrap .box-agent-avt { flex-wrap: wrap }
    .homelengo-box.list-style-1 .archive-top { width: 100% }
}

@media only screen and (max-width:500px) {
    .box-amenities-property, .single-property-feature .wrap-feature { display: grid }
}

@keyframes slide-har-reverse {
    0% { -webkit-transform: translateX(0); transform: translateX(0) }
    100% { -webkit-transform: translateX(100%); transform: translateX(100%) }
}

.rtl .wrapper-layout .wrap-right { left: 0; right: auto }
.rtl .wrapper-layout-3 .wrap-map { right: auto; left: 0 }
.rtl .wrapper-layout-3 .wrap-sidebar { padding-left: 0; padding-right: 20px }
.rtl .wd-navigation { direction: ltr }
.rtl .single-property-floor .floor-item .floor-header .inner-left .icon { margin-right: 0; margin-left: 16px }
.rtl .single-property-feature .wrap-feature .box-feature ul { padding-left: 0; padding-right: 15px }
.rtl .box-faq .faq-item .faq-header::after { right: auto; left: 30px }
.rtl .box-faq .faq-item .faq-header { padding: 24px 30px 20px; padding-left: 60px }
.rtl .flat-blog-list { padding-left: 6%; padding-right: 0 }
.rtl .sidebar-blog .newsletter .search-box .search-field { padding-left: 44px; padding-right: 16px }
.rtl .sidebar-blog .newsletter .search-box .icon { left: 18px; right: auto; transform: translateY(-50%) rotate(180deg) }
.rtl .sidebar-blog .recent { padding-right: 0 }
.rtl .layout-wrap .main-content { padding-right: 280px; padding-left: 0 }
.rtl .sidebar-menu-dashboard { left: auto; right: 0 }
.rtl .layout-wrap.full-width .sidebar-menu-dashboard { transform: translateX(100%) }
.rtl .layout-wrap.full-width .main-content { padding-right: 0 }
.rtl .ip-group.icon::after { left: 18px; right: auto }
.rtl .layout-wrap .wrap-table thead tr th:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px }
.rtl .layout-wrap .wrap-table thead tr th:first-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0 }
.rtl .layout-wrap .wrap-table table tbody td:not(:last-child)::after { right: auto; left: 0 }
.rtl .box-password .show-pass, .rtl .box-password .show-pass2, .rtl .box-password .show-pass3 { left: 16px; right: auto }
.rtl .box-fieldset .box-ip .btn-location { left: 18px; right: auto }
.rtl .progress-wrap { right: auto; left: 30px }

@media only screen and (min-width:768px) {
    .rtl .tf-marquee { -webkit-animation: slide-har-reverse 10s linear infinite; animation: slide-har-reverse 10s linear infinite }
}

@media only screen and (min-width:992px) {
    .rtl .footer-cl-1 { margin-left: 20.4%; margin-right: 0 }
    .rtl .footer-cl-2 { margin-right: 15.4%; margin-left: 0 }
    .rtl .footer-cl-3 { margin-right: 20%; margin-left: 0 }
    .rtl .footer-cl-4 { margin-right: 17.3%; margin-left: 0 }
    .rtl .flat-testimonial-v2 .content-right { padding-left: 20px; padding-right: 50px }
    .rtl .flat-img-with-text.style-2 .content-left { padding-right: 35px; padding-left: 0 }
}

@media only screen and (min-width:1100px) {
    .rtl .wd-find-select { padding-left: 20px; padding-right: 40px }
    .rtl .wd-find-select .inner-group { padding-right: 0; padding-left: 20px }
    .rtl .wd-find-select .inner-group .form-style:not(:last-child) { border-right: 0; border-left: 1px solid #e4e4e4 }
    .rtl .wd-find-select .inner-group .form-style .form-control { padding-right: 0; padding-left: 45px }
    .rtl .flat-filter-search-v2 .flat-tab-form .form-style .form-control, .rtl .flat-filter-search-v2 .flat-tab-form .form-style .nice-select { padding-left: 48px; padding-right: 18px }
}

@media only screen and (min-width:1200px) {
    .rtl .tf-marquee { -webkit-animation: slide-har-reverse 15s linear infinite; animation: slide-har-reverse 15s linear infinite }
    .rtl .flat-testimonial-v2 .content-right { padding: 100px; padding-left: 30px }
    .rtl .flat-img-with-text.style-3 .content-right { padding: 50px 60px; padding-left: 115px }
}

@media only screen and (min-width:1441px) {
    .rtl .footer-dashboard { margin-right: -300px; margin-left: 0 }
}

@media only screen and (min-width:1520px) {
    .rtl .flat-img-with-text .content-right { padding-right: 50px; padding-left: 200px }
    .rtl .wrapper-layout .wrap-left { padding-left: 50px; padding-right: 100px }
}

@media only screen and (min-width:1801px) {
    .rtl .flat-img-with-text .content-right { padding-right: 95px; padding-left: 290px }
}

@media only screen and (max-width:1440px) {
    .rtl .layout-wrap .sidebar-menu-dashboard { transform: translateX(100%) }
    .rtl .layout-wrap .main-content { padding-left: 0; padding-right: 0 }
    .rtl .layout-wrap.full-width .sidebar-menu-dashboard { transform: translateX(0) }
}

@media only screen and (max-width:1300px) {
    .rtl .main-header .main-menu .navigation > li { padding-left: 40px }
}

@media only screen and (max-width:1199px) {
    .rtl .main-header .main-menu .navigation > li { padding-left: 30px }
}

@media only screen and (max-width:1099px) {
    .rtl .header-account { margin-right: 0; margin-left: 50px }
}

@media only screen and (max-width:991px) {
    .rtl .box-faq .faq-item .faq-header::after { right: auto; left: 15px }
    .rtl .box-faq .faq-item .faq-header { padding: 15px; padding-left: 30px }
    .rtl .flat-blog-list { padding-left: 0 }
}

@media only screen and (max-width:767px) {
    .rtl .footer .footer-heading-mobile::after { right: auto; left: 10px }
    .rtl .footer .footer-heading-mobile::before { left: 16px; right: auto }
    .rtl .flat-slider.home-2 .img-banner-left { animation: none }
}



.single-property-desc table,
.parameter table,
.tablebox table { width: 100%; border-collapse: collapse; text-align: center; margin: 10px 0; }
.single-property-desc th, .single-property-desc td,
.parameter th, .parameter td,
.tablebox th, .tablebox td { border: 1px solid #cecece; padding: 6px 3px; }
.single-property-desc th,
.parameter th,
.tablebox th { background-color: #f2f2f2; }
.single-property-desc table tr:nth-child(odd),
.parameter table tr:nth-child(odd),
.tablebox table tr:nth-child(odd) { background-color: #f5f5f5; }


.single-property-desc a { color: #1F954B; text-decoration: underline }
.single-property-desc ul { padding-top: 5px }
.single-property-desc ul li { position: relative; padding: 8px 0 8px 28px; line-height: 30px }
.single-property-desc ul li::before { content: ''; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #30ab5e; position: absolute; left: 0; top: 17px }
.single-property-desc img + p { padding-bottom: 34px }
.single-property-desc img + p i { display: block; text-align: center }
.single-property-desc ol { padding-top: 5px }
.single-property-desc ol li { position: relative; padding: 8px 0 8px 10px; line-height: 30px; margin-left: 20px }
.single-property-desc ol li { list-style: decimal }
.single-property-desc ol li::marker { color: #1f954b; font-weight: 600 }
.single-property-desc ol li a { color: #1F954B }
.single-property-desc ol li a:hover { text-decoration: underline }
.single-property-desc ol li span { display: block; position: absolute; left: 0; top: 15px; color: #66a013; font-weight: 700 }
.single-property-desc img { max-width: 100%; height: auto; display: block; margin: 0 auto }


.tablebox { overflow: auto }
.tablebox::-webkit-scrollbar { background: #f1f2f2; border-radius: 50px }
.tablebox::-webkit-scrollbar-thumb { background: #66a013; border-radius: 50px }
.tablebox + h3 { margin-top: 60px }
.single-property-faq strong { margin-top: 20px; margin-bottom: 20px }
.text-16 { font-size: 16px; line-height: 32px }
.text-16 p { padding: 7px 0 }
.text-16 h2 { font-size: 24px; line-height: 36px;margin-bottom: 8px; padding-left: 5px; border-left: 4px solid #1f954b; }
.text-16 h3 { font-size: 16px; line-height: 28px; padding-top: 15px; padding-bottom: 5px; }
.text-16 h4 { font-size: 16px; line-height: 28px; padding-top: 5px; padding-bottom: 5px; }
.text-16 strong { font-weight: 700 }
.text-16 video { max-height: 800px; max-width: 100%; }
.video_mp4 { text-align: center; max-width: 850px; }

.title-h1 { font-size: 36px; line-height: 40px; font-weight: 800 }
.point { padding: 0 50px 117px; text-align: center }
.point .img1 { display: block; height: 280px; margin: auto }
.point h1 { font-size: 80px; line-height: 1em; margin: 60px 0 38px }
.point p { font-size: 24px; line-height: 44px }
.point .btn { display: block; width: 220px; height: 50px; background: #1f954b; border-radius: 25px; margin: 20px auto 0; font-size: 16px; line-height: 50px; color: #fff; text-align: center; transition: all .3s }
.point .btn:hover { background: #1f954b }

.enquire-now { display: inline-block; width: 100%; height: 66px; margin-top: 30px; color: transparent; background: url(/images/enquire-now-green.png) no-repeat center center; background-size: 100% auto; text-align: center; text-decoration: none; transition: background .3s ease }
.enquire-now:hover { background: url(/images/enquire-now-green.png) no-repeat center center; background-size: 100%; opacity: .8 }
.enquire-now span { visibility: hidden }



.blockquote-classic { background-color: #f8f9fa; border-left: 5px solid #007bff; margin: 1.5em 0; padding: 1em 1.5em; font-style: italic; color: #555; }

.blockquote-classic p { margin: 0; }
.blockquote-modern { position: relative; background-color: #f1f1f1; border-radius: 8px; padding: 2em 2.5em; margin: 1.5em 0; color: #333; text-align: center; }

.blockquote-modern::before { content: '\201C'; /* Unicode for left double quotation mark */ font-family: Georgia, serif; font-size: 4em; font-weight: bold; color: #ddd; position: absolute; left: 15px; top: 5px; }

.note-block { background-color: #e7f3fe; border: 1px solid #d0e8fc; border-left: 5px solid #2196F3; /* Blue */ border-radius: 4px; padding: 16px; margin: 1.5em 0; color: #333; }

.note-block::before { content: '💡 '; font-weight: bold; display: block; margin-bottom: 8px; color: #1a7bca; }
.warning-block { background-color: #fffbe5; border: 1px solid #fff2c4; border-left: 5px solid #FFC107; /* Yellow/Amber */ border-radius: 4px; padding: 16px; margin: 1.5em 0; color: #5d4c00; }

.warning-block::before { content: '⚠️'; font-weight: bold; display: block; margin-bottom: 8px; color: #d9a500; }

.danger-block { background-color: #fdecea; border: 1px solid #f9d6d4; border-left: 5px solid #F44336; /* Red */ border-radius: 4px; padding: 16px; margin: 1.5em 0; color: #4f1814; }

.danger-block::before { content: '🚫'; font-weight: bold; display: block; margin-bottom: 8px; color: #c9302c; }

@media (max-width:1024px) {
    .point { padding: 100px 50px 80px }
    .point .img1 { height: 200px }
    .point h1 { font-size: 60px }
    .p-56 { font-size: 26px; line-height: 38px }
}

@media (max-width:768px) {
    .point { padding: 60px 20px }
    .point .img1 { height: 120px }
    .point h1 { font-size: 40px; margin-bottom: 20px }
    .point p { font-size: 20px; line-height: 26px }
    .flat-title-page { height: 200px; padding: 0px; display: flex; justify-content: center; align-items: center; }
    .flat-section { padding: 40px 0 40px; }
    .p-56 { font-size: 20px; line-height: 30px }
    .text-16 video { max-height: 500px; max-width: 330px; }
    .single-property-video .img-video lite-youtube { width: 100%; height: 300px; border-radius: 10px }
    .title-h1 { font-size: 24px; line-height: 30px; font-weight: 600 }
    .enquire-now { height: 65px; margin-top: 10px; background: url(/images/enquire-now-green-m.png) no-repeat center center; background-size: 100% auto }
    .enquire-now:hover { background: url(/images/enquire-now-green-m.png) no-repeat center center; background-size: 100%; opacity: .8 }
    .single-property-desc table td { text-align: left; }
    .tablebox table td { text-align: left !important; }
}


@media (max-width:360px) {
    .single-property-video .img-video lite-youtube { width: 100%; height: 186px }
}

lite-youtube { display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 */ overflow: hidden; }
lite-youtube > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
lite-youtube > img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }

.swiper-slide { width: 700px; margin-right: 10px; }
.swiper-slide .box-img-detail img { aspect-ratio: 627 / 694; width: 100%; height: auto; display: block; }


@media (max-width:1920px) {
    .swiper-slide { width: 626.66px; }
}

@media (max-width:1680px) {
    .swiper-slide { width: 546.66px; }
}

@media (max-width:1440px) {
    .swiper-slide { width: 466.66px; }
}

@media (max-width:1024px) {
    .swiper-slide { width: 497px; }
}

@media (max-width:575px) {
    .swiper-slide { width: 549px; }
}

@media (max-width:360px) {
    .swiper-slide { width: 335px; }
}


.kw-block { padding: 16px 18px; margin: 20px 0; border-radius: 8px; background: #f3faf6; border: 1px solid #cfe9da }
.kw-block-blue { padding: 16px 18px; margin: 20px 0; border-radius: 8px; background: linear-gradient(135deg,#f0f5ff,#f3faf6); border: 1px solid #cde0f2 }
.kw-block-title { color: #253f81 }
.kw-highlight { margin: 18px 0; padding: 10px 14px !important; border-left: 4px solid #1f954b; background: #e8f7ee; font-weight: 500; color: #123827 }


.kw-warning { margin: 18px 0; padding: 10px 14px !important; border-left: 4px solid #f59e0b; background: #fff7e6; color: #92400e }
.kw-contact-box { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 24px 0; padding: 14px 16px; border-radius: 10px; border: 1px solid #cde0f2; background: linear-gradient(135deg,#f0f5ff,#f3faf6) }
.kw-contact-text { flex: 1 1 220px; min-width: 0 }
.kw-contact-text strong { display: block; margin-bottom: 4px; font-size: 15px; color: #253f81 }
.kw-contact-text p { margin: 0; font-size: 14px; color: #4b5563 }
.kw-contact-action { flex: 0 0 auto }
.kw-contact-btn { display: inline-block; padding: 8px 18px; border-radius: 999px; background: #1f954b; color: #fff !important; text-decoration: none !important; font-size: 14px; font-weight: 600; white-space: nowrap }
.kw-contact-btn:hover { background: #18753a }
.kw-cta-section { text-align: center; padding: 24px 18px; margin: 32px 0 16px; border-radius: 12px; background: #253f81; color: #e5e7eb }
.kw-cta-section h4, .kw-cta-section h5, .kw-cta-section strong { margin: 0 0 10px; font-size: 18px; font-weight: 600; color: #fff }
.kw-cta-section p { margin: 0 0 14px; font-size: 14px; max-width: 560px; display: inline-block }
.kw-cta-btn { display: inline-block; padding: 9px 22px; border-radius: 999px; background: #1f954b; color: #fff !important; text-decoration: none !important; font-size: 14px; font-weight: 600 }
.kw-cta-btn:hover { background: #18753a }
.kw-quote { margin: 22px 0; padding: 14px 16px; border-radius: 10px; background: #f4f5fb; border: 1px solid #d5dbf2 }
.kw-quote-text { font-style: italic; color: #374151 }
.kw-quote-author { margin: 0; font-size: 13px; color: #4b5563; text-align: right }

@media (max-width:640px) {
    .kw-contact-box { align-items: flex-start }
    .kw-contact-action { width: 100% }
    .kw-contact-btn { width: 100%; text-align: center }
    .kw-cta-section { border-radius: 10px; padding: 20px 14px }
    .kw-cta-section p { max-width: 100% }
}

.search-header-info { background-color: #f7f7f7; padding: 25px 30px; border-radius: 12px; margin-bottom: 40px; border-left: 4px solid #1f954b; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px }
.search-header-info .search-box { width: 100%; max-width: 500px; margin-bottom: 0 }
.search-result-item { padding: 30px; margin-bottom: 30px; border: 1px solid #e4e4e4; border-radius: 16px; background-color: #fff; display: flex; align-items: flex-start; gap: 30px; transition: all .3s ease }
.search-result-item:hover { box-shadow: 0 10px 30px rgba(0,0,0,.08); border-color: transparent; transform: translateY(-5px) }
.img-box { display: block; position: relative; width: 280px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background-color: #f5f5f5 }
.img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease }
.search-result-item:hover .img-box img { transform: scale(1.05) }
.img-box.product-img { aspect-ratio: 615/405 }
.img-box.blog-img { aspect-ratio: 840/473 }
.content-box { flex-grow: 1; display: flex; flex-direction: column; justify-content: center }
.text-line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.result-type { font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 4px; margin-bottom: 12px; display: inline-block; width: fit-content }
.type-product { background-color: #e7f6ed; color: #1f954b }
.type-blog { background-color: #fff3cd; color: #856404 }
.type-video { background-color: #cff4fc; color: #055160 }
.type-manual { background-color: #f8d7da; color: #842029 }
.highlight { color: #d35400; font-weight: 700; background-color: rgba(255,236,179,.4); padding: 0 2px; border-radius: 2px }

@media (max-width:767px) {
    .search-header-info { flex-direction: column; align-items: flex-start }
    .search-header-info .search-box { max-width: 100% }
    .search-result-item { display: block; padding: 20px; gap: 15px }
    .img-box { width: 100%; margin-bottom: 15px }
}


.manual-item .img-style { width: 100%; display: block }
.manual-item .img-style img { height: 100%; width: 100%; object-fit: cover }
.manual-item .content-box { padding: 0 10px }
.manual-actions { margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap }
.manual-actions .tf-btn { min-width: auto; padding: 8px 16px; font-size: 14px; height: 40px; min-height: 40px }
.file-tag { background-color: #dc3545 !important }

.manual-download-box { background-color: #f9f9f9; border: 1px solid #eee; border-radius: 8px; padding: 20px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px }
.manual-info h4 { font-size: 18px; margin-bottom: 5px; color: #333 }
.manual-info p { margin-bottom: 0; color: #666; font-size: 14px }
.btn-download { background-color: #1f954b; color: #fff; padding: 12px 25px; border-radius: 5px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all .3s ease }
.btn-download:hover { background-color: #166f37; color: #fff; transform: translateY(-2px) }
.icon-pdf { font-size: 20px }
.meta-blog .icon-categories2 { color: #1f954b }

.video-card .image-box { position: relative; display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 16/9; background: #000 }
.video-card .image-box img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; opacity: .9 }
.video-card:hover .image-box img { transform: scale(1.05); opacity: .7 }
.video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; background-color: rgba(255,255,255,.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; transition: all .3s ease; cursor: pointer }
.video-play-btn .icon { color: #1f954b; font-size: 20px; margin-left: 4px }
.video-card:hover .video-play-btn { background-color: #1f954b; transform: translate(-50%,-50%) scale(1.1) }
.video-card:hover .video-play-btn .icon { color: #fff }
.video-play-btn::after, .video-play-btn::before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; border-radius: 50%; animation: ripple 3s infinite; box-shadow: 0 0 0 0 rgba(255,255,255,.6) }
.video-play-btn::after { animation-delay: .5s }
.video-play-btn::before { animation-delay: .9s }

@keyframes ripple {
    0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255,255,255,.7) }
    70% { transform: scale(1.5); box-shadow: 0 0 0 15px rgba(255,255,255,0) }
    100% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255,255,255,0) }
}

.video-card .content { padding: 15px }
.video-tag { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #1f954b; letter-spacing: .8px; margin-bottom: 8px; display: block }
.box-title-listing .box-left { margin-bottom: 30px }

.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px; background-color: #000; margin-bottom: 30px; box-shadow: 0 10px 25px rgba(0,0,0,.1) }
.video-wrapper iframe, .video-wrapper lite-youtube, .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 }
.sidebar-product-item .img-style { width: 90px; flex-shrink: 0; border-radius: 8px; overflow: hidden }
.sidebar-product-item .content { flex-grow: 1 }
.sidebar-product-item .title { font-size: 15px; line-height: 1.4; margin-bottom: 5px; font-weight: 600 }
.sidebar-product-item .price { color: #1f954b; font-size: 13px; font-weight: 500 }
.meta-blog .icon-categories { color: #1f954b }
.box-icon.line { border-color: #eee; color: #666 }
.box-icon.line:hover { background-color: #1f954b; border-color: #1f954b; color: #fff }

.result-type-mini { font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 2px 6px; border-radius: 3px; margin-bottom: 5px; display: inline-block; line-height: 1 }
.type-product { background-color: #e7f6ed; color: #1f954b }
.type-blog { background-color: #fff3cd; color: #856404 }
.type-video { background-color: #cff4fc; color: #055160 }
.type-manual { background-color: #f8d7da; color: #842029 }
.type-case { background-color: #f3e5f5; color: #6a1b9a }
.latest-property-item { display: flex; gap: 15px; margin-bottom: 20px; align-items: flex-start }
.latest-property-item .img-wrapper { width: 110px; flex-shrink: 0; border-radius: 8px; overflow: hidden; display: block }
.latest-property-item .images-style { width: 100%; height: 65px; object-fit: cover }
.latest-property-item .content { flex-grow: 1 }
.latest-property-item .text-btn a { display: block; font-size: 14px; line-height: 1.4; font-weight: 600; margin-bottom: 4px; color: #161e2d; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }

.single-property-contact .avatar-wrap { position: relative; flex-shrink: 0; margin-right: 20px }
.single-property-contact .status-dot { position: absolute; bottom: 5px; right: 5px; width: 15px; height: 15px; background-color: #25d366; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,.2); z-index: 10 }
.single-property-contact .badge-online { background-color: #e6fcf0; color: #25d366; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 10px; display: inline-block; line-height: 1.4 }
.single-property-contact .text-13 { font-size: 13px }
.single-property-contact .mb-12 { margin-bottom: 12px }
.single-property-contact .mb-20 { margin-bottom: 20px }
.single-property-contact .btn-whatsapp-contact { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 20px; background-color: #25d366; color: #fff !important; border-radius: 8px; font-weight: 600; font-size: 15px; transition: all .3s ease; box-shadow: 0 4px 10px rgba(37,211,102,.2); text-decoration: none }
.single-property-contact .btn-whatsapp-contact:hover { background-color: #1ebd59; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(37,211,102,.3) }
.single-property-contact .btn-whatsapp-contact img { filter: brightness(0) invert(1) }

.sales-contact-wrapper .sales-card { margin-top: 15px; padding: 15px; background-color: #f9f9f9; border-radius: 12px; border: 1px solid #eee; transition: all .3s ease }
.sales-contact-wrapper .sales-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,.05); background-color: #fff; border-color: #25d366 }
.sales-contact-wrapper .avatar-area { margin-right: 15px; flex-shrink: 0 }
.sales-contact-wrapper .sales-avatar { width: 65px; height: 65px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.1) }
.sales-contact-wrapper .online-dot { position: absolute; bottom: 2px; right: 2px; width: 14px; height: 14px; background-color: #25d366; border: 2px solid #fff; border-radius: 50%; z-index: 5; box-shadow: 0 1px 3px rgba(0,0,0,.2) }
.sales-contact-wrapper .status-badge { background-color: #e6fcf0; color: #25d366; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; line-height: 1 }
.sales-contact-wrapper .text-13 { font-size: 13px }
.sales-contact-wrapper .btn-wa-action { display: inline-flex; align-items: center; gap: 6px; background-color: #25d366; color: #fff !important; padding: 6px 14px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all .3s ease; box-shadow: 0 2px 5px rgba(37,211,102,.3) }
.sales-contact-wrapper .btn-wa-action:hover { background-color: #1ebd59; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(37,211,102,.4) }
.sales-contact-wrapper .btn-wa-action img { filter: brightness(0) invert(1) }
.general-contact-list { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #eee }
.general-contact-list .contact-item { display: flex; align-items: center; gap: 12px; padding: 8px 0; color: #161e2d; text-decoration: none; transition: all .3s ease }
.general-contact-list .contact-item:hover { color: #1f954b; transform: translateX(5px) }
.general-contact-list .icon-box { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #f5f5f5; border-radius: 50%; color: #666; transition: all .3s ease }
.general-contact-list .contact-item:hover .icon-box { background-color: #1f954b; color: #fff }
.general-contact-list .text { font-size: 15px; font-family: Rubik,sans-serif }
.sales-contact-wrapper .sales-card { margin-bottom: 0 }