/* ---------------------------------------------------------
 * Name: Homelengo * Version: 1.0.2 * Author: Themesflat * Author URI: http: //themesflat.com 

 * Abstracts variable * Reset css styles * Components * header * footer * tabs * slider banner * button * range slider * form * nice select * carousel * avatar * off canvas * hover * preloader * section * dashboard * Responsive ------------------------------------------------------------------------------ */

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

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

 /* Elements
-------------------------------------------------------------- */
 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: #ffffff;
 }

 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;
 }

 ul,
 li {
   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;
 }

 .container3,
 .container2,
 .container {
   width: 100%;
   margin: auto;
 }

 .container3,
 .container2,
 .container {
   padding-left: 15px;
   padding-right: 15px;
 }

 .container-full {
   width: 100%;
   max-width: 100%;
   margin: 0 auto;
   padding: 0px 15px;
 }

 .container-full .tf-sw-result {
   margin-right: 0px;
 }

 .cus-layout-1 {
   width: calc(100vw - (100vw - 1290px) / 2);
   margin-right: unset !important;
   max-width: 100%;
   margin-left: auto;
 }

 textarea,
 input[type=text],
 input[type=password],
 input[type=datetime],
 input[type=datetime-local],
 input[type=date],
 input[type=month],
 input[type=time],
 input[type=week],
 input[type=number],
 input[type=email],
 input[type=url],
 input[type=search],
 input[type=tel],
 input[type=color] {
   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: #ffffff;
   color: #161e2d;
   font-weight: 400;
 }

 textarea:focus,
 input[type=text]:focus,
 input[type=password]:focus,
 input[type=datetime]:focus,
 input[type=datetime-local]:focus,
 input[type=date]:focus,
 input[type=month]:focus,
 input[type=time]:focus,
 input[type=week]:focus,
 input[type=number]:focus,
 input[type=email]:focus,
 input[type=url]:focus,
 input[type=search]:focus,
 input[type=tel]:focus,
 input[type=color]:focus {
   border-color: #B32C3A;
 }

 textarea::placeholder,
 input[type=text]::placeholder,
 input[type=password]::placeholder,
 input[type=datetime]::placeholder,
 input[type=datetime-local]::placeholder,
 input[type=date]::placeholder,
 input[type=month]::placeholder,
 input[type=time]::placeholder,
 input[type=week]::placeholder,
 input[type=number]::placeholder,
 input[type=email]::placeholder,
 input[type=url]::placeholder,
 input[type=search]::placeholder,
 input[type=tel]::placeholder,
 input[type=color]::placeholder {
   color: #a3abb0;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   font-size: 14px;
   line-height: 19.6px;
 }

 textarea {
   height: 112px;
   resize: none;
   border-radius: 16px;
 }

 /* Placeholder color */
 ::-webkit-input-placeholder {
   color: #a3abb0;
 }

 :-moz-placeholder {
   color: #a3abb0;
 }

 ::-moz-placeholder {
   color: #a3abb0;
   opacity: 1;
 }

 video {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .error {
   font-size: 16px;
   margin-bottom: 10px;
   -webkit-transition: all ease 0.3s;
   -moz-transition: all ease 0.3s;
   transition: all ease 0.3s;
 }

 /* Since FF19 lowers the opacity of the placeholder by default */
 :-ms-input-placeholder {
   color: #8a8aa0;
 }

 .p-12 {
   font-size: 12px;
   line-height: 18px;
 }

 .p-16 {
   font-size: 16px;
   line-height: 26px;
 }

 /* Typography
-------------------------------------------------------------- */
 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   text-decoration: none;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   cursor: pointer;
   display: inline-block;
   color: #161e2d;
 }

 a:focus,
 a:hover {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   text-decoration: none;
   outline: 0;
 }

 label {
   font-weight: 600;
 }

 .link {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .link:hover {
   color: #B32C3A !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: 0.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: 0.8px;
   text-transform: uppercase;
 }

 .text-subtitle {
   font-size: 14px;
   line-height: 24px;
   font-weight: 600;
   letter-spacing: 0.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: #B32C3A !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: #000000;
 }

 .text-white {
   color: #ffffff !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: #B32C3A;
 }

 .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;
 }

 .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: 0px !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 {
   -webkit-line-clamp: 2;
   -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: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
 }

 .shadow-2 {
   box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.1019607843);
 }

 .shadow-3 {
   box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);
 }

 .list-default {
   padding-left: 15px;
 }

 .list-default li {
   list-style: disc;
 }

 /*------------ Components ---------------- */
 /*------------ header ---------------- */
 /* Header
-------------------------------------------------------------- */
 .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: #ffffff;
 }

 .header-style-2 .header-account ul li a {
   color: #ffffff;
 }

 .header-style-2 .header-account ul li a:hover {
   color: #B32C3A;
 }

 .header-style-2:not(.is-fixed) .btn-line {
   background-color: transparent;
   border-color: #ffffff;
   color: #ffffff;
 }

 .header-style-2:not(.is-fixed) .btn-line svg path {
   stroke: #ffffff;
 }

 .header-style-2:not(.is-fixed) .btn-line:hover {
   border-color: transparent;
   background-color: #ffffff;
   color: #B32C3A;
 }

 .header-style-2:not(.is-fixed) .btn-line:hover svg path {
   stroke: #B32C3A;
 }

 .header-style-2:not(.is-fixed) .tf-btn.primary {
   background-color: #ffffff;
   color: #B32C3A;
   border-color: transparent;
 }

 .header-style-2:not(.is-fixed) .tf-btn.primary svg path {
   stroke: #B32C3A;
 }

 .header-style-2:not(.is-fixed) .tf-btn.primary:hover {
   background-color: transparent;
   border-color: #ffffff;
   color: #ffffff;
 }

 .header-style-2:not(.is-fixed) .tf-btn.primary:hover svg path {
   stroke: #ffffff;
 }

 .main-header {
   z-index: 999;
   width: 100%;
   height: 78px;
   position: relative;
   background-color: #ffffff;
   padding-left: 15px;
   padding-right: 15px;
   box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
 }

 .main-header.header-style-2 {
   margin-bottom: -80px;
   border: 0;
   background-color: transparent;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   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: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
   background-color: #ffffff;
   border-bottom: 1px solid #e4e4e4;
 }

 .wrap-top {
   width: 100%;
   height: 78px;
   position: relative;
   padding: 12px 0px 0 0px;
 }

 .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 0px;
   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, 0.7);
 }

 .header-top_nav a::before {
   position: absolute;
   content: "/";
   right: -4px;
   top: 0px;
 }

 .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: white;
 }

 #showlogo {
   display: none;
 }

 /* Header Email */
 .header-top_email {
   position: relative;
   font-weight: 500;
   font-size: 16px;
   color: rgba(255, 255, 255, 0.7);
 }

 .header-top_email span {
   position: relative;
   color: white;
 }

 .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, 0.7);
 }

 .header-top_social a:hover {
   color: white;
 }

 .main-header .header-upper {
   position: relative;
 }

 .main-header .main-box {
   position: relative;
   padding: 0px 0px;
   left: 0px;
   top: 0px;
   width: 100%;
   background: none;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-header .main-box .outer-container {
   position: relative;
 }

 .main-header .logo-box {
   position: relative;
   z-index: 10;
 }

 .main-header .logo-box .logo img {
   display: inline-block;
   max-width: 100%;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-header .logo-box .logo img.site-header-logo,
 .mobile-menu .nav-logo img.site-header-logo {
   width: 90px;
   height: 50px;
   object-fit: contain;
 }

 .main-header .logo-box .logo {
   position: relative;
 }

 .main-header .header-lower {
   position: relative;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-header .header-lower .nav-outer {
   position: relative;
 }

 .main-header .header-upper .logo-box {
   position: relative;
   padding: 10px 0px 10px;
 }

 .main-header .header-upper .logo-box .logo {
   position: relative;
 }

 /* Main Menu */
 .main-header .main-menu {
   position: relative;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-header .main-menu .navbar-collapse {
   padding: 0px;
   display: block;
 }

 .main-header .header-lower .main-menu .navigation {
   position: relative;
 }

 .main-header .main-menu .navigation>li {
   position: relative;
   display: inline-block;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   padding-right: 65px;
 }

 .main-header .sticky-header .nav-outer .options-box {
   margin-top: 40px;
 }

 /*Sticky Header*/
 .main-header .sticky-header {
   position: fixed;
   opacity: 0;
   visibility: hidden;
   left: 0px;
   top: 0px;
   width: 100%;
   padding: 0px 0px;
   z-index: 0;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 }

 .main-header .sticky-header .mobile-nav-toggler {
   display: none;
   cursor: pointer;
 }

 .main-header .sticky-header .logo {
   position: relative;
   padding: 7px 0px;
 }

 .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: 500ms;
   -moz-animation-duration: 500ms;
   -op-animation-duration: 500ms;
   -webkit-animation-duration: 500ms;
   animation-duration: 500ms;
   -ms-animation-timing-function: linear;
   -moz-animation-timing-function: linear;
   -op-animation-timing-function: linear;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -ms-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -op-animation-iteration-count: 1;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
 }

 .main-header .main-menu .navigation>li>a {
   position: relative;
   display: block;
   text-align: center;
   font-weight: 600;
   padding: 27px 0px;
   letter-spacing: 0px;
   color: #161e2d;
   font-size: 16px;
   line-height: 21.86px;
   text-transform: capitalize;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-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 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   background: #B32C3A;
 }

 .main-header.header-style-2 .main-menu .navigation>li>a {
   color: #ffffff;
 }

 .main-header .main-menu .navigation>li:last-child {
   padding-right: 0;
 }

 .main-header .main-menu .navigation>li:last-child>a {
   padding-right: 0px;
 }

 .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: 0px;
 }

 .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:hover>a,
 .main-header .main-menu .navigation>li.current>a {
   opacity: 1;
 }

 .main-header .main-menu .navigation>li:hover>a::before,
 .main-header .main-menu .navigation>li.current>a::before {
   width: 100%;
   left: 0;
   right: auto;
 }

 .main-header.header-style-2 .main-menu .navigation>li:hover>a,
 .main-header.header-style-2 .main-menu .navigation>li.current>a {
   color: #ffffff;
 }

 .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 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   background-color: #ffffff;
   border-radius: 16px;
   pointer-events: none;
   box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.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: 0px;
 }

 .main-header .main-menu .navigation>li>ul>li {
   position: relative;
   width: 100%;
   text-align: left;
   transform: translateY(10px);
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-header .main-menu .navigation>li>ul>li:last-child {
   margin-bottom: 0;
 }

 .main-header .main-menu .navigation>li:hover>ul>li {
   opacity: 1;
   transform: translateY(0px);
   -webkit-transition-delay: 70ms;
   -moz-transition-delay: 70ms;
   -ms-transition-delay: 70ms;
   -o-transition-delay: 70ms;
   transition-delay: 70ms;
 }

 .main-header .main-menu .navigation>li>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 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   text-align: start;
 }

 .main-header .main-menu .navigation>li>ul>li>a:before {
   position: absolute;
   content: "\ea3d";
   left: 0px;
   top: 5px;
   width: 16px;
   height: 10px;
   opacity: 0;
   font-size: 12px;
   left: 24px;
   top: 16px;
   display: inline-block;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   font-family: "icomoon";
   color: #B32C3A;
 }

 .main-header .main-menu .navigation>li>ul>li:hover>a {
   color: #B32C3A;
   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: #B32C3A;
 }

 .main-header .main-menu .navigation>li>ul>li>ul {
   position: absolute;
   left: 100%;
   top: 0px;
   width: 280px;
   opacity: 0;
   visibility: hidden;
   visibility: hidden;
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   background-color: #ffffff;
   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: 0px;
 }

 .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, 0.1);
   opacity: 0;
   transform: translateY(-8px);
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
 }

 .main-header .main-menu .navigation>li>ul>li>ul>li:last-child {
   margin-bottom: 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 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   border-bottom: 1px solid #e4e4e4;
 }

 .main-header .main-menu .navigation>li>ul>li>ul>li>a:before {
   position: absolute;
   content: "\ea3d";
   left: 0px;
   top: 5px;
   width: 16px;
   height: 10px;
   opacity: 0;
   font-size: 12px;
   left: 24px;
   top: 16px;
   display: inline-block;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   font-family: "icomoon";
   color: #B32C3A;
 }

 .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: #B32C3A;
 }

 .main-header .main-menu .navigation>li>ul>li>ul>.current>a {
   color: #B32C3A;
 }

 .main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
   color: #B32C3A;
   background-color: #ffffff;
 }

 .main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
   color: #B32C3A;
   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(0px);
   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: #ffffff;
   line-height: 28px;
   border: 1px solid var(--white-color-opicity-two);
   background-size: 20px;
   cursor: pointer;
   z-index: 5;
   display: none;
 }

 /*** 

====================================================================
	Mobile Menu
====================================================================

***/
 .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: #ffffff;
   box-shadow: 0px 4px 18px 0px rgba(0, 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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .mobile-menu-visible .mobile-menu .menu-box {
   left: 0px;
   -webkit-overflow-scrolling: touch;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.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, 0.6);
   transition: all 0.3s ease 0s;
   visibility: hidden;
   opacity: 0;
 }

 .mobile-menu .menu-box {
   position: absolute;
   left: -100%;
   top: 0px;
   width: 100%;
   height: 100%;
   max-height: 100%;
   background-color: #ffffff;
   z-index: 5;
   border-radius: 0px;
   -webkit-overflow-scrolling: touch;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.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: #ffffff;
   cursor: pointer;
   transition: all 0.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: 0.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: 0px;
   top: 0px;
   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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   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, 0.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 0px !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: 0.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 0px;
   font-size: 16px;
   color: #161e2d;
   text-transform: capitalize;
 }

 .mobile-menu .navigation li:hover>a,
 .mobile-menu .navigation li.current>a,
 .mobile-menu .navigation li.current li.current>a {
   color: #B32C3A;
 }

 .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 0px;
 }

 .mobile-button {
   display: none;
   position: absolute;
   width: 26px;
   height: 26px;
   float: right;
   top: 50%;
   right: 0px;
   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::before,
 .mobile-button::after,
 .mobile-button span {
   background-color: #B32C3A;
   -webkit-transition: all ease 0.3s;
   -moz-transition: all ease 0.3s;
   transition: all ease 0.3s;
 }

 .mobile-button::before,
 .mobile-button::after {
   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::before,
 .mobile-button.mobi-style::after,
 .mobile-button.mobi-style span {
   background-color: #ffffff;
 }

 .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: 0px;
   margin-bottom: 0px;
 }

 .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: 0px;
   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: 0px 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: #B32C3A;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   border-radius: 8px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .header-style-3 .btn-search:hover {
   background-color: #0e49a6;
 }

 .header-style-3 .btn-search .icon {
   font-size: 20px;
   color: #ffffff;
 }

 .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 0px;
   font-size: 16px;
   line-height: 26px;
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: space-between;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .canvas-menu .menu-outer .nav-link .icon {
   font-size: 16px;
   font-weight: 700;
   transform: rotate(-90deg);
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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: #B32C3A;
 }

 .canvas-menu .menu-outer .nav-link.current .icon,
 .canvas-menu .menu-outer .nav-link:hover .icon {
   color: #B32C3A;
 }

 .canvas-menu .menu-outer .sub-nav-menu {
   background: rgba(237, 32, 39, 0.1);
   padding: 15px 20px;
   border-radius: 10px;
 }

 .canvas-menu .menu-outer .sub-nav-menu .sub-nav-link {
   padding: 7px 0px;
   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: #B32C3A;
 }

 .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 ---------------- */
 /* Footer
------------------------------------------ */
 .footer {
   background-color: #161e2d;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .footer .top-footer {
   padding: 50px 0px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.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 0px 50px;
 }

 .footer .inner-footer .navigation-menu-footer li {
   margin-top: 4px;
 }

 .footer .content-footer-bottom {
   padding: 30px 0px;
   border-top: 1px solid rgba(255, 255, 255, 0.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: #B32C3A;
 }

 .footer-cl-1 {
   margin-right: 0;
 }

 .footer-cl-2 {
   margin-left: 0;
 }

 .footer-cl-3 {
   margin-left: 0;
 }

 .footer-cl-4 {
   margin-left: 0;
 }

 .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: #ffffff;
   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, 0.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: transparent;
   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: 0px;
   position: absolute;
   left: auto;
   right: 0;
   z-index: 1;
   -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   background: #B32C3A;
 }

 .navigation-menu-footer li a:hover {
   color: #B32C3A;
 }

 .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;
 }

 /*------------ tabs ---------------- */
 .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 #ffffff;
   color: #ffffff;
 }

 .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: #B32C3A;
   border-color: #B32C3A;
 }

 .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 #B32C3A;
   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: 0.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: #B32C3A;
   color: #ffffff;
 }

 .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 0px;
   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 0px;
 }

 .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: #B32C3A;
   color: #ffffff;
 }

 .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 0px 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: #B32C3A;
   opacity: 0;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .nav-tab-filter .nav-link-item .icon {
   width: 24px;
 }

 .nav-tab-filter .nav-link-item .icon path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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: 0.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: 0.3s;
   transition-delay: 0.3s;
 }

 /*------------ slider banner ---------------- */
 .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/slider-1.webp);
 }

 .flat-slider.home-1 .slider-content {
   position: relative;
   z-index: 1;
   padding: 155px 0px 246px;
 }

 .flat-slider.home-1 .slider-content .heading {
   margin-bottom: 40px;
 }

 .flat-slider.home-1 .slider-content .subtitle {
   margin-top: 20px;
   padding: 0px 330px;
 }

 .flat-slider.home-1 .overlay {
   background: #161e2d;
   opacity: 0.3;
 }

 .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 0px;
   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: #B32C3A;
   border-radius: 50%;
   background-color: none;
 }

 .flat-slider.home-2 .wrap-search-link a {
   color: #161e2d;
 }

 .flat-slider .slider-sw-home2,
 .flat-slider .slider-home2 {
   height: 100%;
 }

 .flat-slider .slider-home2 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .flat-slider.home-3 {
   background-image: url(../images/slider/slider-3.webp);
   padding: 168px 0px;
 }

 .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: #000000;
   opacity: 0.4;
 }

 .flat-slider.home-5 {
   margin-bottom: -114px;
   z-index: unset;
   height: 100vh;
   min-height: 640px;
   overflow: hidden;
 }

 .flat-slider.home-5 .thumbs-swiper-column,
 .flat-slider.home-5 .thumbs-swiper-column .swiper-wrapper,
 .flat-slider.home-5 .thumbs-swiper-column .swiper-slide,
 .flat-slider.home-5 .box-img {
   height: 100%;
 }

 .flat-slider.home-5 .box-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center bottom;
 }

 .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: 0.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 .slider-content .heading .title {
   font-size: clamp(48px, 5.2vw, 78px);
   line-height: 1.12;
 }

 .flat-slider.home-5 .subtitle,
 .flat-slider.home-5 .wrap-search-link {
   margin-top: 16px;
 }

.flat-slider.home-5 .overlay {
  display: none;
  background: transparent;
  z-index: 5;
}

 .flat-slider.home-5 .flat-control-search {
   position: absolute;
   left: 0;
   right: 0;
   bottom: -50px;
   z-index: 30;
 }

 .flat-slider .wrap-video {
   position: relative;
   width: 100%;
 }

 .flat-slider .wrap-video .wrap-content-slider {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
 }

 .flat-slider .wrap-video .wrap-content-slider .slider-content {
   padding: 0px;
 }

 .flat-slider.flat-slider-video {
   background-attachment: unset !important;
 }

 .flat-slider.flat-slider-video .slider-content .heading {
   margin-bottom: 50px;
 }

 .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: #ffffff;
   width: 26px;
   height: 26px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.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, 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: #ffffff;
 }

 .flat-tab-form {
   position: relative;
 }

 @keyframes waviy {

   0%,
   40%,
   100% {
     transform: translateY(0);
   }

   20% {
     transform: translateY(-20px);
   }
 }

 .js-letters {
   overflow-y: hidden;
 }

 .js-letters>* {
   display: inline-block;
   min-width: 0.21em;
   backface-visibility: hidden;
   animation: slide-up 0.6s both;
 }

 .js-letters>*:nth-child(1) {
   animation-delay: 0.05s;
 }

 .js-letters>*:nth-child(2) {
   animation-delay: 0.1s;
 }

 .js-letters>*:nth-child(3) {
   animation-delay: 0.15s;
 }

 .js-letters>*:nth-child(4) {
   animation-delay: 0.2s;
 }

 .js-letters>*:nth-child(5) {
   animation-delay: 0.25s;
 }

 .js-letters>*:nth-child(6) {
   animation-delay: 0.3s;
 }

 .js-letters>*:nth-child(7) {
   animation-delay: 0.35s;
 }

 .js-letters>*:nth-child(8) {
   animation-delay: 0.4s;
 }

 .js-letters>*:nth-child(9) {
   animation-delay: 0.45s;
 }

 .js-letters>*:nth-child(10) {
   animation-delay: 0.5s;
 }

 .js-letters>*:nth-child(11) {
   animation-delay: 0.55s;
 }

 .js-letters>*:nth-child(12) {
   animation-delay: 0.6s;
 }

 .js-letters>*:nth-child(13) {
   animation-delay: 0.65s;
 }

 .js-letters>*:nth-child(14) {
   animation-delay: 0.7s;
 }

 .js-letters>*:nth-child(15) {
   animation-delay: 0.75s;
 }

 .js-letters>*:nth-child(16) {
   animation-delay: 0.8s;
 }

 .js-letters>*:nth-child(17) {
   animation-delay: 0.85s;
 }

 .js-letters>*:nth-child(18) {
   animation-delay: 0.9s;
 }

 .js-letters>*:nth-child(19) {
   animation-delay: 0.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 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }

   50% {
     transform: translateX(-20px);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
 }

 /*------------ button ---------------- */
 .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: #ffffff;
   color: #161e2d;
   border: 1px solid #161e2d;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   text-decoration: none;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .tf-btn svg path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .tf-btn svg {
   width: 20px;
   flex-shrink: 0;
 }

 .tf-btn .icon {
   font-size: 20px;
   flex-shrink: 0;
 }

 .tf-btn:hover {
   background-color: #B32C3A;
   color: #ffffff;
   border-color: #B32C3A;
 }

 .tf-btn.primary {
   background-color: #B32C3A;
   color: #ffffff;
   border-color: #B32C3A;
 }

 .tf-btn.primary:hover {
   background-color: #0e49a6;
 }

 .tf-btn.primary .icon {
   color: #ffffff;
 }

 .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: 0px 0px 4px 0px;
   display: inline-block;
 }

 .tag {
   display: inline-block;
 }

 .hover-btn-view:hover .btn-view.style-1 .icon {
   animation: 0.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: #B32C3A;
 }

 .btn-view .icon {
   color: #B32C3A;
   font-size: 16px;
 }

 .btn-view:hover .icon {
   animation: 0.3s link-icon linear;
 }

 .btn-view.style-1 .text::before {
   width: 0;
   left: auto;
   right: 0;
   -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
   background-color: #161e2d;
 }

 .btn-line {
   gap: 8px;
   border: 1px solid #B32C3A;
   background-color: #ffffff;
 }

 .btn-line:hover {
   background-color: #B32C3A;
   color: #ffffff;
 }

 .btn-line:hover svg path {
   stroke: #ffffff;
 }

 .btn-line:hover .icon {
   color: #ffffff;
 }

 .btn-line .icon {
   color: #161e2d;
   font-size: 20px;
 }

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

 /*------------ range slider ---------------- */
 .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 0.3s, top 0.3s;
   transition: left 0.3s, top 0.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: 0px;
   top: 50%;
   transform: translateY(-50%);
   background-color: #B32C3A;
   border: 2px solid #ffffff;
   cursor: pointer;
 }

 .caption {
   margin-bottom: 10px;
 }

 /* Styling; */
 .noUi-background {
   background: #E7F0FF;
 }

 .noUi-connect {
   background: #B32C3A;
   -webkit-transition: background 450ms;
   transition: background 450ms;
 }

 .noUi-origin {
   border-radius: 0px;
 }

 .noUi-target {
   width: 100%;
   padding-right: 15px;
 }

 /* Handles and cursors;
 */
 .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 state; */
 [disabled].noUi-connect,
 [disabled] .noUi-connect {
   background: #b8b8b8;
 }

 [disabled].noUi-origin,
 [disabled] .noUi-handle {
   cursor: not-allowed;
 }

 .slider-labels .caption {
   font-weight: 500;
   font-size: 16px;
 }

 /*------------ form ---------------- */
 .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: #ffffff;
   color: #161e2d;
   font-weight: 400;
 }

 .form-control:focus {
   box-shadow: unset;
   border-color: #B32C3A !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: none;
   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: #ffffff;
 }

 .tf-checkbox.style-1 {
   width: 20px;
   height: 20px;
   border-color: #e4e4e4;
 }

 .tf-checkbox.primary {
   border-color: #a3abb0;
 }

 .tf-checkbox.primary:checked {
   border-color: #B32C3A;
   background-color: #B32C3A;
 }

 .tf-checkbox.style-2 {
   border-color: #5c6368;
 }

 .tf-checkbox:checked {
   border-color: #B32C3A;
   background-color: #B32C3A;
 }

 .tf-radio {
   position: relative;
   border: 1px solid #a3abb0;
   border-radius: 50%;
   background: none;
   cursor: pointer;
   outline: 0;
   height: 16px;
   width: 16px;
   -webkit-appearance: none;
 }

 .tf-radio:checked {
   border-color: #B32C3A;
 }

 .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: #B32C3A;
   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: #ffffff;
 }

 .search-box .search-field::placeholder {
   color: #5c6368;
 }

 .search-box .search-field:focus {
   border-color: #B32C3A;
 }

 .uploadfile .add-file {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   background-color: #B32C3A;
   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 #B32C3A;
   background-color: #B32C3A;
   color: #ffffff;
 }

 .uploadfile .add-file::after {
   position: absolute;
   content: "\e92d";
   font-family: "icomoon";
   color: #ffffff;
   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: #ffffff;
   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: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
 }

 .wd-find-select.no-left-round {
   border-top-left-radius: 0;
 }

 .wd-find-select.style-3 .nice-select,
 .wd-find-select.style-3 .form-control {
   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: #ffffff;
   box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
   border-radius: 16px;
   padding: 28px 20px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   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: #ffffff;
   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 0px;
 }

 .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: 0.8px;
   color: #161e2d;
 }

 .widget-filter-search .nav-tab-form .nav-tab-item .nav-link-item:hover,
 .widget-filter-search .nav-tab-form .nav-tab-item .nav-link-item.active {
   background-color: #B32C3A;
   color: #ffffff;
 }

 .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: 0px;
 }

 .offcanvas.canvas-filter-mb::-webkit-scrollbar-thumb {
   background: transparent;
 }

 .offcanvas.canvas-filter-mb .nav-tab-form {
   height: 80px;
   border-bottom: 1px solid #e4e4e4;
   background-color: #ffffff;
 }

 .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: white;
   border: none;
   cursor: pointer;
 }

 .overlay2 {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.6);
   z-index: 994;
   display: none;
 }

 .search-popup-wrapper {
   position: fixed;
   top: -200%;
   left: 0;
   right: 0;
   background-color: #ffffff;
   transition: top 0.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: 0px;
 }

 .search-popup-wrapper .wrapper-search-result::-webkit-scrollbar-thumb {
   background: #B32C3A;
 }

 .search-popup-wrapper .box-form-search {
   padding: 30px 15px 30px 15px;
   width: 100%;
 }

 .search-popup-wrapper.open {
   transition: top 0.4s ease;
 }

 .search-popup-wrapper .wd-find-select {
   box-shadow: 0px 30px 60px 0px rgba(0, 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: #B32C3A;
   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: 0px;
 }

 .search-popup-wrapper .wd-search-form::-webkit-scrollbar-thumb {
   background: #B32C3A;
 }

 .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 ---------------- */
 .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;
   /* float: left; */
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   /* text-transform: capitalize; */
   outline: none;
   position: relative;
   transition: all linear 0.2s;
   user-select: none;
   white-space: nowrap;
   width: 100%;
   border-radius: 99px;
   color: #161e2d;
   text-align: start;
 }

 .nice-select:active,
 .nice-select.open,
 .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 0.15s ease-in-out;
   transition: all 0.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: #cccccc;
 }

 .nice-select.wide {
   width: 100%;
 }

 .nice-select.wide .list {
   left: 0 !important;
   right: 0 !important;
 }

 .nice-select.right {
   float: right;
 }

 .nice-select.right .list {
   left: auto;
   right: 0;
 }

 .nice-select.small {
   font-size: 12px;
   height: 36px;
   line-height: 34px;
 }

 .nice-select.small:after {
   height: 4px;
   width: 4px;
 }

 .nice-select.small .option {
   line-height: 34px;
   min-height: 34px;
 }

 .nice-select .list {
   background-color: #ffffff;
   border-radius: 5px;
   box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
   box-sizing: border-box;
   margin-top: 4px;
   opacity: 0;
   overflow: hidden;
   padding: 0;
   pointer-events: none;
   position: absolute;
   top: 100%;
   left: 0;
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transform: scale(0.75) translateY(-21px);
   -ms-transform: scale(0.75) translateY(-21px);
   transform: scale(0.75) translateY(-21px);
   -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
   transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
   z-index: 9;
   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, 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: none;
   padding-left: 18px;
   padding-right: 29px;
   font-size: 14px;
   text-align: left;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #161e2d;
   text-align: start;
 }

 .nice-select .option:hover,
 .nice-select .option.focus,
 .nice-select .option.selected.focus {
   background-color: #ffffff;
   color: #B32C3A;
 }

 .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;
 }

 /*------------ carousel ---------------- */
 .swiper:hover {
   cursor: pointer;
 }

 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0px 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, 0.5);
   border-radius: 999px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-navigation .navigation .icon {
   color: #ffffff;
   font-size: 20px;
 }

 .box-navigation .navigation.swiper-button-disabled,
 .box-navigation .navigation:hover {
   background-color: rgba(0, 0, 0, 0.8);
 }

 .sw-pagination .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   background-color: #e4e4e4;
   opacity: 1;
   position: relative;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .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 #B32C3A;
   overflow: visible;
   opacity: 0;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .sw-pagination .swiper-pagination-bullet-active {
   background-color: #B32C3A !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 ---------------- */
 .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: #B32C3A;
   border-radius: 50%;
   border: 2px solid #ffffff;
 }

 /*------------ off canvas ---------------- */
 .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: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
   background-color: #ffffff;
 }

 .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: 0px;
 }

 .offcanvas.canvas-menu .off-canvas-body::-webkit-scrollbar-thumb {
   background: transparent;
 }

 .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, 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 ---------------- */
 .box-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   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: #B32C3A;
 }

 .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, 0.1);
   border-radius: 50%;
 }

 .box-icon.social .icon {
   color: #ffffff;
   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: #ffffff;
 }

 .box-icon.social:hover {
   background-color: #B32C3A;
   color: #ffffff;
   border-color: #B32C3A;
 }

 /*------------ hover ---------------- */
 .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, 0.44, 1.18);
   transition: transform 1.5s cubic-bezier(0, 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(0.3, 1, 0.35, 1) 0s;
   transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
   transition: transform 500ms ease;
 }

 .hover-img2 .img-style2 {
   overflow: hidden;
   border-radius: 8px;
 }

 .hover-img2 .img-style2 .img2 {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .hover-img3:hover img {
   transform: scale(1.075);
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .pagi2 .swiper-pagination2:hover .box-img .icon-practice,
 .swiper-button-next2:hover .box-img .icon-practice,
 .swiper-button-prev2:hover .box-img .icon-practice,
 .hv-one:hover .box-img .icon-practice {
   opacity: 1;
   z-index: 99;
   top: 50%;
   transition-delay: 0.5s;
 }

 .pagi2 .swiper-pagination2:hover .img-style::before,
 .swiper-button-next2:hover .img-style::before,
 .swiper-button-prev2:hover .img-style::before,
 .hv-one:hover .img-style::before {
   opacity: 1;
 }

 .pagi2 .swiper-pagination2 .img-style,
 .swiper-button-next2 .img-style,
 .swiper-button-prev2 .img-style,
 .hv-one .img-style {
   border-radius: 10px;
   overflow: hidden;
 }

 .pagi2 .swiper-pagination2 .img-style::before,
 .swiper-button-next2 .img-style::before,
 .swiper-button-prev2 .img-style::before,
 .hv-one .img-style::before {
   content: "";
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   position: absolute;
   background: rgba(0, 0, 0, 0.5019607843);
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   z-index: 99;
   opacity: 0;
   border-radius: 10px;
 }

 .pagi2 .swiper-pagination2 .img-style.s-one::before,
 .swiper-button-next2 .img-style.s-one::before,
 .swiper-button-prev2 .img-style.s-one::before,
 .hv-one .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 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
   opacity: 0;
   visibility: hidden;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1;
   border-radius: 10px;
 }

 .hv-tool {
   position: relative;
   transition: all 0.3s ease;
 }

 /*------------ preloader ---------------- */
 /* Preload 
------------------------------------------- */
 .preload-container {
   display: flex;
   position: relative;
   width: 100%;
   height: 100%;
   background: #ffffff;
   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: #B32C3A;
 }

 .preload-logo {
   position: relative;
   width: 80px;
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .preload-logo img {
   max-width: 55px;
   max-height: 55px;
   object-fit: contain;
   display: block;
   position: relative;
   z-index: 1;
 }

 .spinner {
   width: 80px;
   height: 80px;
   border: 3px solid transparent;
   border-top: 3px solid #B32C3A;
   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(0deg);
   }

   to {
     transform: rotate(360deg);
   }
 }

 /*-------------- section ----------------- */
 /*------------ section ---------------- */
 .flat-section {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .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;
 }

 .home-why-section {
   padding-top: 180px;
 }

 .home-why-section .text-subtitle {
   font-size: 17px;
   line-height: 29px;
 }

 .home-why-section .box-title .title {
   font-size: 43px;
   line-height: 53px;
 }

 @media only screen and (max-width: 767px) {
   .home-why-section .text-subtitle {
     font-size: 15px;
     line-height: 26px;
   }

   .home-why-section .box-title .title {
     font-size: 31px;
     line-height: 41px;
   }
 }

 .flat-title-page {
   margin-top: 50px;
   margin-right: 15px;
   margin-left: 15px;
   padding: 85px 0px 85px;
   border-radius: 15px;
   overflow: hidden;
   position: relative;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .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: 0px;
   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, 0.3);
 }

 /*------------ blog ---------------- */
 .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: #B32C3A;
   color: #ffffff;
   border-radius: 99px;
   letter-spacing: 0.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: #ffffff;
 }

 .flat-blog-item.style-1 .content-box .post-author {
   margin-top: 4px;
 }

 .flat-blog-item.style-1 .content-box .post-author span {
   color: #ffffff;
   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 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65.29%, #000000 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: 0.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 0px;
   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: #B32C3A;
 }

 .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 0px;
   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: 0.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 #B32C3A;
 }

 .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: #B32C3A;
 }

 .blog-tag.primary {
   background-color: #B32C3A;
   color: #ffffff;
   padding: 6px 10px;
 }

 .flat-latest-post .box-title-relatest {
   margin-bottom: 30px;
 }

 .flat-latest-post .flat-blog-item {
   margin-bottom: 0;
 }

 /*------------ pagination ---------------- */
 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   overflow: hidden;
   border: 1px solid #ffffff;
 }

 .flat-pagination .page-numbers.current,
 .flat-pagination .page-numbers:hover {
   background-color: #B32C3A;
   color: #ffffff;
 }

 .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: 0.8px;
   text-align: center;
   display: inline-block;
   padding: 0px 10px;
   border-radius: 99px;
   background-color: rgba(11, 33, 50, 0.4);
   color: #ffffff;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   cursor: pointer;
 }

 .flag-tag.style-1 {
   background-color: rgba(0, 0, 0, 0.3);
 }

 .flag-tag.style-2 {
   background-color: #ffffff;
   color: #161e2d;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.8px;
 }

 .flag-tag.style-3 {
   font-size: 16px;
   line-height: 26px;
 }

 .flag-tag.primary {
   background-color: #B32C3A;
 }

 .flag-tag:hover {
   color: #ffffff;
   background-color: #B32C3A;
 }

 .flag-tag.success {
   color: #ffffff;
   background-color: #198754;
 }

 .info-box {
   background: #ffffff;
   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: 0px 4px 18px 0px rgba(0, 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: #B32C3A;
   color: #ffffff;
 }

 .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: 0px;
   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 .nice-select,
 .flat-filter-search-v2 .flat-tab-form .form-style .form-control {
   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: #ffffff;
 }

 .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, 0.7) 100%);
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .homelengo-box .images-style {
   position: relative;
   overflow: hidden;
 }

 .homelengo-box .images-style img {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   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: #ffffff;
 }

 .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: #ffffff;
   border-radius: 50%;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   width: 52px;
   height: 52px;
 }

 .flat-property-box .item-icon .icon {
   color: #B32C3A;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   font-size: 24px;
 }

 .flat-property-box .item-icon:hover {
   background-color: #B32C3A;
 }

 .flat-property-box .item-icon:hover .icon {
   color: #ffffff;
 }

 .box-location {
   position: relative;
   border-radius: 16px;
   overflow: hidden;
   display: block;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   -ms-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }

 .box-location .content {
   position: absolute;
   bottom: 8px;
   left: 8px;
   right: 8px;
   z-index: 12;
   padding: 16px;
   border-radius: 12px;
   background-color: #ffffff;
   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: #ffffff;
   flex-shrink: 0;
 }

 .box-location .content .box-icon .icon {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   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: #ffffff;
 }

 .box-location.active .content .sub-title {
   color: #a3abb0;
 }

 .box-location.active .content .title {
   color: #161e2d;
 }

 .box-location:hover .content .box-icon {
   background-color: #B32C3A;
   border-color: #B32C3A;
 }

 .box-location:hover .content .box-icon .icon {
   color: #ffffff;
 }

 .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: 0.4;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.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: #ffffff;
   border: 1px solid #e4e4e4;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   padding: 0;
   border: 1px solid #e4e4e4;
   border-radius: 16px;
   background-color: #ffffff;
   overflow: hidden;
 }

 .box-service .image {
   display: block;
   transition: all 0.8s ease;
   width: 100%;
 }

 .box-service .image img {
   width: 100%;
   height: 220px;
   object-fit: cover;
   display: block;
 }

 .box-service .content {
   text-align: center;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   align-items: center;
   padding: 0 30px 40px 30px;
 }

 .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;
   margin-top: auto;
 }

 .box-service:hover {
   box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);
   border-color: transparent;
 }

 .box-service:hover .tf-btn {
   background-color: #B32C3A;
   color: #ffffff;
 }

 .box-service:hover .tf-btn .icon {
   color: #ffffff;
 }

 .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: #ffffff;
   padding: 16px 20px;
   border-radius: 999px;
   box-shadow: 0px 30px 60px 0px rgba(0, 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 300ms;
 }

 .tf-marquee .marquee-item svg path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .tf-marquee .marquee-item:hover svg path {
   fill: #B32C3A;
 }

 .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-3,
 .tf-image-wrap.item-1 {
   position: absolute;
   display: flex;
   align-items: center;
   z-index: 1;
   width: 51%;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   height: max-content;
 }

 .tf-image-wrap.item-1 {
   right: 0;
   top: 0;
   width: 44%;
   box-shadow: 0px 30px 60px 0px rgba(0, 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: 0px 30px 60px 0px rgba(0, 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: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);
   padding: 10px;
   display: flex;
   align-items: center;
   gap: 8px;
   background-color: #ffffff;
   border-radius: 999px;
 }

 .tf-image-wrap .tag-item .icon {
   font-size: 20px;
   color: #B32C3A;
 }

 .tf-image-wrap .tag-item span {
   font-weight: 600;
 }

 @keyframes ani1 {

   0%,
   100% {
     transform: translateX(0);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }

   50% {
     transform: rotate(-16deg);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
 }

 @keyframes ani2 {

   0%,
   100% {
     transform: translateX(0);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }

   50% {
     transform: rotate(16deg);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
 }

 .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: #B32C3A;
   font-weight: 600;
 }

 .wrap-counter .counter-box .title-count {
   font-size: 24px;
   line-height: 30px;
   font-weight: 700;
   letter-spacing: 0.8px;
   color: #161e2d;
   text-transform: uppercase;
 }

 .box-benefit {
   display: flex;
   border-radius: 16px;
   gap: 15px;
   padding: 15px;
   background-color: #ffffff;
 }

 .box-benefit .icon-box {
   flex-shrink: 0;
 }

 .box-benefit .icon-box .icon {
   font-size: 40px;
   transition: all 0.8s ease;
   display: inline-block;
   color: #B32C3A;
 }

 .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 0px;
 }

 .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: #ffffff;
 }

 .box-tes-item .icon-quote {
   font-size: 60px;
   color: #B32C3A;
 }

 .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;
   background-color: #ffffff;
   padding: 16px;
   border-radius: 16px;
   border: 1px solid #e4e4e4;
   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.04);
   height: 100%;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }

 .box-agent:hover {
   transform: translateY(-6px);
   box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.08);
   border-color: #B32C3A;
 }

 .box-agent .box-img {
   position: relative;
   border-radius: 12px;
   overflow: hidden;
   aspect-ratio: 3 / 4;
   width: 100%;
   margin-bottom: 20px;
 }

 .box-agent .box-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 12px;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .box-agent:hover .box-img img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transform: scale(1.05);
 }

 .box-agent .box-img .agent-social {
   position: absolute;
   z-index: 1;
   bottom: 0px;
   background-color: rgba(0, 0, 0, 0.2);
   backdrop-filter: blur(4px);
   padding: 12px 0px;
   border-radius: 8px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   left: 45px;
   right: 45px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-agent .box-img .agent-social .icon {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   font-size: 18px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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: #B32C3A;
 }

 .box-agent .content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: auto;
 }

 .box-agent .content h5,
 .box-agent .content h6 {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-agent:hover .content h5 a,
 .box-agent:hover .content h6 a,
 .box-agent:hover .content h5,
 .box-agent:hover .content h6 {
   color: #B32C3A;
 }

 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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;
   padding: 0;
   box-shadow: none;
   background-color: transparent;
 }

 .box-agent.style-list:hover {
   transform: none;
   box-shadow: none;
   border-color: #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 0px;
 }

 .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: #B32C3A;
   color: #ffffff;
 }

 .flat-agents .desc {
   margin-top: 30px;
 }

 .home-team-section .box-agent,
 .home-team-section .box-agent:hover {
   box-shadow: none;
   border-color: #e4e4e4;
   transform: none;
 }

 .home-team-section .box-agent .box-img img,
 .home-team-section .box-agent:hover .box-img img,
 .home-team-section .hover-img:hover img {
   transform: none;
 }

 .home-team-section .box-agent:hover .content h5 a,
 .home-team-section .box-agent:hover .content h6 a,
 .home-team-section .box-agent:hover .content h5,
 .home-team-section .box-agent:hover .content h6 {
   color: #161e2d;
 }

 .flat-latest-new .flat-blog-item {
   margin-bottom: 0;
 }

 .partner-item {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .partner-item img {
   max-height: 55px;
   max-width: 100%;
   object-fit: contain;
   display: block;
   margin: 0 auto;
   opacity: 0.65;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .partner-item:hover img {
   opacity: 1;
 }

 .partner-item svg path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .partner-item:hover svg path {
   fill: #B32C3A;
 }

 .homelengo-categories {
   padding: 30px 24px 24px 24px;
   background-color: #ffffff;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 27px;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.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 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   font-size: 80px;
   color: #5c6368;
 }

 .homelengo-categories .icon-box svg path {
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }

 .homelengo-categories .content h6,
 .homelengo-categories .content p {
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }

 .homelengo-categories.active .icon-box .icon,
 .homelengo-categories:hover .icon-box .icon {
   color: #B32C3A;
 }

 .homelengo-categories.active .icon-box svg path,
 .homelengo-categories:hover .icon-box svg path {
   fill: #B32C3A;
 }

 .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: #ffffff;
 }

 .homelengo-categories.style-02.active .icon-box svg path,
 .homelengo-categories.style-02:hover .icon-box svg path {
   fill: #ffffff;
 }

 .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: #ffffff;
 }

 .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: #B32C3A;
   transform: scale(1, 0);
   transition: transform 400ms 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 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   position: relative;
   border-radius: 16px;
 }

 .homelengo-categories-v2 .icon-box path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .homelengo-categories-v2 .content {
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   color: #5c6368;
 }

 .homelengo-categories-v2.active,
 .homelengo-categories-v2:hover {
   border-color: #B32C3A;
   background-color: #B32C3A;
 }

 .homelengo-categories-v2.active .icon-box svg path,
 .homelengo-categories-v2:hover .icon-box svg path {
   fill: #ffffff;
 }

 .homelengo-categories-v2.active .content,
 .homelengo-categories-v2:hover .content {
   color: #ffffff;
 }

 .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: #B32C3A;
   border: 2px solid #fff;
   border-radius: 50%;
   box-sizing: content-box;
   background-clip: content-box;
   line-height: 46px;
   font-size: 24px;
 }

 .marker-card .face::before,
 .marker-card .face::after {
   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: 0.6s;
   animation-delay: 0.6s;
 }

 .marker-card .face::after {
   content: "";
   position: absolute;
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.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 300ms ease;
 }

 .map-listing-item .inner-box {
   position: relative;
   border-radius: 16px;
   background: #ffffff;
   width: fit-content;
   box-shadow: 0px 10px 25px 0px rgba(54, 95, 104, 0.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 500ms 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: #ffffff;
   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 300ms 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: #ffffff !important;
   font-weight: 500 !important;
   border-radius: 50%;
   width: 40px !important;
   height: 40px !important;
   line-height: 40px !important;
   background-color: #B32C3A;
   border: 8px solid rgba(238, 103, 66, 0.1);
   box-shadow: 0 7px 30px rgba(33, 33, 33, 0.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: 0px;
 }

 .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: transparent;
 }

 .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: 0px 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:hover,
 .wd-navigation .nav-item.active {
   background-color: #B32C3A;
   color: #ffffff;
 }

 .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: 0px 8px 20px 0px rgba(0, 0, 0, 0.0509803922);
 }

 .single-sidebar .widget-box:not(:last-child) {
   margin-bottom: 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: 112px;
   height: 80px;
 }

 .latest-property-item .images-style img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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;
   /* Safari */
   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: 0px 8px 20px 0px rgba(0, 0, 0, 0.0509803922);
   border-radius: 30px;
   background-color: #ffffff;
 }

 .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: #ffffff;
 }

 .flat-property-detail-v2 .single-sidebar .box-latest-property {
   padding: 30px;
   box-shadow: 0px 8px 20px 0px rgba(0, 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: 0.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: #B32C3A;
 }

 .header-property-detail .content-bottom .icon-box .item:hover .icon {
   animation: 0.3s link-icon2 linear;
 }

 .header-property-detail .content-bottom .icon-box .item:hover .icon path {
   stroke: #ffffff;
 }

 .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: 40px;
   margin-bottom: 40px;
   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: 0.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: #B32C3A;
 }

 .single-property-overview .info-box .item:hover .box-icon .icon {
   color: #ffffff;
   animation: 0.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 {
   position: relative;
   border-radius: 30px;
   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: #ffffff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2;
 }

 .single-property-video .img-video .btn-video .icon {
   color: #B32C3A;
   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: 0.5s;
 }

 .single-property-video .img-video .btn-video::before {
   animation-delay: 0.9s;
 }

 .single-property-video .img-video::before {
   content: "";
   inset: 0;
   position: absolute;
   background-color: rgba(0, 0, 0, 0.2);
   z-index: 1;
 }

 @keyframes ripple {
   0% {
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.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: 0px 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 0px;
 }

 .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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .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 0px;
   border-top: 1px solid #e4e4e4;
 }

 .single-property-floor .floor-item .faq-body .box-img {
   padding: 20px 30px;
   background-color: #ffffff;
   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: #ffffff;
   font-size: 60px;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   -webkit-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, 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: 0.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 0px;
   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: transparent;
 }

 .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 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   border-bottom: 2px solid transparent;
 }

 .flat-categories-single .cate-single-tab li:hover .cate-single-item,
 .flat-categories-single .cate-single-tab li.active .cate-single-item {
   border-color: #B32C3A;
 }

 .widget-box-header-single {
   background-color: #ffffff;
   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: 0px 30px 40px;
 }

 .widget-box-header-single .single-property-desc {
   padding: 0px 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: #ffffff;
 }

 .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: 0px;
 }

 .flat-gallery-single {
   padding: 0px 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: #ffffff;
   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: 0px;
   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 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   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: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);
 }

 .box-faq .faq-item.active .faq-header {
   color: #B32C3A;
 }

 .box-pricing {
   padding: 30px;
   border-radius: 16px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-pricing .box-title-price .desc {
   color: #5c6368;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-pricing .list-price .item {
   display: flex;
   align-items: center;
   gap: 8px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-pricing .list-price .item:not(:last-child) {
   margin-bottom: 10px;
 }

 .box-pricing .list-price .check-icon {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .box-pricing .box:not(:last-child) {
   margin-bottom: 20px;
 }

 .box-pricing .tf-btn {
   width: 100%;
 }

 .box-pricing.active,
 .box-pricing:hover {
   background-color: #B32C3A;
 }

 .box-pricing.active .tf-btn,
 .box-pricing:hover .tf-btn {
   background-color: #ffffff;
   color: #161e2d;
   border-color: #ffffff;
 }

 .box-pricing.active .tf-btn .icon,
 .box-pricing:hover .tf-btn .icon {
   color: #161e2d;
 }

 .box-pricing.active h5,
 .box-pricing.active span,
 .box-pricing.active h3,
 .box-pricing.active .desc,
 .box-pricing.active li,
 .box-pricing:hover h5,
 .box-pricing:hover span,
 .box-pricing:hover h3,
 .box-pricing:hover .desc,
 .box-pricing:hover li {
   color: #ffffff;
 }

 .box-pricing.active .check-icon,
 .box-pricing:hover .check-icon {
   border-color: #ffffff;
   color: #ffffff;
 }

 .check-icon {
   width: 18px;
   height: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: transparent;
   border-radius: 50%;
   color: #ffffff;
   font-size: 13px;
   color: #B32C3A;
   border: 1px solid #B32C3A;
 }

 .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: #ffffff;
   border-radius: 50%;
 }

 .flat-banner-about .banner-video .btn-video .icon {
   color: #B32C3A;
   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/slider-contact.webp);
   background-attachment: fixed;
 }

 .flat-slider-contact .overlay {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #161e2d;
   opacity: 0.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: 0px 10px 25px 0px rgba(54, 95, 104, 0.1019607843);
   background-color: #ffffff;
 }

 .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: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .contact-info .box .box-social .item svg path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .contact-info .box .box-social .item:hover {
   background-color: #B32C3A;
   border-color: #B32C3A;
 }

 .contact-info .box .box-social .item:hover svg path {
   fill: #ffffff;
 }

 .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: #ffffff;
   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: #B32C3A;
 }

 .modal-backdrop {
   background-color: rgba(0, 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: 0px 10px 25px 0px rgba(54, 95, 104, 0.1019607843);
   z-index: 100;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: all 400ms linear;
   -o-transition: all 400ms linear;
   transition: all 400ms linear;
   background: #ffffff;
 }

 .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: #B32C3A;
   left: 0;
   top: 0;
   height: 44px;
   width: 44px;
   cursor: pointer;
   display: block;
   z-index: 1;
   transform: rotate(223deg);
   -webkit-transition: all 400ms linear;
   -o-transition: all 400ms linear;
   transition: all 400ms linear;
 }

 .progress-wrap svg path {
   fill: #ffffff;
   box-sizing: border-box;
   stroke: #B32C3A;
   stroke-width: 5;
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
   transition-duration: 0.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: #B32C3A;
 }

 .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 0px;
 }

 .sidebar-privacy .contact-box .text-mail {
   font-size: 16px;
   line-height: 28.8px;
   color: #1c1c1e;
   font-weight: 500;
   text-decoration: underline;
 }

 /*--------------- dashboard ---------------- */
 .header-dashboard {
   box-shadow: 0px 4px 18px 0px rgba(0, 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: #B32C3A;
   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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .header-account .dropdown-menu .dropdown-item:hover {
   color: #B32C3A;
   background-color: #ffffff;
 }

 .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 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.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, 0.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:hover .nav-menu-link,
 .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link {
   background-color: #B32C3A;
 }

 .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link .icon,
 .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link .icon {
   color: #161e2d;
 }

 .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link svg g,
 .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .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: #ffffff;
 }

 .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-link svg path {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .sidebar-menu-dashboard .logo-box {
   display: block;
   padding: 34px 30px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .sidebar-menu-dashboard .logo-box img {
   width: 166px;
 }

 .sidebar-menu-dashboard .user-box {
   padding: 30px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .sidebar-menu-dashboard .user-box p {
   margin-bottom: 9px;
   color: rgba(255, 255, 255, 0.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, 0.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, 0.4);
 }

 .widget-box-2 {
   padding: 30px;
   border-radius: 16px;
   background-color: #ffffff;
   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0392156863);
 }

 .widget-box-2 .title {
   margin-bottom: 20px;
 }

 .layout-wrap .main-content {
   padding-left: 280px;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.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: 0.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 input,
 .layout-wrap .wd-listing .wd-filter .nice-select {
   padding: 8px 18px;
   color: #a3abb0;
 }

 .layout-wrap .wd-listing .wd-filter input:focus,
 .layout-wrap .wd-listing .wd-filter .nice-select: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: #ffffff;
   padding: 20px;
   box-shadow: 0px 4px 10px 0px rgba(0, 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: #B32C3A;
 }

 .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: #ffffff;
   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, 0.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: 0px 6px;
   border-radius: 999px;
   font-size: 13px;
   line-height: 23px;
   height: 23px;
   font-weight: 800;
   color: #ffffff;
   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 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   cursor: pointer;
 }

 .layout-wrap .wd-chart .wd-filter-date .dates.active,
 .layout-wrap .wd-chart .wd-filter-date .dates:hover {
   background-color: #161e2d;
   color: #ffffff;
 }

 .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 0.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: #B32C3A;
 }

 .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, 0.5);
   font-size: 16px;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   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: #B32C3A;
 }

 .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 #B32C3A;
   color: #B32C3A;
   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: #B32C3A;
   color: #ffffff;
 }

 .box-info-property #mceu_20-body,
 .box-info-property .mce-statusbar .mce-container-body {
   display: none;
 }

 .box-info-property .mce-container,
 .box-info-property .mce-container *,
 .box-info-property .mce-widget,
 .box-info-property .mce-widget *,
 .box-info-property .mce-reset,
 .box-info-property .mce-btn {
   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: #ffffff;
   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: #ffffff;
   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%;
 }

 /*-------------- Responsive ----------------- */
 /* Media Queries
-------------------------------------------------------------- */
 @media only screen and (min-width: 576px) {

   .tf-layout-mobile-sm.sm-col-4,
   .tf-grid-layout.sm-col-4 {
     grid-template-columns: repeat(4, 1fr);
   }

   .tf-layout-mobile-sm.sm-col-3,
   .tf-grid-layout.sm-col-3 {
     grid-template-columns: repeat(3, 1fr);
   }

   .tf-layout-mobile-sm.sm-col-2,
   .tf-grid-layout.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-layout-mobile-sm.md-col-4,
   .tf-layout-mobile-md.md-col-4,
   .tf-grid-layout.md-col-4 {
     grid-template-columns: repeat(4, 1fr);
   }

   .tf-layout-mobile-sm.md-col-3,
   .tf-layout-mobile-md.md-col-3,
   .tf-grid-layout.md-col-3 {
     grid-template-columns: repeat(3, 1fr);
   }

   .tf-layout-mobile-sm.md-col-2,
   .tf-layout-mobile-md.md-col-2,
   .tf-grid-layout.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-3,
   .flat-slider.home-1 {
     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;
     align-items: center;
   }

   .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-layout-mobile-lg,
   .tf-layout-mobile-sm,
   .tf-layout-mobile-md,
   .tf-grid-layout {
     gap: 30px;
   }

   .tf-layout-mobile-lg.lg-col-4,
   .tf-layout-mobile-sm.lg-col-4,
   .tf-layout-mobile-md.lg-col-4,
   .tf-grid-layout.lg-col-4 {
     grid-template-columns: repeat(4, 1fr);
   }

   .tf-layout-mobile-lg.lg-col-3,
   .tf-layout-mobile-sm.lg-col-3,
   .tf-layout-mobile-md.lg-col-3,
   .tf-grid-layout.lg-col-3 {
     grid-template-columns: repeat(3, 1fr);
   }

   .tf-layout-mobile-lg.lg-col-2,
   .tf-layout-mobile-sm.lg-col-2,
   .tf-layout-mobile-md.lg-col-2,
   .tf-grid-layout.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: rgb(0, 0, 0);
     transition: 0.25s;
     z-index: 3;
     opacity: 0.1;
   }

   .hover-img-wrap::after {
     content: "";
     position: absolute;
     bottom: -100%;
     right: 0;
     width: 50%;
     height: 100%;
     background: rgb(0, 0, 0);
     transition: 0.25s;
     z-index: 3;
     opacity: 0.1;
   }

   .hover-img-wrap:hover::after {
     bottom: 0;
     transition-delay: 0.25s;
   }

   .hover-img-wrap:hover::before {
     top: 0;
   }

   .homelengo-categories.active,
   .homelengo-categories:hover {
     box-shadow: 0px 30px 60px 0px rgba(0, 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:not(.flat-slider-video) .slider-content .heading {
     margin-bottom: 108px;
   }

   .sw-pagination:not(.swiper-pagination-lock) {
     margin-top: 45px;
   }

   .tf-layout-mobile-sm,
   .tf-layout-mobile-md,
   .tf-grid-layout {
     gap: 30px;
   }

   .tf-layout-mobile-sm.xl-col-4,
   .tf-layout-mobile-md.xl-col-4,
   .tf-grid-layout.xl-col-4 {
     grid-template-columns: repeat(4, 1fr);
   }

   .tf-layout-mobile-sm.xl-col-3,
   .tf-layout-mobile-md.xl-col-3,
   .tf-grid-layout.xl-col-3 {
     grid-template-columns: repeat(3, 1fr);
   }

   .tf-layout-mobile-sm.xl-col-2,
   .tf-layout-mobile-md.xl-col-2,
   .tf-grid-layout.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 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
     transition: -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
     -o-transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
     transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
     transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s, -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.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(0px);
     filter: blur(0px);
   }
 }

 @media only screen and (min-width: 1441px) {

   .box-location-v3.active,
   .box-location-v3:hover {
     box-shadow: 0px 30px 60px 0px rgba(0, 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: 1800px) {
   .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: 0px;
   }

   .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) {
   .flat-slider-video .wrap-video {
     height: 700px !important;
   }

   .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: 0px;
   }

   .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, 0.3);
     transition: all 0.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 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
 }

 @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: 0px;
   }

   .wrap-service-v2 .box-left .list-view li:last-child,
   .wrap-service-v2 .box-left .list-view li:nth-child(2) {
     padding-left: 0px;
   }

   .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) {
   .main-header .main-menu .navigation>li {
     padding-right: 40px;
   }

   .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: 0px;
   }

   .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 {
     min-height: 620px;
   }

   .flat-slider.home-5 .thumbs-swiper-column1 {
     right: 15px;
   }

   .flat-slider.home-5 .thumbs-swiper-column .box-img {
     height: 100%;
   }

   .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;
   }

   .main-header .main-menu .navigation>li {
     padding-right: 30px;
   }

   .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: 0px;
   }

   .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: 0px 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-sidebar,
   .wrapper-layout-3 .wrap-inner {
     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) {
   .flat-slider-video .wrap-video {
     height: 900px !important;
   }

   .box-location-v2 .content {
     padding-top: 15px;
   }

   .footer .top-footer,
   .footer .inner-footer {
     padding: 40px 0px;
   }

   .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: 0;
     gap: 15px;
   }

   .box-service .content {
     padding: 0 15px 20px 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.style-1,
   .flat-tab-recommended .nav-tab-recommended,
   .flat-recommended .box-title,
   .box-title {
     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: 0px 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: 0px;
   }

   .flat-title-page h2 {
     font-size: 46px;
     line-height: 58px;
   }

   .flat-section {
     padding: 60px 0px 60px;
   }

   .flat-section-v2 {
     padding: 100px 0px 60px;
   }

   .flat-section-v3 {
     padding: 50px 0px 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 0px;
   }

   .flat-slider.home-1 .slider-content .subtitle {
     padding: 0px;
   }

   .flat-slider.home-2 .img-banner-right {
     display: none;
   }

   .flat-slider.home-2 .slider-content {
     padding: 80px 0px;
   }

   .flat-slider.home-2 .slider-content .heading .title,
   .flat-slider.home-2 .slider-content .heading .subtitle {
     padding-right: 0;
   }

   .flat-slider.home-3 {
     padding: 80px 0px;
   }

   .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-service,
   .wrap-benefit {
     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: 0px 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: 0px;
     gap: 0;
   }

   .offcanvas.canvas-filter .wd-find-select .inner-group {
     padding: 20px;
     border-radius: 0px;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
   }

   .offcanvas.canvas-filter .wd-find-select .tf-btn {
     border-radius: 0px;
     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-top,
   .widget-box-header-single .header-property-detail .content-bottom {
     padding-left: 15px;
     padding-right: 15px;
   }

   .widget-box-header-single .single-property-overview,
   .widget-box-header-single .single-property-desc {
     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-3,
   .widget-box-2 {
     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: #ffffff;
     transition: 0.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: #ffffff;
     transition: 0.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: 0px;
   }

   .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-service,
   .wrap-benefit {
     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: 0px 30px;
   }

   .wrap-service-v4 .inner-service-left .title {
     font-size: 14px;
     line-height: 24px;
   }

   .wrap-service-v4 .inner-service-left h6,
   .wrap-service-v4 .inner-service-left h4 {
     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;
   }
 }

 /*-------------- RTL ----------------- */
 #toggle-rtl {
   padding: 0;
   position: fixed;
   top: 50%;
   right: 15px;
   width: 44px;
   height: 44px;
   min-height: 44px;
   min-width: 30px;
   text-transform: uppercase;
   z-index: 1001;
   font-size: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .rtl #toggle-rtl {
   right: auto;
   left: 15px;
 }

 .rtl .main-header .main-menu .navigation>li {
   padding-left: 65px;
   padding-right: 0;
 }

 .rtl .main-header .main-menu .navigation>li:last-child {
   padding-left: 0px;
   padding-right: 0;
 }

 .rtl .main-header .navigation>li.dropdown2>a::after {
   right: auto;
   left: -20px;
 }

 .rtl .main-header .navigation>li>ul {
   right: -35px;
   left: auto;
 }

 .rtl .main-header .navigation>li>ul::before {
   left: auto;
   right: 45px;
 }

 .rtl .main-header .navigation>li>ul>li>a:before {
   left: auto;
   right: 24px;
 }

 .rtl .main-header .navigation>li>ul>li:hover>a {
   padding-left: 0;
   padding-right: 45px;
 }

 .rtl .mobile-button {
   left: 0;
   right: auto;
 }

 .rtl .mobile-menu .mobi-icon-box .icon {
   margin-right: 0;
   margin-left: 10px;
 }

 .rtl .wd-find-select .inner-group .group-ip .icon {
   right: auto;
   left: 20px;
 }

 .rtl .wd-find-select .inner-group .form-style .nice-select::after {
   right: auto;
   left: 20px;
 }

 .rtl .flat-blog-item,
 .rtl .box-agent,
 .rtl .box-tes-item,
 .rtl .homelengo-box,
 .rtl .tf-btn {
   direction: rtl;
 }

 .rtl .footer .wd-social span {
   margin-right: 0;
   margin-left: 16px;
 }

 .rtl #subscribe-form button {
   left: 0;
   right: auto;
   transform: translateY(-50%) rotate(180deg);
 }

 .rtl .nice-select::after {
   right: auto;
   left: 18px;
 }

 .rtl .nice-select .option {
   padding-left: 29px;
   padding-right: 18px;
 }

 .rtl .flat-img-with-text-v2 .content-left {
   direction: ltr;
 }

 .rtl .flat-slider.home-2 .img-banner-left {
   left: auto;
   right: 0;
 }

 .rtl .flat-slider.home-2 .img-banner-right {
   left: 0;
   right: 50%;
 }

 .rtl .wd-find-select.style-2 {
   border-radius: 16px;
   border-top-right-radius: 0;
 }

 .rtl .flat-blog-item .date-post {
   right: 10px;
   left: auto;
 }

 .rtl .flat-testimonial-v2 .content-right .sw-pagination {
   text-align: end;
 }

 .rtl .tf-marquee {
   -webkit-animation: slide-har-reverse 6s linear infinite;
   animation: slide-har-reverse 6s linear infinite;
 }

 .rtl .flat-slider.home-3 .slider-content {
   padding: 0;
 }

 .rtl .flat-slider.home-3 .slider-content .heading {
   padding: 0;
 }

 .rtl .wd-filter-select {
   border-radius: 10px;
   border-top-right-radius: 0px;
 }

 .rtl .map-listing-item .infoBox-close {
   left: 8px;
   right: auto;
 }

 .rtl .box-agent .agent-social li:not(:last-child) {
   border-left: 1px solid #e4e4e4;
   border-right: 0;
 }

 .rtl .box-pagi-nav {
   direction: ltr;
 }

 @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: 0px;
   border-bottom-right-radius: 0px;
   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: 0px;
   border-bottom-left-radius: 0px;
 }

 .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: 0;
     margin-right: 0;
   }

   .rtl .footer-cl-2 {
     margin-right: 0;
     margin-left: 0;
   }

   .rtl .footer-cl-3 {
     margin-right: 0;
     margin-left: 0px;
   }

   .rtl .footer-cl-4 {
     margin-right: 0;
     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: 0px;
     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;
   }
 }

 /* Custom Footer Spacing Alignments */
 .footer .footer-heading-mobile {
   font-size: 16px !important;
   font-weight: 700 !important;
   color: #ffffff !important;
   margin-bottom: 20px !important;
   margin-top: 0 !important;
   line-height: 24px !important;
 }

 .footer .inner-footer .row {
   display: flex !important;
   flex-wrap: wrap !important;
 }

 .footer .inner-footer .row>[class*="col-"] {
   display: flex !important;
   flex-direction: column !important;
   height: auto !important;
 }

 .footer-cl-1,
 .footer-cl-2,
 .footer-cl-3,
 .footer-cl-4 {
   margin-left: 0 !important;
   margin-right: 0 !important;
   height: 100% !important;
   display: flex !important;
   flex-direction: column !important;
 }

 .footer .inner-footer .footer-cl-2 p.text-variant-2 {
   margin-top: 0 !important;
   margin-bottom: 20px !important;
   font-size: 14px !important;
   line-height: 22px !important;
   color: #a3abb0 !important;
 }

 .footer .inner-footer .footer-cl-2 ul {
   margin-top: 0 !important;
   padding: 0 !important;
 }

 .footer .inner-footer .footer-cl-3 ul,
 .footer .inner-footer .footer-cl-4 ul {
   margin-top: 0 !important;
   padding: 0 !important;
 }

 .footer .inner-footer ul li {
   margin-top: 12px !important;
   margin-bottom: 0 !important;
   list-style: none !important;
   display: flex !important;
   align-items: flex-start !important;
   gap: 8px !important;
 }

 .footer .inner-footer ul li p,
 .footer .inner-footer ul li a {
   font-size: 14px !important;
   line-height: 22px !important;
   margin: 0 !important;
   padding: 0 !important;
   text-decoration: none !important;
   color: #a3abb0 !important;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .footer .inner-footer ul li p.text-white,
 .footer .inner-footer ul li a.text-white {
   color: #ffffff !important;
 }

 .footer .inner-footer ul li a:hover,
 .footer .inner-footer ul li a.text-white:hover {
   color: #B32C3A !important;
 }

/*---------------------------------------------------------
 * Custom Dynamic Pop-up Modal Styling
 *---------------------------------------------------------*/
.custom-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 18, 30, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.custom-popup-overlay.show {
  opacity: 1;
  visibility: visible;
}

.custom-popup-content {
  background-color: #ffffff;
  width: 90%;
  max-width: 450px;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(10, 18, 30, 0.25);
  border: 1px solid rgba(234, 141, 153, 0.25);
  padding: 14px 24px 10px 24px;
  position: relative;
  transform: scale(0.9);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.custom-popup-overlay.show .custom-popup-content {
  transform: scale(1);
}

.custom-popup-close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  font-weight: 300;
  color: #6a7985;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 1;
  padding: 5px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.custom-popup-close:hover {
  color: #B32C3A;
  transform: scale(1.1);
}

.custom-popup-header {
  text-align: center;
  margin-bottom: 10px;
}

.custom-popup-header h4 {
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 4px;
}

.custom-popup-header p {
  font-size: 13px;
  color: #6a7985;
  line-height: 1.4;
}

.custom-popup-form .form-group {
  margin-bottom: 8px;
}

.custom-popup-form label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #1c1c1c;
  margin-bottom: 4px;
  text-align: left;
}

.custom-popup-form input[type="text"],
.custom-popup-form input[type="tel"],
.custom-popup-form input[type="email"],
.custom-popup-form textarea {
  width: 100%;
  padding: 7px 12px;
  font-size: 13px;
  border: 1px solid #dcdfe3;
  border-radius: 8px;
  background-color: #f8fafc;
  color: #1c1c1c;
  outline: none;
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.custom-popup-form input:focus,
.custom-popup-form textarea:focus {
  border-color: #B32C3A;
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(234, 141, 153, 0.15);
}

.custom-popup-form textarea {
  resize: none;
}

.custom-popup-form button[type="submit"] {
  margin-top: 6px;
  padding: 9px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  background-color: #B32C3A !important;
  border-color: #B32C3A !important;
  color: #ffffff !important;
  transition: background-color 0.25s ease, transform 0.1s ease;
}

.custom-popup-form button[type="submit"]:hover {
  background-color: #d87d89 !important;
  border-color: #d87d89 !important;
}

.custom-popup-form button[type="submit"]:active {
  transform: scale(0.98);
}

.custom-popup-footer {
  text-align: center;
  margin-top: 8px;
  border-top: 1px solid #f0f2f5;
  padding-top: 6px;
}

.custom-popup-footer p {
  font-size: 12px;
  color: #6a7985;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== No-Map Full-Width Layout ===== */
.wrapper-layout.no-map {
  display: block;
}

.wrapper-layout.no-map .wrap-left {
  width: 100%;
  height: auto;
  overflow: visible;
  padding: 30px;
  padding-bottom: 40px;
}

.wrapper-layout.no-map .wrap-left::-webkit-scrollbar {
  display: none;
}

/*# sourceMappingURL=styles.css.map */