/*!
-----------------------------------------------------------------------------------
Template Name: Sheltos - Real Estate HTML Template
Template URI: https://themes.pixelstrap.com/sheltos/
Description: This is Real Estate website
Author: Pixelstrap
Author URI: https://themeforest.net/user/pixelstrap
-----------------------------------------------------------------------------------

1. Template css
	1.1 Reset CSS
	1.2 Typography CSS
	1.3 keyframes
	1.4 Breadcrumb CSS
	1.5 Buttons CSS
	1.6 Label CSS
	1.7 Slider CSS
	1.8 Form CSS
	1.9 Blog CSS
	1.10 About CSS
	1.11 Service CSS
	1.12 Feature CSS
	1.13 Property CSS
	1.14 Pagination CSS
	1.15 Portfolio CSS
	1.16 Map CSS
	1.17 Slick CSS
	1.18 Testimonial CSS
	1.19 Comming soon CSS
	1.20 Loader CSS
	1.21 Customizer CSS
	1.22 Header CSS
	1.23 Footer CSS
	1.24 Text affect CSS
	1.25 Inner pages CSS
	1.26 Core Template CSS

2. Dark mode CSS
3. RTL CSS
4. Responsive CSS
*/
:root {
    --theme-default: #6432b8;
    --theme-default2: #9516d7;
    --theme-gradient1: linear-gradient(to right, var(--theme-default) 0%, var(--theme-default2) 51%, var(--theme-default) 100%);
    --theme-gradient2: linear-gradient(to right, var(--theme-default) 0%, var(--theme-default2) 100%);
    --theme-gradient3: linear-gradient(48deg, var(--theme-default) 0%, var(--theme-default2) 100%);
    --theme-gradient4: linear-gradient(to right, var(--theme-default) 25%, var(--theme-default2) 100%);
    --theme-default3: #ff5c41;
    --theme-default4: #ff8c41;
    --theme-gradient5: linear-gradient(to right, var(--theme-default3) 0%, var(--theme-default4) 51%, var(--theme-default3) 100%);
    --theme-gradient6: linear-gradient(to right, var(--theme-default3) 0%, var(--theme-default4) 100%);
    --theme-gradient7: linear-gradient(90deg, var(--theme-default3) 25%, var(--theme-default4) 100%);
    --theme-default5: #5eac12;
    --theme-default6: #f35d43;
    --theme-default7: #f34451;
    --theme-gradient8: linear-gradient(to right, var(--theme-default6) 0%, var(--theme-default7) 51%, var(--theme-default6) 100%);
    --theme-gradient9: linear-gradient(90deg, var(--theme-default6) 0%, var(--theme-default7) 100%);
    --theme-default8: #2c2e97;
    --theme-default9: #4b55c4;
    --theme-gradient10: linear-gradient(to right, var(--theme-default8) 0%, var(--theme-default9) 51%, var(--theme-default8) 100%);
    --theme-gradient11: linear-gradient(to right, var(--theme-default8) 0%, var(--theme-default9) 100%);
    --theme-gradient12: linear-gradient(48deg, var(--theme-default8) 0%, var(--theme-default9) 100%);
    --theme-gradient13: linear-gradient(to right, var(--theme-default8) 25%, var(--theme-default9) 100%);
    --theme-default10: #00968a; }
  
  .breadcrumb-section .breadcrumb-content, .label-heart, .about-section .about-wrap .about-content .about-image .overlay-content ul li a, .about-box .agent-image .overlay-agent .agent-details ul li a, .service-section .property-service > div .service-box .icon-round, .service-slider .service-wrapper .top-img-box > div, .feature-section .feature-1 .feature-wrapper .property-details .round-half, .feature-section .feature-1 .feature-wrapper .feature-image, .feature-section .feature-image .feature-overlay, .property-section .property-box .property-image .overlay-property-box, .property-section .property-box .property-image .overlay-property-box .effect-round,
  .property-section .property-box .property-image .overlay-property-box .effect-round1, .property-section .property-box .property-image .overlay-plus, .property-section .property-box .property-details .icon-property li .d-flex .property-icon, .play-bg-image .icon-video, .modern-dot .slick-dots, .client-slider .user-list li .heart-bg, .coming-soon .coming-soon-detail .timer li > div, .coming-soon .coming-soon-detail .timer li + li::before, .customizer-links, .header-layout-3, .footer-bg .footer-details .icon-list li a, .my-gallery .find-cities .citi-overlay, .offer-section .offer-wrapper .media .offer-icon, .video-section .play-icon, .icon-video a, .agent-social li a, .agent-section .agent-image .overlay-content ul li a, .agent-section .our-agent-details ul li .media .icons-square, .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon, .property-wizard .wizard-box .wizard-form-details .complete-details, .card-payment .payment-card .card-details .valid-detail, .card-payment .payment-card .edit-card, .card-payment .payment-card.add-card .card-details, .tap-top > div, .home-section, .layout-home2 .home-main, .layout-home3 .bg-layout-3, .layout-home4 .slider-image, .layout-home4 .sync-slider .home-nav .slider-image, .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  
  .feature-section.feature-bg, .feature-section .feature-1 .feature-wrapper .feature-image, .bg-comman-2::before, .arrow-image .slick-arrow, .testimonial-bg, .footer-bg, .video-section, .subscribe-section, .banner-section, .layout-home2 .home-main, .layout-home3 .bg-layout-3, .layout-home4 .slider-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  
  .btn.btn-white span, .label.label-white .gradient-1, .banner-1 .big-gradient {
    background: var(--theme-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  
  .customizer-wrap .customizer-contain h6::before, .filter-cards .advance-card > h6::before {
    position: absolute;
    content: '';
    width: 22px;
    height: 2px;
    left: 0;
    bottom: -8px; }
  
  .btn.btn-solid::after, .btn.btn-gradient::after, .btn.btn-light-bg::after, .btn.btn-light-bg.color-3:hover::before, .btn.btn-light-bg.color-7:hover::before, .btn.btn-dashed:hover::after, .label.label-light::after, .label-heart::after, .about-box .agent-image .overlay-agent::after, .service-section .property-service > div .service-box .icon-round::before, .service-section.service-2 .property-service > div .service-box:hover .btn::before, .service-section.service-2.color-7 .property-service > div .service-box:hover .btn::before, .service-slider .service-wrapper .top-img-box > div::after, .feature-section .feature-image .label-solid::after, .feature-section .modern-feature .feature-wrap .feature-image .label-gradient::after, .property-section .title-3 .pagination li a::after, .property-section .property-box .property-details .icon-property li .d-flex .property-icon::after, .property-section .property-box-flat .property-box:hover .property-image .label-white::after, .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white::after, .property-section .list-property .property-box .property-image .overlay-property::after, .property-section .list-property .property-box:hover .text-center .label-gradient::after, .pagination-tab.nav-tabs .nav-item .nav-link::after, .dot-gradient .slick-dots li.slick-active button::after, .arrow-gradient .slick-arrow::after, .arrow-gradient .slick-arrow:hover::after, .arrow-gradient .slick-arrow:focus::after, .modern-client .comment-right .slick-arrow::after, .coming-simple .site-construction .progress::after, header.header-4 .menu .header-right li > a::after, header.header-4 .menu .header-right li .search-box .form-group::before, header.header-4 .menu .header-right li .search-box .form-group::after, .footer-bg .footer-links .footer-content .input-group .input-group-text::after, .pricing-section .pricing-box .price .label.label-light::before, .pricing-section .pricing-box:hover .price .label-light::after, .icon-video a::after, .subscribe-section .video-details .form-group::after, .agent-section .our-agent-details ul li.with-link .media .icons-square::after, .tap-top::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  
  /**=====================
       Typography css start
  ==========================**/
  body {
    font-family: Montserrat, sans-serif;
    position: relative;
    background: white;
    font-size: 14px;
    color: #1c2d3a;
    -webkit-transition: unset !important;
    transition: unset !important; }
  
  ul {
    padding-left: 0;
    margin-bottom: 0; }
  
  li {
    display: inline-block;
    font-size: 14px; }
  
  p {
    font-size: 15px;
    line-height: 1.2;
    color: #647589; }
    p.font-roboto {
      letter-spacing: 0.5px; }
  
  a {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-decoration: none; }
    a:hover {
      text-decoration: none;
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease; }
    a:focus {
      outline: none; }
    a.text-color-1:hover, a.text-color-1:focus {
      color: var(--theme-default) !important; }
    a.text-color-2:hover, a.text-color-2:focus {
      color: var(--theme-default3) !important; }
    a.text-color-3:hover, a.text-color-3:focus {
      color: var(--theme-default5) !important; }
    a.text-color-4:hover, a.text-color-4:focus {
      color: var(--theme-default7) !important; }
    a.text-color-7:hover, a.text-color-7:focus {
      color: var(--theme-default10) !important; }
  
  button,
  .btn {
    font-family: Montserrat, sans-serif; }
    button:focus,
    .btn:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
  
  .form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  
  .form-control::-webkit-input-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4); }
  
  .form-control::-moz-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4); }
  
  .form-control:-ms-input-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4); }
  
  .form-control::-ms-input-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4); }
  
  .form-control::placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4); }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Montserrat, sans-serif;
    font-weight: normal; }
  
  h1 {
    font-size: calc(26px + (55 - 26) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.3;
    text-transform: capitalize; }
  
  h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.001em;
    line-height: 1.1;
    text-transform: capitalize;
    color: #1c2d3a; }
  
  h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.2;
    color: #1c2d3a; }
  
  h4 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: capitalize; }
  
  h5 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2; }
  
  h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2; }
  
  section {
    padding: 90px 0; }
  
  .small-section {
    padding: 60px 0; }
  
  .section-sm {
    padding: 40px 0 0; }
  
  .custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent; }
  
  .custom-scrollbar::-webkit-scrollbar-thumb, .custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    border-radius: 13px; }
  
  .custom-scrollbar::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.02);
            box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.02);
    background-color: #ffffff; }
  
  .p-t-40 {
    padding-top: 40px; }
  
  .column-space {
    margin-bottom: -50px; }
    .column-space > div {
      padding: 0 25px;
      margin-bottom: 50px; }
  
  .shadow-cls {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
  
  .radius-cls {
    border-radius: 20px; }
  
  .card-header {
    padding: 20px; }
  
  .theme-card {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px; }
    .theme-card .card-header {
      padding-top: 0; }
      .theme-card .card-header h5 {
        margin-bottom: 0; }
    .theme-card .card-header, .theme-card .card-body {
      padding-left: 0;
      padding-right: 0; }
    .theme-card .card-body {
      padding-top: 20px; }
    .theme-card + .theme-card {
      margin-top: 45px; }
  
  .f-w-600 {
    font-weight: 600; }
  
  /**=====================
       Typography css end
  ==========================**/
  /**=====================
       Reset css start
  ==========================**/
  .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  
  .media-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  
  .form-group {
    margin-bottom: 16px; }
  
  label {
    margin-bottom: 0.5rem; }
  
  /*====== Padding css starts ======*/
  .p-0 {
    padding: 0px; }
  
  .p-5 {
    padding: 5px; }
  
  .p-10 {
    padding: 10px; }
  
  .p-15 {
    padding: 15px; }
  
  .p-20 {
    padding: 20px; }
  
  .p-25 {
    padding: 25px; }
  
  .p-30 {
    padding: 30px; }
  
  .p-35 {
    padding: 35px; }
  
  .p-40 {
    padding: 40px; }
  
  .p-45 {
    padding: 45px; }
  
  .p-50 {
    padding: 50px; }
  
  /*====== Padding css ends ======*/
  /*====== Padding-left css starts ======*/
  .p-l-0 {
    padding-left: 0px; }
  
  .p-l-5 {
    padding-left: 5px; }
  
  .p-l-10 {
    padding-left: 10px; }
  
  .p-l-15 {
    padding-left: 15px; }
  
  .p-l-20 {
    padding-left: 20px; }
  
  .p-l-25 {
    padding-left: 25px; }
  
  .p-l-30 {
    padding-left: 30px; }
  
  .p-l-35 {
    padding-left: 35px; }
  
  .p-l-40 {
    padding-left: 40px; }
  
  .p-l-45 {
    padding-left: 45px; }
  
  .p-l-50 {
    padding-left: 50px; }
  
  /*====== Padding-left css ends ======*/
  /*====== Padding-top css starts ======*/
  .p-t-0 {
    padding-top: 0px; }
  
  .p-t-5 {
    padding-top: 5px; }
  
  .p-t-10 {
    padding-top: 10px; }
  
  .p-t-15 {
    padding-top: 15px; }
  
  .p-t-20 {
    padding-top: 20px; }
  
  .p-t-25 {
    padding-top: 25px; }
  
  .p-t-30 {
    padding-top: 30px; }
  
  .p-t-35 {
    padding-top: 35px; }
  
  .p-t-40 {
    padding-top: 40px; }
  
  .p-t-45 {
    padding-top: 45px; }
  
  .p-t-50 {
    padding-top: 50px; }
  
  /*====== Padding-top css ends ======*/
  /*====== Padding-bottom css starts ======*/
  .p-b-0 {
    padding-bottom: 0px; }
  
  .p-b-5 {
    padding-bottom: 5px; }
  
  .p-b-10 {
    padding-bottom: 10px; }
  
  .p-b-15 {
    padding-bottom: 15px; }
  
  .p-b-20 {
    padding-bottom: 20px; }
  
  .p-b-25 {
    padding-bottom: 25px; }
  
  .p-b-30 {
    padding-bottom: 30px; }
  
  .p-b-35 {
    padding-bottom: 35px; }
  
  .p-b-40 {
    padding-bottom: 40px; }
  
  .p-b-45 {
    padding-bottom: 45px; }
  
  .p-b-50 {
    padding-bottom: 50px; }
  
  /*====== Padding-bottom css ends ======*/
  /*====== Padding-right css starts ======*/
  .p-r-0 {
    padding-right: 0px; }
  
  .p-r-5 {
    padding-right: 5px; }
  
  .p-r-10 {
    padding-right: 10px; }
  
  .p-r-15 {
    padding-right: 15px; }
  
  .p-r-20 {
    padding-right: 20px; }
  
  .p-r-25 {
    padding-right: 25px; }
  
  .p-r-30 {
    padding-right: 30px; }
  
  .p-r-35 {
    padding-right: 35px; }
  
  .p-r-40 {
    padding-right: 40px; }
  
  .p-r-45 {
    padding-right: 45px; }
  
  .p-r-50 {
    padding-right: 50px; }
  
  /*====== Padding-right css ends ======*/
  /*====== Margin css starts ======*/
  .m-0 {
    margin: 0px; }
  
  .m-5 {
    margin: 5px; }
  
  .m-10 {
    margin: 10px; }
  
  .m-15 {
    margin: 15px; }
  
  .m-20 {
    margin: 20px; }
  
  .m-25 {
    margin: 25px; }
  
  .m-30 {
    margin: 30px; }
  
  .m-35 {
    margin: 35px; }
  
  .m-40 {
    margin: 40px; }
  
  .m-45 {
    margin: 45px; }
  
  .m-50 {
    margin: 50px; }
  
  /*====== Margin css ends ======*/
  /*====== Margin-top css starts ======*/
  .m-t-0 {
    margin-top: 0px; }
  
  .m-t-5 {
    margin-top: 5px; }
  
  .m-t-10 {
    margin-top: 10px; }
  
  .m-t-15 {
    margin-top: 15px; }
  
  .m-t-20 {
    margin-top: 20px; }
  
  .m-t-25 {
    margin-top: 25px; }
  
  .m-t-30 {
    margin-top: 30px; }
  
  .m-t-35 {
    margin-top: 35px; }
  
  .m-t-40 {
    margin-top: 40px; }
  
  .m-t-45 {
    margin-top: 45px; }
  
  .m-t-50 {
    margin-top: 50px; }
  
  /*====== Margin-top css ends ======*/
  /*====== Margin-Bottom css starts ======*/
  .m-b-0 {
    margin-bottom: 0px; }
  
  .m-b-5 {
    margin-bottom: 5px; }
  
  .m-b-10 {
    margin-bottom: 10px; }
  
  .m-b-15 {
    margin-bottom: 15px; }
  
  .m-b-20 {
    margin-bottom: 20px; }
  
  .m-b-25 {
    margin-bottom: 25px; }
  
  .m-b-30 {
    margin-bottom: 30px; }
  
  .m-b-35 {
    margin-bottom: 35px; }
  
  .m-b-40 {
    margin-bottom: 40px; }
  
  .m-b-45 {
    margin-bottom: 45px; }
  
  .m-b-50 {
    margin-bottom: 50px; }
  
  /*====== Margin-Bottom css ends ======*/
  /*====== Margin-left css starts ======*/
  .m-l-0 {
    margin-left: 0px; }
  
  .m-l-5 {
    margin-left: 5px; }
  
  .m-l-10 {
    margin-left: 10px; }
  
  .m-l-15 {
    margin-left: 15px; }
  
  .m-l-20 {
    margin-left: 20px; }
  
  .m-l-25 {
    margin-left: 25px; }
  
  .m-l-30 {
    margin-left: 30px; }
  
  .m-l-35 {
    margin-left: 35px; }
  
  .m-l-40 {
    margin-left: 40px; }
  
  .m-l-45 {
    margin-left: 45px; }
  
  .m-l-50 {
    margin-left: 50px; }
  
  /*====== Margin-left css ends ======*/
  /*====== Margin-right css starts ======*/
  .m-r-0 {
    margin-right: 0px; }
  
  .m-r-5 {
    margin-right: 5px; }
  
  .m-r-10 {
    margin-right: 10px; }
  
  .m-r-15 {
    margin-right: 15px; }
  
  .m-r-20 {
    margin-right: 20px; }
  
  .m-r-25 {
    margin-right: 25px; }
  
  .m-r-30 {
    margin-right: 30px; }
  
  .m-r-35 {
    margin-right: 35px; }
  
  .m-r-40 {
    margin-right: 40px; }
  
  .m-r-45 {
    margin-right: 45px; }
  
  .m-r-50 {
    margin-right: 50px; }
  
  /*====== Margin-right css ends ======*/
  /*====== Image-sizes css starts ======*/
  .img-10 {
    width: 10px; }
  
  .img-20 {
    width: 20px; }
  
  .img-30 {
    width: 30px; }
  
  .img-40 {
    width: 40px; }
  
  .img-50 {
    width: 50px; }
  
  .img-60 {
    width: 60px; }
  
  .img-70 {
    width: 70px; }
  
  .img-80 {
    width: 80px; }
  
  .img-90 {
    width: 90px; }
  
  .img-100 {
    width: 100px; }
  
  /*====== Image-sizes css ends ======*/
  /*====== font family css starts ======*/
  .font-roboto {
    font-family: Roboto, sans-serif; }
  
  .font-rubik {
    font-family: Rubik, sans-serif; }
  
  /*====== font family css end ======*/
  /*====== image ratio css starts ======*/
  .ratio_36 .bg-size:before {
    padding-top: 36%;
    content: "";
    display: block; }
  
  .ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block; }
  
  .ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block; }
  
  .ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block; }
  
  .ratio_55 .bg-size:before {
    padding-top: 55%;
    content: "";
    display: block; }
  
  .ratio_63 .bg-size:before {
    padding-top: 63%;
    content: "";
    display: block; }
  
  .ratio_65 .bg-size:before {
    padding-top: 65%;
    content: "";
    display: block; }
  
  .ratio_70 .bg-size:before {
    padding-top: 70%;
    content: "";
    display: block; }
  
  .ratio_59 .bg-size:before {
    padding-top: 59%;
    content: "";
    display: block; }
  
  .ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block; }
  
  .ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block; }
  
  .ratio_90 .bg-size:before {
    padding-top: 93%;
    content: "";
    display: block; }
  
  .ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block; }
  
  .ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block; }
  
  .ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block; }
  
  .ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block; }
  
  .ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block; }
  
  /*====== image ratio css ends ======*/
  /**=====================
       Reset css end
  ==========================**/
  /**=====================
       keyframes css start
  ==========================**/
  @-webkit-keyframes effect {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1); }
    75% {
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
      opacity: 0.4; }
    100% {
      -webkit-transform: scale(1.6);
              transform: scale(1.6);
      opacity: 0; } }
  @keyframes effect {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1); }
    75% {
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
      opacity: 0.4; }
    100% {
      -webkit-transform: scale(1.6);
              transform: scale(1.6);
      opacity: 0; } }
  
  @-webkit-keyframes an-snow {
    100% {
      background-position: 500px 1000px, 300px 300px, -400px 400px; } }
  
  @keyframes an-snow {
    100% {
      background-position: 500px 1000px, 300px 300px, -400px 400px; } }
  
  @-webkit-keyframes rotating {
    0% {
      opacity: 0;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    25%, 75% {
      opacity: 1; }
    50% {
      opacity: 0; }
    100% {
      opacity: 0;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  
  @keyframes rotating {
    0% {
      opacity: 0;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    25%, 75% {
      opacity: 1; }
    50% {
      opacity: 0; }
    100% {
      opacity: 0;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); } }
  
  @-webkit-keyframes flying {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    10% {
      -webkit-transform: translate(20px, 50px);
              transform: translate(20px, 50px); }
    20% {
      -webkit-transform: translate(-30px, 10px);
              transform: translate(-30px, 10px); }
    30% {
      -webkit-transform: translate(10px, 60px);
              transform: translate(10px, 60px); }
    40% {
      -webkit-transform: translate(50px, 0px);
              transform: translate(50px, 0px); }
    50% {
      -webkit-transform: translate(-10px, -40px);
              transform: translate(-10px, -40px); }
    60% {
      -webkit-transform: translate(-40px, 20px);
              transform: translate(-40px, 20px); }
    70% {
      -webkit-transform: translate(30px, -30px);
              transform: translate(30px, -30px); }
    80% {
      -webkit-transform: translate(0px, -60px);
              transform: translate(0px, -60px); }
    90% {
      -webkit-transform: translate(40px, 10px);
              transform: translate(40px, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @keyframes flying {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    10% {
      -webkit-transform: translate(20px, 50px);
              transform: translate(20px, 50px); }
    20% {
      -webkit-transform: translate(-30px, 10px);
              transform: translate(-30px, 10px); }
    30% {
      -webkit-transform: translate(10px, 60px);
              transform: translate(10px, 60px); }
    40% {
      -webkit-transform: translate(50px, 0px);
              transform: translate(50px, 0px); }
    50% {
      -webkit-transform: translate(-10px, -40px);
              transform: translate(-10px, -40px); }
    60% {
      -webkit-transform: translate(-40px, 20px);
              transform: translate(-40px, 20px); }
    70% {
      -webkit-transform: translate(30px, -30px);
              transform: translate(30px, -30px); }
    80% {
      -webkit-transform: translate(0px, -60px);
              transform: translate(0px, -60px); }
    90% {
      -webkit-transform: translate(40px, 10px);
              transform: translate(40px, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  
  @-webkit-keyframes sonarEffect {
    0% {
      opacity: 0.05; }
    40% {
      opacity: 0.08;
      -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5);
              box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5); }
    100% {
      -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5);
              box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5);
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
      opacity: 0; } }
  
  @keyframes sonarEffect {
    0% {
      opacity: 0.05; }
    40% {
      opacity: 0.08;
      -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5);
              box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5); }
    100% {
      -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5);
              box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--theme-default3), 0 0 0 10px rgba(255, 255, 255, 0.5);
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
      opacity: 0; } }
  
  @-webkit-keyframes spin {
    100% {
      -webkit-transform: rotate(1turn);
              transform: rotate(1turn); } }
  
  @keyframes spin {
    100% {
      -webkit-transform: rotate(1turn);
              transform: rotate(1turn); } }
  
  @-webkit-keyframes bubble {
    0% { }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @keyframes bubble {
    0% { }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @-webkit-keyframes heartbit {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0; }
    25% {
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
      opacity: 0.1; }
    50% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0.3; }
    75% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      opacity: 0.5; }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0; } }
  
  @keyframes heartbit {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0; }
    25% {
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
      opacity: 0.1; }
    50% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 0.3; }
    75% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      opacity: 0.5; }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0; } }
  
  @-webkit-keyframes search-bg-1 {
    0% {
      right: -20px; }
    50% {
      right: -15px; }
    100% {
      right: -11px; } }
  
  @keyframes search-bg-1 {
    0% {
      right: -20px; }
    50% {
      right: -15px; }
    100% {
      right: -11px; } }
  
  @-webkit-keyframes search-bg-2 {
    0% {
      right: -10px; }
    50% {
      right: -5px; }
    100% {
      right: 0; } }
  
  @keyframes search-bg-2 {
    0% {
      right: -10px; }
    50% {
      right: -5px; }
    100% {
      right: 0; } }
  
  @-webkit-keyframes search-bg-3 {
    0% {
      right: 0; }
    50% {
      right: 5px; }
    100% {
      right: 10px; } }
  
  @keyframes search-bg-3 {
    0% {
      right: 0; }
    50% {
      right: 5px; }
    100% {
      right: 10px; } }
  
  @-webkit-keyframes animation-x {
    0% {
      background-position-x: 0; }
    100% {
      background-position-x: 1920px; } }
  
  @keyframes animation-x {
    0% {
      background-position-x: 0; }
    100% {
      background-position-x: 1920px; } }
  
  @-webkit-keyframes bounce-1 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    50% {
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px); }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @keyframes bounce-1 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    50% {
      -webkit-transform: translateY(-7px);
              transform: translateY(-7px); }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @-webkit-keyframes smoothScroll {
    0% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px); } }
  
  @keyframes smoothScroll {
    0% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px); } }
  
  @-webkit-keyframes sway {
    0% {
      -webkit-transform: rotate(8deg);
              transform: rotate(8deg); }
    50% {
      -webkit-transform: rotate(-8deg);
              transform: rotate(-8deg); }
    100% {
      -webkit-transform: rotate(8deg);
              transform: rotate(8deg); } }
  
  @keyframes sway {
    0% {
      -webkit-transform: rotate(8deg);
              transform: rotate(8deg); }
    50% {
      -webkit-transform: rotate(-8deg);
              transform: rotate(-8deg); }
    100% {
      -webkit-transform: rotate(8deg);
              transform: rotate(8deg); } }
  
  @-webkit-keyframes fadein {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @keyframes fadein {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @-webkit-keyframes bottomslide {
    0% {
      width: 0; }
    100% {
      width: 100%; } }
  
  @keyframes bottomslide {
    0% {
      width: 0; }
    100% {
      width: 100%; } }
  
  @-webkit-keyframes rightslide {
    0% {
      height: 0; }
    100% {
      height: 100%; } }
  
  @keyframes rightslide {
    0% {
      height: 0; }
    100% {
      height: 100%; } }
  
  @-webkit-keyframes spincaptcha {
    10% {
      width: 0;
      height: 0;
      border-width: 6px; }
    30% {
      width: 0;
      height: 0;
      border-radius: 50%;
      border-width: 1em;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      border-color: #c7daf5; }
    50% {
      width: 2em;
      height: 2em;
      border-radius: 50%;
      border-width: 4px;
      border-color: #c7daf5;
      border-right-color: #5998ef; }
    70% {
      border-width: 4px;
      border-color: #c7daf5;
      border-right-color: #5998ef; }
    90% {
      border-width: 4px; }
    100% {
      width: 2em;
      height: 2em;
      border-radius: 50%;
      -webkit-transform: rotate(720deg);
              transform: rotate(720deg);
      border-color: transparent; } }
  
  @keyframes spincaptcha {
    10% {
      width: 0;
      height: 0;
      border-width: 6px; }
    30% {
      width: 0;
      height: 0;
      border-radius: 50%;
      border-width: 1em;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      border-color: #c7daf5; }
    50% {
      width: 2em;
      height: 2em;
      border-radius: 50%;
      border-width: 4px;
      border-color: #c7daf5;
      border-right-color: #5998ef; }
    70% {
      border-width: 4px;
      border-color: #c7daf5;
      border-right-color: #5998ef; }
    90% {
      border-width: 4px; }
    100% {
      width: 2em;
      height: 2em;
      border-radius: 50%;
      -webkit-transform: rotate(720deg);
              transform: rotate(720deg);
      border-color: transparent; } }
  
  @-webkit-keyframes search-bg-4 {
    0% {
      left: -20px; }
    50% {
      left: -15px; }
    100% {
      left: -11px; } }
  
  @keyframes search-bg-4 {
    0% {
      left: -20px; }
    50% {
      left: -15px; }
    100% {
      left: -11px; } }
  
  @-webkit-keyframes search-bg-5 {
    0% {
      left: -10px; }
    50% {
      left: -5px; }
    100% {
      left: 0; } }
  
  @keyframes search-bg-5 {
    0% {
      left: -10px; }
    50% {
      left: -5px; }
    100% {
      left: 0; } }
  
  @-webkit-keyframes search-bg-6 {
    0% {
      left: 0; }
    50% {
      left: 5px; }
    100% {
      left: 10px; } }
  
  @keyframes search-bg-6 {
    0% {
      left: 0; }
    50% {
      left: 5px; }
    100% {
      left: 10px; } }
  
  /**=====================
       keyframes css end
  ==========================**/
  /**=====================
       breadcrumb css start
  ==========================**/
  .breadcrumb-section {
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-position: top left !important; }
    .breadcrumb-section.breadcrumb-sm {
      height: auto;
      background-image: var(--theme-gradient7); }
      .breadcrumb-section.breadcrumb-sm .breadcrumb-content {
        height: unset;
        padding: 0; }
        .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div {
          background-color: transparent;
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div h2 {
            margin-bottom: 0;
            line-height: 1.3;
            margin-top: -6px; }
          .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div nav {
            padding-top: 1px; }
            .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div nav .breadcrumb {
              margin-bottom: 0; }
    .breadcrumb-section .breadcrumb-content {
      -webkit-box-pack: unset;
          -ms-flex-pack: unset;
              justify-content: unset;
      height: 500px;
      padding-top: 89px; }
      .breadcrumb-section .breadcrumb-content div h2 {
        color: #ffffff;
        font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
        line-height: 1.2;
        display: inline-block; }
      .breadcrumb-section .breadcrumb-content div .breadcrumb {
        background-color: transparent;
        margin-bottom: 0;
        padding: 0; }
        .breadcrumb-section .breadcrumb-content div .breadcrumb .breadcrumb-item {
          line-height: 1.4;
          font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
          color: rgba(255, 255, 255, 0.8);
          text-transform: capitalize;
          font-weight: 500;
          font-family: Rubik, sans-serif; }
          .breadcrumb-section .breadcrumb-content div .breadcrumb .breadcrumb-item a {
            color: rgba(255, 255, 255, 0.8); }
          .breadcrumb-section .breadcrumb-content div .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
            font-family: "Font Awesome 5 free";
            font-weight: 900;
            content: "\f101";
            color: rgba(255, 255, 255, 0.8); }
      .breadcrumb-section .breadcrumb-content.breadcrumb-right {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        text-align: right; }
  
  .effect-cls.breadcrumb-section {
    height: calc(300px + (580 - 300) * ((100vw - 320px) / (1920 - 320))); }
  
  .effect-cls:after {
    content: "";
    position: absolute;
    background: url(../images/effect.png);
    bottom: -12px;
    width: 100%;
    height: 110px;
    left: 0;
    z-index: 1; }
  
  /**=====================
       breadcrumb css end
  ==========================**/
  /**=====================
       buttons css start
  ==========================**/
  .btn {
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 30px 7px;
    border-radius: 8px;
    font-size: 14px;
    position: relative; }
    .btn.btn-sm {
      padding: 8px 20px;
      font-size: 13px; }
    .btn.btn-solid {
      background: var(--theme-default5);
      border: 2px solid transparent;
      color: #ffffff; }
      .btn.btn-solid::after {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-shadow: 0px 4px 20.5px 3px var(--theme-default5);
                box-shadow: 0px 4px 20.5px 3px var(--theme-default5);
        opacity: 0.3; }
      .btn.btn-solid:hover {
        background: #ffffff;
        border: 2px solid var(--theme-default5);
        color: var(--theme-default5); }
        .btn.btn-solid:hover::after {
          -webkit-box-shadow: unset;
                  box-shadow: unset;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
      .btn.btn-solid.color-7 {
        background: var(--theme-default10); }
        .btn.btn-solid.color-7::after {
          -webkit-box-shadow: 0px 4px 20.5px 3px var(--theme-default10);
                  box-shadow: 0px 4px 20.5px 3px var(--theme-default10); }
        .btn.btn-solid.color-7:hover {
          background: #ffffff;
          border: 2px solid var(--theme-default10);
          color: var(--theme-default10); }
          .btn.btn-solid.color-7:hover::after {
            -webkit-box-shadow: unset;
                    box-shadow: unset;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
    .btn.btn-gradient {
      color: #ffffff;
      background-size: 200% auto;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      border: 2px solid transparent; }
      .btn.btn-gradient::after {
        opacity: 0;
        border-radius: 4px; }
      .btn.btn-gradient.color-1 {
        background-image: var(--theme-gradient1); }
        .btn.btn-gradient.color-1::after {
          opacity: 0.25;
          -webkit-box-shadow: 3.346px 3.716px 12.5px var(--theme-default2);
                  box-shadow: 3.346px 3.716px 12.5px var(--theme-default2); }
        .btn.btn-gradient.color-1:hover {
          background-position: right center; }
        .btn.btn-gradient.color-1:not(:disabled):not(.disabled):active, .btn.btn-gradient.color-1:not(:disabled):not(.disabled).active {
          background-image: var(--theme-gradient1); }
      .btn.btn-gradient.color-2 {
        background-image: var(--theme-gradient5); }
        .btn.btn-gradient.color-2::after {
          opacity: 0.35;
          -webkit-box-shadow: 3.346px 3.716px 12.5px var(--theme-default3);
                  box-shadow: 3.346px 3.716px 12.5px var(--theme-default3); }
        .btn.btn-gradient.color-2:hover {
          background-position: right center; }
        .btn.btn-gradient.color-2:not(:disabled):not(.disabled):active, .btn.btn-gradient.color-2:not(:disabled):not(.disabled).active {
          background-image: var(--theme-gradient5); }
      .btn.btn-gradient.color-4 {
        background-image: var(--theme-gradient8); }
        .btn.btn-gradient.color-4::after {
          opacity: 0.3;
          -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
                  box-shadow: -5.15px 8.572px 25px var(--theme-default6); }
        .btn.btn-gradient.color-4:hover {
          background-position: right center; }
        .btn.btn-gradient.color-4:not(:disabled):not(.disabled):active, .btn.btn-gradient.color-4:not(:disabled):not(.disabled).active {
          background-image: var(--theme-gradient8); }
      .btn.btn-gradient.color-6 {
        background-image: var(--theme-gradient10); }
        .btn.btn-gradient.color-6:not(.no-shadow)::after {
          opacity: 0.3;
          -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default8);
                  box-shadow: -5.15px 8.572px 25px var(--theme-default8); }
        .btn.btn-gradient.color-6:hover {
          background-position: right center; }
        .btn.btn-gradient.color-6:not(:disabled):not(.disabled):active, .btn.btn-gradient.color-6:not(:disabled):not(.disabled).active {
          background-image: var(--theme-gradient10); }
      .btn.btn-gradient.btn-pill::after {
        border-radius: 30px; }
    .btn.btn-light-bg {
      background-color: transparent;
      border: 2px solid transparent;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 43px; }
      .btn.btn-light-bg::after {
        background-color: var(--theme-default3);
        opacity: 0.1;
        height: 43px; }
      .btn.btn-light-bg span {
        background: var(--theme-gradient6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        vertical-align: -2px; }
      .btn.btn-light-bg:hover {
        border: 2px solid var(--theme-default3);
        background: #ffffff;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .btn.btn-light-bg:hover::after {
          background: #ffffff; }
      .btn.btn-light-bg.color-2 {
        border: none; }
        .btn.btn-light-bg.color-2:hover {
          border: none; }
      .btn.btn-light-bg.color-3 {
        color: var(--theme-default5); }
        .btn.btn-light-bg.color-3 span {
          color: var(--theme-default5);
          background: unset;
          -webkit-background-clip: unset;
          -webkit-text-fill-color: unset; }
        .btn.btn-light-bg.color-3::after {
          background-color: var(--theme-default5); }
        .btn.btn-light-bg.color-3:hover {
          border: 2px solid transparent; }
          .btn.btn-light-bg.color-3:hover span {
            color: #ffffff; }
          .btn.btn-light-bg.color-3:hover::after {
            opacity: 1;
            z-index: -1; }
          .btn.btn-light-bg.color-3:hover::before {
            -webkit-box-shadow: 0px 10px 12.5px var(--theme-default5);
                    box-shadow: 0px 10px 12.5px var(--theme-default5);
            -webkit-transition: 0.5s;
            transition: 0.5s;
            opacity: 0.35; }
      .btn.btn-light-bg.color-7 {
        color: var(--theme-default10);
        border: none; }
        .btn.btn-light-bg.color-7 span {
          color: var(--theme-default10);
          background: unset;
          -webkit-background-clip: unset;
          -webkit-text-fill-color: unset; }
        .btn.btn-light-bg.color-7::after {
          background-color: var(--theme-default10); }
        .btn.btn-light-bg.color-7:hover span {
          color: #ffffff; }
        .btn.btn-light-bg.color-7:hover::after {
          opacity: 1;
          z-index: -1; }
        .btn.btn-light-bg.color-7:hover::before {
          -webkit-box-shadow: 0px 10px 12.5px var(--theme-default10);
                  box-shadow: 0px 10px 12.5px var(--theme-default10);
          -webkit-transition: 0.5s;
          transition: 0.5s;
          opacity: 0.35; }
    .btn.btn-white {
      background-color: #ffffff;
      border: 2px solid transparent;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .btn.btn-white span {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .btn.btn-white:hover {
        -webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .btn.btn-white.color-6 {
        border: 2px solid transparent; }
        .btn.btn-white.color-6 span {
          background: var(--theme-gradient11);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    .btn.btn-dashed {
      border: 1px dashed #d2d2d2;
      color: #1c2d3a;
      background: transparent;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: relative;
      padding: 9px 15px 8px; }
      .btn.btn-dashed:hover {
        background: #d2d2d2;
        color: #ffffff;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-color: transparent; }
        .btn.btn-dashed:hover::after {
          opacity: 0.1; }
      .btn.btn-dashed.color-1:hover {
        border-color: var(--theme-default2);
        color: var(--theme-default2); }
        .btn.btn-dashed.color-1:hover::after {
          background: var(--theme-default2); }
      .btn.btn-dashed.color-2:hover {
        border-color: var(--theme-default4);
        color: var(--theme-default4); }
        .btn.btn-dashed.color-2:hover::after {
          background: var(--theme-default4); }
      .btn.btn-dashed.color-4::after {
        width: 100%;
        height: 100%;
        position: absolute;
        content: '';
        background: transparent;
        top: 0;
        left: 0; }
      .btn.btn-dashed.color-4:hover {
        border-color: var(--theme-default7);
        color: var(--theme-default7); }
        .btn.btn-dashed.color-4:hover::after {
          background: var(--theme-default7); }
      .btn.btn-dashed.color-6:hover {
        border-color: var(--theme-default9);
        color: var(--theme-default9); }
        .btn.btn-dashed.color-6:hover::after {
          background: var(--theme-default9); }
    .btn.btn-pill {
      border-radius: 30px; }
      .btn.btn-pill:hover::after {
        border-radius: 30px; }
      .btn.btn-pill::after {
        border-radius: 30px; }
    .btn.btn-flat {
      border-radius: 0; }
    .btn.btn-lg {
      padding: 12px 30px 10px;
      font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); }
  
  .btns {
    margin-bottom: -10px; }
    .btns .btn {
      margin-bottom: 10px; }
  
  .theme-buttons {
    margin-bottom: -15px; }
    .theme-buttons > div {
      margin-left: -15px; }
      .theme-buttons > div .btn {
        margin-bottom: 15px; }
        .theme-buttons > div .btn + .btn {
          margin-left: 15px; }
  
  .btn-outline-light {
    color: #3b4249; }
  
  .btn-showcase .theme-card .card-header {
    margin-top: -3px; }
  
  .btn-showcase .card-body {
    margin-bottom: -10px; }
    .btn-showcase .card-body .btn {
      margin-bottom: 10px; }
  
  .custom-dropdown {
    position: relative; }
    .custom-dropdown .custom-dropdown-menu {
      width: 350px;
      padding: 20px;
      right: 0;
      -webkit-box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
      background: #ffffff;
      border: 1px solid #eee;
      border-radius: 4px;
      display: none;
      position: absolute;
      top: 30px;
      right: 0; }
      .custom-dropdown .custom-dropdown-menu form .checkbox_animated ~ span {
        vertical-align: -1px; }
      .custom-dropdown .custom-dropdown-menu.show {
        -webkit-animation: fadeIn 0.5s;
                animation: fadeIn 0.5s;
        display: block; }
  
  /**=====================
       buttons css end
  ==========================**/
  /**=====================
       labels css start
  ==========================**/
  .label {
    border-radius: 5px;
    padding: 4px 15px 3px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    text-transform: capitalize; }
    .label.label-gradient.color-1 {
      background-image: var(--theme-gradient3); }
    .label.label-gradient.color-6 {
      background-image: var(--theme-gradient12); }
    .label.label-solid {
      background: var(--theme-default2); }
      .label.label-solid.color-3 {
        background: var(--theme-default5); }
      .label.label-solid.color-6 {
        background: var(--theme-default9); }
      .label.label-solid.color-7 {
        background: var(--theme-default10); }
    .label.label-success {
      background: #89c826; }
    .label.label-danger {
      background: #f13439; }
    .label.label-shadow {
      background-color: #f13439;
      -webkit-box-shadow: 0 0 9px 3px rgba(241, 52, 57, 0.2);
              box-shadow: 0 0 9px 3px rgba(241, 52, 57, 0.2); }
    .label.label-gradient.color-4 {
      background-image: var(--theme-gradient9); }
    .label.label-light {
      position: relative; }
      .label.label-light::after {
        border-radius: 8px; }
      .label.label-light.color-2 {
        color: var(--theme-default3); }
        .label.label-light.color-2::after {
          background-color: var(--theme-default3);
          opacity: 0.1; }
      .label.label-light.color-3 {
        color: var(--theme-default5); }
        .label.label-light.color-3::after {
          background-color: var(--theme-default5);
          opacity: 0.1; }
      .label.label-light.color-4 {
        color: var(--theme-default7); }
        .label.label-light.color-4::after {
          background-color: var(--theme-default7);
          opacity: 0.08; }
      .label.label-light.color-7 {
        color: var(--theme-default10); }
        .label.label-light.color-7::after {
          background-color: var(--theme-default10);
          opacity: 0.08; }
      .label.label-light.label-pill::after {
        border-radius: 9px; }
      .label.label-light.label-flat::after {
        border-radius: 0; }
    .label.label-white {
      background-color: #ffffff; }
      .label.label-white.color-1 {
        color: var(--theme-default2); }
      .label.label-white .gradient-1.color-6 {
        background: var(--theme-gradient11);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      .label.label-white.color-3 {
        color: var(--theme-default5); }
      .label.label-white.color-6 {
        color: var(--theme-default9); }
      .label.label-white.color-7 {
        color: var(--theme-default10); }
    .label.label-dark {
      background: #1c2d3a; }
    .label.label-pill {
      border-radius: 9px; }
    .label.label-flat {
      border-radius: 0; }
    .label.label-lg {
      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 700;
      padding: 10px 30px 9px; }
      .label.label-lg.label-pill {
        border-radius: 23px; }
  
  .theme-label .card-header h5 {
    margin-top: -3px; }
  
  .theme-label .card-body {
    margin-bottom: -15px; }
    .theme-label .card-body .label {
      margin-bottom: 15px; }
  
  .label-heart {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    position: relative; }
    .label-heart i {
      font-size: 14px;
      margin: 0 0px -2px 0; }
    .label-heart::after {
      border-radius: 100%; }
    .label-heart.color-7 {
      color: var(--theme-default10); }
      .label-heart.color-7::after {
        opacity: 0.1;
        background-color: var(--theme-default10); }
    .label-heart.color-6 {
      color: var(--theme-default9); }
      .label-heart.color-6::after {
        opacity: 0.1;
        background-color: var(--theme-default9); }
    .label-heart.color-4 {
      color: var(--theme-default7); }
      .label-heart.color-4::after {
        opacity: 0.1;
        background-color: var(--theme-default7); }
    .label-heart.color-1 {
      color: var(--theme-default2); }
      .label-heart.color-1::after {
        opacity: 0.1;
        background-color: var(--theme-default); }
    .label-heart.color-2 {
      color: var(--theme-default3); }
      .label-heart.color-2::after {
        opacity: 0.12;
        background-color: var(--theme-default3); }
    .label-heart.color-3 {
      color: var(--theme-default5); }
      .label-heart.color-3::after {
        opacity: 0.12;
        background-color: var(--theme-default5); }
  
  /**=====================
       labels css end
  ==========================**/
  /* NOT PART OF COMMON SLIDER STYLES */
  /* COLORFUL SWITCH STYLES 
       ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
  .fnc-slider {
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    height: 100vh;
    min-height: 800px; }
    .fnc-slider * {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .fnc-slider *:before {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .fnc-slider *:after {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
    .fnc-slider .m--blend-dark .fnc-slide__inner {
      background-color: #05213d; }
    .fnc-slider .m--blend-dark .fnc-slide__mask-inner {
      background-color: #05213d; }
    .fnc-slider .m--navbg-dark {
      background-color: var(--theme-default2); }
    .fnc-slider .m--navbg-green {
      background-color: var(--theme-default2); }
    .fnc-slider .m--navbg-red {
      background-color: var(--theme-default2); }
    .fnc-slider .m--blend-blue .fnc-slide__inner {
      background-color: #59aecb; }
    .fnc-slider .m--blend-blue .fnc-slide__mask-inner {
      background-color: #2D7791; }
    .fnc-slider .m--navbg-blue {
      background-color: #2D7791; }
  
  .fnc-slider__slides {
    position: relative;
    height: 100%;
    -webkit-transition: -webkit-transform 1s 0.6666666667s;
    transition: -webkit-transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s; }
  
  .fnc-slide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  
  .fnc-slide.m--before-sliding {
    z-index: 2 !important;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  
  .fnc-slide.m--active-slide {
    z-index: 1;
    -webkit-transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  
  .fnc-slide__inner {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center top;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  
  .m--global-blending-active .fnc-slide__inner {
    background-blend-mode: luminosity; }
  
  .m--blend-bg-active .fnc-slide__inner {
    background-blend-mode: luminosity; }
  
  .m--before-sliding .fnc-slide__inner {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  
  .m--before-sliding .fnc-slide__mask {
    -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
            transform: rotate(-10deg) translate3d(200px, 0, 0);
    opacity: 0; }
  
  .m--before-sliding .fnc-slide__mask-inner {
    -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
            transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0); }
  
  .m--before-sliding .fnc-slide__heading-line {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
    .m--before-sliding .fnc-slide__heading-line span {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
  
  .m--active-slide .fnc-slide__inner {
    -webkit-transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  
  .m--active-slide .fnc-slide__mask {
    -webkit-transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  
  .m--active-slide .fnc-slide__mask-inner {
    -webkit-transition: -webkit-transform 0.7s 1.2222222222s;
    transition: -webkit-transform 0.7s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  
  .m--active-slide .fnc-slide__heading-line {
    -webkit-transition: -webkit-transform 1.5s 1s;
    transition: -webkit-transform 1.5s 1s;
    transition: transform 1.5s 1s;
    transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .m--active-slide .fnc-slide__heading-line span {
      -webkit-transition: -webkit-transform 1.5s 1s;
      transition: -webkit-transform 1.5s 1s;
      transition: transform 1.5s 1s;
      transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  
  .fnc-slide__mask {
    overflow: hidden;
    z-index: 1;
    position: absolute;
    right: 60%;
    top: 15%;
    width: 50.25vh;
    height: 67vh;
    margin-right: -90px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
  
  .m--previous-slide .fnc-slide__mask {
    -webkit-transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
    transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
    transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
    transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
    -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
            transform: rotate(10deg) translate3d(-200px, 0, 0);
    opacity: 0; }
  
  .m--previous-slide .fnc-slide__mask-inner {
    -webkit-transition: -webkit-transform 0.7s 0.3333333333s;
    transition: -webkit-transform 0.7s 0.3333333333s;
    transition: transform 0.7s 0.3333333333s;
    transition: transform 0.7s 0.3333333333s, -webkit-transform 0.7s 0.3333333333s;
    -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
            transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0); }
  
  .m--previous-slide .fnc-slide__heading-line {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
    .m--previous-slide .fnc-slide__heading-line span {
      -webkit-transition: -webkit-transform 1.5s;
      transition: -webkit-transform 1.5s;
      transition: transform 1.5s;
      transition: transform 1.5s, -webkit-transform 1.5s;
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
  
  .fnc-slide__mask-inner {
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    min-height: 800px;
    margin-left: -50vw;
    margin-top: -50vh;
    background-size: cover;
    background-position: center center;
    background-blend-mode: luminosity;
    -webkit-transform-origin: 50% 16.5vh;
            transform-origin: 50% 16.5vh;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
  
  .fnc-slide__content {
    z-index: 2;
    position: absolute;
    left: 40%;
    top: 32%;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.5); }
  
  .fnc-slide__heading {
    margin-bottom: 15px;
    text-transform: uppercase; }
  
  .fnc-slide__heading-line {
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    font-size: 100px;
    color: #1c2d3a;
    word-spacing: 10px;
    display: block; }
    .fnc-slide__heading-line span {
      display: block; }
  
  .fnc-slide__action-btn {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #ffffff;
    border-radius: 28px;
    line-height: 4; }
    .fnc-slide__action-btn:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      border-radius: 28px;
      background: rgba(28, 45, 58, 0.5);
      width: 55px;
      height: 54px;
      -webkit-transition: all .5s ease;
      transition: all .5s ease; }
    .fnc-slide__action-btn span {
      position: relative;
      font-size: 14px;
      line-height: 6;
      font-weight: 900;
      letter-spacing: .25em;
      text-transform: uppercase;
      vertical-align: middle;
      color: #1c2d3a; }
    .fnc-slide__action-btn svg {
      position: relative;
      top: 0;
      margin-left: 10px;
      fill: none;
      stroke: #1c2d3a;
      stroke-width: 2;
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px);
      -webkit-transition: all .5s ease;
      transition: all .5s ease; }
    .fnc-slide__action-btn:hover:before {
      width: 100%;
      background: #1c2d3a; }
    .fnc-slide__action-btn:hover svg {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      stroke: #ffffff; }
    .fnc-slide__action-btn:hover span {
      color: #ffffff; }
    .fnc-slide__action-btn:active {
      -webkit-transform: scale(0.96);
              transform: scale(0.96); }
  
  .fnc-nav {
    z-index: 5;
    position: absolute;
    right: 0;
    bottom: 0; }
  
  .fnc-nav__bgs {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  
  .fnc-nav__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  
  .fnc-nav__bg.m--nav-bg-before {
    z-index: 2 !important;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  
  .fnc-nav__bg.m--active-nav-bg {
    z-index: 1;
    -webkit-transition: -webkit-transform 1s 0.6666666667s;
    transition: -webkit-transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  
  .fnc-nav__controls {
    font-size: 0; }
  
  .fnc-nav__control {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 110px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s; }
  
  .fnc-nav__control.m--active-control {
    background: #1F2833; }
  
  .fnc-nav__control-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important; }
  
  .m--with-autosliding .m--active-control .fnc-nav__control-progress {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  
  .m--prev-control .fnc-nav__control-progress {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.5s !important;
    transition: -webkit-transform 0.5s !important;
    transition: transform 0.5s !important;
    transition: transform 0.5s, -webkit-transform 0.5s !important; }
  
  .m--reset-progress .fnc-nav__control-progress {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0s 0s !important;
    transition: -webkit-transform 0s 0s !important;
    transition: transform 0s 0s !important;
    transition: transform 0s 0s, -webkit-transform 0s 0s !important; }
  
  .m--autosliding-blocked .fnc-nav__control-progress {
    -webkit-transition: all 0s 0s !important;
    transition: all 0s 0s !important;
    -webkit-transform: scaleX(0) !important;
            transform: scaleX(0) !important; }
  
  .demo-cont__credits {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-y: auto;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    padding: 20px 10px 30px;
    background: #303030;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s;
    -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
            transform: translate3d(100%, 0, 0) rotateY(-45deg);
    will-change: transform; }
    .demo-cont__credits * {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .demo-cont__credits *:before {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .demo-cont__credits *:after {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
  
  .credits-active .demo-cont__credits {
    -webkit-transition: -webkit-transform 0.7s 0.2333333333s;
    transition: -webkit-transform 0.7s 0.2333333333s;
    transition: transform 0.7s 0.2333333333s;
    transition: transform 0.7s 0.2333333333s, -webkit-transform 0.7s 0.2333333333s;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  
  .credits-active .example-slider {
    -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
            transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9); }
  
  .example-slider {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s; }
    .example-slider .fnc-slide-1 .fnc-slide__inner {
      background-image: url("../images/layout/1.jpg"); }
    .example-slider .fnc-slide-1 .fnc-slide__mask-inner {
      background-image: url("../images/layout/1.jpg"); }
    .example-slider .fnc-slide-2 .fnc-slide__inner {
      background-image: url("../images/layout/2.jpg"); }
    .example-slider .fnc-slide-2 .fnc-slide__mask-inner {
      background-image: url("../images/layout/2.jpg"); }
    .example-slider .fnc-slide-3 .fnc-slide__inner {
      background-image: url("../images/property/1.jpg"); }
      .example-slider .fnc-slide-3 .fnc-slide__inner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.1); }
    .example-slider .fnc-slide-3 .fnc-slide__mask-inner {
      background-image: url("../images/property/1.jpg"); }
    .example-slider .fnc-slide-4 .fnc-slide__inner:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2); }
    .example-slider .fnc-slide__heading {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; }
    .example-slider .fnc-slide__action-btn {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; }
    .example-slider .fnc-nav__control {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; }
  
  /**=====================
       form css start
  ==========================**/
  /* .form-control {
    border: 1px solid #eee; } */
  
  input:focus {
    outline: none; }
  
  form label,
  form .form-control {
    font-size: 14px;
    font-family: Rubik, sans-serif; }
  
  form .form-control::-webkit-input-placeholder {
    text-transform: capitalize; }
  
  form .form-control::-moz-placeholder {
    text-transform: capitalize; }
  
  form .form-control:-ms-input-placeholder {
    text-transform: capitalize; }
  
  form .form-control::-ms-input-placeholder {
    text-transform: capitalize; }
  
  form .form-control::placeholder {
    text-transform: capitalize; }
  
  form .form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  
  form label {
    color: #586167; }
  
  /* .alert-success {
    max-width: 350px; } */
  
  .was-validated .form-control:invalid,
  .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(../images/icon/error.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  
  .was-validated .form-control:invalid:focus, .was-validated .form-control.is-invalid:focus,
  .was-validated .custom-select:invalid:focus,
  .was-validated .custom-select.is-invalid:focus {
    border-bottom-color: #dc3545;
    -webkit-box-shadow: unset;
            box-shadow: unset; }
  
  .was-validated .form-control:valid:focus, .was-validated .form-control.is-valid:focus,
  .was-validated .custom-select:valid:focus,
  .was-validated .custom-select.is-valid:focus {
    border-bottom-color: #28a745;
    -webkit-box-shadow: unset;
            box-shadow: unset; }
  
  .animate-rdi {
    margin-left: 45px; }
    .animate-rdi .col {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .animate-rdi label {
      color: #ffffff;
      margin-bottom: 0;
      padding: 15px 20px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 5px;
      margin-right: 47px;
      font-weight: 600;
      cursor: pointer; }
    .animate-rdi .radio_animated:after {
      background: #2b2f31; }
  
  .checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0 1rem 0 0; }
    .checkbox_animated:before {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -webkit-transform: rotate(-45deg) scale(0, 0);
              transform: rotate(-45deg) scale(0, 0);
      content: "";
      position: absolute;
      left: 0.25rem;
      top: 0.225rem;
      z-index: 1;
      width: 0.75rem;
      height: 0.375rem;
      border: 2px solid var(--theme-default);
      border-top-style: none;
      border-right-style: none; }
    .checkbox_animated:after {
      content: "";
      position: absolute;
      top: -0.125rem;
      left: 0;
      width: 1.3rem;
      height: 1.3rem;
      background: #ffffff;
      border: 2px solid #efefef;
      cursor: pointer; }
    .checkbox_animated:checked:before {
      -webkit-transform: rotate(-45deg) scale(1, 1);
              transform: rotate(-45deg) scale(1, 1); }
    .checkbox_animated.color-2:before {
      border: 2px solid var(--theme-default3);
      border-top-style: none;
      border-right-style: none; }
    .checkbox_animated.color-3:before {
      border: 2px solid var(--theme-default5);
      border-top-style: none;
      border-right-style: none; }
    .checkbox_animated.color-4:before {
      border: 2px solid var(--theme-default7);
      border-top-style: none;
      border-right-style: none; }
    .checkbox_animated.color-6:before {
      border: 2px solid var(--theme-default8);
      border-top-style: none;
      border-right-style: none; }
    .checkbox_animated.color-7:before {
      border: 2px solid var(--theme-default10);
      border-top-style: none;
      border-right-style: none; }
  
  .radio_animated {
    position: relative;
    margin: 0 20px 0 0;
    cursor: pointer; }
    .radio_animated:before {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -webkit-transform: scale(0, 0);
              transform: scale(0, 0);
      content: "";
      position: absolute;
      top: -8px;
      left: 2px;
      z-index: 1;
      width: 7px;
      height: 7px;
      background: #ff5c41;
      border-radius: 50%; }
    .radio_animated:after {
      content: "";
      position: absolute;
      top: -12px;
      left: -0.125rem;
      width: 15px;
      height: 15px;
      background: #ffffff;
      border: 5px solid rgba(255, 92, 65, 0.3);
      border-radius: 50%; }
    .radio_animated:checked:before {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1); }
  
  input[type='radio'].radio_animated {
    -webkit-appearance: none; }
  
  .signup-modal .modal-content {
    overflow: hidden; }
  
  .signup-modal .modal-body {
    padding: 0; }
  
  .signup-modal .login-img {
    height: 100%; }
  
  .signup-modal .signup-tab {
    padding: 40px 50px; }
    .signup-modal .signup-tab .nav-tabs {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      border-bottom: none; }
      .signup-modal .signup-tab .nav-tabs .nav-link {
        border: 1px solid #eee;
        border-radius: 0;
        font-weight: 500; }
      .signup-modal .signup-tab .nav-tabs .nav-item + .nav-item {
        margin-left: -1px; }
    .signup-modal .signup-tab h4 {
      margin-top: 30px;
      margin-bottom: 20px;
      color: #586167;
      font-weight: 600; }
    .signup-modal .signup-tab form a {
      color: rgba(88, 97, 103, 0.7); }
      .signup-modal .signup-tab form a:hover, .signup-modal .signup-tab form a:focus {
        text-decoration: underline; }
    .signup-modal .signup-tab form .form-group svg {
      width: 22px;
      height: 22px; }
    .signup-modal .signup-tab form .form-group svg, .signup-modal .signup-tab form .form-group i {
      color: #586167; }
    .signup-modal .signup-tab form span {
      color: #586167;
      display: inline-block;
      vertical-align: -1px; }
  
  .theme-tab-3 .nav-tabs .nav-link {
    color: var(--theme-default5); }
    .theme-tab-3 .nav-tabs .nav-link.active {
      background-color: var(--theme-default5);
      color: #ffffff; }
  
  .theme-tab-3 .nav-tabs .nav-item.show .nav-link {
    background-color: var(--theme-default5);
    color: #ffffff; }
  
  .theme-tab-4 .nav-tabs .nav-link {
    color: var(--theme-default7); }
    .theme-tab-4 .nav-tabs .nav-link.active {
      background-image: var(--theme-gradient9);
      color: #ffffff; }
  
  .theme-tab-4 .nav-tabs .nav-item.show .nav-link {
    background-image: var(--theme-gradient9);
    color: #ffffff; }
  
  .theme-tab-5 .nav-tabs .nav-link {
    color: var(--theme-default10); }
    .theme-tab-5 .nav-tabs .nav-link.active {
      background-color: var(--theme-default10);
      color: #ffffff; }
  
  .theme-tab-5 .nav-tabs .nav-item.show .nav-link {
    background-color: var(--theme-default10);
    color: #ffffff; }
  
  .property-wizard.horizontal-wizard .wizard-box > div {
    margin: 0 auto; }
  
  .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin: -10px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
      display: inline-block;
      margin: 10px; }
  
  .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
    margin-top: 50px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in form .form-control {
      text-transform: inherit;
      border-radius: 0; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in .next-btn {
      margin-top: 20px;
      margin-bottom: 0; }
  
  .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p {
    margin-bottom: 0;
    color: rgba(88, 97, 103, 0.4); }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
      margin-left: 15px; }
  
  .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details form {
    margin-bottom: 0; }
  
  .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .wizard-step-3 .next-btn {
    margin-top: 35px; }
  
  .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content h3 {
      color: #586167;
      font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      margin-bottom: 10px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content ul li {
      display: block;
      font-family: Roboto, sans-serif;
      color: #586167; }
      .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content ul li span {
        color: var(--theme-default3); }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content + .account-content {
      margin-left: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))); }
  
  .log-in.row > div {
    margin: 0 auto; }
  
  .log-in .divider {
    text-align: center;
    position: relative;
    margin: 20px 0;
    z-index: 1; }
    .log-in .divider h6 {
      display: inline-block;
      padding: 5px 15px;
      margin-bottom: 0;
      text-transform: uppercase;
      background-color: #ffffff; }
    .log-in .divider::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #eee;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: -1; }
  
  .log-in .title-3 {
    margin-bottom: 30px; }
    .log-in .title-3 h2 {
      position: relative;
      font-weight: 600; }
      .log-in .title-3 h2::before {
        position: absolute;
        content: "";
        width: 30px;
        height: 2px;
        background-color: var(--theme-default3);
        left: 0;
        bottom: -8px; }
  
  .log-in form .form-group {
    margin-bottom: 30px; }
    .log-in form .form-group .input-group .input-group-text {
      padding-left: 0;
      padding-right: 0; }
      .log-in form .form-group .input-group .input-group-text svg {
        height: 16px; }
    .log-in form .form-group .input-group i {
      font-size: 14px; }
    .log-in form .form-group .input-group .input-group-text {
      background-color: transparent;
      border: none; }
    .log-in form .form-group .input-group input:not(.is-invalid) {
      border: none;
      border-bottom: 1px solid #eee; }
      .log-in form .form-group .input-group input::-webkit-input-placeholder {
        color: #959595; }
      .log-in form .form-group .input-group input::-moz-placeholder {
        color: #959595; }
      .log-in form .form-group .input-group input:-ms-input-placeholder {
        color: #959595; }
      .log-in form .form-group .input-group input::-ms-input-placeholder {
        color: #959595; }
      .log-in form .form-group .input-group input::placeholder {
        color: #959595; }
      .log-in form .form-group .input-group input ~ .input-group-text {
        border-bottom: 1px solid #eee; }
    .log-in form .form-group .input-group .input-group-apend .input-group-text {
      border-bottom: 1px solid #eee;
      height: 100%; }
    .log-in form .form-group textarea:not(.is-invalid) {
      border: none;
      border-bottom: 1px solid #eee;
      color: #959595;
      padding-left: 5px;
      padding-right: 5px; }
    .log-in form .form-group .important-note {
      color: rgba(88, 97, 103, 0.4);
      font-family: Rubik, sans-serif;
      padding-left: 35px;
      margin-top: 5px; }
  
  .log-in form .d-flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px; }
    .log-in form .d-flex a {
      color: rgba(88, 97, 103, 0.7); }
  
  .log-in h6 {
    color: #586167;
    margin-bottom: 20px;
    font-weight: 600; }
  
  .log-in .social-connect > div:nth-child(n+3) {
    margin-top: 15px; }
  
  .btn-social {
    padding: 0;
    width: 100%;
    text-align: left;
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .btn-social i {
      padding: 11px 12px 12px 11px; }
    .btn-social span {
      padding: 8px 15px 7px;
      display: inline-block; }
    .btn-social:hover, .btn-social:focus {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      color: #ffffff; }
    .btn-social.facebook {
      background-color: #3b5998; }
      .btn-social.facebook i, .btn-social.facebook:hover, .btn-social.facebook:focus {
        background-color: #344e86; }
    .btn-social.google {
      background-color: #dd4b39; }
      .btn-social.google i, .btn-social.google:hover, .btn-social.google:focus {
        background-color: #d73925; }
    .btn-social.twitter {
      background-color: #55acee; }
      .btn-social.twitter i, .btn-social.twitter:hover, .btn-social.twitter:focus {
        background-color: #3ea1ec; }
    .btn-social.linkedin {
      background-color: #007bb6; }
      .btn-social.linkedin i, .btn-social.linkedin:hover, .btn-social.linkedin:focus {
        background-color: #006a9d; }
  
  .captcha {
    background-color: #f9f9f9;
    border: 2px solid #eee;
    border-radius: 5px;
    color: #3b4249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px; }
    .captcha .spinner {
      position: relative;
      width: 2em;
      height: 2em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 2em 1em;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .captcha input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      z-index: -1; }
    .captcha input[type="checkbox"] + .checkmark {
      display: inline-block;
      width: 2em;
      height: 2em;
      background-color: #fcfcfc;
      border: 2.5px solid #eee;
      border-radius: 3px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
    .captcha input[type="checkbox"] + .checkmark span {
      content: '';
      position: relative;
      margin-top: -3px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      width: .75em;
      height: 1.2em;
      opacity: 0; }
    .captcha input[type="checkbox"] + .checkmark > span:after {
      content: '';
      position: absolute;
      display: block;
      height: 3px;
      bottom: 0;
      left: 0;
      background-color: #029f56; }
    .captcha input[type="checkbox"] + .checkmark > span:before {
      content: '';
      position: absolute;
      display: block;
      width: 3px;
      bottom: 0;
      right: 0;
      background-color: #029f56; }
    .captcha input[type="checkbox"]:checked + .checkmark {
      -webkit-animation: 2s spincaptcha forwards;
              animation: 2s spincaptcha forwards; }
    .captcha input[type="checkbox"]:checked + .checkmark > span {
      -webkit-animation: 1s fadein 1.9s forwards;
              animation: 1s fadein 1.9s forwards; }
    .captcha input[type="checkbox"]:checked + .checkmark > span:after {
      -webkit-animation: .3s bottomslide 2s forwards;
              animation: .3s bottomslide 2s forwards; }
    .captcha input[type="checkbox"]:checked + .checkmark > span:before {
      -webkit-animation: .5s rightslide 2.2s forwards;
              animation: .5s rightslide 2.2s forwards; }
    .captcha .logo {
      margin-left: 50px;
      margin-right: 13px;
      text-align: center; }
      .captcha .logo img {
        height: 2em;
        width: 2em; }
      .captcha .logo p {
        color: rgba(88, 97, 103, 0.4);
        margin: 0;
        font-size: 1em;
        font-weight: 700;
        margin: .4em 0 .2em 0; }
      .captcha .logo small {
        color: rgba(88, 97, 103, 0.4);
        margin: 0;
        font-size: .8em; }
    .captcha ::-moz-selection {
      background-color: transparent;
      color: teal; }
    .captcha ::selection {
      background-color: transparent;
      color: teal; }
    .captcha ::-moz-selection {
      background-color: transparent;
      color: teal; }
  
  /**=====================
       form css end
  ==========================**/
  /**=====================
       blog css start
  ==========================**/
  .ratio_square .blog-1 .bg-size:before {
    padding-top: 109%; }
  
  .horizontal-blog .blog-1 .blog-box .blog-content a.btn-lg {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }
  
  .blog-section.bg-comman-2 .blog-1 .blog-box .blog-content a.btn-lg {
    font-size: calc( 14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }
  
  .blog-section.bg-comman-2::before {
    height: 370px; }
  
  .blog-1 .slick-prev::before,
  .blog-1 .slick-next::before {
    color: var(--theme-default3); }
  
  .blog-1 .blog-box {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 15px 6px rgba(0, 0, 0, 0.03);
            box-shadow: 0 5px 15px 6px rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    padding-left: 12px; }
    .blog-1 .blog-box .row {
      margin: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .blog-1 .blog-box .row > div {
        padding: 0; }
    .blog-1 .blog-box .blog-content {
      padding: 20px 35px;
      height: 100%;
      background-color: #ffffff; }
      .blog-1 .blog-box .blog-content span {
        font-weight: 700;
        color: #3b4249; }
      .blog-1 .blog-box .blog-content h3 {
        font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
        background: var(--theme-gradient7);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 16px 0 10px;
        font-weight: 700;
        line-height: 1.4; }
      .blog-1 .blog-box .blog-content p {
        color: #647589;
        margin-bottom: 30px;
        line-height: 1.6; }
      .blog-1 .blog-box .blog-content .btn {
        font-weight: 700;
        text-transform: uppercase; }
    .blog-1 .blog-box .img-box {
      position: relative; }
      .blog-1 .blog-box .img-box img {
        min-width: 290px;
        width: 100%;
        border-radius: 8px; }
      .blog-1 .blog-box .img-box::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        -webkit-box-shadow: inset 0px -133px 61px -31px rgba(0, 0, 0, 0.6);
                box-shadow: inset 0px -133px 61px -31px rgba(0, 0, 0, 0.6);
        border-radius: 8px; }
  
  .blog-1 .slick-list {
    margin: -22px -15px; }
    .blog-1 .slick-list .slick-track .slick-slide > div {
      margin: 22px 15px; }
  
  .blog-1.slick-initialized .slick-slide {
    margin-bottom: 0; }
  
  .blog-2 {
    margin-bottom: -37px; }
    .blog-2 .slick-list {
      margin: 0 -25px; }
      .blog-2 .slick-list .slick-track .slick-slide > div {
        margin: 0 25px; }
  
  .blog-wrap {
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
    margin-bottom: 35px;
    overflow: hidden; }
    .blog-wrap .blog-image {
      position: relative;
      overflow: hidden; }
      .blog-wrap .blog-image .bg-size {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .blog-wrap .blog-image .blog-label {
        width: 59px;
        height: 59px;
        border-radius: 2px;
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        left: 30px;
        bottom: 30px; }
        .blog-wrap .blog-image .blog-label h3,
        .blog-wrap .blog-image .blog-label span {
          color: #586167; }
        .blog-wrap .blog-image .blog-label h3 {
          margin-bottom: 0;
          line-height: 1;
          font-weight: 600; }
        .blog-wrap .blog-image .blog-label span {
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 500; }
    .blog-wrap .blog-details {
      padding: 35px; }
      .blog-wrap .blog-details span,
      .blog-wrap .blog-details h5,
      .blog-wrap .blog-details a {
        color: #586167; }
      .blog-wrap .blog-details h3 {
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 700;
        line-height: 1.6;
        margin-top: 10px;
        margin-bottom: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .blog-wrap .blog-details h3 a {
          color: #1c2d3a;
          font-weight: 700;
          line-height: 1.6; }
          .blog-wrap .blog-details h3 a::after {
            display: none; }
      .blog-wrap .blog-details span {
        font-weight: 500; }
        .blog-wrap .blog-details span svg {
          width: 16px;
          vertical-align: bottom;
          stroke-width: 2; }
      .blog-wrap .blog-details p {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        line-height: 1.65;
        margin: 5px 0 15px;
        color: rgba(88, 97, 103, 0.7); }
      .blog-wrap .blog-details a {
        text-transform: capitalize;
        display: inline-block;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        line-height: 1.9;
        margin-bottom: -10px;
        font-weight: 500; }
        .blog-wrap .blog-details a::after {
          content: "";
          display: block;
          width: 0;
          height: 2px;
          background: var(--theme-default5);
          -webkit-transition: width 0.3s;
          transition: width 0.3s; }
    .blog-wrap:hover .blog-image .bg-size {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: scale(1.03);
              transform: scale(1.03); }
    .blog-wrap:hover .blog-details h3 {
      color: var(--theme-default5);
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .blog-wrap:hover .blog-details a {
      color: var(--theme-default5);
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .blog-wrap:hover .blog-details a::after {
        width: 100%; }
    .blog-wrap.color-7 .blog-details a::after {
      background: var(--theme-default10); }
    .blog-wrap.color-7:hover .blog-details h3 {
      color: var(--theme-default10); }
    .blog-wrap.color-7:hover .blog-details a {
      color: var(--theme-default10) !important; }
  
  .blog-sidebar .search-bar {
    position: relative; }
    .blog-sidebar .search-bar input {
      width: 100%;
      border: none;
      padding: 14px 14px 14px 50px;
      background-color: rgba(250, 250, 250, 0.8); }
    .blog-sidebar .search-bar i {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 14px;
      color: var(--theme-default3); }
      .blog-sidebar .search-bar i:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 12px;
        background-color: var(--theme-default3);
        opacity: 0.5;
        right: -10px;
        top: 2px; }
  
  .blog-grid,
  .blog-list {
    margin-bottom: -37px; }
    .blog-grid .blog-wrap:hover .blog-details h3,
    .blog-list .blog-wrap:hover .blog-details h3 {
      color: var(--theme-default4); }
    .blog-grid .blog-wrap:hover .blog-details a,
    .blog-list .blog-wrap:hover .blog-details a {
      color: var(--theme-default4) !important; }
    .blog-grid .blog-wrap .blog-details a::after,
    .blog-list .blog-wrap .blog-details a::after {
      background: var(--theme-default4); }
  
  .blog-list-section .blog-list .blog-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .blog-list-section .blog-list .blog-wrap .blog-image {
      width: 45%; }
      .blog-list-section .blog-list .blog-wrap .blog-image .bg-size {
        height: 100%; }
    .blog-list-section .blog-list .blog-wrap .blog-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  
  .blog-single-detail.theme-card .property-slider .slick-dots {
    display: none !important; }
  
  .blog-single-detail.theme-card .property-slider:hover .slick-prev {
    left: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--theme-default3);
    border-radius: 30px; }
    .blog-single-detail.theme-card .property-slider:hover .slick-prev::before {
      content: "\f053";
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      opacity: 1;
      line-height: 0.6;
      font-size: 12px; }
  
  .blog-single-detail.theme-card .property-slider:hover .slick-next {
    right: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--theme-default3);
    border-radius: 30px; }
    .blog-single-detail.theme-card .property-slider:hover .slick-next::before {
      content: "\f054";
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      opacity: 1;
      line-height: 0.6;
      font-size: 12px; }
  
  .blog-single-detail .blog-title .post-detail {
    margin-top: calc(10px + (30 - 10) * ((100vw - 300px) / (1920 - 300))); }
    .blog-single-detail .blog-title .post-detail li {
      color: #959595;
      font-weight: 500; }
      .blog-single-detail .blog-title .post-detail li + li {
        padding-left: 15px;
        margin-left: 15px;
        border-left: 1px solid #eee; }
  
  .blog-single-detail .blog-title h3 {
    margin-bottom: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 15px;
    text-transform: capitalize;
    font-weight: 600; }
  
  .blog-single-detail .details-property p {
    margin-bottom: calc(10px + (25 - 10) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
    font-family: Roboto, sans-serif; }
  
  .blog-single-detail .comment-section h4 {
    font-weight: 500;
    margin-bottom: 20px; }
  
  .blog-single-detail .comment-section .comment-box .media img {
    width: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  
  .blog-single-detail .comment-section .comment-box .media .media-body {
    margin-left: calc( 10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); }
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #eee; }
      .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user,
      .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i,
        .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i {
          margin-right: 7px;
          color: rgba(0, 0, 0, 0.5); }
        .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user h6,
        .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date h6 {
          color: #3b4249;
          text-transform: capitalize;
          margin-bottom: 0;
          font-weight: 500;
          font-size: calc( 12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }
      .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date {
        margin-left: 15px; }
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-detail p {
      margin-bottom: 8px;
      line-height: calc( 20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
      font-size: calc( 13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
      width: 60%; }
    .blog-single-detail .comment-section .comment-box .media .media-body .text-end a {
      color: #1c2d3a;
      font-size: calc( 12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }
  
  .blog-single-detail .comment-section .comment-box .media.inner-comment {
    margin-left: calc( 10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
  
  .blog-single-detail .comment-section .comment-box + .comment-box {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
  
  .blog-single-detail .leave-comment {
    margin-top: 30px; }
  
  .blog-single-detail .grid-slider .slick-slide,
  .blog-single-detail .main-property-slider .slick-slide {
    margin-bottom: 0; }
  
  .blog-single-detail .grid-slider .slick-arrow,
  .blog-single-detail .main-property-slider .slick-arrow {
    opacity: 0; }
  
  .blog-single-detail .grid-slider:hover .slick-arrow,
  .blog-single-detail .main-property-slider:hover .slick-arrow {
    opacity: 1; }
  
  .blog-single-detail .grid-slider:hover .slick-prev,
  .blog-single-detail .main-property-slider:hover .slick-prev {
    left: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  
  .blog-single-detail .grid-slider:hover .slick-next,
  .blog-single-detail .main-property-slider:hover .slick-next {
    right: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  
  /**=====================
       blog css end
  ==========================**/
  /**=====================
       about css start
  ==========================**/
  .about-section .about-wrap .about-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .about-section .about-wrap .about-content.row {
      margin: 0; }
      .about-section .about-wrap .about-content.row > div {
        padding: 0; }
    .about-section .about-wrap .about-content .about-image {
      position: relative;
      overflow: hidden;
      border-radius: 10px; }
      .about-section .about-wrap .about-content .about-image > img {
        -webkit-box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
                box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
        width: 100%; }
      .about-section .about-wrap .about-content .about-image .about-overlay {
        background-image: var(--theme-gradient4);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s; }
      .about-section .about-wrap .about-content .about-image .overlay-content {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        padding-right: 1em;
        width: 100%;
        top: 10%;
        left: 52%;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
        .about-section .about-wrap .about-content .about-image .overlay-content ul {
          margin-bottom: 15px;
          margin-left: -14px; }
          .about-section .about-wrap .about-content .about-image .overlay-content ul li a {
            width: 40px;
            height: 40px;
            border-radius: 20px;
            background-color: #ffffff; }
          .about-section .about-wrap .about-content .about-image .overlay-content ul li + li {
            margin-left: 10px; }
        .about-section .about-wrap .about-content .about-image .overlay-content span {
          letter-spacing: 14px;
          color: #ffffff;
          font-weight: 700;
          position: relative;
          text-transform: uppercase; }
          .about-section .about-wrap .about-content .about-image .overlay-content span::before, .about-section .about-wrap .about-content .about-image .overlay-content span::after {
            position: absolute;
            content: "";
            background-color: #ffffff;
            width: 16px;
            height: 1px;
            top: 9px; }
          .about-section .about-wrap .about-content .about-image .overlay-content span::before {
            left: -35px; }
          .about-section .about-wrap .about-content .about-image .overlay-content span::after {
            right: -22px; }
    .about-section .about-wrap .about-content:hover .about-overlay {
      opacity: 0.7; }
    .about-section .about-wrap .about-content:hover .overlay-content {
      top: 50%;
      opacity: 1; }
      .about-section .about-wrap .about-content:hover .overlay-content ul li:nth-child(2) a {
        -webkit-animation: fadeInDown 900ms ease-in-out;
                animation: fadeInDown 900ms ease-in-out; }
      .about-section .about-wrap .about-content:hover .overlay-content ul li:nth-child(3) a {
        -webkit-animation: fadeInDown 1100ms ease-in-out;
                animation: fadeInDown 1100ms ease-in-out; }
      .about-section .about-wrap .about-content:hover .overlay-content ul li:nth-child(4) a {
        -webkit-animation: fadeInDown 1300ms ease-in-out;
                animation: fadeInDown 1300ms ease-in-out; }
    .about-section .about-wrap .about-content .our-details {
      padding: 20px;
      border-radius: 0 10px 10px 0;
      -webkit-box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
      background-color: #ffffff;
      position: relative; }
      .about-section .about-wrap .about-content .our-details span svg {
        width: 14px;
        height: 15px;
        vertical-align: -2px; }
      .about-section .about-wrap .about-content .our-details::after {
        position: absolute;
        content: "";
        width: 5px;
        height: 55px;
        border-radius: 2px;
        background-color: var(--theme-default2);
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .about-section .about-wrap .about-content .our-details > span {
        line-height: normal;
        margin-bottom: -2px;
        display: block; }
      .about-section .about-wrap .about-content .our-details .d-flex {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .about-section .about-wrap .about-content .our-details h6 {
        color: var(--theme-default);
        font-weight: 700; }
      .about-section .about-wrap .about-content .our-details a {
        color: var(--theme-default); }
      .about-section .about-wrap .about-content .our-details a.btn {
        color: #ffffff; }
        .about-section .about-wrap .about-content .our-details a.btn svg {
          width: 16px;
          height: 20px;
          margin-right: 7px;
          vertical-align: -5px; }
      .about-section .about-wrap .about-content .our-details a.btn-flat.color-3:hover {
        color: var(--theme-default5); }
      .about-section .about-wrap .about-content .our-details a.btn-flat.color-7:hover {
        color: #00968a; }
      .about-section .about-wrap .about-content .our-details h3 {
        line-height: 1.45;
        font-weight: 700;
        font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); }
      .about-section .about-wrap .about-content .our-details p {
        font-size: 13px;
        line-height: 1.8;
        margin: 8px 0; }
  
  .about-section .about-wrap.about-2 .about-content .about-image {
    border-radius: 0; }
    .about-section .about-wrap.about-2 .about-content .about-image .about-overlay {
      background: rgba(88, 97, 103, 0.7); }
  
  .about-section .about-wrap.about-2 .about-content .our-details {
    margin: -70px auto 0;
    border-radius: 0;
    width: 80%; }
    .about-section .about-wrap.about-2 .about-content .our-details::after {
      background-color: var(--theme-default5);
      height: 0;
      opacity: 0; }
    .about-section .about-wrap.about-2 .about-content .our-details h6 {
      color: var(--theme-default5); }
    .about-section .about-wrap.about-2 .about-content .our-details p {
      color: rgba(88, 97, 103, 0.7); }
  
  .about-section .about-wrap.about-2 .about-content:hover .our-details::after {
    height: 55px;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    opacity: 1; }
  
  .about-section .about-wrap.about-2 .slick-list {
    margin-bottom: -30px; }
    .about-section .about-wrap.about-2 .slick-list .slick-track .slick-slide {
      margin-bottom: 0; }
      .about-section .about-wrap.about-2 .slick-list .slick-track .slick-slide > div {
        margin-bottom: 30px; }
  
  .about-section .title-1 h2 {
    margin-bottom: -3px; }
  
  .about-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  
  .about-section .title-1:hover hr {
    width: 150px; }
  
  .about-section .title-1.color-6 hr {
    color: var(--theme-default8); }
  
  .about-section .title-3 {
    margin-top: -12px; }
    .about-section .title-3.text-start {
      margin-top: -5px; }
  
  .about-section .about-1.slick-initialized .slick-slide {
    margin-bottom: -6px; }
  
  .about-section .about-1 .bg-size:before {
    padding-top: 89.5%; }
  
  .about-section .about-2 .bg-size:before {
    padding-top: 88%; }
  
  .about-section .about-3.slick-initialized .slick-slide {
    margin-bottom: -5px; }
  
  .about-section.about-inner .title-2 h2 {
    margin-top: -5px; }
  
  .about-section.about-inner .about-wrap .about-content .our-details::after {
    background-color: var(--theme-default3); }
  
  .about-section.about-inner .about-wrap .about-content .our-details h6 {
    color: var(--theme-default3); }
  
  .about-section.about-inner .about-wrap.about-1 .about-content .about-image .about-overlay {
    background-image: var(--theme-gradient7); }
  
  .about-section.about-inner .about-wrap.about-1.arrow-white .slick-arrow::before {
    color: var(--theme-default3); }
  
  .about-section.about-color6 .about-wrap .about-content .about-image .about-overlay {
    background-image: var(--theme-gradient13); }
  
  .about-section.about-color6 .about-wrap .about-content .our-details h6 {
    color: var(--theme-default9); }
  
  .about-section.about-color6 .about-wrap .about-content .our-details::after {
    background-color: var(--theme-default9); }
  
  .about-section.color-7 .about-wrap .about-content .our-details::after {
    background-color: var(--theme-default10); }
  
  .about-section.color-7 .about-wrap .about-content .our-details h6 {
    color: var(--theme-default10); }
  
  .breadcrumb-section .breadcrumb-content div.text-dark {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 18px; }
  
  .about-box .agent-image {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
    position: relative; }
    .about-box .agent-image .overlay-agent {
      position: absolute;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
      .about-box .agent-image .overlay-agent .agent-details {
        opacity: 0;
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        -webkit-transition: 0.4s;
        transition: 0.4s;
        background-color: #ffffff;
        height: 85%;
        width: 85%;
        position: absolute;
        top: 8%;
        left: 8%;
        padding: 40px;
        z-index: 1; }
        .about-box .agent-image .overlay-agent .agent-details ul {
          margin-top: 15px; }
          .about-box .agent-image .overlay-agent .agent-details ul li a {
            width: 36px;
            height: 36px;
            border-radius: 100%;
            -webkit-box-shadow: 0 0 20px 0 rgba(28, 45, 58, 0.1);
                    box-shadow: 0 0 20px 0 rgba(28, 45, 58, 0.1); }
          .about-box .agent-image .overlay-agent .agent-details ul li + li {
            margin-left: 10px; }
        .about-box .agent-image .overlay-agent .agent-details h5 {
          margin-bottom: 0;
          line-height: 1.45;
          color: #586167;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          font-weight: 600; }
        .about-box .agent-image .overlay-agent .agent-details h6 {
          color: var(--theme-default7);
          font-weight: 700;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-transition: 0.4s;
          transition: 0.4s; }
        .about-box .agent-image .overlay-agent .agent-details p {
          margin: 10px 0;
          font-size: 14px;
          line-height: 1.7;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          color: rgba(88, 97, 103, 0.7); }
        .about-box .agent-image .overlay-agent .agent-details > span {
          color: #586167;
          -webkit-transition: 0.4s;
          transition: 0.4s; }
      .about-box .agent-image .overlay-agent::after {
        opacity: 0.7;
        background-image: var(--theme-gradient9); }
  
  .about-box:hover .agent-image .overlay-agent {
    opacity: 1; }
    .about-box:hover .agent-image .overlay-agent .agent-details {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .about-box:hover .agent-image .overlay-agent .agent-details h5,
      .about-box:hover .agent-image .overlay-agent .agent-details h6,
      .about-box:hover .agent-image .overlay-agent .agent-details p,
      .about-box:hover .agent-image .overlay-agent .agent-details > span {
        -webkit-transition: 0.4s;
        transition: 0.4s; }
  
  .arrow-white .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0 35px 0px rgba(28, 45, 58, 0.07);
            box-shadow: 0px 0 35px 0px rgba(28, 45, 58, 0.07);
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .arrow-white .slick-arrow::before {
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      font-size: 14px;
      color: var(--theme-default2); }
  
  .arrow-white .slick-prev {
    left: -130px; }
    .arrow-white .slick-prev::before {
      content: "\f053"; }
  
  .arrow-white .slick-next {
    right: -145px; }
    .arrow-white .slick-next::before {
      content: "\f054";
      margin-left: 1px; }
  
  .arrow-white.color-4 .slick-arrow::before {
    color: var(--theme-default3); }
  
  .arrow-white.color-6 .slick-arrow::before {
    color: var(--theme-default9); }
  
  .user-about .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  
  .user-about .about-content {
    margin-bottom: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320))); }
    .user-about .about-content h3 {
      color: var(--theme-default3);
      margin-bottom: 10px;
      font-weight: 600; }
    .user-about .about-content p {
      margin-bottom: 0;
      line-height: 1.8; }
  
  .user-about .about-listing {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px; }
    .user-about .about-listing ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .user-about .about-listing ul li h4 {
        color: var(--theme-default3);
        font-weight: 600; }
      .user-about .about-listing ul li p {
        margin-bottom: 0; }
      .user-about .about-listing ul li + li {
        margin-left: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))); }
  
  .user-about .map-image {
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.9);
    background-size: contain !important;
    position: relative; }
    .user-about .map-image ul li img {
      position: absolute; }
    .user-about .map-image ul li .marker-1 {
      top: 25%;
      right: 20%;
      -webkit-animation: 1s linear infinite bounce-1;
              animation: 1s linear infinite bounce-1; }
    .user-about .map-image ul li .marker-2 {
      top: 18%;
      left: 20%; }
    .user-about .map-image ul li .marker-3 {
      bottom: 38%;
      left: 52%; }
    .user-about .map-image ul li .marker-4 {
      top: 30%;
      right: 30%; }
  
  .user-about .about-image {
    position: relative;
    margin-top: 80px; }
    .user-about .about-image:hover img {
      -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .user-about .about-image .side-left {
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .user-about .about-image .side-left .side-effect::before, .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 515px); }
    .user-about .about-image .img-box img {
      max-width: 400px;
      border-radius: 20px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .user-about .about-image .img-box.img-abs {
      position: absolute;
      right: 15%;
      top: -30%;
      z-index: -1; }
  
  .side-effect::before, .side-effect::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05);
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  
  .side-effect::before {
    top: 15px;
    height: calc(100% - 30px);
    border-radius: 25px;
    left: 8px; }
  
  .side-effect::after {
    top: 35px;
    height: calc(100% - 70px);
    border-radius: 20px;
    left: 16px; }
  
  .side-left .side-effect::before {
    left: -8px; }
  
  .side-left .side-effect::after {
    left: -16px; }
  
  /**=====================
       about css end
  ==========================**/
  /**=====================
       service css start
  ==========================**/
  .service-icon {
    width: 45px;
    height: 45px;
    fill: var(--theme-default5);
    color: var(--theme-default5); }
  
  .icon-line-color {
    fill: var(--theme-default5);
    color: var(--theme-default5);
    width: 0;
    height: 3px;
    bottom: -22px;
    left: 0px;
    position: absolute; }
  
  .service-section.service-2 .property-service > div .service-box.color-3:hover {
    background-color: rgba(94, 172, 18, 0.1); }
  
  .service-section.service-2 .property-service > div .service-box.color-7 a:hover span {
    color: var(--theme-default10); }
  
  .service-section.service-2 .property-service > div .service-box.color-7:hover {
    background-color: rgba(0, 150, 138, 0.2); }
  
  .service-section {
    position: relative; }
    .service-section .property-service > div .service-box {
      text-align: left;
      border-radius: 15px;
      padding: 50px;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background: #ffffff;
      -webkit-box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.07);
              box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.07); }
      .service-section .property-service > div .service-box .icon-round {
        width: 80px;
        height: 80px;
        margin: 0 0 20px;
        border-radius: 100%;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-color: var(--theme-default3);
        position: relative; }
        .service-section .property-service > div .service-box .icon-round svg {
          height: 35px;
          width: 35px;
          stroke: white; }
        .service-section .property-service > div .service-box .icon-round::before {
          border-radius: 100%;
          background-color: var(--theme-default3);
          opacity: 0.05; }
        .service-section .property-service > div .service-box .icon-round::after {
          pointer-events: none;
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: 100%;
          content: "";
          -webkit-box-sizing: content-box;
                  box-sizing: content-box;
          top: 0;
          left: 0;
          padding: 0;
          z-index: -1;
          -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
                  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
          opacity: 0;
          -webkit-transform: scale(0.9);
                  transform: scale(0.9); }
        .service-section .property-service > div .service-box .icon-round img {
          width: 40%; }
      .service-section .property-service > div .service-box h3 {
        background: #1c2d3a;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        line-height: 1.5;
        color: #1c2d3a;
        font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
        -webkit-filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
                filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2)); }
      .service-section .property-service > div .service-box p {
        color: rgba(59, 66, 73, 0.7);
        line-height: 1.6;
        margin-bottom: -3px; }
      .service-section .property-service > div .service-box:hover {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .service-section .property-service > div .service-box:hover .icon-round::after {
          -webkit-animation: sonarEffect 1.3s ease-out 75ms;
                  animation: sonarEffect 1.3s ease-out 75ms; }
    .service-section .title-2 h2 {
      margin-top: -2px; }
    .service-section.service-2 .property-service > div .service-box {
      -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
      border-radius: 0;
      padding: 60px 40px;
      height: 100%;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .service-section.service-2 .property-service > div .service-box .hover-line {
        margin-bottom: 45px;
        position: relative;
        display: inline-block; }
        .service-section.service-2 .property-service > div .service-box .hover-line::before {
          position: absolute;
          content: "";
          opacity: 0;
          background-color: var(--theme-default5);
          width: 40px;
          height: 40px;
          border-radius: 100%;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          right: -7px;
          bottom: -7px; }
      .service-section.service-2 .property-service > div .service-box h3 {
        color: #3b4249;
        background: transparent;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); }
      .service-section.service-2 .property-service > div .service-box p {
        margin-bottom: 30px;
        line-height: 1.75;
        color: rgba(88, 97, 103, 0.7); }
      .service-section.service-2 .property-service > div .service-box .btn {
        -webkit-box-shadow: none;
                box-shadow: none;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .service-section.service-2 .property-service > div .service-box .btn span {
          vertical-align: -3px; }
      .service-section.service-2 .property-service > div .service-box:hover {
        background-color: rgba(255, 92, 65, 0.1); }
        .service-section.service-2 .property-service > div .service-box:hover .hover-line::before {
          opacity: 0.2;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .service-section.service-2 .property-service > div .service-box:hover .hover-line .icon-line-color {
          width: 68px;
          -webkit-transition: width 0.3s;
          transition: width 0.3s; }
        .service-section.service-2 .property-service > div .service-box:hover .btn {
          background-color: var(--theme-default5);
          -webkit-transition: 0.5s;
          transition: 0.5s;
          color: #ffffff; }
          .service-section.service-2 .property-service > div .service-box:hover .btn span {
            color: #ffffff;
            vertical-align: -2px; }
          .service-section.service-2 .property-service > div .service-box:hover .btn::before {
            opacity: 0.35;
            -webkit-box-shadow: 0px 10px 12.5px var(--theme-default5);
                    box-shadow: 0px 10px 12.5px var(--theme-default5); }
          .service-section.service-2 .property-service > div .service-box:hover .btn:hover {
            background-color: transparent; }
    .service-section.service-2 .property-service.about-service > div .service-box {
      border-radius: 10px; }
      .service-section.service-2 .property-service.about-service > div .service-box .service-icon,
      .service-section.service-2 .property-service.about-service > div .service-box .icon-line-color {
        fill: var(--theme-default3); }
      .service-section.service-2 .property-service.about-service > div .service-box .hover-line::before {
        background-color: var(--theme-default3); }
      .service-section.service-2 .property-service.about-service > div .service-box .btn {
        border: 2px solid transparent; }
        .service-section.service-2 .property-service.about-service > div .service-box .btn span {
          vertical-align: -3px; }
        .service-section.service-2 .property-service.about-service > div .service-box .btn:hover {
          background: none;
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .service-section.service-2 .property-service.about-service > div .service-box .btn::after {
          border-radius: 8px; }
      .service-section.service-2 .property-service.about-service > div .service-box:hover .btn {
        background: none;
        border-color: var(--theme-default3); }
        .service-section.service-2 .property-service.about-service > div .service-box:hover .btn::before, .service-section.service-2 .property-service.about-service > div .service-box:hover .btn::after {
          opacity: 0; }
    .service-section.service-2.color-7 .property-service > div .service-box .hover-line::before {
      background-color: var(--theme-default10); }
    .service-section.service-2.color-7 .property-service > div .service-box:hover .btn {
      background-color: var(--theme-default10); }
      .service-section.service-2.color-7 .property-service > div .service-box:hover .btn span {
        vertical-align: -3px;
        color: #ffffff; }
      .service-section.service-2.color-7 .property-service > div .service-box:hover .btn::before {
        opacity: 0.35;
        -webkit-box-shadow: 0px 10px 12.5px var(--theme-default10);
                box-shadow: 0px 10px 12.5px var(--theme-default10); }
    .service-section.service-bg .title-3 {
      margin-top: -2px; }
    .service-section.service-bg::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 230px;
      background-color: #f7f7fe;
      bottom: 0;
      left: 0;
      z-index: -1; }
    .service-section.color-7 .service-icon,
    .service-section.color-7 .icon-line-color {
      fill: var(--theme-default10); }
  
  .service-slider .service-wrapper .top-img-box {
    margin-bottom: -20px;
    margin-left: 40px; }
    .service-slider .service-wrapper .top-img-box > div {
      width: 67px;
      height: 67px;
      border-radius: 5px;
      background-image: var(--theme-gradient9);
      position: relative; }
      .service-slider .service-wrapper .top-img-box > div::after {
        opacity: 0.3;
        -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default7);
                box-shadow: -5.15px 8.572px 25px var(--theme-default7); }
      .service-slider .service-wrapper .top-img-box > div img {
        width: 60%; }
  
  .service-slider .service-wrapper .service-details {
    border-radius: 5px;
    padding: 40px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.07); }
    .service-slider .service-wrapper .service-details p {
      line-height: 1.75;
      margin-bottom: 10px;
      color: rgba(88, 97, 103, 0.7); }
    .service-slider .service-wrapper .service-details h3 {
      color: #586167;
      font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
      margin-bottom: 15px;
      font-weight: 600; }
      .service-slider .service-wrapper .service-details h3 a {
        color: #586167;
        background: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset; }
        .service-slider .service-wrapper .service-details h3 a::after {
          display: none; }
    .service-slider .service-wrapper .service-details a {
      background: var(--theme-gradient9);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
      font-weight: 600; }
      .service-slider .service-wrapper .service-details a::after {
        position: absolute;
        content: "";
        top: 9px;
        right: -45px;
        width: 35px;
        height: 2px;
        border-radius: 0px;
        background-color: var(--theme-default7); }
  
  .service-slider .slick-list {
    margin: -30px -12px; }
    .service-slider .slick-list .slick-track .slick-slide {
      margin-bottom: 0; }
      .service-slider .slick-list .slick-track .slick-slide > div {
        margin: 30px 20px; }
  
  .service-slider.arrow-gradient.arrow-right .slick-prev {
    right: 15.5%; }
  
  .service-slider.arrow-gradient.arrow-right .slick-next {
    right: 12.3%; }
  
  .service-slider.arrow-gradient.arrow-right .slick-arrow {
    top: -62px; }
  
  /**=====================
       service css end
  ==========================**/
  /**=====================
       feature css start
  ==========================**/
  .feature-section .video-details.feature-content {
    margin: auto 0; }
    .feature-section .video-details.feature-content .left-sidebar h2 {
      font-size: 24px; }
    .feature-section .video-details.feature-content .left-sidebar label {
      font-weight: 500;
      color: #586167; }
  
  .feature-section .feature-wrap:hover .feature-image .slick-prev {
    left: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ff5c41;
    border-radius: 30px; }
    .feature-section .feature-wrap:hover .feature-image .slick-prev::before {
      content: "\f053";
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      opacity: 1;
      line-height: 0.6;
      font-size: 12px; }
  
  .feature-section .feature-wrap:hover .feature-image .slick-next {
    right: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ff5c41;
    border-radius: 30px; }
    .feature-section .feature-wrap:hover .feature-image .slick-next::before {
      content: "\f054";
      font-family: "Font Awesome 5 free";
      font-weight: 900;
      opacity: 1;
      line-height: 0.6;
      font-size: 12px; }
  
  .feature-section .property-slider {
    margin-bottom: 0; }
    .feature-section .property-slider .slick-dots {
      bottom: 10px; }
      .feature-section .property-slider .slick-dots li button:before {
        font-size: 12px;
        color: #ffffff;
        border: 1px solid;
        border-radius: 100%; }
      .feature-section .property-slider .slick-dots li.slick-active button::before {
        color: var(--theme-default3); }
  
  .feature-section .title-1 h2 {
    margin-bottom: -3px; }
  
  .feature-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  
  .feature-section .title-1:hover hr {
    width: 150px; }
  
  .feature-section .title-1.color-6 hr {
    color: var(--theme-default8); }
  
  .feature-section.feature-bg {
    background-image: url(../images/feature/1.jpg);
    background-color: #292929;
    background-blend-mode: overlay; }
  
  .feature-section .feature-1 .feature-wrapper {
    margin: 0 80px; }
    .feature-section .feature-1 .feature-wrapper .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .feature-section .feature-1 .feature-wrapper .feature-left {
      position: relative;
      max-width: 590px;
      z-index: 1; }
      .feature-section .feature-1 .feature-wrapper .feature-left .property-details .font-roboto {
        margin-top: -3px;
        display: block; }
      .feature-section .feature-1 .feature-wrapper .feature-left .property-details span.font-roboto {
        margin-bottom: 8px; }
    .feature-section .feature-1 .feature-wrapper .property-details {
      margin-right: -275px;
      position: relative;
      max-width: 590px;
      overflow: hidden;
      border-radius: 12px;
      -webkit-box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
              box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
      background-color: #ffffff; }
      .feature-section .feature-1 .feature-wrapper .property-details h6 {
        font-weight: 500;
        font-size: 17px;
        color: #000000; }
      .feature-section .feature-1 .feature-wrapper .property-details ul li img {
        height: 16px;
        display: inline-block;
        margin-right: 7px; }
      .feature-section .feature-1 .feature-wrapper .property-details a h3 {
        color: var(--theme-default2); }
        .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
          margin-top: -3px; }
        .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
          text-transform: uppercase;
          font-size: 10px;
          padding-top: 5px;
          margin-left: 15px; }
      .feature-section .feature-1 .feature-wrapper .property-details .property-btn .btn-gradient {
        color: #ffffff; }
      .feature-section .feature-1 .feature-wrapper .property-details .round-half {
        position: absolute;
        width: 60px;
        height: 60px;
        top: -10px;
        right: -10px;
        border-radius: 100%; }
        .feature-section .feature-1 .feature-wrapper .property-details .round-half::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          border-radius: 100%;
          left: 0;
          top: 0;
          opacity: 0.1;
          background-color: var(--theme-default2); }
        .feature-section .feature-1 .feature-wrapper .property-details .round-half svg {
          margin-left: -1px;
          margin-top: 9px;
          background: #ffffff;
          stroke: #9516d7;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-animation: bounceIn 1s infinite;
                  animation: bounceIn 1s infinite; }
        .feature-section .feature-1 .feature-wrapper .property-details .round-half:hover svg {
          fill: #9516d7; }
        .feature-section .feature-1 .feature-wrapper .property-details .round-half.color-6 svg {
          stroke: #2c2e97; }
        .feature-section .feature-1 .feature-wrapper .property-details .round-half.color-6:hover svg {
          fill: #2c2e97; }
    .feature-section .feature-1 .feature-wrapper .feature-image {
      text-align: right;
      position: relative;
      border-radius: 15px;
      height: 600px;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      overflow: hidden;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
      .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
        position: absolute;
        top: 40px;
        right: 40px; }
      .feature-section .feature-1 .feature-wrapper .feature-image .signature {
        position: absolute;
        right: 0;
        bottom: 50px; }
      .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        position: absolute;
        right: -2px;
        bottom: 65px;
        height: 87px;
        width: 100px;
        border-radius: 10px 0 0 10px;
        background-color: var(--theme-default2); }
      .feature-section .feature-1 .feature-wrapper .feature-image h4 {
        letter-spacing: 5px;
        color: #ffffff;
        margin-bottom: 0;
        font-weight: 600;
        background-color: var(--theme-default2);
        padding: 8px 25px; }
      .feature-section .feature-1 .feature-wrapper .feature-image img {
        border-radius: 15px; }
  
  .feature-section .feature-1 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrapper .feature-left {
    -webkit-animation: fadeInLeft 1s;
            animation: fadeInLeft 1s; }
  
  .feature-section .feature-2 {
    margin: 0 50px; }
    .feature-section .feature-2 .feature-box {
      border-radius: 10px;
      overflow: hidden;
      -webkit-box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.06);
              box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.06);
      position: relative; }
      .feature-section .feature-2 .feature-box::before, .feature-section .feature-2 .feature-box::after,
      .feature-section .feature-2 .feature-box .feature-bottom {
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        bottom: 0; }
      .feature-section .feature-2 .feature-box::before {
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(30%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.6)));
        background-image: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.6)); }
      .feature-section .feature-2 .feature-box::after {
        height: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(30%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.6)));
        background-image: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.6)); }
      .feature-section .feature-2 .feature-box .feature-bottom {
        padding: 30px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .feature-section .feature-2 .feature-box .feature-bottom h3,
        .feature-section .feature-2 .feature-box .feature-bottom span {
          color: #ffffff;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .feature-section .feature-2 .feature-box .feature-bottom h3 {
          font-weight: 600; }
      .feature-section .feature-2 .feature-box:hover::after {
        height: 100%;
        -webkit-transition: height 0.5s ease-out;
        transition: height 0.5s ease-out;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), to(rgba(0, 0, 0, 0.8)));
        background-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.8) 100%); }
      .feature-section .feature-2 .feature-box:hover .feature-bottom {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-color: unset;
        bottom: 20px; }
        .feature-section .feature-2 .feature-box:hover .feature-bottom h3,
        .feature-section .feature-2 .feature-box:hover .feature-bottom span {
          -webkit-transition: 0.5s;
          transition: 0.5s; }
    .feature-section .feature-2 .slick-dots {
      margin-top: 18px; }
    .feature-section .feature-2 .slick-slide img {
      width: 100%; }
  
  .feature-section .feature-3 .slick-list {
    margin: -60px 0; }
    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
      margin: 60px 80px; }
  
  .feature-section .feature-3 .slick-next {
    right: 28px;
    top: 48%; }
  
  .feature-section .feature-3 .slick-prev {
    width: 45px;
    height: 45px;
    background: #ffffff;
    left: unset;
    right: 58px;
    top: 64%;
    -webkit-box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08); }
    .feature-section .feature-3 .slick-prev:after {
      display: none; }
  
  .feature-section .feature-3 .slick-next {
    -webkit-box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
    background: #ffffff; }
    .feature-section .feature-3 .slick-next:after {
      display: none; }
  
  .feature-section .feature-3 .feature-wrap .row {
    margin: 0; }
    .feature-section .feature-3 .feature-wrap .row > div {
      padding: 0; }
  
  .feature-section .feature-3.slick-initialized .slick-slide {
    margin-bottom: -6px; }
  
  .feature-section .feature-4 .slick-list {
    margin: -30px -60px; }
    .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
      margin: 30px 60px; }
    .feature-section .feature-4 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrap .feature-content {
      -webkit-animation: fadeInRight 2s;
              animation: fadeInRight 2s; }
    .feature-section .feature-4 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrap .feature-image {
      -webkit-animation: fadeInUp 1s;
              animation: fadeInUp 1s; }
  
  .feature-section .feature-4.slick-initialized .slick-slide {
    margin-bottom: -6px; }
  
  .feature-section .feature-4.arrow-gradient .slick-arrow {
    left: -98px !important; }
  
  .feature-section .feature-4.arrow-gradient .slick-prev {
    top: 45%; }
    .feature-section .feature-4.arrow-gradient .slick-prev::before {
      content: "\f062"; }
  
  .feature-section .feature-4.arrow-gradient .slick-next {
    right: unset;
    left: 0;
    top: 55%; }
    .feature-section .feature-4.arrow-gradient .slick-next::before {
      content: "\f063"; }
  
  .feature-section .feature-image {
    position: relative;
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.09);
            box-shadow: 0 0 75px rgba(0, 0, 0, 0.09); }
    .feature-section .feature-image .bg-size:before {
      padding-top: 76.2%; }
    .feature-section .feature-image .label {
      padding: 8px 16px 6px; }
    .feature-section .feature-image .label-solid {
      position: absolute;
      top: 20px;
      left: -14px;
      clear: left; }
      .feature-section .feature-image .label-solid::before {
        position: absolute;
        top: 37px;
        left: 0;
        width: 0;
        height: 0;
        content: "";
        border: 8px solid transparent;
        border-top-color: var(--theme-default5);
        border-right-color: var(--theme-default5); }
      .feature-section .feature-image .label-solid::after {
        opacity: 0.35;
        -webkit-box-shadow: 0px 5px 12.5px var(--theme-default5);
                box-shadow: 0px 5px 12.5px var(--theme-default5); }
      .feature-section .feature-image .label-solid.color-7::before {
        border: 8px solid transparent;
        border-top-color: var(--theme-default10);
        border-right-color: var(--theme-default10); }
      .feature-section .feature-image .label-solid.color-7::after {
        -webkit-box-shadow: 0px 5px 12.5px var(--theme-default10);
                box-shadow: 0px 5px 12.5px var(--theme-default10); }
    .feature-section .feature-image .feature-overlay {
      width: 263px;
      height: 212px;
      background-color: rgba(255, 255, 255, 0.4);
      position: absolute;
      opacity: 0;
      -webkit-transform: scale(0.5) translateY(-50%);
              transform: scale(0.5) translateY(-50%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      top: 50%;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .feature-section .feature-image .feature-overlay span {
        font-size: 70px;
        margin-top: -10px;
        color: #586167; }
    .feature-section .feature-image:hover .feature-overlay {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-50%);
              transform: scale(1) translateY(-50%);
      -webkit-transition: 0.5s;
      transition: 0.5s; }
  
  .feature-section .feature-content {
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .feature-section .feature-content .details,
    .feature-section .feature-content .feature-price {
      padding: 30px 50px; }
      .feature-section .feature-content .details h3,
      .feature-section .feature-content .details span,
      .feature-section .feature-content .feature-price h3,
      .feature-section .feature-content .feature-price span {
        color: #586167; }
      .feature-section .feature-content .details h3,
      .feature-section .feature-content .feature-price h3 {
        margin-bottom: 10px;
        font-weight: 700; }
        .feature-section .feature-content .details h3 a,
        .feature-section .feature-content .feature-price h3 a {
          color: #586167; }
      .feature-section .feature-content .details p,
      .feature-section .feature-content .feature-price p {
        margin-top: 16px;
        line-height: 1.5;
        width: 80%;
        color: rgba(88, 97, 103, 0.7);
        margin-bottom: -2px; }
      .feature-section .feature-content .details > span,
      .feature-section .feature-content .feature-price > span {
        font-weight: 500; }
    .feature-section .feature-content .detail-list {
      border-top: 1px solid rgba(59, 66, 73, 0.1);
      border-bottom: 1px solid rgba(59, 66, 73, 0.1);
      padding: 25px 40px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0; }
      .feature-section .feature-content .detail-list li {
        margin: 5px 10px; }
        .feature-section .feature-content .detail-list li .img-icon {
          height: 20px;
          width: 20px; }
        .feature-section .feature-content .detail-list li .d-flex {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .feature-section .feature-content .detail-list li .d-flex .label-lg {
            padding: 8px 16px;
            font-size: calc( 16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); }
          .feature-section .feature-content .detail-list li .d-flex h6 {
            margin-bottom: 0;
            margin-left: 15px;
            color: #3b4249;
            font-weight: 500; }
    .feature-section .feature-content .feature-price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .feature-section .feature-content .feature-price li h3 {
        margin-top: -1px; }
      .feature-section .feature-content .feature-price li h6 {
        color: rgba(88, 97, 103, 0.7);
        font-weight: 600;
        margin-bottom: 0; }
      .feature-section .feature-content .feature-price li + li {
        margin-left: 40px; }
    .feature-section .feature-content .btn-lg {
      font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
      text-transform: uppercase; }
  
  .feature-section .modern-feature .feature-wrap .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  
  .feature-section .modern-feature .feature-wrap .feature-image {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    overflow: hidden; }
    .feature-section .modern-feature .feature-wrap .feature-image .bg-size:before {
      padding-top: 74%; }
    .feature-section .modern-feature .feature-wrap .feature-image .feature-overlay span {
      color: var(--theme-default6); }
    .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
      position: absolute;
      top: 40px;
      left: 40px; }
      .feature-section .modern-feature .feature-wrap .feature-image .label-gradient::after {
        opacity: 0.3;
        -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
                box-shadow: -5.15px 8.572px 25px var(--theme-default6); }
  
  .feature-section .modern-feature .feature-wrap .feature-content {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 60px; }
    .feature-section .modern-feature .feature-wrap .feature-content .details {
      padding-top: 0 !important; }
    .feature-section .modern-feature .feature-wrap .feature-content .feature-price {
      padding-bottom: 0 !important; }
    .feature-section .modern-feature .feature-wrap .feature-content .details,
    .feature-section .modern-feature .feature-wrap .feature-content .detail-list,
    .feature-section .modern-feature .feature-wrap .feature-content .feature-price {
      padding: 40px;
      width: 100%; }
    .feature-section .modern-feature .feature-wrap .feature-content .details,
    .feature-section .modern-feature .feature-wrap .feature-content .detail-list,
    .feature-section .modern-feature .feature-wrap .feature-content .feature-price {
      padding-left: 0;
      padding-right: 0; }
  
  .feature-section.bg-half {
    position: relative; }
    .feature-section.bg-half::before {
      position: absolute;
      content: "";
      width: 35%;
      height: 100%;
      background-color: #f7f7fe;
      top: 0;
      left: 0; }
  
  .feature-section.banner-4 .feature-1 .feature-wrapper .property-details a h3 {
    color: var(--theme-default9); }
  
  .feature-section.banner-4 .feature-1 .feature-wrapper .property-details .round-half::after {
    background-color: var(--theme-default9); }
  
  .feature-section.banner-4 .feature-1 .feature-wrapper .property-details .round-half i {
    /* background: var(--theme-gradient12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  */
    }
  
  .feature-section.banner-4 .feature-1 .feature-wrapper .feature-image .box-color {
    background-color: var(--theme-default9); }
  
  .feature-section.banner-4 .feature-1 .feature-wrapper .feature-image h4 {
    background-color: var(--theme-default8); }
  
  .feature-section.layout-9 {
    height: auto; }
  
  .feature-section .feature-wrap .feature-image .slick-prev,
  .feature-section .feature-wrap .feature-image .slick-next {
    visibility: hidden; }
  
  .feature-section .feature-wrap:hover .feature-image .slick-prev,
  .feature-section .feature-wrap:hover .feature-image .slick-next {
    visibility: visible; }
  
  .feature-3 .next-image {
    position: absolute;
    right: 28px;
    top: 236px;
    width: 100px;
    height: 100px;
    border-radius: 100%; }
  
  .feature-3 .slick-arrow .prev-slick-img,
  .feature-3 .slick-arrow .next-slick-img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -27px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden; }
  
  .feature-3.arrow-image .slick-arrow {
    width: 45px;
    height: 45px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    right: 58px; }
    .feature-3.arrow-image .slick-arrow:hover .prev-slick-img,
    .feature-3.arrow-image .slick-arrow:hover .next-slick-img {
      opacity: 1;
      visibility: visible;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
  
  .bg-comman-2 {
    position: relative; }
    .bg-comman-2::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 390px;
      background-image: url(../images/5.jpg); }
    .bg-comman-2.feature-section .title-2 h2 {
      margin-top: -2px; }
  
  /**=====================
       feature css end
  ==========================**/
  /**=====================
       property css start
  ==========================**/
  .alert-default {
    color: #ffffff;
    background-color: var(--theme-default2);
    font-weight: 500; }
    .alert-default .btn-close {
      width: 6px;
      height: 6px;
      top: 20px;
      color: #ffffff;
      -webkit-filter: brightness(1) invert(1);
              filter: brightness(1) invert(1); }
  
  .alert-default-2 {
    color: #ffffff;
    background-color: var(--theme-default9);
    font-weight: 500; }
    .alert-default-2 .btn-close {
      width: 6px;
      height: 6px;
      top: 20px;
      color: #ffffff;
      -webkit-filter: brightness(1) invert(1);
              filter: brightness(1) invert(1); }
  
  .property-wrapper-grid .col-xl-4 .property-details {
    padding: 15px; }
    .property-wrapper-grid .col-xl-4 .property-details ul li {
      padding-left: 6px;
      padding-right: 6px;
      font-size: 13px; }
      .property-wrapper-grid .col-xl-4 .property-details ul li img {
        height: 14px; }
      .property-wrapper-grid .col-xl-4 .property-details ul li:first-child {
        padding-left: 0; }
      .property-wrapper-grid .col-xl-4 .property-details ul li:last-child {
        padding-right: 0; }
  
  .property-section .property-box-flat .property-box .property-details .btn-light-bg.btn-flat::after {
    height: 100%; }
  
  .property-details {
    padding: 30px;
    position: relative; }
    .property-details > span {
      /* letter-spacing: 5px; */
      /* color: #959595; */
      /* text-transform: uppercase;
      font-weight: 500;  */
    }
    .property-details > a {
      display: block;
      color: #1c2d3a;
      -webkit-transition: 0.8s;
      transition: 0.8s; }
    .property-details h3 {
      font-weight: 700;
      margin-bottom: 10px;
      font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320))); }
    .property-details p {
      line-height: 1.6;
      font-size: 15px;
      margin-bottom: 20px; }
    .property-details ul {
      border-top: 1px solid #dee2e6;
      padding-top:  10px;
      
      }
      .property-details ul li {
        padding-left: 15px;
        padding-right: 12px;
        font-weight: 500;
        line-height: 1.2; 
        }
        .property-details ul li + li {
          border-left: 1px solid rgba(0, 0, 0, 0.2); }
        .property-details ul li:first-child {
          padding-left: 0; }
        .property-details ul li:last-child {
          padding-right: 0; }
    .property-details .property-btn {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .property-details .property-btn span {
        color: #878787;
        font-size: 14px;
        font-weight: 500; }
      .property-details .property-btn .btn:hover {
        background-color: rgba(255, 92, 65, 0.1); }
      .property-details .property-btn .btn.color-1:hover {
        background-color: rgba(100, 50, 184, 0.1); }
      .property-details .property-btn .btn.color-6:hover {
        background-color: rgba(44, 46, 151, 0.1); }
      .property-details .property-btn .btn.color-5:hover {
        background-color: rgba(94, 172, 18, 0.1); }
    .property-details .property-svg {
      width: 16px;
      height: 16px; }
  
  .property-section .property-2.color-1 .property-box:hover .property-details > a {
    background: var(--theme-gradient1);
    -webkit-background-clip: text; }
  
  .property-section .property-2.color-6 .property-box:hover .property-details > a {
    background: var(--theme-gradient10);
    -webkit-background-clip: text; }
  
  .property-section.section-sm .property-2:not(.no-sidebar) {
    height: 100vh;/* calc(100vh - 220px); */
    overflow-y: scroll;
    margin-bottom: 10px; }
    .property-section.section-sm .property-2:not(.no-sidebar):not(.no-sidebar)::-webkit-scrollbar {
      width: 5px; }
    .property-section.section-sm .property-2:not(.no-sidebar):not(.no-sidebar)::-webkit-scrollbar-thumb {
      background: transparent; }
    .property-section.section-sm .property-2:not(.no-sidebar):hover:not(.no-sidebar)::-webkit-scrollbar-thumb {
      background: rgba(108, 111, 105, 0.2); }
  
  .property-section .title-1 h2 {
    margin-bottom: -9px; }
  
  .property-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  
  .property-section .title-1:hover hr {
    width: 150px; }
  
  .property-section .title-1.color-6 hr {
    color: var(--theme-default8); }
  
  .property-section .title-2 h2 {
    margin-top: -2px; }
  
  .property-section .title-3.d-flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  
  .property-section .title-3 .pagination li a {
    padding: 12px 16px;
    color: var(--theme-default7);
    border-radius: 5px;
    font-weight: 700;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative; }
    .property-section .title-3 .pagination li a::after {
      opacity: 0.1;
      background-color: var(--theme-default7);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      border-radius: 5px;
      z-index: -1; }
  
  .property-section .title-3 .pagination li.active a, .property-section .title-3 .pagination li:hover a {
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .property-section .title-3 .pagination li.active a::after, .property-section .title-3 .pagination li:hover a::after {
      opacity: 1; }
  
  .property-section .title-3 .pagination li + li {
    margin-left: 20px; }
  
  .property-section .title-3 .pagination-tab {
    margin-top: 1px; }
  
  .property-section .title-3.text-start {
    margin-top: -2px; }
  
  .property-section.slick-between .title-3.text-start {
    margin-top: -5px; }
  
  .property-section .property-box {
    border-radius: 10px;
    overflow: hidden;
    border-bottom: 3px solid #fff;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.04);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.04);
    background: #ffffff; }
    .property-section .property-box:hover {
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.1);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.1);
      -webkit-transition: -webkit-box-shadow 0.3s ease;
      transition: -webkit-box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; 
      border-bottom: 3px solid var(--theme-default3);
      }
      .property-section .property-box:hover .property-image .property-slider.color-6 .slick-prev,
      .property-section .property-box:hover .property-image .property-slider.color-6 .slick-next {
        background-color: var(--theme-default9); }
      .property-section .property-box:hover .property-image .property-slider.color-7 .slick-prev,
      .property-section .property-box:hover .property-image .property-slider.color-7 .slick-next {
        background-color: var(--theme-default10); }
      .property-section .property-box:hover .property-image .property-slider.color-3 .slick-prev,
      .property-section .property-box:hover .property-image .property-slider.color-3 .slick-next {
        background-color: var(--theme-default5); }
      .property-section .property-box:hover .property-image .property-slider.color-1 .slick-prev,
      .property-section .property-box:hover .property-image .property-slider.color-1 .slick-next {
        background-color: var(--theme-default); }
      .property-section .property-box:hover .property-image .property-slider .slick-prev {
        left: 15px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        background-color: var(--theme-default3);
        border-radius: 30px; }
        .property-section .property-box:hover .property-image .property-slider .slick-prev::before {
          content: "\f053";
          font-family: "Font Awesome 5 free";
          font-weight: 900;
          opacity: 1;
          line-height: 0.6;
          font-size: 12px; }
      .property-section .property-box:hover .property-image .property-slider .slick-next {
        right: 15px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        background-color: var(--theme-default3);
        border-radius: 30px; }
        .property-section .property-box:hover .property-image .property-slider .slick-next::before {
          content: "\f054";
          font-family: "Font Awesome 5 free";
          font-weight: 900;
          opacity: 1;
          line-height: 0.6;
          font-size: 12px; }
    .property-section .property-box .property-image {
      position: relative; }
      .property-section .property-box .property-image .property-slider {
        margin-bottom: 0; }
        .property-section .property-box .property-image .property-slider.color-6 .slick-dots li.slick-active button::before {
          color: var(--theme-default8); }
        .property-section .property-box .property-image .property-slider.color-1 .slick-dots li.slick-active button::before {
          color: var(--theme-default); }
        .property-section .property-box .property-image .property-slider.color-3 .slick-dots li.slick-active button::before {
          color: var(--theme-default5); }
        .property-section .property-box .property-image .property-slider.color-7 .slick-dots li.slick-active button::before {
          color: var(--theme-default10); }
        .property-section .property-box .property-image .property-slider .slick-dots {
          bottom: 10px; }
          .property-section .property-box .property-image .property-slider .slick-dots li button:before {
            font-size: 9px;
            color: #ffffff;
            /* border: 1px solid;
            border-radius: 100%;  */
            }
          .property-section .property-box .property-image .property-slider .slick-dots li.slick-active button::before {
            color: var(--theme-default3); }
      .property-section .property-box .property-image .labels-left {
        position: absolute;
        left: -6px;
        top: 20px; }
        .property-section .property-box .property-image .labels-left .label {
          text-transform: uppercase;
          font-size: 10px;
          font-weight: 500;
          font-family: Roboto, sans-serif; }
        .property-section .property-box .property-image .labels-left > span {
          margin-top: 6px; }
      .property-section .property-box .property-image .seen-data {
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 1px 8px 2px;
        border-radius: 5px 0px;
        background-color: #ab873c;
      font-weight: bold;}
        .property-section .property-box .property-image .seen-data svg {
          width: 14px;
          height: 14px;
          vertical-align: -2px;
          margin-right: 8px;
          color: #ffffff; }
        .property-section .property-box .property-image .seen-data span {
          font-size: 12px;
          color: #ffffff; }
      .property-section .property-box .property-image .overlay-property-box {
        position: absolute;
        bottom: 12px;
        right: 12px;
        margin: 0 auto;
        display: block;
        -webkit-transition: 0.8s;
        transition: 0.8s; }
        .property-section .property-box .property-image .overlay-property-box .like.added svg {
          fill: var(--theme-default3); }
        .property-section .property-box .property-image .overlay-property-box .effect-round svg {
          width: 17px;
          stroke: #1c2d3a; }
        .property-section .property-box .property-image .overlay-property-box .effect-round1 svg {
          width: 17px;
          stroke: var(--theme-default8); }
        .property-section .property-box .property-image .overlay-property-box .effect-round,
        .property-section .property-box .property-image .overlay-property-box .effect-round1 {
          width: 35px;
          height: 35px;
          background: #ffffff;
          border-radius: 5px;
          position: relative; }
          .property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round,
          .property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round1,
          .property-section .property-box .property-image .overlay-property-box .effect-round1 + .effect-round,
          .property-section .property-box .property-image .overlay-property-box .effect-round1 + .effect-round1 {
            margin-top: 8px; }
          .property-section .property-box .property-image .overlay-property-box .effect-round i,
          .property-section .property-box .property-image .overlay-property-box .effect-round1 i {
            font-size: 18px;
            margin-top: 2px;
            background: var(--theme-gradient3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
      .property-section .property-box .property-image .overlay-plus {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-color: rgba(0, 0, 0, 0.5); }
        .property-section .property-box .property-image .overlay-plus span {
          font-size: 70px;
          color: #ffffff; }
        .property-section .property-box .property-image .overlay-plus .seen-data {
          position: absolute;
          right: 20px;
          top: 20px;
          padding: 1px 8px 2px;
          border-radius: 5px;
          background-color: #1c2d3a; }
          .property-section .property-box .property-image .overlay-plus .seen-data svg,
          .property-section .property-box .property-image .overlay-plus .seen-data span {
            color: #ffffff; }
          .property-section .property-box .property-image .overlay-plus .seen-data svg {
            width: 14px;
            height: 14px;
            vertical-align: -2px;
            margin-right: 8px; }
          .property-section .property-box .property-image .overlay-plus .seen-data span {
            font-size: 12px; }
        .property-section .property-box .property-image .overlay-plus .like-bottom {
          position: absolute;
          bottom: 20px;
          right: 20px;
          padding: 5px 6px 4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          border-radius: 5px;
          background-color: #1c2d3a; }
          .property-section .property-box .property-image .overlay-plus .like-bottom svg {
            width: 15px;
            height: 15px;
            stroke-width: 3px;
            color: #ffffff; }
      .property-section .property-box .property-image .grid-slider .slick-arrow,
      .property-section .property-box .property-image .slider-for .slick-arrow {
        opacity: 0; }
    .property-section .property-box .property-details h6 {
      font-weight: 600;
      font-size: 17px;
      color: var(--theme-default3); }
      .property-section .property-box .property-details h6.color-1 {
        color: var(--theme-default); }
      .property-section .property-box .property-details h6.color-6 {
        color: var(--theme-default8); }
    .property-section .property-box .property-details .icon-property {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .property-section .property-box .property-details .icon-property li {
        width: 100%;
        position: relative; }
        .property-section .property-box .property-details .icon-property li + li {
          border-left: none; }
          .property-section .property-box .property-details .icon-property li + li::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 20px;
            background-color: rgba(59, 66, 73, 0.2);
            top: 10px;
            left: -10px; }
        .property-section .property-box .property-details .icon-property li .d-flex {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
            width: 35px;
            height: 35px;
            min-width: 35px;
            border-radius: 100%;
            margin-right: 15px;
            position: relative; }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon::after {
              border-radius: 100%;
              opacity: 0.1; }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-3::after {
              background-color: var(--theme-default5); }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-3 .property-svg {
              fill: var(--theme-default5); }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-4::after {
              background-color: var(--theme-default6); }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-4 .property-svg {
              fill: var(--theme-default6); }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-7::after {
              background-color: var(--theme-default10); }
            .property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-7 .property-svg {
              fill: var(--theme-default10); }
      .property-section .property-box .property-details .icon-property + .icon-property {
        margin-top: 20px; }
    .property-section .property-box .property-details > ul > li > img {
      height: 16px;
      display: inline-block;
      margin-right: 7px; }
    .property-section .property-box:hover .property-image .overlay-plus {
      opacity: 1;
      -webkit-transition: 0.8s;
      transition: 0.8s; }
    .property-section .property-box:hover .property-image .grid-slider .slick-arrow,
    .property-section .property-box:hover .property-image .slider-for .slick-arrow {
      opacity: 1; }
    .property-section .property-box:hover .property-image .grid-slider .slick-prev,
    .property-section .property-box:hover .property-image .slider-for .slick-prev {
      left: 15px;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .property-section .property-box:hover .property-image .grid-slider .slick-next,
    .property-section .property-box:hover .property-image .slider-for .slick-next {
      right: 15px;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .property-section .property-box:hover .property-details > a h3 {
      /* color: var(--theme-default2); */
      -webkit-transition: 0.8s;
      transition: 0.8s; }
    .property-section .property-box.liked-img .property-image .overlay-plus .like-bottom svg {
      color: #f13439; }
      .property-section .property-box.liked-img .property-image .overlay-plus .like-bottom svg path {
        fill: #f13439; }
  
  .property-section.property-color-6 .property-box .property-image .overlay-property-box .effect-round i,
  .property-section.property-color-6 .property-box .property-image .overlay-property-box .effect-round1 i {
    background: var(--theme-gradient12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  
  .property-section.property-color-6 .property-box:hover .property-details > a h3 {
    color: var(--theme-default9); }
  
  .property-section .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: none;
    margin-bottom: 30px; }
    .property-section .nav-tabs .nav-item {
      margin-bottom: 15px; }
      .property-section .nav-tabs .nav-item .nav-link {
        border-radius: 5px;
        -webkit-filter: drop-shadow(3.346px 3.716px 25px rgba(0, 0, 0, 0.06));
                filter: drop-shadow(3.346px 3.716px 25px rgba(0, 0, 0, 0.06));
        background-color: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        font-weight: 600; }
      .property-section .nav-tabs .nav-item.show .nav-link {
        background-color: #ffffff;
        color: var(--theme-default3);
        border-color: transparent; }
      .property-section .nav-tabs .nav-item + .nav-item {
        margin-left: 30px; }
    .property-section .nav-tabs .nav-link {
      position: relative; }
      .property-section .nav-tabs .nav-link::before {
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #ffffff;
        content: "";
        bottom: -7px;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .property-section .nav-tabs .nav-link.active, .property-section .nav-tabs .nav-link:hover, .property-section .nav-tabs .nav-link:focus {
        background-color: #ffffff;
        color: var(--theme-default3);
        border-color: transparent; }
        .property-section .nav-tabs .nav-link.active::before, .property-section .nav-tabs .nav-link:hover::before, .property-section .nav-tabs .nav-link:focus::before {
          opacity: 1;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
  
  .property-section .pagination-tab .nav-item {
    margin-bottom: 0; }
  
  .property-section .tab-content .tab-pane .property-2 > div .property-box {
    -webkit-animation: zoomIn 0.8s;
            animation: zoomIn 0.8s; }
  
  .property-section.bg-comman-2::before {
    height: 450px; }
  
  .property-section .property-1 .property-details,
  .property-section .property-2 .property-details {
    padding: 15px; }
    .property-section .property-1 .property-details > span,
    .property-section .property-2 .property-details > span {
      /* display: block;
      margin-top: -3px;*/
       } 
  
  .property-section .property-1 .slick-list .slick-track .slick-slide,
  .property-section .property-2 .slick-list .slick-track .slick-slide {
    margin-bottom: -6px; }
  
  .property-section .property-2 .property-box {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
    .property-section .property-2 .property-box .property-details > a {
      display: block;
      -webkit-transition: 0.8s;
      transition: 0.8s;
      color: #000;
      /* background: -webkit-gradient(linear, left top, right top, from(#1c2d3a), to(#1c2d3a));
      background: linear-gradient(to right, #1c2d3a 0%, #1c2d3a 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;  */
      }
    /* .property-section .property-2 .property-box .property-details > span {
      display: block;
      margin-top: -3px;
      margin-bottom: 5px; } */
    .property-section .property-2 .property-box:hover .property-details > a {
      /* background: var(--theme-gradient6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; */
      -webkit-transition: 0.8s;
      transition: 0.8s; }
  
  .property-section .property-2 .property-box .property-image .labels-left,
  .property-section .property-3 .property-box .property-image .labels-left {
    left: 20px; }
  
  .property-section .property-box-flat .property-box {
    border-radius: 0;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.08); }
    .property-section .property-box-flat .property-box .property-image .label-white {
      position: absolute;
      right: 20px;
      top: 20px;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .property-section .property-box-flat .property-box .property-image .overlay-plus {
      background-color: rgba(0, 0, 0, 0.15);
      z-index: 1; }
      .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
        top: unset;
        bottom: 20px;
        right: 56px;
        border-radius: 0; }
      .property-section .property-box-flat .property-box .property-image .overlay-plus .like-bottom {
        border-radius: 0; }
    .property-section .property-box-flat .property-box .property-details h3 {
      margin-top: -2px; }
      .property-section .property-box-flat .property-box .property-details h3 a {
        color: #1c2d3a; }
    .property-section .property-box-flat .property-box .property-details p {
      color: rgba(88, 97, 103, 0.7); }
    .property-section .property-box-flat .property-box:hover .property-image .label-white {
      z-index: 2;
      background-color: var(--theme-default5);
      color: #ffffff;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .property-section .property-box-flat .property-box:hover .property-image .label-white::after {
        -webkit-box-shadow: 0px 5px 12.5px var(--theme-default5);
                box-shadow: 0px 5px 12.5px var(--theme-default5);
        opacity: 0.35; }
      .property-section .property-box-flat .property-box:hover .property-image .label-white.color-7 {
        background-color: var(--theme-default10); }
        .property-section .property-box-flat .property-box:hover .property-image .label-white.color-7::after {
          -webkit-box-shadow: 0px 5px 12.5px var(--theme-default10);
                  box-shadow: 0px 5px 12.5px var(--theme-default10); }
  
  .property-section .property-3 .slick-list {
    margin: -30px -12px; }
    .property-section .property-3 .slick-list .slick-track .slick-slide > div {
      margin: 30px 20px; }
    .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white {
      z-index: 2;
      background-color: var(--theme-default5);
      color: #ffffff;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white::after {
        -webkit-box-shadow: 0px 3px 6px var(--theme-default5);
                box-shadow: 0px 3px 6px var(--theme-default5);
        opacity: 0.35; }
      .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white.color-7 {
        background-color: var(--theme-default10); }
        .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white.color-7::after {
          -webkit-box-shadow: 0px 5px 12.5px var(--theme-default10);
                  box-shadow: 0px 5px 12.5px var(--theme-default10); }
    .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .overlay-property-box,
    .property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .overlay-plus {
      opacity: 1;
      -webkit-transition: 0.8s;
      transition: 0.8s; }
  
  .property-section .property-3 .property-box:hover .property-image .overlay-property-box,
  .property-section .property-3 .property-box:hover .property-image .overlay-plus {
    opacity: 0; }
  
  .property-section .property-3 .property-box:hover .property-image .label-white {
    background-color: #ffffff;
    color: var(--theme-default5); }
    .property-section .property-3 .property-box:hover .property-image .label-white::after {
      -webkit-box-shadow: unset;
              box-shadow: unset; }
    .property-section .property-3 .property-box:hover .property-image .label-white.color-7 {
      background-color: #ffffff;
      color: var(--theme-default10); }
      .property-section .property-3 .property-box:hover .property-image .label-white.color-7::after {
        -webkit-box-shadow: unset;
                box-shadow: unset; }
  
  .property-section .property-4 .slick-list .slick-track .slick-slide {
    margin-bottom: -6px; }
  
  .property-section .list-property .property-box {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.09);
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.09); }
    .property-section .list-property .property-box .text-center {
      margin-top: -20px;
      position: relative; }
      .property-section .list-property .property-box .text-center .label-gradient {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
    .property-section .list-property .property-box .property-image .overlay-property {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      opacity: 0;
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease; }
      .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
        -webkit-transition: 0.4s;
        transition: 0.4s;
        background-color: #ffffff;
        border-radius: 5px;
        height: calc(100% - 92px);
        width: 85%;
        position: absolute;
        top: 14%;
        left: 8%;
        padding: 40px; }
        .property-section .list-property .property-box .property-image .overlay-property .overlay-box h4 {
          line-height: 1.2;
          color: #586167;
          font-weight: 700;
          margin-bottom: 12px; }
        .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
          font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
          line-height: 1.3;
          color: rgba(88, 97, 103, 0.7); }
        .property-section .list-property .property-box .property-image .overlay-property .overlay-box a {
          background-image: var(--theme-gradient9);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          position: relative;
          font-weight: 600;
          display: initial; }
          .property-section .list-property .property-box .property-image .overlay-property .overlay-box a::after {
            position: absolute;
            content: "";
            right: -45px;
            top: 10px;
            width: 35px;
            height: 2px;
            border-radius: 1px;
            background-color: var(--theme-default7); }
      .property-section .list-property .property-box .property-image .overlay-property::after {
        background-color: #303030;
        opacity: 0.4;
        z-index: -1; }
    .property-section .list-property .property-box:hover .text-center .label-gradient {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      position: relative; }
      .property-section .list-property .property-box:hover .text-center .label-gradient::after {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
                box-shadow: -5.15px 8.572px 25px var(--theme-default6);
        opacity: 0.3; }
    .property-section .list-property .property-box:hover .property-image .overlay-property {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: 0.5s;
      transition: 0.5s; }
  
  .property-section .listing-hover-property {
    margin-bottom: -30px; }
    .property-section .listing-hover-property .property-box {
      position: relative; }
      .property-section .listing-hover-property .property-box .property-image .labels-left {
        top: 15px; }
      .property-section .listing-hover-property .property-box .bottom-property {
        position: absolute;
        left: 0;
        bottom: -70px;
        color: #ffffff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        width: 100%;
        z-index: 1; }
        .property-section .listing-hover-property .property-box .bottom-property div.d-flex {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
        .property-section .listing-hover-property .property-box .bottom-property > div {
          padding: 15px;
          -webkit-transition: height 0.9s;
          transition: height 0.9s; }
        .property-section .listing-hover-property .property-box .bottom-property h5 {
          font-weight: 600; }
          .property-section .listing-hover-property .property-box .bottom-property h5 a {
            color: #ffffff; }
        .property-section .listing-hover-property .property-box .bottom-property h6 {
          margin-bottom: 0; }
        .property-section .listing-hover-property .property-box .bottom-property .overlay-option {
          background-color: rgba(0, 0, 0, 0.8);
          padding: 0; }
          .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 25%;
                      flex: 0 0 25%;
              max-width: 25%;
              padding: 20px;
              -webkit-transition: 0.9s;
              transition: 0.9s; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(1) {
                background-color: #636363; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(2) {
                background-color: #565656; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(3) {
                background-color: #494949; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li:nth-child(4) {
                background-color: #3d3d3d; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .media {
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .media img {
                  width: 30px;
                  -webkit-filter: brightness(0.8) invert(0.8);
                          filter: brightness(0.8) invert(0.8); }
                .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li .media .media-body {
                  margin-left: 10px; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li span {
                font-size: 13px; }
              .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li h6 {
                font-weight: 500; }
      .property-section .listing-hover-property .property-box::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        -webkit-transition: 0.9s;
        transition: 0.9s;
        left: 0;
        bottom: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.8)));
        background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.8) 100%); }
      .property-section .listing-hover-property .property-box:hover .bottom-property {
        bottom: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        .property-section .listing-hover-property .property-box:hover .bottom-property > div {
          -webkit-transition: 0.9s;
          transition: 0.9s; }
        .property-section .listing-hover-property .property-box:hover .bottom-property .overlay-option ul li {
          opacity: 1;
          -webkit-transition: 0.9s;
          transition: 0.9s; }
      .property-section .listing-hover-property .property-box:hover::after {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), to(rgba(0, 0, 0, 0.9)));
        background-image: linear-gradient(to bottom, transparent 45%, rgba(0, 0, 0, 0.9) 100%);
        -webkit-transition: 0.9s;
        transition: 0.9s; }
    .property-section .listing-hover-property > div {
      margin-bottom: 30px; }
  
  .property-section .property-label .property-box .property-image .labels-left .label {
    text-transform: capitalize;
    font-size: 12px; }
  
  .property-section .tab-content .tab-pane .list-property > div .property-box {
    -webkit-animation: zoomIn 0.8s;
            animation: zoomIn 0.8s; }
  
  .property-grid .property-box .agent-image {
    border-bottom: 1px solid #eee; }
  
  .property-grid.list-view .property-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .property-grid.list-view .property-box .property-image {
      width: 50%; }
      .property-grid.list-view .property-box .property-image .bg-size {
        height: 100%; }
    .property-grid.list-view .property-box .agent-image {
      border-right: 1px solid #eee; }
  
  .property-grid-3 {
    position: relative; }
    .property-grid-3 .filter-bottom-content {
      top: 45px; }
    .property-grid-3 .property-grid.list-view .property-box .agent-image {
      width: 100%; }
    .property-grid-3 .property-grid.list-view .property-box .agent-image > div {
      height: 100%; }
    .property-grid-3 .property-grid.list-view .property-box .agent-image:hover .overlay-content {
      left: 53%; }
    .property-grid-3 .filter-panel .top-panel h2 {
      margin-top: -2px; }
  
  .property-grid-slider .property-2 .property-box .overlay-plus {
    background: unset;
    opacity: 1; }
  
  .property-grid-slider .property-grid.list-view .property-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .property-grid-slider .property-grid.list-view .property-box .property-image {
      width: 45%; }
  
  .property-grid-slider .property-grid.list-view .bg-size {
    height: 39vh; }
  
  .property-grid-slider .property-grid.list-view .thumbnail-nav .bg-size {
    height: auto; }
  
  .property-grid-slider .property-grid .slider-for .slick-slide img {
    min-height: 300px;
    -o-object-fit: cover;
       object-fit: cover; }
  
  .property-grid-slider .property-grid .slider-nav {
    margin: 6px 0px -5px -4px; }
    .property-grid-slider .property-grid .slider-nav .slick-slide {
      margin: 0 3px; }
      .property-grid-slider .property-grid .slider-nav .slick-slide img {
        min-height: 72px;
        cursor: pointer;
        -o-object-fit: cover;
           object-fit: cover; }
  
  .property-map .filter-panel {
    margin-bottom: 0; }
  
  /*.property-map .property-grid {
    padding-top: 40px; }
  */
  
  .property-map .theme-pagination {
    margin-bottom: 40px; }
  
  .property-map .filter-bottom-content {
    z-index: 2;
    width: 90%;
    right: 0;
    top: 45px;
    margin: 0 auto; }
  
  .property-list-view .property-grid.list-view .property-box .property-image {
    width: 100%; }
  
  .mfp-title {
    display: none; }
  
  .property-main {
    overflow: unset; }
  
  .single-property-section {
    position: absolute;
    bottom: -76px;
    width: 100%; }
    .single-property-section .btn {
      padding: 4px 10px;
      font-size: 12px; }
      .single-property-section .btn.btn-dashed {
        padding: 5px 10px; }
    .single-property-section .feature-label {
      margin-top: 15px; }
      .single-property-section .feature-label .btn {
        cursor: unset; }
    .single-property-section .left-single .d-flex {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .single-property-section .left-single h2 {
      margin-top: -3px; }
    .single-property-section .left-single p {
      margin-bottom: 15px; }
    .single-property-section .left-single ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: -5px -10px 15px; }
      .single-property-section .left-single ul li {
        margin: 5px 10px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .single-property-section .left-single ul li:hover {
          color: #ff5c41;
          -webkit-transform: scale(1.02);
                  transform: scale(1.02);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .single-property-section .left-single ul li > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-weight: 500; }
          .single-property-section .left-single ul li > div img {
            width: 16px;
            margin-right: 10px; }
          .single-property-section .left-single ul li > div .ruler-tool {
            width: 14px;
            height: 20px; }
    .single-property-section .left-single .share-buttons a svg {
      width: 14px;
      height: 14px;
      vertical-align: -3px; }
    .single-property-section .left-single .share-buttons > div {
      position: relative; }
      .single-property-section .left-single .share-buttons > div .share-hover {
        position: absolute;
        bottom: -50px;
        left: 0;
        background: #ffffff;
        -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
                box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .single-property-section .left-single .share-buttons > div .share-hover ul {
          margin: 0; }
          .single-property-section .left-single .share-buttons > div .share-hover ul li {
            margin: 0;
            padding: 10px; }
            .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
              border-left: 1px solid #eee; }
      .single-property-section .left-single .share-buttons > div:hover .share-hover {
        bottom: -45px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
    .single-property-section .single-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 30px;
      background-color: #ffffff;
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
      .single-property-section .single-title .right-single {
        text-align: right; }
        .single-property-section .single-title .right-single .price {
          color: var(--theme-default4);
          margin-bottom: 0; }
          .single-property-section .single-title .right-single .price span {
            color: #878787;
            font-size: 16px;
            font-weight: 500; }
  
  .icon-facebook {
    color: #3b5998; }
  
  .icon-twitter {
    color: #55acee; }
  
  .icon-instagram {
    color: #dd4b39; }
  
  .rating i {
    color: #ffcc33; }
  
  .single-gallery {
    position: relative; }
  
  .title-3.inner-title h2 {
    color: #1c2d3a; }
  
  .single-property {
    margin-top: 30px; }
    .single-property.mt-0.pt-0 {
      padding-bottom: 60px; }
    .single-property .description-section .desc-box {
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
      .single-property .description-section .desc-box h4 {
        font-weight: 600;
        margin-bottom: 20px;
        margin-top: -2px; }
      .single-property .description-section .desc-box p {
        line-height: 1.5;
        color: #878787;
        font-family: Roboto, sans-serif;
        margin-bottom: 5px;
        width: 100%; }
      .single-property .description-section .desc-box .feature-dec h4,
      .single-property .description-section .desc-box .ratio3_2 h4,
      .single-property .description-section .desc-box #floor_plan h4 {
        margin-top: -3px; }
      .single-property .description-section .desc-box .single-gallery {
        margin-bottom: -2px; }
      .single-property .description-section .desc-box + .desc-box {
        margin-top: 30px; }
    .single-property .description-section .menu-top {
      background-color: #ffffff;
      border-bottom: 1px solid #d2d2d2;
      padding: 15px 0; }
      .single-property .description-section .menu-top li a {
        padding: 15px 20px;
        text-transform: uppercase;
        font-weight: 600;
        color: #1c2d3a; }
      .single-property .description-section .menu-top li.active a {
        color: var(--theme-default4);
        border-bottom: 2px solid var(--theme-default4);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .single-property .description-section .menu-top.sticky {
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
        margin-top: 0;
        padding: 16px 0;
        -webkit-animation: smoothScroll 1s forwards;
                animation: smoothScroll 1s forwards; }
    .single-property .description-section .single-feature {
      margin-bottom: -4px; }
      .single-property .description-section .single-feature ul li {
        display: block;
        text-transform: capitalize;
        line-height: 1.9; }
        .single-property .description-section .single-feature ul li i {
          color: var(--theme-default4);
          margin-right: 6px;
          vertical-align: 2px;
          font-size: 12px; }
    .single-property .description-section .attach-file {
      color: #444444;
      font-weight: 500; }
      .single-property .description-section .attach-file i {
        font-size: 25px;
        margin-right: 15px;
        vertical-align: -3px; }
      .single-property .description-section .attach-file:hover {
        color: var(--theme-default4); }
    .single-property .description-section .about p:last-child {
      margin-bottom: -3px; }
    .single-property .description-section.tab-description .menu-top {
      border-bottom: none;
      padding: 0; }
    .single-property .description-section .gallery-for {
      position: relative; }
    .single-property .page-section {
      padding: 30px; }
      .single-property .page-section iframe {
        width: 100%;
        height: 420px;
        margin-bottom: -5px; }
      .single-property .page-section hr {
        margin: 30px 0; }
    .single-property #details h4,
    .single-property .about h4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .single-property #details h4 a,
      .single-property .about h4 a {
        font-size: 14px;
        color: var(--theme-default4); }
  
  .play-bg-image {
    position: relative; }
    .play-bg-image .icon-video {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%; }
      .play-bg-image .icon-video a {
        position: relative; }
        .play-bg-image .icon-video a:after {
          position: absolute;
          content: "";
          top: -51px;
          left: -50px;
          width: 150px;
          height: 150px;
          z-index: -1;
          background: rgba(255, 92, 65, 0.8);
          border-radius: 100%;
          -webkit-animation: heartbit 2s ease-out;
                  animation: heartbit 2s ease-out;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite; }
  
  .gallery-nav {
    margin: 10px 0 0 -5px; }
    .gallery-nav .slick-slide {
      margin: 0 5px;
      opacity: 0.5; }
      .gallery-nav .slick-slide img {
        min-height: 90px;
        -o-object-fit: cover;
           object-fit: cover; }
      .gallery-nav .slick-slide.slick-current {
        opacity: 1; }
  
  .property-list-details li {
    display: block;
    line-height: 2;
    font-weight: 500;
    color: rgba(88, 97, 103, 0.85); }
    .property-list-details li span {
      font-weight: 600;
      min-width: 140px;
      display: inline-block;
      color: #586167; }
  
  .modal-form {
    position: absolute;
    top: 30px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: 15%;
    background: #ffffff;
    border-radius: 0;
    z-index: 1; }
    .modal-form .filter-cards .advance-card .category-property form input {
      padding: 8px 10px 6px; }
  
  .review .review-box {
    margin-bottom: -6px; }
    .review .review-box .media > img {
      border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
    .review .review-box .media .media-body {
      margin-left: 28px; }
      .review .review-box .media .media-body h6 {
        font-weight: 500;
        margin-bottom: 5px; }
      .review .review-box .media .media-body p.mb-0 {
        width: 65%; }
    .review .review-box .media .rating {
      padding: 0 30px; }
    .review .review-box.review-child {
      margin-left: 50px; }
    .review .review-box + .review-box {
      margin-top: 30px; }
  
  .review-form .form-control {
    padding: 7px 15px;
    color: #878787; }
  
  .sticky-cls {
    position: sticky;
    z-index: 1;
    top: 75px; }
  
  .home-view {
    height: 70vh;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative; }
    .home-view .home-content {
      height: 70vh; }
    .home-view .a-canvas {
      height: 70vh !important; }
    .home-view .view-icon {
      position: absolute;
      bottom: 20px;
      left: 20px;
      -webkit-filter: invert(1);
              filter: invert(1); }
  
  .line-tab.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1c2d3a; }
    .line-tab.nav-tabs .nav-link.active {
      border-bottom: 2px solid var(--theme-default4);
      color: var(--theme-default4); }
  
  .line-tab.nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid var(--theme-default4); }
  
  .without-top .single-property-section {
    position: relative;
    bottom: unset; }
  
  .single-property-images {
    height: 600px;
    overflow: unset; }
    .single-property-images .slick-prev {
      left: 30px; }
    .single-property-images .slick-next {
      right: 30px; }
    .single-property-images.ratio_40 .bg-size:before {
      padding-top: 31%; }
  
  .image_section {
    margin-bottom: 30px; }
    .image_section .row > div + div {
      margin-top: 15px; }
    .image_section.row .bg-size {
      height: 100%; }
  
  .property-grid-2 {
    position: relative; }
    .property-grid-2 .filter-panel .top-panel h2 {
      margin-top: -2px; }
  
  @media print {
    .nav-tabs {
      display: inline; }
    * {
      -webkit-print-color-adjust: exact; } }
  
  /**=====================
       property css end
  ==========================**/
  /**=====================
       pagination css start
  ==========================**/
  .theme-pagination {
    margin-top: 30px;
    text-align: right; }
    .theme-pagination .pagination {
      display: inline-block; }
      .theme-pagination .pagination .page-item .page-link {
        color: var(--theme-default3);
        border-radius: 4px;
        font-weight: 500;
        padding: 6px 13px; }
        .theme-pagination .pagination .page-item .page-link:focus {
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .theme-pagination .pagination .page-item .page-link:hover, .theme-pagination .pagination .page-item .page-link:focus {
          background-color: var(--theme-default3);
          border-color: var(--theme-default3);
          color: #ffffff; }
      .theme-pagination .pagination .page-item.active .page-link {
        background-color: var(--theme-default3);
        border-color: var(--theme-default3);
        color: #ffffff;
        z-index: 1; }
      .theme-pagination .pagination .page-item + .page-item {
        margin-left: 8px; }
  
  .pagination-tab.nav-tabs {
    margin-bottom: 0; }
    .pagination-tab.nav-tabs .nav-item .nav-link {
      padding: 12px 20px;
      color: var(--theme-default7);
      border-radius: 5px;
      font-weight: 700;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      position: relative; }
      .pagination-tab.nav-tabs .nav-item .nav-link::before {
        display: none; }
      .pagination-tab.nav-tabs .nav-item .nav-link::after {
        opacity: 0.1;
        background-color: var(--theme-default7);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        border-radius: 5px;
        z-index: -1; }
      .pagination-tab.nav-tabs .nav-item .nav-link:hover, .pagination-tab.nav-tabs .nav-item .nav-link:focus {
        background-color: transparent; }
        .pagination-tab.nav-tabs .nav-item .nav-link:hover::after, .pagination-tab.nav-tabs .nav-item .nav-link:focus::after {
          background-color: var(--theme-default7); }
      .pagination-tab.nav-tabs .nav-item .nav-link.active {
        color: #ffffff; }
        .pagination-tab.nav-tabs .nav-item .nav-link.active::after {
          opacity: 1; }
    .pagination-tab.nav-tabs .nav-item + .nav-item {
      margin-left: 20px; }
  
  .slick-dots li button:before {
    opacity: 1; }
  
  /**=====================
       pagination css end
  ==========================**/
  /**=====================
       portfolio css start
  ==========================**/
  .portfolio-section.zoom-gallery .grid-item a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  
  .portfolio-section .grid-item .overlay {
    overflow: hidden; }
  
  .portfolio-section .grid-item .portfolio-image {
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
  
  .portfolio-section .grid-item:hover .portfolio-image {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
  
  .details-right {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 40px; }
    .details-right h3 {
      margin-bottom: 15px; }
    .details-right p {
      line-height: 1.7; }
  
  .project-details {
    margin-top: 40px; }
    .project-details h3 {
      margin-bottom: 20px; }
    .project-details .detail-container {
      padding: 10px 0;
      border-bottom: 1px solid #eee; }
      .project-details .detail-container:last-child {
        border: none;
        padding-bottom: 0; }
      .project-details .detail-container h6 {
        margin-bottom: 0; }
      .project-details .detail-container .portfolio-left {
        width: 25%; }
        .project-details .detail-container .portfolio-left h6 {
          font-weight: 600;
          text-transform: capitalize; }
      .project-details .detail-container .portfolio-right {
        width: 75%; }
  
  .portfolio-details .portfolio-section {
    margin-top: 50px; }
  
  .portfolio-details .details-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  
  .portfolio-grid .filter-panel {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 40px; }
    .portfolio-grid .filter-panel .top-panel {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  
  .portfolio-grid .property-text {
    margin-top: 15px; }
    .portfolio-grid .property-text h3 {
      font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      text-transform: capitalize;
      margin-bottom: 10px; }
      .portfolio-grid .property-text h3 a {
        color: #1c2d3a; }
    .portfolio-grid .property-text h6 {
      color: #959595;
      font-size: 14px;
      margin-bottom: -3px;
      line-height: 1.7; }
  
  .portfolio-grid.creative-3 .row > div:nth-child(6) .overlay {
    margin-right: -1px; }
  
  .grid-box {
    border-radius: 10px;
    -webkit-box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
    overflow: hidden; }
    .grid-box .property-text {
      padding: 30px;
      margin-top: 0; }
      .grid-box .property-text h3 {
        margin-top: -3px;
        margin-bottom: 2px; }
  
  .parallax-section .full_banner {
    height: 93vh;
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 20px; }
    .parallax-section .full_banner .center-content {
      text-align: right; }
      .parallax-section .full_banner .center-content h2, .parallax-section .full_banner .center-content h6 {
        color: rgba(255, 255, 255, 0.8); }
      .parallax-section .full_banner .center-content h6 {
        padding: 10px 20px;
        background-color: #000000;
        border-radius: 4px;
        text-transform: capitalize; }
  
  .center-slides .img-center {
    height: 93vh; }
    .center-slides .img-center .center-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 93vh;
      text-align: center;
      position: relative;
      z-index: 1; }
      .center-slides .img-center .center-content h3,
      .center-slides .img-center .center-content h6 {
        color: #ffffff; }
      .center-slides .img-center .center-content h3 {
        font-weight: 600; }
      .center-slides .img-center .center-content h6 {
        margin-bottom: 0; }
  
  .center-slides .slick-slide .img-center .center-content {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  
  .center-slides .slick-slide.slick-center .img-center .center-content {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .center-slides .slick-slide.slick-center .img-center .center-content h3 {
      -webkit-animation: fadeInLeft 0.4s ease;
              animation: fadeInLeft 0.4s ease; }
    .center-slides .slick-slide.slick-center .img-center .center-content h6 {
      -webkit-animation: fadeInRight 0.4s ease;
              animation: fadeInRight 0.4s ease;
      padding: 10px 20px;
      background-color: #000000;
      border-radius: 4px;
      text-transform: capitalize; }
  
  .portfolio-creative .content-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
    .portfolio-creative .content-sec h3 {
      font-weight: 600;
      margin-top: -3px; }
      .portfolio-creative .content-sec h3 a {
        color: #1c2d3a; }
    .portfolio-creative .content-sec p {
      max-width: 80%;
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 20px; }
    .portfolio-creative .content-sec.center-con p {
      margin-left: auto;
      margin-right: auto; }
  
  .portfolio-creative.odd-even .row .content-sec {
    padding-left: 60px;
    text-align: left; }
  
  .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
    padding-left: 0;
    padding-right: 60px;
    text-align: right; }
    .portfolio-creative.odd-even .row:nth-child(even) .content-sec p {
      margin-right: 0;
      margin-left: auto; }
  
  /**=====================
       portfolio css end
  ==========================**/
  /**=====================
       map css start
  ==========================**/
  .arrow-define {
    position: absolute;
    top: -54px;
    font-weight: 500;
    font-size: 14px;
    right: -60px;
    cursor: auto; }
    .arrow-define::after {
      content: "";
      background-image: url(../images/arrow.png);
      width: 50px;
      height: 50px;
      position: absolute;
      background-size: contain;
      left: -50px;
      bottom: -37px;
      background-repeat: no-repeat;
      -webkit-animation: movebounce 4s linear infinite;
              animation: movebounce 4s linear infinite; }
  
  .map-section {
    position: relative;
    z-index: 1; 
    min-height:400px
  }
    .map-section iframe,
    .map-section .map {
      width: 100%;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0; }
  
  /* .gm-style div[title] {
    opacity: 1 !important; }
  
  .gm-style div[title] img {
    display: block !important;
    height: 65px !important;
    width: auto !important; } */
  
  .add-animation {
    -webkit-animation: 1s linear infinite bounce-1;
            animation: 1s linear infinite bounce-1; }
  
  .add-filter {
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }
  
  .infoBox > img {
    background: #ffffff; }
  
  .infoBox .marker-detail {
    background: #ffffff;
    overflow: hidden;
    position: relative; }
    .infoBox .marker-detail img {
      height: auto;
      width: 202px; }
    .infoBox .marker-detail .label {
      position: absolute;
      left: 10px;
      top: 10px;
      font-size: 10px;
      padding: 4px 8px 3px; }
    .infoBox .marker-detail .detail-part {
      /* padding: 10px;  */
    }
      .infoBox .marker-detail .detail-part h6 {
        font-weight: 700; 
        margin-bottom: 0;
        font-size: 14px;
      }
      .infoBox .marker-detail .detail-part ul {
        margin-bottom: 15px; }
        .infoBox .marker-detail .detail-part ul li {
          padding-left: 5px;
          padding-right: 5px;
          font-size: 13px; }
          .infoBox .marker-detail .detail-part ul li:first-child {
            padding-left: 0; }
          .infoBox .marker-detail .detail-part ul li:last-child {
            padding-right: 0; }
      .infoBox .marker-detail .detail-part span,
      .infoBox .marker-detail .detail-part a {
        font-size: 12px;
        font-weight: 400; }
      .infoBox .marker-detail .detail-part a {
        color: #000;
        text-decoration: none; 
      }
  
  .leaflet-popup-tip-container {
    width: 20px;
    height: 20px;
    margin-left: -15px; }
  
  .leaflet-popup-content .infoBox .marker-detail .detail-part span, .leaflet-popup-content .infoBox .marker-detail .detail-part a {
    font-family: Montserrat, sans-serif; }
  
  .leaflet-marker-icon.leaflet-interactive {
    width: 35px !important;
    height: 38px !important; }
  
  .leaflet-pane {
    z-index: 1; }
  
  .leaflet-top,
  .leaflet-bottom {
    z-index: 1; }
  
  .leaflet-control {
    z-index: 8; }
  
  .leaflet-shadow-pane {
    display: none; }
    .leaflet-shadow-pane img {
      -webkit-transform: none !important;
              transform: none !important; }
  
  .H_ib_body {
    bottom: 48px; }
  
  .H_ib_tail {
    margin: -53px -10px; }
  
  .H_ib_content {
    line-height: 0.95; }
  
  .MicrosoftMap > div {
    z-index: 1 !important; }
  
  .MicrosoftMap .Infobox {
    border-radius: 0 !important;
    border: none !important; }
    .MicrosoftMap .Infobox.no-title .infobox-info {
      margin-right: 0 !important; }
    .MicrosoftMap .Infobox .infobox-body {
      width: auto !important;
      height: 100% !important;
      max-height: 100% !important;
      padding-bottom: 0 !important; }
    .MicrosoftMap .Infobox .infobox-info {
      padding: 0 !important;
      max-height: -webkit-max-content !important;
      max-height: -moz-max-content !important;
      max-height: max-content !important;
      color: unset !important;
      font-family: Roboto, sans-serif !important; }
  
  .MicrosoftMap .infobox-close {
    z-index: 1; }
  
  .map-modal .modal-dialog {
    width: 100%;
    height: 90%;
    max-width: 97%; }
    .map-modal .modal-dialog .modal-content {
      border: 0 none;
      border-radius: 0; }
      .map-modal .modal-dialog .modal-content .btn-close {
        z-index: 2;
        font-weight: 500;
        background: var(--theme-default4);
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        opacity: 1;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
        .map-modal .modal-dialog .modal-content .btn-close span {
          font-size: 30px;
          color: #ffffff;
          line-height: 0.9; }
      .map-modal .modal-dialog .modal-content .modal-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 12px;
        padding-left: 0; }
      .map-modal .modal-dialog .modal-content iframe,
      .map-modal .modal-dialog .modal-content .map {
        width: 100%;
        height: 100%; }
  
  .onclick-map-wrap {
    margin-bottom: 30px; }
  
  .onclick-map {
    display: none; }
    .onclick-map iframe,
    .onclick-map .map {
      width: 100%;
      height: 300px;
      margin-bottom: 30px; }
  
  /**=====================
       map css end
  ==========================**/
  /**=====================
       slick css start
  ==========================**/
  
  /**=====================
       slick css end
  ==========================**/
  /**=====================
       testimonial css start
  ==========================**/
  .testimonial-bg {
    background-image: url(../images/testimonial/1.jpg); }
    .testimonial-bg.testimonial-layout6 {
      background-image: url(../images/testimonial/4.jpg);
      background-color: rgba(0, 0, 0, 0.6);
      background-blend-mode: overlay; }
    .testimonial-bg.testimonial-layout9 {
      background-image: url(../images/banner-6.jpg);
      background-color: rgba(0, 0, 0, 0.7);
      background-blend-mode: overlay; }
    .testimonial-bg .title-1 h2 {
      margin-bottom: -2px; }
    .testimonial-bg .title-1 hr {
      width: 80px;
      margin: 20px auto 0;
      height: 2px;
      color: var(--theme-default);
      opacity: 1;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .testimonial-bg .title-1:hover hr {
      width: 150px; }
    .testimonial-bg .title-1.color-6 hr {
      color: var(--theme-default8); }
  
  .testimonial-1 .pepole-comment .client-msg {
    padding: 50px 40px 45px;
    border-radius: 10px;
    margin-bottom: 40px;
    background: #ffffff;
    -webkit-box-shadow: 3.3px 3.7px 22.5px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 3.3px 3.7px 22.5px 0px rgba(0, 0, 0, 0.05);
    position: relative; }
    .testimonial-1 .pepole-comment .client-msg::before, .testimonial-1 .pepole-comment .client-msg::after {
      width: 0;
      height: 0;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      content: "";
      bottom: -14px;
      position: absolute;
      left: 26px; }
    .testimonial-1 .pepole-comment .client-msg::before {
      border-top: 14px solid #ffffff;
      z-index: 2; }
    .testimonial-1 .pepole-comment .client-msg::after {
      border-top: 14px solid rgba(0, 0, 0, 0.05);
      z-index: 1; }
    .testimonial-1 .pepole-comment .client-msg .quote {
      position: absolute;
      top: -20px;
      left: 40px; }
      .testimonial-1 .pepole-comment .client-msg .quote img {
        width: 90%; }
    .testimonial-1 .pepole-comment .client-msg p {
      margin-bottom: 0;
      line-height: 1.75;
      color: #3b4249;
      font-weight: 600; }
  
  .testimonial-1 .pepole-comment .media {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .testimonial-1 .pepole-comment .media img {
      border-radius: 100%;
      -webkit-box-shadow: 4.015px 4.459px 6.5px rgba(0, 0, 0, 0.04);
              box-shadow: 4.015px 4.459px 6.5px rgba(0, 0, 0, 0.04);
      margin-right: 20px;
      height: 70px;
      width: auto; }
    .testimonial-1 .pepole-comment .media .media-body h3 {
      font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 700;
      margin-bottom: 0; }
    .testimonial-1 .pepole-comment .media .media-body span {
      font-size: 12px;
      font-weight: 500; }
  
  .testimonial-1 .slick-list .slick-track .slick-slide {
    opacity: 0.5; }
    .testimonial-1 .slick-list .slick-track .slick-slide > div {
      margin-top: 20px !important; }
    .testimonial-1 .slick-list .slick-track .slick-slide.slick-center {
      opacity: 1; }
  
  .client-slider {
    text-align: center;
    padding: 40px 60px;
    border-radius: 10px;
    width: 65%;
    margin: 0 auto;
    position: relative; }
    .client-slider h6,
    .client-slider p {
      color: #ffffff; }
    .client-slider h6 {
      /* letter-spacing: 16px;
      text-transform: uppercase;
      margin-bottom: 25px; */
      font-size: 20px;
      font-weight: 500; 
      }
    .client-slider .user-list {
      position: absolute;
      top: -68px;
      left: 0;
      right: 0; }
      .client-slider .user-list li {
        position: relative; }
        .client-slider .user-list li .heart-bg {
          position: absolute;
          width: 50px;
          height: 50px;
          border-radius: 50% 50% 0 50%;
          background: #ffffff;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          z-index: 2;
          bottom: -28px;
          left: 42px; }
        .client-slider .user-list li img {
          -webkit-filter: drop-shadow(-4.33px 2.5px 22.5px rgba(0, 0, 0, 0.1));
                  filter: drop-shadow(-4.33px 2.5px 22.5px rgba(0, 0, 0, 0.1));
          border-radius: 100%;
          display: inline-block; }
        .client-slider .user-list li:first-child {
          margin-right: -30px; }
        .client-slider .user-list li:first-child img, .client-slider .user-list li:last-child img {
          width: 70px; }
        .client-slider .user-list li:nth-child(2) img {
          position: relative;
          z-index: 2;
          width: 130px; }
          .client-slider .user-list li:nth-child(2) img.heart-icon {
            position: absolute;
            bottom: -15px;
            left: 56px; }
        .client-slider .user-list li:nth-child(2) .heart-icon {
          width: auto; }
        .client-slider .user-list li:last-child {
          margin-left: -30px; }
    .client-slider .client-rating {
      padding-bottom: 15px; }
    .client-slider p {
      font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      line-height: 2;
      margin-top: 75px; }
  
  .client-rating li i {
    color: #ffcc33; }
  
  .our-client {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden; }
    .our-client .client-left img {
      -webkit-box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.07);
              box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.07); }
    .our-client .client-right {
      height: 100%;
      padding: 40px 80px; }
      .our-client .client-right p {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        line-height: 1.65;
        color: rgba(88, 97, 103, 0.7); }
      .our-client .client-right h3 {
        font-weight: 700;
        color: #586167; }
      .our-client .client-right h6 {
        color: #647589;
        font-weight: 600;
        margin-bottom: 0; }
      .our-client .client-right .client-rating {
        margin-bottom: 15px; }
    .our-client.row {
      margin: 0; }
      .our-client.row > div {
        padding: 0; }
    .our-client .quote-img {
      position: absolute;
      right: 80px;
      bottom: -20px;
      opacity: 0.5; }
  
  .testimonial-3 .slick-list {
    margin: -53px -68px; }
    .testimonial-3 .slick-list .slick-track .slick-slide > div {
      margin: 53px 68px; }
  
  .modern-client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .modern-client .img-left {
      position: relative; }
      .modern-client .img-left img {
        border-radius: 5px;
        -webkit-filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.07));
                filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.07)); }
    .modern-client .comment-right {
      padding: 60px;
      border-radius: 5px;
      -webkit-box-shadow: -2.575px 4.286px 25px rgba(0, 0, 0, 0.07);
              box-shadow: -2.575px 4.286px 25px rgba(0, 0, 0, 0.07);
      background-color: #ffffff;
      width: 100%;
      margin-left: -60px; }
      .modern-client .comment-right.slick-initialized .slick-slide {
        margin-bottom: -2px; }
      .modern-client .comment-right .slick-arrow {
        color: #ffffff;
        padding: 0 20px;
        border-radius: 4px;
        height: 40px;
        background-size: 200% auto;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-align: left;
        background-image: var(--theme-gradient8);
        bottom: -40px;
        top: unset;
        left: 20px;
        position: absolute; }
        .modern-client .comment-right .slick-arrow::after {
          -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
                  box-shadow: -5.15px 8.572px 25px var(--theme-default6);
          opacity: 0.35; }
        .modern-client .comment-right .slick-arrow:before {
          font-family: "Font Awesome 5 free";
          font-weight: 900;
          font-size: 14px;
          position: absolute;
          right: 13px;
          top: 13px;
          opacity: 1; }
      .modern-client .comment-right .slick-prev:before {
        content: "\f060"; }
      .modern-client .comment-right .slick-next {
        left: 70px; }
        .modern-client .comment-right .slick-next:before {
          content: "\f061"; }
        .modern-client .comment-right .slick-next:hover {
          background-position: right center; }
      .modern-client .comment-right h3 {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: var(--theme-default7);
        font-weight: 700; }
      .modern-client .comment-right h6 {
        font-weight: 600;
        color: #586167; }
      .modern-client .comment-right > span {
        color: #586167; }
      .modern-client .comment-right p {
        font-size: 14px;
        line-height: 1.7;
        color: rgba(88, 97, 103, 0.7);
        margin-bottom: 6px; }
    .modern-client .right-align {
      left: 36%;
      top: 50px; }
    .modern-client .bottom-align {
      left: 23%;
      bottom: -126px; }
    .modern-client .label-heart i {
      margin: 0 0 -3px 1px; }
    .modern-client.color-2 .comment-right .slick-arrow {
      background-image: var(--theme-gradient5); }
      .modern-client.color-2 .comment-right .slick-arrow::after {
        -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default3);
                box-shadow: -5.15px 8.572px 25px var(--theme-default3); }
    .modern-client.color-2 .comment-right h3 {
      color: var(--theme-default3); }
  
  /**=====================
       testimonial css end
  ==========================**/
  /**=====================
       coming soon css start
  ==========================**/
  .coming-soon {
    height: 100vh;
    min-height: 750px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: overlay; }
    .coming-soon .coming-soon-detail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      height: 100vh;
      min-height: 750px;
      width: 100%; }
      .coming-soon .coming-soon-detail > div {
        width: 100%; }
      .coming-soon .coming-soon-detail h2 {
        color: #ffffff;
        font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 600;
        margin-bottom: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320)));
        text-transform: inherit;
        line-height: 1.35; }
      .coming-soon .coming-soon-detail .logo {
        margin-bottom: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320))); }
      .coming-soon .coming-soon-detail form .form-group {
        position: relative;
        border-radius: 25px;
        overflow: hidden; }
        .coming-soon .coming-soon-detail form .form-group button {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%; }
      .coming-soon .coming-soon-detail form input {
        padding: 12px 20px;
        border-radius: 0;
        font-size: 16px; }
      .coming-soon .coming-soon-detail form .btn-solid.color-3:hover, .coming-soon .coming-soon-detail form .btn-solid.color-3:focus {
        background-color: #59a311;
        color: #ffffff; }
      .coming-soon .coming-soon-detail .timer {
        margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))); }
        .coming-soon .coming-soon-detail .timer li {
          display: inline-block;
          font-size: 14px;
          text-transform: capitalize;
          color: #ffffff;
          text-align: center;
          font-weight: 600; }
          .coming-soon .coming-soon-detail .timer li > div {
            border-radius: 100%;
            border: 2px solid #ffffff;
            width: 100px;
            height: 100px;
            background-color: rgba(0, 0, 0, 0.5); }
          .coming-soon .coming-soon-detail .timer li span {
            display: block;
            font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))); }
          .coming-soon .coming-soon-detail .timer li + li {
            margin-left: 20px;
            padding-left: 20px;
            position: relative; }
            .coming-soon .coming-soon-detail .timer li + li::before {
              position: absolute;
              content: ":";
              left: -4px;
              top: 34%;
              font-size: 25px;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start; }
    .coming-soon.coming-left .coming-soon-detail h2 span {
      color: var(--theme-default5); }
    .coming-soon.coming-left .coming-soon-detail .timer {
      margin-bottom: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320))); }
      .coming-soon.coming-left .coming-soon-detail .timer ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .coming-soon.coming-left .coming-soon-detail .timer li {
        padding: 20px 5px;
        width: 100%;
        border: 2px solid rgba(94, 172, 18, 0.5);
        border-radius: 8px;
        position: relative;
        margin: 0 20px; }
        .coming-soon.coming-left .coming-soon-detail .timer li span {
          font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
          color: var(--theme-default5); }
        .coming-soon.coming-left .coming-soon-detail .timer li + li {
          margin-left: 5px; }
          .coming-soon.coming-left .coming-soon-detail .timer li + li::before {
            display: none; }
    .coming-soon.coming-left .social-coming {
      margin-top: 30px; }
      .coming-soon.coming-left .social-coming ul li a {
        color: #ffffff; }
        .coming-soon.coming-left .social-coming ul li a i {
          font-size: 18px; }
      .coming-soon.coming-left .social-coming ul li + li {
        margin-left: 20px; }
      .coming-soon.coming-left .social-coming p {
        margin-top: 10px;
        margin-bottom: 0;
        color: #ffffff; }
    .coming-soon .cloud-img {
      position: absolute;
      top: -27px;
      width: 100%;
      height: 360px;
      background-size: contain !important;
      opacity: 0.2;
      -webkit-animation: slide 60s linear infinite;
              animation: slide 60s linear infinite;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-repeat: repeat !important; }
  
  @-webkit-keyframes slide {
    0% {
      background-position: 0 0; }
    100% {
      background-position: -1000px 0; } }
  
  @keyframes slide {
    0% {
      background-position: 0 0; }
    100% {
      background-position: -1000px 0; } }
  
  .coming-simple {
    height: calc(100vh - 89px); }
    .coming-simple .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .coming-simple .title-3 h6 {
      color: var(--theme-default3);
      margin-bottom: 4px; }
    .coming-simple .title-3 h2 {
      font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .coming-simple .site-construction {
      margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
      position: relative; }
      .coming-simple .site-construction h4 {
        font-weight: 500;
        color: #586167;
        margin-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
      .coming-simple .site-construction p {
        line-height: 1.8;
        margin-bottom: 30px; }
      .coming-simple .site-construction .progress {
        background: transparent;
        margin-bottom: calc(30px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));
        border-radius: 25px;
        position: relative; }
        .coming-simple .site-construction .progress::after {
          opacity: 0.2;
          background: var(--theme-default3); }
      .coming-simple .site-construction .bg-primary {
        background-color: var(--theme-default3); }
    .coming-simple form .form-group {
      position: relative;
      border-radius: 25px;
      margin-bottom: 0; }
      .coming-simple form .form-group button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%; }
    .coming-simple form input {
      padding: 8px 20px;
      border-radius: 0;
      font-size: 16px; }
  
  /**=====================
       coming soon css end
  ==========================**/
  /**=====================
      loader css start
  ==========================**/
  .loader-wrapper {
    height: 100vh;
    width: 100vw;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0; }
    .loader-wrapper.img-gif {
      overflow: hidden; }
      .loader-wrapper.img-gif img {
        width: 120px; }
  
  .loader-text {
    text-align: center; }
    .loader-text img {
      height: 150px; }
    .loader-text h3 {
      margin-bottom: 0;
      margin-top: 10px;
      font-weight: 500;
      padding: 0 15px; }
  
  .loader-img {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh; }
    .loader-img img {
      height: 150px; }
  
  /**=====================
      loader css end
  ==========================**/
  /**=====================
       customizer css start
  ==========================**/
  .customizer-links {
    position: fixed;
    top: 50%;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    right: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
            box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
    cursor: pointer; }
    .customizer-links svg {
      vertical-align: middle;
      width: 20px;
      height: 20px;
      color: #3b4249; }
  
  .customizer-wrap {
    direction: ltr; }
    .customizer-wrap .customizer-contain {
      position: fixed;
      height: 37vh;
      top: 45%;
      width: 250px;
      overflow: auto;
      right: -255px;
      background-color: #ffffff;
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
      padding: 30px;
      border-radius: 8px 0 0 8px;
      z-index: 7;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #1c2d3a; }
      .customizer-wrap .customizer-contain a {
        color: #3b4249; }
        .customizer-wrap .customizer-contain a svg {
          vertical-align: middle;
          width: 20px;
          height: 20px; }
      .customizer-wrap .customizer-contain h6 {
        position: relative;
        font-weight: 600; }
        .customizer-wrap .customizer-contain h6.color-1::before {
          background: var(--theme-default2); }
        .customizer-wrap .customizer-contain h6.color-2::before {
          background: var(--theme-default3); }
        .customizer-wrap .customizer-contain h6.color-3::before {
          background: var(--theme-default5); }
        .customizer-wrap .customizer-contain h6.color-4::before {
          background: var(--theme-default6); }
        .customizer-wrap .customizer-contain h6.color-6::before {
          background: var(--theme-default9); }
        .customizer-wrap .customizer-contain h6.color-7::before {
          background: var(--theme-default10); }
      .customizer-wrap .customizer-contain .setting-back {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1; }
        .customizer-wrap .customizer-contain .setting-back svg {
          width: 18px;
          height: 18px; }
      .customizer-wrap .customizer-contain .option-setting {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 20px;
        padding-left: 15px; }
        .customizer-wrap .customizer-contain .option-setting span {
          font-family: Rubik, sans-serif; }
        .customizer-wrap .customizer-contain .option-setting label {
          margin: 0 10px 0; }
        .customizer-wrap .customizer-contain .option-setting .switch input:checked + .switch-state {
          background-color: #151515; }
        .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout {
          margin: 17px -3px -3px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout .btn {
            padding: 5px 10px;
            font-size: 12px;
            margin-left: auto; }
          .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout .form-group {
            margin: 3px; }
          .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout label {
            display: none; }
          .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout input[type="color"] {
            width: 30px;
            height: 30px;
            border-color: #eee;
            background: transparent; }
            .customizer-wrap .customizer-contain .option-setting.unlimited-color-layout input[type="color"]:focus {
              outline: none; }
      .customizer-wrap .customizer-contain .layouts-settings + .layouts-settings {
        padding-top: 30px; }
      .customizer-wrap .customizer-contain.mutliple-colors-setting {
        height: 39vh; }
        .customizer-wrap .customizer-contain.mutliple-colors-setting .option-setting.unlimited-color-layout input {
          display: inline-block; }
    .customizer-wrap.open .customizer-contain {
      right: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .customizer-wrap.open .customizer-links {
      right: 250px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  
  /**=====================
       customizer css end
  ==========================**/
  /**=====================
       Header css start
  ==========================**/
  .bg-overlay.active {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 3;
    top: 0; }
  
  header.light-header .brand-logo img {
    margin-top: 5px; }
  
  header.header-2::after {
    display: none; }
  
  header.header-6 .menu {
    margin-top: -6px; }
    header.header-6 .menu .brand-logo {
      margin-top: 6px; }
  
  .top-bar .header-right li a {
    color: #000000; }
    .top-bar .header-right li a svg {
      width: 18px;
      height: 18px; }
  
  .top-bar .header-right .right-menu.color-7 ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #6432b8; }
  
  .top-bar .header-right .right-menu.color-7 ul .dropdown ul.nav-submenu li a:hover {
    color: #00968a !important; }
  
  .top-bar .header-right .right-menu ul li.cart ul.nav-submenu {
    width: 290px;
    padding: 15px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease; }
    .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li {
      position: relative; }
      .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li + li {
        margin-top: 10px; }
      .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 {
        margin-bottom: 0;
        font-size: 16px;
        color: #878787; }
        .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .total h5:hover span {
          color: #5eac12; }
        .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 span {
          font-weight: 500; }
      .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li:last-child {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid #eee; }
      .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
          height: 70px; }
        .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
          margin-left: 10px; }
          .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body a {
            padding: 0; }
          .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body h5 {
            font-size: 14px;
            font-weight: 600; }
          .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body span {
            font-size: 14px;
            color: #878787;
            font-weight: 500; }
      .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
        position: absolute;
        top: -8px;
        right: -5px; }
        .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a {
          padding: 3px; }
          .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a i {
            color: #959595; }
  
  .top-bar .header-right .right-menu ul li.wishlist:hover a svg {
    fill: #f13439; }
  
  .top-bar .header-right .right-menu ul .dropdown {
    position: relative;
    padding: 15px 5px; }
    .top-bar .header-right .right-menu ul .dropdown + .dropdown {
      margin-left: 10px; }
    .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu {
      position: absolute;
      right: 0;
      background-color: #ffffff;
      padding: 15px 0 15px;
      width: 180px;
      opacity: 0;
      visibility: hidden;
      border-radius: 5px; }
      .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu.open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin-top: 15px;
        z-index: 5; }
      .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu li {
        display: block; }
        .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu li a {
          border: 0;
          background: transparent;
          color: #1c2d3a;
          border-radius: 0;
          font-size: 14px;
          font-weight: 500;
          text-transform: capitalize;
          padding: 2px 25px;
          display: block;
          letter-spacing: 0.07em;
          line-height: 1.9;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          position: relative; }
          .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu li a:hover {
            margin-left: 3px;
            color: var(--theme-default5) !important; }
  
  header {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.8s;
    transition: 0.8s; }
    header.fixed-header.fixed .main-navbar .nav-menu > li {
      padding-top: 15px;
      padding-bottom: 15px; }
    header.fixed {
      visibility: visible;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      -webkit-animation: smoothScroll 1s forwards;
              animation: smoothScroll 1s forwards; }
    header.header-1 {
      background-color: unset; }
      header.header-1.fixed {
        background-image: var(--theme-gradient1); }
    header.header-2 {
      background-color: rgba(0, 0, 0, 0.6); }
      header.header-2.fixed {
        background-color: #000000; }
      header.header-2::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #1f1f1f;
        bottom: 91px;
        left: 0; }
      header.header-2 .main-navbar .nav-menu > li .nav-submenu li a:hover {
        color: var(--theme-default4) !important; }
      header.header-2 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
        color: var(--theme-default4) !important; }
    header.inner-page.fixed {
      background-color: #000000; }
    header.inner-page .main-navbar .nav-menu > li .nav-submenu li a:hover {
      color: var(--theme-default4) !important; }
    header.inner-page .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
      color: var(--theme-default4) !important; }
    header.header-3 {
      position: relative;
      background-color: #586167; }
      header.header-3 .main-navbar {
        text-align: left; }
        header.header-3 .main-navbar .nav-menu > li {
          padding: 10px 0; }
          header.header-3 .main-navbar .nav-menu > li a {
            border-radius: 0; }
            header.header-3 .main-navbar .nav-menu > li a i, header.header-3 .main-navbar .nav-menu > li a svg {
              margin-right: 8px;
              font-size: 13px; }
            header.header-3 .main-navbar .nav-menu > li a svg {
              width: 16px;
              height: 16px;
              vertical-align: -2px; }
          header.header-3 .main-navbar .nav-menu > li.active a {
            background-color: var(--theme-default5) !important; }
          header.header-3 .main-navbar .nav-menu > li .nav-submenu li a:hover {
            color: var(--theme-default5) !important; }
          header.header-3 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
            color: var(--theme-default5) !important; }
    header.header-4, header.light-header {
      position: relative;
      background-color: #ffffff; }
      header.header-4.fixed, header.light-header.fixed {
        background-color: #ffffff; }
      header.header-4 .main-navbar .nav-menu > li > a, header.light-header .main-navbar .nav-menu > li > a {
        color: #586167;
        position: relative; }
        header.header-4 .main-navbar .nav-menu > li > a::before, header.light-header .main-navbar .nav-menu > li > a::before {
          position: absolute;
          content: "";
          background-color: rgba(243, 68, 81, 0.1);
          width: 45px;
          height: 40px;
          border-radius: 5px;
          opacity: 0;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          left: 0;
          top: -5px; }
      header.header-4 .main-navbar .nav-menu > li.active > a, header.light-header .main-navbar .nav-menu > li.active > a {
        color: var(--theme-default7) !important; }
        header.header-4 .main-navbar .nav-menu > li.active > a::before, header.light-header .main-navbar .nav-menu > li.active > a::before {
          opacity: 1;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
      header.header-4 .main-navbar .nav-menu > li .nav-submenu li a, header.light-header .main-navbar .nav-menu > li .nav-submenu li a {
        color: #586167; }
        header.header-4 .main-navbar .nav-menu > li .nav-submenu li a:hover, header.light-header .main-navbar .nav-menu > li .nav-submenu li a:hover {
          color: var(--theme-default7) !important; }
      header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5, header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
        color: #586167; }
      header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a, header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
        color: #586167; }
        header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover, header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
          color: var(--theme-default7) !important; }
      header.header-4 .menu .brand-logo, header.light-header .menu .brand-logo {
        margin-left: 0; }
      header.header-4 .menu .header-right, header.light-header .menu .header-right {
        position: relative;
        z-index: 1; }
        header.header-4 .menu .header-right li a, header.light-header .menu .header-right li a {
          color: #586167; }
    header.light-header .toggle-nav i {
      color: #1c2d3a; }
    header.header-3 .main-navbar .nav-menu > li > a, header.header-4 .main-navbar .nav-menu > li > a {
      font-family: Rubik, sans-serif;
      text-transform: capitalize;
      font-size: 15px;
      margin-right: 20px; }
    header.header-3 .main-navbar .nav-menu > li .nav-submenu li a, header.header-4 .main-navbar .nav-menu > li .nav-submenu li a {
      font-family: Roboto, sans-serif;
      font-weight: 400; }
    header.header-3 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5, header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      font-family: Roboto, sans-serif;
      font-weight: 600; }
    header.header-3 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a, header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
      font-family: Roboto, sans-serif;
      font-weight: 400; }
    header.header-4 .menu .header-right li > a {
      padding: 11px;
      position: relative; }
      header.header-4 .menu .header-right li > a::after {
        background-color: var(--theme-default7);
        opacity: 0.1;
        border-radius: 5px; }
      header.header-4 .menu .header-right li > a svg {
        color: var(--theme-default7);
        vertical-align: top;
        margin-right: 0; }
    header.header-4 .menu .header-right li .search-box i {
      padding: 12px;
      border-radius: 5px;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-image: var(--theme-gradient9);
      color: #ffffff;
      cursor: pointer; }
    header.header-4 .menu .header-right li .search-box span {
      color: var(--theme-default7);
      font-weight: 500;
      margin-left: 5px;
      display: inline-block; }
    header.header-4 .menu .header-right li .search-box .form-control {
      position: absolute;
      border: none;
      height: 100%;
      width: 14%;
      -webkit-transition: width 0.5s;
      transition: width 0.5s;
      padding-left: 9px;
      font-weight: 500;
      font-size: 14px;
      color: var(--theme-default7);
      font-family: Roboto, sans-serif;
      border-radius: 0 5px 5px 0;
      top: 0;
      left: 38px;
      z-index: -1; }
      header.header-4 .menu .header-right li .search-box .form-control::-webkit-input-placeholder {
        color: var(--theme-default7);
        opacity: 0;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
        font-weight: 500; }
      header.header-4 .menu .header-right li .search-box .form-control::-moz-placeholder {
        color: var(--theme-default7);
        opacity: 0;
        -moz-transition: width 0.5s;
        transition: width 0.5s;
        font-weight: 500; }
      header.header-4 .menu .header-right li .search-box .form-control:-ms-input-placeholder {
        color: var(--theme-default7);
        opacity: 0;
        -ms-transition: width 0.5s;
        transition: width 0.5s;
        font-weight: 500; }
      header.header-4 .menu .header-right li .search-box .form-control::-ms-input-placeholder {
        color: var(--theme-default7);
        opacity: 0;
        -ms-transition: width 0.5s;
        transition: width 0.5s;
        font-weight: 500; }
      header.header-4 .menu .header-right li .search-box .form-control::placeholder {
        color: var(--theme-default7);
        opacity: 0;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
        font-weight: 500; }
    header.header-4 .menu .header-right li .search-box .form-group {
      margin-bottom: 0; }
      header.header-4 .menu .header-right li .search-box .form-group::before {
        background-color: #ffffff;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
        opacity: 0;
        visibility: hidden;
        border-radius: 0 5px 5px 0;
        left: 40px;
        width: 14%;
        z-index: 1; }
      header.header-4 .menu .header-right li .search-box .form-group::after {
        background-color: var(--theme-default7);
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
        opacity: 0;
        visibility: hidden;
        border-radius: 0 5px 5px 0;
        left: 40px;
        width: 14%;
        z-index: 1; }
    header.header-4 .menu .header-right li .search-box.open i {
      border-radius: 5px 0 0 5px;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    header.header-4 .menu .header-right li .search-box.open span {
      opacity: 0;
      -webkit-transition: 0.1s;
      transition: 0.1s; }
    header.header-4 .menu .header-right li .search-box.open .form-control {
      width: calc(100% - 38px);
      -webkit-transition: width 0.5s;
      transition: width 0.5s;
      z-index: 1;
      background-color: transparent; }
      header.header-4 .menu .header-right li .search-box.open .form-control::-webkit-input-placeholder {
        opacity: 1;
        -webkit-transition: width 0.5s;
        transition: width 0.5s; }
      header.header-4 .menu .header-right li .search-box.open .form-control::-moz-placeholder {
        opacity: 1;
        -moz-transition: width 0.5s;
        transition: width 0.5s; }
      header.header-4 .menu .header-right li .search-box.open .form-control:-ms-input-placeholder {
        opacity: 1;
        -ms-transition: width 0.5s;
        transition: width 0.5s; }
      header.header-4 .menu .header-right li .search-box.open .form-control::-ms-input-placeholder {
        opacity: 1;
        -ms-transition: width 0.5s;
        transition: width 0.5s; }
      header.header-4 .menu .header-right li .search-box.open .form-control::placeholder {
        opacity: 1;
        -webkit-transition: width 0.5s;
        transition: width 0.5s; }
    header.header-4 .menu .header-right li .search-box.open .form-group::after {
      opacity: 0.1;
      visibility: visible;
      width: calc(100% - 41px); }
    header.header-4 .menu .header-right li .search-box.open .form-group::before {
      opacity: 1;
      visibility: visible;
      width: calc(100% - 41px);
      -webkit-transition: width 0.5s;
      transition: width 0.5s; }
    header.header-4 .menu .header-right li a svg {
      width: 18px;
      height: 18px;
      vertical-align: sub; }
    header.header-4 .menu .header-right li + li {
      margin-left: 20px; }
    header.header-4 .main-navbar .nav-menu > li {
      padding: 20px 10px; }
      header.header-4 .main-navbar .nav-menu > li > a {
        text-transform: uppercase;
        position: relative; }
        header.header-4 .main-navbar .nav-menu > li > a::after {
          position: absolute;
          content: "\f107";
          font-family: "Font Awesome 5 Free";
          font-weight: 600;
          left: unset !important;
          right: -14px !important;
          font-size: 14px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          margin-top: 1px; }
    header.header-4.fixed {
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
    header.header-4.top-bar .top-content .top-bar-right {
      width: auto; }
      header.header-4.top-bar .top-content .top-bar-right li .flat-box {
        background: var(--theme-default3); }
      header.header-4.top-bar .top-content .top-bar-right li.d-inline-block {
        position: relative; }
      header.header-4.top-bar .top-content .top-bar-right li + li {
        margin-left: 10px; }
    header.header-centered nav {
      width: 100%; }
      header.header-centered nav #mainnav {
        position: relative; }
      header.header-centered nav .nav-menu > li.dropdown-right .nav-submenu {
        left: unset;
        right: 0; }
      header.header-centered nav .nav-menu {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        header.header-centered nav .nav-menu li.dropdown:nth-child(6) {
          margin-left: auto; }
      header.header-centered nav .brand-logo {
        position: absolute;
        left: 44%;
        width: 220px;
        top: 16px; }
    header.header-centered .top-content .brand-logo .for-dark {
      margin-left: auto;
      margin-right: auto; }
    header.header-6 .main-navbar .nav-menu > li .nav-submenu li a:hover {
      color: var(--theme-default3) !important; }
    header.header-6 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
      color: var(--theme-default9) !important; }
    header.header-7 .main-navbar .nav-menu > li .nav-submenu li a:hover {
      color: var(--theme-default10) !important; }
    header.header-7 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
      color: var(--theme-default10) !important; }
    header.header-relative {
      position: relative;
      background-color: #1c2d3a; }
    header.header-9 .main-navbar .nav-menu > li > a::before {
      background-color: rgba(100, 50, 184, 0.1); }
    header.header-9 .main-navbar .nav-menu > li.active > a {
      color: var(--theme-default) !important; }
    header.header-9 .main-navbar .nav-menu > li .nav-submenu li a:hover {
      color: var(--theme-default) !important; }
    header.header-9 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
      color: var(--theme-default) !important; }
    header.header-9 .menu .brand-logo {
      margin-left: -27px; }
    header.header-9 .menu .header-right {
      position: relative;
      z-index: 1; }
    header .main-navbar {
      text-align: center; }
      header .main-navbar .nav-menu {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        vertical-align: middle; }
        header .main-navbar .nav-menu > li {
          position: relative;
          float: left;
          display: block;
          padding-top: 30px;
          padding-bottom: 30px; }
          header .main-navbar .nav-menu > li > a {
            margin-right: 40px; }
          header .main-navbar .nav-menu > li > a {
            display: block;
            color: white;
            font-size: 14px;
            font-family: Rubik, sans-serif;
            font-weight: 500;
            text-decoration: none;
            text-transform: uppercase;
            padding: 7px 0 5px 0;
            position: relative;
            border-radius: 15px;
            letter-spacing: 0.8px; }
          header .main-navbar .nav-menu > li.active > a {
            background-color: rgba(255, 255, 255, 0.1); }
          header .main-navbar .nav-menu > li .nav-submenu {
            position: absolute;
            left: 0;
            z-index: 1;
            -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
                    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
            padding: 15px 0 15px 0;
            background: white; }
            header .main-navbar .nav-menu > li .nav-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              header .main-navbar .nav-menu > li .nav-submenu li a {
                border: 0;
                background: transparent;
                color: #1c2d3a;
                border-radius: 0;
                font-size: 14px;
                font-weight: 500;
                text-transform: capitalize;
                padding: 2px 25px;
                display: block;
                letter-spacing: 0.07em;
                line-height: 1.9;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                position: relative; }
                header .main-navbar .nav-menu > li .nav-submenu li a .label {
                  font-size: 12px;
                  color: #f13439;
                  position: absolute;
                  padding: 0 0 0 3px;
                  font-family: Montserrat, sans-serif; }
                header .main-navbar .nav-menu > li .nav-submenu li a:after {
                  position: absolute;
                  content: "\f105";
                  font-family: "Font Awesome 5 Free";
                  font-weight: 600;
                  right: 18px;
                  opacity: 0;
                  font-size: 14px;
                  top: 3px; }
                header .main-navbar .nav-menu > li .nav-submenu li a.menu-title-level1:after, header .main-navbar .nav-menu > li .nav-submenu li a.submenu-title:after {
                  opacity: 1; }
                header .main-navbar .nav-menu > li .nav-submenu li a.arrow-cls:after {
                  opacity: 0.8; }
                header .main-navbar .nav-menu > li .nav-submenu li a:hover {
                  margin-left: 3px;
                  color: var(--theme-default) !important; }
              header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
                position: absolute;
                width: 200px;
                right: -200px;
                top: 0;
                background: #ffffff;
                border: none;
                padding: 15px 0 15px 0;
                -webkit-box-shadow: 0 0 1px 0 #ebebeb;
                        box-shadow: 0 0 1px 0 #ebebeb; }
          header .main-navbar .nav-menu > li .mega-menu-container {
            position: absolute;
            left: 0;
            z-index: 4;
            -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
                    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
            padding: 30px;
            background: white;
            width: 100%;
            border-radius: 4px; }
            header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
              width: 20%; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label {
                font-size: 12px;
                color: #f13439;
                position: absolute;
                padding: 0 0 0 3px;
                font-family: Montserrat, sans-serif; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                font-weight: 700;
                text-transform: capitalize;
                font-size: 14px; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content {
                -webkit-box-shadow: none;
                        box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
                    border: 0;
                    background: transparent;
                    color: #1c2d3a;
                    border-radius: 0;
                    font-size: 14px;
                    font-weight: 500;
                    text-transform: capitalize;
                    padding: 3px 0;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative; }
                    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                      margin-left: 4px;
                      color: var(--theme-default) !important; }
                  header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
                    position: relative; }
                    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
                      color: var(--theme-default); }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section + .link-section {
                margin-top: 15px; }
          header .main-navbar .nav-menu > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          header .main-navbar .nav-menu > li.mega-menu {
            position: unset; }
    header .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      header .menu .brand-logo img {
        width: 88%; }
      header .menu .brand-logo .for-dark {
        display: none; }
      header .menu .header-right li a {
        color: #ffffff;
        font-size: 13px; }
        header .menu .header-right li a svg {
          vertical-align: bottom;
          width: 18px;
          margin-left: 0; }
      header .menu .header-right .dropdown .dropdown-menu {
        margin-top: 20px; }
    header.fixed {
      position: fixed; }
  
  header .main-navbar .nav-menu li:last-child button.btn {
    margin: -5px 0; }
  
  header .header-right .right-menu.color-6 ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #2c2e97; }
  
  header .header-right .right-menu.color-6 ul .dropdown ul.nav-submenu li a:hover {
    color: #2c2e97 !important; }
  
  header .header-right .right-menu.color-1 ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #6432b8; }
  
  header .header-right .right-menu.color-1 ul .dropdown ul.nav-submenu li a:hover {
    color: #6432b8 !important; }
  
  header .header-right .right-menu ul li.cart ul.nav-submenu {
    width: 290px;
    padding: 15px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease; }
    header .header-right .right-menu ul li.cart ul.nav-submenu li {
      position: relative; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li + li {
        margin-top: 10px; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 {
        margin-bottom: 0;
        font-size: 16px;
        color: #878787; }
        header .header-right .right-menu ul li.cart ul.nav-submenu li .total h5:hover span {
          color: #ff5c41; }
        header .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 span {
          font-weight: 500; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li:last-child {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px solid #eee; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li .media {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        header .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
          height: 70px; }
        header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
          margin-left: 10px; }
          header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body a {
            padding: 0; }
          header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body h5 {
            font-size: 14px;
            font-weight: 600; }
          header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body span {
            font-size: 14px;
            color: #878787;
            font-weight: 500; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
        position: absolute;
        top: -8px;
        right: -5px; }
        header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a {
          padding: 3px; }
          header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a i {
            color: #959595; }
  
  header .header-right .right-menu ul li.wishlist:hover a svg {
    fill: #f13439; }
  
  header .header-right .right-menu ul .dropdown {
    position: relative;
    padding: 30px 5px; }
    header .header-right .right-menu ul .dropdown + .dropdown {
      margin-left: 10px; }
    header .header-right .right-menu ul .dropdown ul.nav-submenu {
      position: absolute;
      right: 0;
      background-color: #ffffff;
      padding: 15px 0 15px;
      width: 180px;
      opacity: 0;
      visibility: hidden;
      border-radius: 5px; }
      header .header-right .right-menu ul .dropdown ul.nav-submenu.open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin-top: 15px;
        z-index: 1; }
      header .header-right .right-menu ul .dropdown ul.nav-submenu li {
        display: block; }
        header .header-right .right-menu ul .dropdown ul.nav-submenu li a {
          border: 0;
          background: transparent;
          color: #1c2d3a;
          border-radius: 0;
          font-size: 14px;
          font-weight: 500;
          text-transform: capitalize;
          padding: 2px 25px;
          display: block;
          letter-spacing: 0.07em;
          line-height: 1.9;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          position: relative; }
          header .header-right .right-menu ul .dropdown ul.nav-submenu li a:hover {
            margin-left: 3px;
            color: var(--theme-default4) !important; }
  
  .sm-input {
    position: absolute;
    top: 50px;
    width: 200px;
    left: 15px;
    -webkit-transform: translateY(-20px) scaleY(0);
            transform: translateY(-20px) scaleY(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .sm-input.open {
      opacity: 1;
      -webkit-transform: translateY(0px) scaleY(1);
              transform: translateY(0px) scaleY(1);
      visibility: visible;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
  
  .toggle-nav {
    position: relative;
    padding-top: 22px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .toggle-nav i {
      font-size: 20px;
      color: white; }
    .toggle-nav.with-text {
      color: var(--theme-default7); }
      .toggle-nav.with-text span {
        font-weight: 500;
        margin-left: 10px;
        display: none;
        line-height: 0.8; }
  
  .mega-box .link-section .demo ul li a {
    position: relative; }
    .mega-box .link-section .demo ul li a:hover, .mega-box .link-section .demo ul li a:focus {
      padding-top: 3px;
      padding-bottom: 3px; }
  
  .top-bar .top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100vw; }
    .top-bar .top-content .brand-logo .for-dark {
      display: none; }
    .top-bar .top-content .top-bar-right {
      width: 60%;
      text-align: right; }
      .top-bar .top-content .top-bar-right .input-group {
        background-color: rgba(88, 97, 103, 0.04); }
        .top-bar .top-content .top-bar-right .input-group input,
        .top-bar .top-content .top-bar-right .input-group .input-group-text {
          background-color: transparent;
          border: none;
          font-size: 16px;
          padding: 0 30px;
          margin: 10px 0; }
        .top-bar .top-content .top-bar-right .input-group input {
          border-left: 1px solid white;
          border-right: 1px solid white; }
          .top-bar .top-content .top-bar-right .input-group input::-webkit-input-placeholder {
            font-weight: 300; }
          .top-bar .top-content .top-bar-right .input-group input::-moz-placeholder {
            font-weight: 300; }
          .top-bar .top-content .top-bar-right .input-group input:-ms-input-placeholder {
            font-weight: 300; }
          .top-bar .top-content .top-bar-right .input-group input::-ms-input-placeholder {
            font-weight: 300; }
          .top-bar .top-content .top-bar-right .input-group input::placeholder {
            font-weight: 300; }
        .top-bar .top-content .top-bar-right .input-group .input-group-prepend {
          margin-right: 0; }
        .top-bar .top-content .top-bar-right .input-group .input-group-append {
          margin-left: 0; }
        .top-bar .top-content .top-bar-right .input-group .input-group-text {
          color: #586167;
          font-weight: 500; }
          .top-bar .top-content .top-bar-right .input-group .input-group-text.dropdown {
            min-width: 136px; }
          .top-bar .top-content .top-bar-right .input-group .input-group-text .fa-angle-down {
            font-size: 10px;
            margin-left: 5px;
            margin-top: 0;
            position: absolute;
            right: 12px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
          .top-bar .top-content .top-bar-right .input-group .input-group-text .fa-search {
            font-size: 14px; }
      .top-bar .top-content .top-bar-right li:first-child {
        width: 100%; }
      .top-bar .top-content .top-bar-right li.d-inline-block {
        position: relative; }
      .top-bar .top-content .top-bar-right li + li {
        margin-left: 30px; }
      .top-bar .top-content .top-bar-right li .flat-box {
        font-size: 15px;
        padding: 10px 20px 10px;
        background: var(--theme-default5);
        color: #ffffff;
        cursor: pointer;
        display: block; }
        .top-bar .top-content .top-bar-right li .flat-box.search-sm i {
          vertical-align: -1px; }
        .top-bar .top-content .top-bar-right li .flat-box.color-7 {
          background: var(--theme-default10); }
        .top-bar .top-content .top-bar-right li .flat-box i {
          margin-right: 5px; }
        .top-bar .top-content .top-bar-right li .flat-box > span {
          font-weight: 500; }
        .top-bar .top-content .top-bar-right li .flat-box:after {
          display: none; }
      .top-bar .top-content .top-bar-right li > .dropdown .flat-box {
        padding-top: 10px; }
      .top-bar .top-content .top-bar-right li > .dropdown .dropdown-menu {
        right: 0;
        left: unset !important; }
    .top-bar .top-content .sm-input {
      right: 0;
      left: unset;
      top: 45px;
      z-index: 4; }
  
  .top-bar.top-bar-7 .top-bar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .top-bar.top-bar-7 .top-bar-right li > a {
      padding: 12px 15px;
      position: relative;
      background-color: var(--theme-default10); }
      .top-bar.top-bar-7 .top-bar-right li > a svg {
        color: #ffffff;
        vertical-align: middle;
        width: 18px;
        height: 18px; }
    .top-bar.top-bar-7 .top-bar-right li + li {
      margin-left: 10px; }
  
  .close-filter-bottom.color-7 {
    color: var(--theme-default10); }
  
  header .dropdown .dropdown-toggle:after,
  .top-bar .dropdown .dropdown-toggle:after {
    display: none; }
  
  header .dropdown .dropdown-menu,
  .top-bar .dropdown .dropdown-menu {
    -webkit-box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    border-radius: 4px; }
    header .dropdown .dropdown-menu .dropdown-item,
    .top-bar .dropdown .dropdown-menu .dropdown-item {
      font-family: Roboto, sans-serif; }
  
  header .dropdown.input-group-text .dropdown-menu,
  .top-bar .dropdown.input-group-text .dropdown-menu {
    margin-top: 20px; }
  
  .header-layout-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .header-layout-3 .contact-number {
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .header-layout-3 .contact-number i {
        padding: 10px;
        background: var(--theme-default5);
        font-size: 12px;
        margin-right: 10px; }
      .header-layout-3 .contact-number.color-7 i {
        background: var(--theme-default10); }
      .header-layout-3 .contact-number span {
        font-weight: 500;
        color: #ffffff; }
  
  @media (min-width: 1200px) {
    .responsive-btn {
      display: none; }
    header .main-navbar .nav-menu > li a .according-menu {
      display: none; }
    header .main-navbar .nav-menu > li .nav-submenu {
      width: 235px;
      opacity: 0;
      visibility: hidden;
      border-radius: 5px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      header .main-navbar .nav-menu > li .nav-submenu a .sub-arrow {
        position: absolute;
        right: 20px;
        top: 7px;
        color: rgba(0, 0, 0, 0.75);
        font-size: 10px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      header .main-navbar .nav-menu > li .nav-submenu li .level1 {
        display: none;
        border-radius: 4px; }
        header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 {
          display: none;
          border-radius: 4px; }
          header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 li .level3 {
            display: none; }
          header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 li:hover .level3 {
            display: block; }
        header .main-navbar .nav-menu > li .nav-submenu li .level1 li:hover .level2 {
          display: block; }
      header .main-navbar .nav-menu > li .nav-submenu li:hover .level1 {
        display: block; }
      header .main-navbar .nav-menu > li .nav-submenu li a:hover .sub-arrow {
        right: 16px;
        color: #000000;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    header .main-navbar .nav-menu > li .mega-menu-container {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    header .main-navbar .nav-menu > li:hover .nav-submenu {
      opacity: 1;
      z-index: 11;
      visibility: visible;
      margin-top: 15px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    header .main-navbar .nav-menu > li:hover .mega-menu-container {
      opacity: 1;
      visibility: visible;
      margin-top: 15px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    header.header-3 .main-navbar .nav-menu > li:hover .mega-menu-container {
      margin-top: 13px; }
    .toggle-nav {
      display: none; }
    .mobile-back {
      display: none !important; } }
  
  @media (max-width: 1460px) {
    header .main-navbar .nav-menu > li > a {
      margin-right: 20px; }
    header.header-4 .main-navbar .nav-menu > li > a {
      margin-right: 30px; } }
  
  @media (max-width: 1199px) {
    header.fixed-header.fixed .main-navbar .nav-menu > li {
      padding: 0; }
    header.header-4 .main-navbar .nav-menu > li {
      padding: 0; }
    header .main-navbar .nav-menu {
      position: fixed;
      background-color: #ffffff;
      width: 300px;
      border-radius: 0;
      border: 1px solid #eee;
      top: 0;
      height: 100vh;
      right: -300px;
      z-index: 99;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      overflow: scroll; }
      header .main-navbar .nav-menu.open {
        right: 0; }
      header .main-navbar .nav-menu.opennav {
        right: 0; }
      header .main-navbar .nav-menu .back-btn {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 15px; }
        header .main-navbar .nav-menu .back-btn .mobile-back {
          padding: 20px;
          font-size: 18px;
          color: #586167;
          font-weight: 600;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
      header .main-navbar .nav-menu > li {
        display: block;
        float: none;
        width: 100%;
        padding: 0; }
        header .main-navbar .nav-menu > li a {
          padding: 10px 15px;
          font-weight: 500;
          position: relative;
          color: #586167;
          margin-right: 0; }
          header .main-navbar .nav-menu > li a .sub-arrow {
            right: 20px;
            position: absolute; }
            header .main-navbar .nav-menu > li a .sub-arrow:before {
              content: "+";
              font-family: inherit;
              position: relative; }
        header .main-navbar .nav-menu > li > ul li a .according-menu {
          top: 2px; }
        header .main-navbar .nav-menu > li > ul li ul li a .according-menu {
          top: 1px; }
        header .main-navbar .nav-menu > li .nav-submenu {
          width: 100%;
          padding: 0;
          position: relative;
          display: none;
          -webkit-box-shadow: none;
                  box-shadow: none; }
          header .main-navbar .nav-menu > li .nav-submenu.opensubmenu {
            display: block; }
          header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
            display: none;
            position: relative;
            right: 0;
            width: 100%;
            padding: 0;
            -webkit-box-shadow: none;
                    box-shadow: none; }
            header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
              padding: 0 60px; }
            header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
              padding: 0 70px; }
            header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu li a {
              padding: 0 45px; }
          header .main-navbar .nav-menu > li .nav-submenu li a:after {
            display: none; }
          header .main-navbar .nav-menu > li .nav-submenu li a:hover {
            margin-left: 0; }
            header .main-navbar .nav-menu > li .nav-submenu li a:hover:after {
              display: none; }
        header .main-navbar .nav-menu > li .mega-menu-container {
          display: none;
          padding: 0;
          position: relative;
          -webkit-box-shadow: none;
                  box-shadow: none; }
          header .main-navbar .nav-menu > li .mega-menu-container .container {
            padding: 0 12px; }
          header .main-navbar .nav-menu > li .mega-menu-container.opensubmenu {
            display: block; }
          header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                font-weight: 500 !important;
                line-height: 1.9;
                padding: 2px 25px; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 4px; }
            header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content {
              display: none; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
                display: block;
                padding: 0 45px; }
              header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
                line-height: 1.9; }
                header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                  margin-left: 0; }
                  header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
                    display: none; }
            header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section + .link-section {
              margin-top: 0; }
        header .main-navbar .nav-menu > li .nav-link.active {
          background-color: transparent;
          -webkit-box-shadow: none;
                  box-shadow: none;
          color: #000000;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          header .main-navbar .nav-menu > li .nav-link.active:hover {
            color: var(--theme-default) !important;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
    header .menu nav {
      margin-left: auto;
      margin-right: 30px; }
    header.header-4 .main-navbar .nav-menu > li > a {
      margin-right: 0; }
      header.header-4 .main-navbar .nav-menu > li > a::after {
        display: none; }
    header.light-header .menu .brand-logo img {
      margin-bottom: 0;
      width: 80%; }
    header.header-centered .menu nav {
      margin-left: auto;
      margin-right: 0; }
    header.header-centered .menu .brand-logo {
      margin-left: -9px; }
    .mega-box .link-section .demo ul li a span img {
      top: 30px;
      right: -60px; }
    .mega-box.col {
      -ms-flex-preferred-size: unset;
          flex-basis: unset; }
    .according-menu {
      position: absolute;
      right: 20px;
      top: 8px; }
    .main-menu.border-section {
      border: none; }
    .main-menu .menu-left .main-menu-right .toggle-nav {
      position: absolute;
      z-index: 2;
      right: 145px;
      top: 6px; }
      .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
        font-size: 18px;
        padding-left: 5px;
        text-transform: uppercase; } }
  
  @media (max-width: 991px) {
    .top-bar .top-content .top-bar-right {
      width: auto; }
    header .header-right .right-menu ul .dropdown ul.nav-submenu {
      width: 150px; }
    header.header-centered .menu .brand-logo {
      margin-left: -15px; } }
  
  @media (max-width: 767px) {
    .top-bar .header-right li a svg {
      width: 16px;
      height: 16px; }
    .top-bar .header-right .right-menu ul .dropdown {
      padding: 0 6px; }
      .top-bar .header-right .right-menu ul .dropdown + .dropdown {
        margin-left: 2px; }
    header .header-right .right-menu ul .dropdown + .dropdown {
      margin-left: 0; }
    header .menu .brand-logo img {
      width: 120px; } }
  
  @media (max-width: 576px) {
    header .header-right .right-menu ul .dropdown {
      padding: 20px 5px; }
    header .menu .brand-logo img {
      width: 110px;
      height: auto; }
    header .menu .coupon-box h6 {
      padding: 3px 5px;
      font-size: 12px; }
    header .menu nav {
      margin-right: 20px; }
    header .menu .header-right li a svg {
      height: 14px;
      vertical-align: text-bottom; }
    .toggle-nav {
      padding-top: 22px;
      padding-bottom: 20px; } }
  
  @media (max-width: 575px) {
    header.header-centered .menu .brand-logo {
      margin-left: -23px; } }
  
  @media (max-width: 480px) {
    header .menu nav {
      margin-right: 8px; }
    header .menu .coupon-box {
      display: none; } }
  
  @media (max-width: 420px) {
    header .header-right .right-menu ul li.cart ul.nav-submenu {
      width: 250px; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
        right: -10px;
        top: -10px; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
        height: 50px; }
      header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body h5 {
        margin-bottom: 4px; } }
  
  @media (max-width: 480px) {
    header .header-right .right-menu ul .dropdown {
      padding: 20px 3px; } }
  
  @media (max-width: 360px) {
    .top-bar .header-right li a svg {
      width: 14px;
      height: 14px; }
    .top-bar .header-right .right-menu ul .dropdown {
      padding: 0 0 0 3px; }
      .top-bar .header-right .right-menu ul .dropdown + .dropdown {
        margin-left: 0; }
    ul + .dropdown header .header-right .right-menu ul li.cart ul.nav-submenu {
      right: -45px; } }
  
  /**=====================
       Header css end
  ==========================**/
  /**=====================
       footer css start
  ==========================**/
  footer.footer-brown {
    background: #232323; }
    footer.footer-brown .footer-details img {
      margin: -30px -6px -40px; }
    footer.footer-brown .footer-details p {
      font-size: 15px;
      margin-top: 45px; }
    footer.footer-brown .sub-footer {
      background-color: #1e1e1e; }
      footer.footer-brown .sub-footer .copy-right p svg {
        width: 16px;
        height: 16px;
        fill: var(--theme-default8);
        stroke: var(--theme-default8); }
      footer.footer-brown .sub-footer .footer-social ul li a {
        color: #d2d2d2; }
        footer.footer-brown .sub-footer .footer-social ul li a:hover {
          color: #ffffff; }
      footer.footer-brown .sub-footer .footer-social ul li + li {
        margin-left: 35px; }
      footer.footer-brown .sub-footer .footer-social ul li i {
        font-size: 16px; }
      footer.footer-brown .sub-footer p {
        color: #d2d2d2; }
  
  footer.footer-dark {
    background: #1b2c39; }
    footer.footer-dark .footer-details p {
      margin-top: 40px;
      color: rgba(255, 255, 255, 0.5); }
    footer.footer-dark .footer-links .footer-content p {
      color: rgba(255, 255, 255, 0.7); }
    footer.footer-dark .footer-contact {
      margin-bottom: -2px; }
    footer.footer-dark .sub-footer .footer-social ul li a:hover {
      color: rgba(255, 255, 255, 0.8); }
  
  footer.footer-res .footer-links .footer-content {
    margin-top: 36px; }
    footer.footer-res .footer-links .footer-content p {
      margin-top: 10px; }
    footer.footer-res .footer-links .footer-content li a svg {
      float: left;
      stroke-width: 2px;
      width: 16px;
      height: 16px;
      margin-top: 2px;
      margin-left: -5px;
      margin-right: 5px; }
  
  footer .footer-details p {
    font-weight: 500;
    margin: 18px 0; }
  
  footer .footer-details .footer-contact ul li {
    display: block;
    color: #ffffff;
    font-weight: 600; }
    footer .footer-details .footer-contact ul li + li {
      margin-top: 20px; }
    footer .footer-details .footer-contact ul li i {
      margin-right: 15px; }
  
  footer .footer {
    padding: 90px 0; }
  
  footer .sub-footer {
    padding: 12px 0; }
    footer .sub-footer p {
      font-size: 14px;
      font-weight: 500; }
      footer .sub-footer p i {
        color: #e1002c; }
    footer .sub-footer .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    footer .sub-footer .sub-footer-link li a {
      color: #d2d2d2;
      font-weight: 500; }
      footer .sub-footer .sub-footer-link li a:hover {
        color: #ffffff; }
    footer .sub-footer .sub-footer-link li + li {
      margin-left: 20px; }
    footer .sub-footer.footer-light {
      background-color: #202020; }
      footer .sub-footer.footer-light p {
        color: #d2d2d2; }
    footer .sub-footer.sub-footer-dark {
      background-color: #182732; }
      footer .sub-footer.sub-footer-dark p {
        color: #d2d2d2; }
      footer .sub-footer.sub-footer-dark .sub-footer-link li a {
        color: #d2d2d2; }
        footer .sub-footer.sub-footer-dark .sub-footer-link li a:hover {
          color: #ffffff; }
  
  footer p {
    font-size: 13px;
    line-height: 2.2; }
  
  footer .footer-links h5 {
    position: relative;
    line-height: 1.6;
    color: #ffffff;
    font-weight: 600;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); }
  
  footer .footer-links .footer-content {
    margin-top: 45px; }
    footer .footer-links .footer-content .for-dark {
      display: none; }
    footer .footer-links .footer-content li {
      display: block; }
      footer .footer-links .footer-content li a {
        color: rgba(255, 255, 255, 0.9); }
        footer .footer-links .footer-content li a:hover {
          color: white; }
      footer .footer-links .footer-content li + li {
        margin-top: 10px; }
    footer .footer-links .footer-content p {
      font-size: 14px;
      color: #d2d2d2;
      line-height: 1.6; }
      footer .footer-links .footer-content p a {
        color: #d2d2d2; }
    footer .footer-links .footer-content .footer-map {
      padding-top: 5px; }
      footer .footer-links .footer-content .footer-map iframe {
        width: 330px;
        height: 200px; }
    footer .footer-links .footer-content .footer-blog {
      padding-top: 5px; }
      footer .footer-links .footer-content .footer-blog .media .img-overlay {
        position: relative; }
        footer .footer-links .footer-content .footer-blog .media .img-overlay::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          left: 0;
          bottom: 0;
          -webkit-box-shadow: inset 0px -29px 18px 0px rgba(0, 0, 0, 0.6);
                  box-shadow: inset 0px -29px 18px 0px rgba(0, 0, 0, 0.6); }
      footer .footer-links .footer-content .footer-blog .media .media-body {
        margin-left: 20px; }
        footer .footer-links .footer-content .footer-blog .media .media-body h6 {
          color: rgba(255, 255, 255, 0.8);
          font-weight: 600; }
          footer .footer-links .footer-content .footer-blog .media .media-body h6 a {
            color: rgba(255, 255, 255, 0.8); }
      footer .footer-links .footer-content .footer-blog .media + .media {
        margin-top: 20px; }
  
  footer .footer-links.footer-details .footer-content {
    margin-top: 0; }
  
  footer .footer-links .footer-title span {
    display: none; }
  
  footer.footer-light .footer {
    margin-bottom: -1px; }
  
  footer.footer-light .footer-links .footer-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    footer.footer-light .footer-links .footer-title .according-menu {
      position: relative;
      right: unset;
      top: unset; }
    footer.footer-light .footer-links .footer-title span {
      margin-left: 20px; }
      footer.footer-light .footer-links .footer-title span i {
        font-size: 14px; }
  
  footer.footer-light .footer-links h5 {
    color: #586167;
    font-weight: 600; }
  
  footer.footer-light .footer-links .footer-content {
    margin-top: 36px; }
    footer.footer-light .footer-links .footer-content li a {
      color: #586167;
      display: block; }
      footer.footer-light .footer-links .footer-content li a svg {
        float: left;
        stroke-width: 2px;
        width: 16px;
        height: 16px;
        margin-top: 2px;
        margin-left: -5px;
        margin-right: 5px; }
      footer.footer-light .footer-links .footer-content li a:hover {
        color: var(--theme-default6); }
  
  footer.footer-light .footer-details {
    margin-bottom: -2px; }
    footer.footer-light .footer-details p {
      color: #586167;
      margin-top: 12px; }
    footer.footer-light .footer-details .footer-contact ul li {
      color: #586167; }
  
  .footer-left-space {
    padding-left: 40px; }
  
  .footer-bg {
    background-image: url(../images/footer-bg.jpg); }
    .footer-bg p {
      color: #d2d2d2; }
    .footer-bg .footer-details {
      background-color: #202020;
      padding: 30px; }
      .footer-bg .footer-details p {
        margin-top: 6px;
        margin-bottom: 30px; }
      .footer-bg .footer-details img {
        margin-top: -8px; }
      .footer-bg .footer-details h6 {
        color: rgba(255, 255, 255, 0.85);
        text-transform: uppercase;
        margin-bottom: 15px;
        font-weight: 700; }
      .footer-bg .footer-details .icon-list li a {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background: #151515;
        border: 1px solid transparent;
        color: #ffffff;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .footer-bg .footer-details .icon-list li a:hover {
          border: 1px solid #ffffff;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
      .footer-bg .footer-details .icon-list li + li {
        margin-left: 4px; }
    .footer-bg .footer-links {
      padding-bottom: 30px; }
      .footer-bg .footer-links h5 {
        text-transform: uppercase;
        font-weight: 600; }
      .footer-bg .footer-links .footer-content {
        margin-top: 30px; }
        .footer-bg .footer-links .footer-content li a {
          color: #d2d2d2; }
        .footer-bg .footer-links .footer-content li + li {
          margin-top: 16px; }
        .footer-bg .footer-links .footer-content .input-group {
          margin-top: 45px; }
          .footer-bg .footer-links .footer-content .input-group input {
            background-color: #202020;
            border: none;
            border-radius: 23px 0 0 23px;
            padding: 10px 30px;
            font-size: 14px;
            color: #ffffff; }
            .footer-bg .footer-links .footer-content .input-group input::-webkit-input-placeholder {
              color: #878787;
              font-weight: 500; }
            .footer-bg .footer-links .footer-content .input-group input::-moz-placeholder {
              color: #878787;
              font-weight: 500; }
            .footer-bg .footer-links .footer-content .input-group input:-ms-input-placeholder {
              color: #878787;
              font-weight: 500; }
            .footer-bg .footer-links .footer-content .input-group input::-ms-input-placeholder {
              color: #878787;
              font-weight: 500; }
            .footer-bg .footer-links .footer-content .input-group input::placeholder {
              color: #878787;
              font-weight: 500; }
          .footer-bg .footer-links .footer-content .input-group .input-group-text {
            position: relative;
            color: #ffffff;
            border-radius: 0 23px 23px 0;
            background-image: var(--theme-gradient7);
            border: none;
            padding: 10px 15px 10px 10px;
            height: 100%; }
            .footer-bg .footer-links .footer-content .input-group .input-group-text::after {
              -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default3);
                      box-shadow: 5.353px 5.945px 12px var(--theme-default3);
              opacity: 0.26;
              border-radius: 0 23px 23px 0; }
    .footer-bg .bottom-blog {
      padding-top: 30px;
      margin-left: 40px;
      border-top: 1px solid #202020; }
      .footer-bg .bottom-blog .footer-links {
        padding-bottom: 0;
        position: relative; }
        .footer-bg .bottom-blog .footer-links .footer-content {
          margin-top: 0; }
      .footer-bg .bottom-blog .media .img-overlay {
        position: relative; }
        .footer-bg .bottom-blog .media .img-overlay img {
          width: 52px;
          height: 52px;
          border-radius: 5px; }
        .footer-bg .bottom-blog .media .img-overlay::after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          left: 0;
          bottom: 0;
          -webkit-box-shadow: inset 0px -10px 18px 0px rgba(0, 0, 0, 0.8);
                  box-shadow: inset 0px -10px 18px 0px rgba(0, 0, 0, 0.8); }
      .footer-bg .bottom-blog .media .media-body {
        margin-left: 20px; }
        .footer-bg .bottom-blog .media .media-body h6 {
          color: #ffffff;
          font-weight: 500;
          text-transform: uppercase; }
          .footer-bg .bottom-blog .media .media-body h6 a {
            color: #ffffff; }
        .footer-bg .bottom-blog .media .media-body p {
          line-height: 1.4;
          margin-bottom: -1px; }
          .footer-bg .bottom-blog .media .media-body p a {
            color: #d2d2d2; }
      .footer-bg .bottom-blog .slick-initialized .slick-slide {
        margin-bottom: -1px; }
  
  /**=====================
       footer css end
  ==========================**/
  /**=====================
       dark layout css start
  ==========================**/
  body {
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    body.dark-layout {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: #1b1b1b;
      color: rgba(255, 255, 255, 0.9); }
      body.dark-layout h2, body.dark-layout h3 {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout p {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .custom-dropdown .custom-dropdown-menu {
        background-color: #1b1b1b;
        border-color: #383434; }
      body.dark-layout .tab-icon .filters ul li {
        border-bottom: 3px solid #2c2b2b; }
        body.dark-layout .tab-icon .filters ul li lord-icon {
          -webkit-filter: brightness(0) invert(1);
                  filter: brightness(0) invert(1); }
        body.dark-layout .tab-icon .filters ul li.active {
          color: rgba(255, 255, 255, 0.9);
          border-bottom: 3px solid var(--theme-default3); }
      body.dark-layout .terms-bottom-content {
        background-color: #1b1b1b; }
      body.dark-layout.layout-bg section {
        background-color: #202020; }
        body.dark-layout.layout-bg section.bg-light {
          background-color: #1d1d1d !important; }
      body.dark-layout.layout-bg .feature-section .feature-content {
        background-color: #232323; }
      body.dark-layout .btn-outline-light {
        color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .btn-outline-light:hover {
          color: #1c2d3a; }
      body.dark-layout .btn-outline-dark {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .compare-page .table-wrapper .table {
        border: 1px solid #383434; }
        body.dark-layout .compare-page .table-wrapper .table thead .th-compare td {
          background: #232323;
          color: rgba(255, 255, 255, 0.8);
          border-right: 1px solid #383434;
          border-bottom-color: #383434; }
        body.dark-layout .compare-page .table-wrapper .table thead .th-compare th {
          border-bottom: 1px solid #383434;
          border-right: 1px solid #383434; }
          body.dark-layout .compare-page .table-wrapper .table thead .th-compare th .remove {
            color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .compare-page .table-wrapper .table tbody tr p {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .compare-page .table-wrapper .table tbody tr .property_price h6 a {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .compare-page .table-wrapper .table tbody tr th {
          background: #232323;
          color: rgba(255, 255, 255, 0.6);
          border: 1px solid #383434;
          border-left: unset; }
        body.dark-layout .compare-page .table-wrapper .table tbody tr td {
          border: 1px solid #383434;
          border-left: unset;
          color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .grid-box {
        background-color: #232323; }
      body.dark-layout .feature-section .feature-1 .feature-wrapper .property-details h6 {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .feature-section .feature-1 .feature-wrapper .property-details ul li img {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1); }
      body.dark-layout .feature-section .video-details.feature-content .left-sidebar label {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .video-layout .video-details .left-sidebar label {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .video-layout .overlay-content .left-sidebar {
        background-color: #1b1b1b; }
      body.dark-layout header .header-right .right-menu ul .cart ul.nav-submenu li:last-child {
        border-top: 1px solid #383434; }
      body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu li .total h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu li .media .media-body span {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu.open {
        background: #232323; }
        body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu.open li a {
          color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .theme-card {
        background: #232323;
        -webkit-box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.2);
                box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.2); }
      body.dark-layout .card-header {
        border-bottom: 1px solid #383434; }
      body.dark-layout .dropdown .dropdown-menu {
        background-color: #232323;
        border-color: #383434; }
        body.dark-layout .dropdown .dropdown-menu .dropdown-item:active, body.dark-layout .dropdown .dropdown-menu .dropdown-item .active {
          background-color: #1b1b1b;
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .dropdown .dropdown-menu .dropdown-item:hover, body.dark-layout .dropdown .dropdown-menu .dropdown-item:focus {
          background-color: #1a1919; }
      body.dark-layout .dropdown .dropdown-toggle i {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .dropdown-item {
        color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .dropdown-item:hover, body.dark-layout .dropdown-item:focus {
          background-color: #1b1b1b; }
      body.dark-layout .layout-home3 .banner-3 .btn.btn-solid:hover {
        background-color: #ffffff; }
      body.dark-layout .layout-home3 .arrow-image .slick-arrow .slick-thumb-nav::after {
        background: #ffffff; }
      body.dark-layout .project-details .detail-container {
        border-bottom: 1px solid #383434; }
      body.dark-layout .portfolio-creative .content-sec {
        border-color: #383434; }
        body.dark-layout .portfolio-creative .content-sec h3 a {
          color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .bg-light {
        background-color: #202020 !important; }
      body.dark-layout .modal-content {
        background-color: #1b1b1b; }
      body.dark-layout .shadow-cls {
        -webkit-box-shadow: 3.346px 3.716px 22.5px #232323;
                box-shadow: 3.346px 3.716px 22.5px #232323; }
      body.dark-layout header.header-9.shadow-cls {
        -webkit-box-shadow: 3.346px 3.716px 22.5px #1d1c1c;
                box-shadow: 3.346px 3.716px 22.5px #1d1c1c; }
      body.dark-layout .agent-section .agent-wrap {
        border-left-color: #383434; }
      body.dark-layout .agent-section .our-agent-details ul li .media .media-body h6 {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .agent-section .agent-content .agent-contact li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .property-section .property-box .property-image .overlay-property-box .effect-round {
        background: #232323; }
        body.dark-layout .property-section .property-box .property-image .overlay-property-box .effect-round svg {
          stroke: rgba(255, 255, 255, 0.7); }
      body.dark-layout .property-section .property-box .property-details > ul > li > img {
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1); }
      body.dark-layout .layout-home2 .home-main {
        background-image: url(../images/banner-2.jpg); }
      body.dark-layout .service-section .property-service > div .service-box h3 {
        -webkit-text-fill-color: #ffffff; }
        body.dark-layout .service-section .property-service > div .service-box h3 a {
          color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .property-grid .property-box .agent-image {
        border-bottom: 1px solid #383434; }
      body.dark-layout .property-grid.list-view .property-box .agent-image {
        border-right: 1px solid #383434;
        border-bottom: none; }
      body.dark-layout .arrow-image .slick-arrow .slick-thumb-nav::after {
        background: #282727; }
      body.dark-layout .coming-simple .site-construction h4 {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .property-list-details li {
        color: rgba(255, 255, 255, 0.75); }
        body.dark-layout .property-list-details li span {
          color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .single-property-section .single-title {
        background-color: #232323; }
      body.dark-layout .single-property-section .left-single ul li > div img {
        -webkit-filter: brightness(0.5) invert(0.7);
                filter: brightness(0.5) invert(0.7); }
      body.dark-layout .single-property-section .left-single .share-buttons > div .share-hover {
        background-color: #232323; }
        body.dark-layout .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
          border-color: #383434; }
      body.dark-layout .title-3.inner-title h2 {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .single-property .description-section .desc-box {
        background-color: #232323; }
        body.dark-layout .single-property .description-section .desc-box p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .single-property .description-section .attach-file {
        color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .single-property .description-section .attach-file:hover {
          color: var(--theme-default4); }
      body.dark-layout .single-property .description-section .menu-top {
        background-color: #232323;
        border-bottom: 1px solid #383434; }
        body.dark-layout .single-property .description-section .menu-top li a {
          color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .single-property .description-section .menu-top li.active a {
          color: var(--theme-default4); }
      body.dark-layout .nav-tabs {
        border-bottom: 1px solid #383434; }
        body.dark-layout .nav-tabs .nav-link.active, body.dark-layout .nav-tabs .nav-item.show .nav-link {
          background-color: transparent; }
      body.dark-layout .line-tab.nav-tabs .nav-link {
        color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .line-tab.nav-tabs .nav-link.active {
          color: var(--theme-default4); }
      body.dark-layout .pagination-tab.nav-tabs {
        border-bottom: none; }
      body.dark-layout form label {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .form-control {
        background-color: #232323;
        border-color: #383434;
        color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .form-control::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .form-control::-moz-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .form-control:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .form-control::-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .form-control::placeholder, body.dark-layout .form-control:focus {
          color: rgba(255, 255, 255, 0.5); }
      body.dark-layout .checkbox_animated:after {
        background: #1b1b1b;
        border: 2px solid #383434; }
      body.dark-layout .btn.btn-dashed {
        color: rgba(255, 255, 255, 0.8);
        border-color: #383434; }
      body.dark-layout .btn.btn-light-bg:hover {
        background: #1b1b1b; }
      body.dark-layout .btn.btn-solid:hover {
        background: #1b1b1b; }
      body.dark-layout .btn.btn-white {
        background: #1b1b1b; }
        body.dark-layout .btn.btn-white:hover {
          -webkit-box-shadow: 0 4px 6px 2px #383434;
                  box-shadow: 0 4px 6px 2px #383434; }
      body.dark-layout .log-in form .form-group input {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .log-in form .form-group .input-group .input-group-text i, body.dark-layout .log-in form .form-group .input-group .input-group-text svg {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .log-in form .btn.btn-dashed {
        color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .log-in form .btn.btn-dashed.color-2:hover {
          color: var(--theme-default4); }
      body.dark-layout .title-2 p {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .title-3 p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .page-link {
        background-color: #1b1b1b;
        border: 1px solid #383434; }
      body.dark-layout .error-section {
        background-color: #232323; }
      body.dark-layout .arrow-white .slick-arrow {
        -webkit-box-shadow: 0px 0 35px 0px rgba(35, 35, 35, 0.07);
                box-shadow: 0px 0 35px 0px rgba(35, 35, 35, 0.07);
        background-color: #232323; }
      body.dark-layout .input-group-text {
        border: 1px solid #383434; }
      body.dark-layout header .menu .for-light {
        display: none; }
      body.dark-layout header .menu .for-dark {
        display: block; }
      body.dark-layout header .main-navbar .nav-menu > li .nav-submenu, body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container {
        background: #232323;
        -webkit-box-shadow: 0 1px 5px 0 rgba(27, 27, 27, 0.2);
                box-shadow: 0 1px 5px 0 rgba(27, 27, 27, 0.2); }
        body.dark-layout header .main-navbar .nav-menu > li .nav-submenu li a, body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container li a {
          color: rgba(255, 255, 255, 0.8); }
        body.dark-layout header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu, body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container li .nav-sub-childmenu {
          background: #232323;
          -webkit-box-shadow: 0 0 1px 0 #1b1b1b;
                  box-shadow: 0 0 1px 0 #1b1b1b; }
      body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout header.header-3 {
        background-color: #303030; }
      body.dark-layout header.header-4, body.dark-layout header.light-header {
        background: #1b1b1b; }
        body.dark-layout header.header-4 .main-navbar .nav-menu > li > a, body.dark-layout header.light-header .main-navbar .nav-menu > li > a {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5, body.dark-layout header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
          color: rgba(255, 255, 255, 0.9); }
      body.dark-layout header.header-4 .menu .header-right li .search-box .form-group::before {
        background-color: #1b1b1b; }
      body.dark-layout header.light-header .menu .header-right li a {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout header.light-header .toggle-nav i {
        color: #ffffff; }
      body.dark-layout .animate-rdi label {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .top-bar .top-content .brand-logo .for-light {
        display: none; }
      body.dark-layout .top-bar .top-content .brand-logo .for-dark {
        display: block; }
      body.dark-layout .top-bar .top-content .top-bar-right .input-group {
        background-color: #303030; }
        body.dark-layout .top-bar .top-content .top-bar-right .input-group input {
          border-left: 1px solid #3b4249;
          border-right: 1px solid #3b4249; }
        body.dark-layout .top-bar .top-content .top-bar-right .input-group .input-group-text {
          color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .top-bar.top-bar-7 .filter-bottom-content {
        background-color: #232323; }
      body.dark-layout .signup-modal .signup-tab h4 {
        color: rgba(255, 255, 255, 0.95); }
      body.dark-layout .signup-modal .signup-tab .nav-tabs .nav-link {
        border: 1px solid #383434; }
      body.dark-layout .signup-modal .signup-tab form span {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .signup-modal .signup-tab form .form-group .input-group input {
        background-color: transparent; }
      body.dark-layout .signup-modal .signup-tab form .form-group svg, body.dark-layout .signup-modal .signup-tab form .form-group i {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .signup-modal .signup-tab form a {
        color: rgba(255, 255, 255, 0.5); }
      body.dark-layout .log-in h6 {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .log-in form .form-group .input-group input {
        border-bottom: 1px solid #383434;
        background: transparent; }
        body.dark-layout .log-in form .form-group .input-group input ~ .input-group-text {
          border-bottom: 1px solid #383434; }
      body.dark-layout .log-in form .form-group .input-group .input-group-text {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .log-in form .form-group .input-group .input-group-apend .input-group-text {
        border-bottom: 1px solid #383434; }
      body.dark-layout .log-in form .form-group textarea {
        border-bottom: 1px solid #383434;
        background: transparent;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .log-in form .form-group .important-note {
        color: rgba(255, 255, 255, 0.4); }
      body.dark-layout .log-in form .d-flex a {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .log-in .divider h6 {
        background: #232323; }
      body.dark-layout .log-in .divider::after {
        background-color: #383434; }
      body.dark-layout .property-wizard .dropdown {
        border: 1px solid #383434;
        color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .property-wizard .dropdown .dropdown-item {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .property-wizard .dropdown .dropdown-toggle {
          background: #232323; }
          body.dark-layout .property-wizard .dropdown .dropdown-toggle i {
            color: rgba(255, 255, 255, 0.5); }
      body.dark-layout .property-wizard .feature-checkbox label {
        color: rgba(255, 255, 255, 0.4); }
      body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
        border-bottom: 1px solid #383434; }
      body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content h3 {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content ul li {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
        background-color: #1b1b1b; }
      body.dark-layout .dropzone {
        border-color: #383434; }
        body.dark-layout .dropzone .dz-preview {
          background-color: #1a1919; }
          body.dark-layout .dropzone .dz-preview .dz-details {
            background-color: #383434; }
          body.dark-layout .dropzone .dz-preview .dz-error-message {
            background: #1a1919; }
            body.dark-layout .dropzone .dz-preview .dz-error-message::after {
              border-bottom: 6px solid #1a1919; }
      body.dark-layout .left-sidebar .dropdown {
        border-color: #383434; }
        body.dark-layout .left-sidebar .dropdown .dropdown-toggle i {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .left-sidebar, body.dark-layout .blog-sidebar {
        background: #232323; }
      body.dark-layout .blog-sidebar .search-bar input {
        background-color: #1b1b1b;
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .filter-bottom-content {
        background: #232323;
        -webkit-box-shadow: 0 0 24px 0 rgba(27, 27, 27, 0.1);
                box-shadow: 0 0 24px 0 rgba(27, 27, 27, 0.1); }
      body.dark-layout .price-range label {
        color: #ffffff; }
      body.dark-layout .price-range input {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .filter-cards .advance-card > h6 {
        color: rgba(255, 255, 255, 0.85); }
      body.dark-layout .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .filter-cards .advance-card .recent-property ul li .media .media-body span span {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .filter-cards .advance-card .category-property .agent-info h6 {
        color: rgba(255, 255, 255, 0.85); }
      body.dark-layout .filter-cards .advance-card .category-property ul li {
        color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .filter-cards .advance-card .category-property ul li a {
          color: rgba(255, 255, 255, 0.8); }
          body.dark-layout .filter-cards .advance-card .category-property ul li a span {
            color: rgba(255, 255, 255, 0.7); }
          body.dark-layout .filter-cards .advance-card .category-property ul li a:hover, body.dark-layout .filter-cards .advance-card .category-property ul li a:focus {
            color: var(--theme-default3); }
      body.dark-layout .filter-cards .advance-card .category-property form .input-group-text {
        border: 1px solid #383434; }
      body.dark-layout .filter-cards .advance-card .category-property form input, body.dark-layout .filter-cards .advance-card .category-property form textarea {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .filter-cards .advance-card .tags ul li {
        background-color: #1b1b1b; }
        body.dark-layout .filter-cards .advance-card .tags ul li a {
          color: rgba(255, 255, 255, 0.9); }
          body.dark-layout .filter-cards .advance-card .tags ul li a:hover {
            color: var(--theme-default4); }
      body.dark-layout .filter-cards .advance-card .back-btn {
        border-bottom: 1px solid #383434; }
      body.dark-layout .filter-panel {
        border-bottom: 1px solid #383434; }
        body.dark-layout .filter-panel .filters ul li {
          background-color: #282727; }
        body.dark-layout .filter-panel .grid-list-filter li > a, body.dark-layout .filter-panel .grid-list-filter li .dropdown-toggle, body.dark-layout .filter-panel .grid-list-filter li .filter-bottom-title {
          color: rgba(255, 255, 255, 0.85);
          border: 1px solid #383434; }
        body.dark-layout .filter-panel .grid-list-filter li.active a {
          color: var(--theme-default3);
          border-color: var(--theme-default3); }
        body.dark-layout .filter-panel .grid-list-filter li .dropdown-menu a {
          color: rgba(255, 255, 255, 0.85); }
        body.dark-layout .filter-panel .d-lg-none .mobile-filter {
          border: 1px solid #383434;
          color: rgba(255, 255, 255, 0.85); }
      body.dark-layout .home-section.layout-5 .decor-image {
        -webkit-filter: brightness(0.9) invert(0.99);
                filter: brightness(0.9) invert(0.99); }
      body.dark-layout .home-section.layout-9 {
        background-color: rgba(27, 27, 27, 0.99); }
        body.dark-layout .home-section.layout-9 .home-main .home-content h1, body.dark-layout .home-section.layout-9 .home-main .home-content h6 {
          color: rgba(255, 255, 255, 0.95); }
        body.dark-layout .home-section.layout-9 .arrow-light img {
          -webkit-filter: brightness(0.8) invert(0.95);
                  filter: brightness(0.8) invert(0.95); }
      body.dark-layout .box.text-affect .title h1 {
        color: white; }
      body.dark-layout .box.text-affect .role p {
        color: white; }
      body.dark-layout .looking-icons ul li .looking-icon {
        background-color: #1b1b1b;
        -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(56, 52, 52, 0.04);
                box-shadow: 3.346px 3.716px 22.5px rgba(56, 52, 52, 0.04); }
      body.dark-layout .layout-home8 {
        background-color: #232323; }
        body.dark-layout .layout-home8 .home-content h1, body.dark-layout .layout-home8 .home-content h6 {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .layout-home8::after {
          -webkit-filter: brightness(0.9) invert(1);
                  filter: brightness(0.9) invert(1); }
      body.dark-layout .search-with-tab .nav-tabs {
        border-bottom: none; }
        body.dark-layout .search-with-tab .nav-tabs .nav-item .nav-link {
          background: #1b1b1b; }
      body.dark-layout .search-with-tab .tab-content {
        background-color: #1b1b1b; }
        body.dark-layout .search-with-tab .tab-content::before {
          border-bottom-color: #1b1b1b; }
        body.dark-layout .search-with-tab .tab-content .review-form .form-control {
          background: transparent;
          color: rgba(255, 255, 255, 0.85); }
        body.dark-layout .search-with-tab .tab-content .review-form .dropdown {
          border-color: #383434; }
      body.dark-layout .search-withmap .left-sidebar {
        background-color: #1b1b1b; }
        body.dark-layout .search-withmap .left-sidebar label {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .search-withmap .left-sidebar .price-range label, body.dark-layout .search-withmap .left-sidebar .price-range input {
          color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .new-property .feature-content {
        background-color: #1b1b1b; }
      body.dark-layout .vertical-search .left-sidebar .dropdown {
        background-color: #232323; }
      body.dark-layout .terms-section .terms-wrapper h4 {
        color: rgba(255, 255, 255, 0.85); }
      body.dark-layout .terms-section .terms-wrapper ul li {
        color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .map-modal .left-sidebar {
        background: #232323; }
      body.dark-layout .btn-close {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .portfolio-grid .filter-panel {
        border-bottom: none; }
      body.dark-layout .portfolio-grid .property-text h3 a {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .property-section .property-box {
        background-color: #232323; }
        body.dark-layout .property-section .property-box .property-details .icon-property li + li::before {
          background-color: #383434; }
      body.dark-layout .property-section .property-2 .property-box .property-details > a {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95)));
        background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      body.dark-layout .property-section .property-2 .property-box:hover .property-details > a {
        background: var(--theme-gradient6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      body.dark-layout .property-section .property-box-flat .property-box .property-details h3 a {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .property-section .property-box-flat .property-box .property-details p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
        background-color: #232323; }
        body.dark-layout .property-section .list-property .property-box .property-image .overlay-property .overlay-box h4 {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .property-section .nav-tabs .nav-link.active, body.dark-layout .property-section .nav-tabs .nav-link:hover, body.dark-layout .property-section .nav-tabs .nav-link:focus {
        background-color: #ffffff; }
      body.dark-layout .property-section .nav-tabs.pagination-tab .nav-link.active, body.dark-layout .property-section .nav-tabs.pagination-tab .nav-link:hover, body.dark-layout .property-section .nav-tabs.pagination-tab .nav-link:focus {
        background-color: transparent; }
      body.dark-layout .property-details > a {
        color: #ffffff; }
      body.dark-layout .property-details ul li + li {
        border-left: 1px solid #383434; }
      body.dark-layout .user-dashboard .sidebar-user {
        background-color: #232323; }
      body.dark-layout .user-dashboard .dashboard-content .common-card {
        background-color: #232323; }
      body.dark-layout .user-dashboard .property-overview table tr th {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .user-dashboard .property-overview table tr td .d-flex h6 {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .user-dashboard .switch .switch-state {
        background-color: #0f0f0f; }
      body.dark-layout .user-dashboard .switch input:checked + .switch-state {
        background-color: #89c826; }
      body.dark-layout .right-line-tab {
        border-bottom: none; }
        body.dark-layout .right-line-tab .nav-item .nav-link {
          color: rgba(255, 255, 255, 0.8); }
          body.dark-layout .right-line-tab .nav-item .nav-link.active {
            color: var(--theme-default3); }
      body.dark-layout .apexcharts-canvas text {
        fill: rgba(255, 255, 255, 0.7); }
      body.dark-layout .apexcharts-tooltip.light {
        border: 1px solid #383434;
        background: #1b1b1b; }
        body.dark-layout .apexcharts-tooltip.light .apexcharts-tooltip-title {
          background: #232323;
          border-bottom: 1px solid #383434; }
      body.dark-layout #overviewchart svg linearGradient stop[stop-opacity="0.4"] {
        stop-color: #232323; }
      body.dark-layout .modal-footer {
        border-top: 1px solid #383434; }
      body.dark-layout .card-payment .payment-card.add-card {
        background-color: #1b1b1b;
        background-image: unset; }
      body.dark-layout .edit-profile-modal form .form-control {
        color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .edit-profile-modal form .form-control::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .edit-profile-modal form .form-control::-moz-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .edit-profile-modal form .form-control:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .edit-profile-modal form .form-control::-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .edit-profile-modal form .form-control::placeholder {
          color: rgba(255, 255, 255, 0.5); }
      body.dark-layout .gj-picker-bootstrap {
        color: #1c2d3a; }
      body.dark-layout .gj-datepicker-bootstrap [role=right-icon] button {
        border: 1px solid #383434; }
      body.dark-layout .feature-section .feature-content {
        -webkit-box-shadow: #232323 0px 0px 75px;
                box-shadow: #232323 0px 0px 75px;
        background-color: #282727; }
        body.dark-layout .feature-section .feature-content .details h3, body.dark-layout .feature-section .feature-content .details > span, body.dark-layout .feature-section .feature-content .feature-price h3, body.dark-layout .feature-section .feature-content .feature-price > span {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .feature-section .feature-content .details h3 a, body.dark-layout .feature-section .feature-content .feature-price h3 a {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .feature-section .feature-content .details p, body.dark-layout .feature-section .feature-content .feature-price p {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .feature-section .feature-content .details span, body.dark-layout .feature-section .feature-content .feature-price span {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .feature-section .feature-content .detail-list {
          border-top: 1px solid #383434;
          border-bottom: 1px solid #383434; }
          body.dark-layout .feature-section .feature-content .detail-list li .d-flex h6 {
            color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .feature-section .feature-content .feature-price li h6 {
          color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .feature-section .feature-1 .feature-wrapper .property-details {
        -webkit-box-shadow: 6.691px 7.431px 12.5px rgba(35, 35, 35, 0.07);
                box-shadow: 6.691px 7.431px 12.5px rgba(35, 35, 35, 0.07);
        background-color: #1b1b1b; }
      body.dark-layout .feature-section .feature-3 .slick-next, body.dark-layout .feature-section .feature-3 .slick-prev {
        background: #1b1b1b; }
      body.dark-layout .feature-section .modern-feature .feature-wrap .feature-content {
        background-color: transparent; }
      body.dark-layout .feature-section.bg-half::before {
        background-color: #232323; }
      body.dark-layout .new-property .feature-content .details h3 span {
        color: var(--theme-default3); }
      body.dark-layout .layout-map .feature-section .feature-content {
        -webkit-box-shadow: none;
                box-shadow: none; }
      body.dark-layout .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
        border-left-color: #383434; }
      body.dark-layout .service-section .property-service > div .service-box {
        background-color: #282828;
        -webkit-box-shadow: 3px 3px 3px rgba(56, 52, 52, 0.07);
                box-shadow: 3px 3px 3px rgba(56, 52, 52, 0.07); }
        body.dark-layout .service-section .property-service > div .service-box p {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .service-section .property-service > div .service-box .icon-round {
          border: 2px solid #383434; }
      body.dark-layout .service-section.service-2 .property-service > div .service-box h3 {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout .service-section.service-bg::after {
        background-color: #232323; }
      body.dark-layout .service-slider .service-wrapper .service-details {
        background-color: #1b1b1b;
        -webkit-box-shadow: #282727 0px 0px 35px;
                box-shadow: #282727 0px 0px 35px; }
        body.dark-layout .service-slider .service-wrapper .service-details h3 {
          color: rgba(255, 255, 255, 0.9); }
          body.dark-layout .service-slider .service-wrapper .service-details h3 a {
            color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .service-slider .service-wrapper .service-details p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .why-choose .service-section .property-service > div .service-box {
        background-color: #282828; }
      body.dark-layout .about-section .about-wrap .about-content .our-details {
        background-color: #232323; }
      body.dark-layout .about-section .about-wrap.about-2 .about-content .our-details p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .about-box .agent-image .overlay-agent .agent-details {
        background-color: #1b1b1b; }
        body.dark-layout .about-box .agent-image .overlay-agent .agent-details h5 {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .about-box .agent-image .overlay-agent .agent-details p {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .about-box .agent-image .overlay-agent .agent-details > span {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .about-box .agent-image .overlay-agent .agent-details ul li a {
          -webkit-box-shadow: 0 0 20px 0 #383434;
                  box-shadow: 0 0 20px 0 #383434; }
      body.dark-layout .banner-2 {
        background-color: #1b1b1b; }
        body.dark-layout .banner-2 .banner-right h6, body.dark-layout .banner-2 .banner-right p {
          color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .banner-3 h2, body.dark-layout .banner-3 p {
        color: #586167; }
      body.dark-layout .testimonial-1 .pepole-comment .client-msg {
        background: #282828; }
        body.dark-layout .testimonial-1 .pepole-comment .client-msg p {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .testimonial-1 .pepole-comment .client-msg::before {
          border-top: 14px solid #282828; }
      body.dark-layout .our-client {
        -webkit-box-shadow: #232323 0px 0px 75px;
                box-shadow: #232323 0px 0px 75px;
        background: #282828; }
        body.dark-layout .our-client .client-right p {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .our-client .client-right h3 {
          color: rgba(255, 255, 255, 0.85); }
        body.dark-layout .our-client .client-right h6 {
          color: rgba(255, 255, 255, 0.65); }
        body.dark-layout .our-client .quote-img img {
          -webkit-filter: brightness(0.5) invert(0.5);
                  filter: brightness(0.5) invert(0.5); }
      body.dark-layout .modern-client .comment-right {
        background: #232323;
        -webkit-box-shadow: #232323 -2.575px 4.286px 25px;
                box-shadow: #232323 -2.575px 4.286px 25px; }
        body.dark-layout .modern-client .comment-right h6 {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .modern-client .comment-right p {
          color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .user-about .about-listing {
        -webkit-box-shadow: 3.346px 3.716px 22.5px #383434;
                box-shadow: 3.346px 3.716px 22.5px #383434; }
      body.dark-layout .user-about .map-image {
        background-color: rgba(27, 27, 27, 0.9); }
      body.dark-layout .effect-cls:after {
        -webkit-filter: brightness(0.9) invert(1);
                filter: brightness(0.9) invert(1); }
      body.dark-layout .blog-1 .blog-box {
        background-color: #232323; }
        body.dark-layout .blog-1 .blog-box .blog-content {
          background-color: #232323; }
          body.dark-layout .blog-1 .blog-box .blog-content span {
            color: rgba(255, 255, 255, 0.8); }
          body.dark-layout .blog-1 .blog-box .blog-content p {
            color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .blog-wrap {
        -webkit-box-shadow: 0px 10px 30px #232323;
                box-shadow: 0px 10px 30px #232323;
        background-color: #282828; }
        body.dark-layout .blog-wrap .blog-details h3 a {
          color: rgba(255, 255, 255, 0.85); }
        body.dark-layout .blog-wrap .blog-details span, body.dark-layout .blog-wrap .blog-details h5, body.dark-layout .blog-wrap .blog-details a {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .blog-wrap .blog-details p {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .blog-wrap:hover .blog-details a {
          color: var(--theme-default5); }
      body.dark-layout .blog-single-detail .blog-title .post-detail li {
        color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .blog-single-detail .blog-title .post-detail li + li {
          border-left: 1px solid #383434; }
      body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title {
        border-bottom: 1px solid #383434; }
        body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user h6, body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date h6 {
          color: rgba(255, 255, 255, 0.7); }
        body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i, body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i {
          color: rgba(255, 255, 255, 0.5); }
      body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .text-end a {
        color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .pricing-section .pricing-box {
        -webkit-box-shadow: #232323 0px 0px 27px;
                box-shadow: #232323 0px 0px 27px;
        background-color: #232323; }
        body.dark-layout .pricing-section .pricing-box h4, body.dark-layout .pricing-section .pricing-box h3 {
          color: rgba(255, 255, 255, 0.9); }
        body.dark-layout .pricing-section .pricing-box .pricing-details p {
          color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .pricing-section .pricing-box ul li {
          color: rgba(255, 255, 255, 0.5); }
        body.dark-layout .pricing-section .pricing-box .price .light-text {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-layout .video-details {
        background-color: #1b1b1b; }
        body.dark-layout .video-details p {
          color: rgba(255, 255, 255, 0.7); }
      body.dark-layout .video-layout .video-details {
        background-color: transparent; }
      body.dark-layout .video-layout .video-search {
        background: #1b1b1b; }
        body.dark-layout .video-layout .video-search .input-group {
          border-right-color: #383434; }
        body.dark-layout .video-layout .video-search .dropdown-toggle {
          color: rgba(255, 255, 255, 0.85); }
        body.dark-layout .video-layout .video-search .dropdown .dropdown-menu .dropdown-item {
          color: rgba(255, 255, 255, 0.85); }
      body.dark-layout .video-layout .play-bg {
        border-color: #1b1b1b; }
      body.dark-layout .logo-box img {
        -webkit-filter: brightness(0.8) invert(0.2);
                filter: brightness(0.8) invert(0.2); }
      body.dark-layout .brand-wrap .logo-box img {
        -webkit-filter: unset;
                filter: unset; }
      body.dark-layout .bg-light-blue {
        background-color: #232323; }
        body.dark-layout .bg-light-blue.arrow-gradient {
          background-color: #202020; }
      body.dark-layout .slide-3 .logo-box img {
        -webkit-filter: brightness(0.8) invert(0.4);
                filter: brightness(0.8) invert(0.4); }
      body.dark-layout .contact_section .contact_wrap {
        -webkit-box-shadow: 3.346px 3.716px 22.5px #232323;
                box-shadow: 3.346px 3.716px 22.5px #232323;
        background: #232323; }
      body.dark-layout .contact_wrap_2 .contact_wrap {
        background: transparent; }
      body.dark-layout .captcha {
        background-color: #232323;
        border-color: #383434;
        color: rgba(255, 255, 255, 0.8); }
        body.dark-layout .captcha input[type="checkbox"] + .checkmark {
          background: #232323;
          border-color: #383434; }
        body.dark-layout .captcha .logo p, body.dark-layout .captcha .logo small {
          color: rgba(255, 255, 255, 0.4); }
      body.dark-layout .download-section .app-right .form-group select {
        background: #1b1b1b;
        border-color: #383434;
        color: #ffffff; }
      body.dark-layout .download-section .app-right .form-group input {
        background: #1b1b1b; }
      body.dark-layout .card {
        background-color: #1b1b1b;
        -webkit-box-shadow: 3.346px 3.716px 22.5px #15131361;
                box-shadow: 3.346px 3.716px 22.5px #15131361; }
      body.dark-layout .card-header {
        background-color: #232323; }
      body.dark-layout .accordion .card {
        background-color: #232323;
        -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
                box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
      body.dark-layout .accordion .card-header {
        border-bottom: none; }
        body.dark-layout .accordion .card-header .card-link {
          color: rgba(255, 255, 255, 0.8); }
          body.dark-layout .accordion .card-header .card-link::after {
            color: rgba(255, 255, 255, 0.8); }
      body.dark-layout .accordion .card-body {
        border-top: 1px solid #383434; }
      body.dark-layout footer .footer-links h5 {
        color: rgba(255, 255, 255, 0.93); }
      body.dark-layout footer .footer-links .footer-content .for-dark {
        display: block;
        -webkit-filter: unset;
                filter: unset; }
      body.dark-layout footer .footer-links .footer-content .for-light {
        display: none; }
      body.dark-layout footer.footer-dark {
        background: #232323; }
      body.dark-layout footer .sub-footer.sub-footer-dark {
        background-color: #1b1b1b; }
      body.dark-layout footer.footer-light .footer-details .footer-contact ul li {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout footer.footer-light .footer-details p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout footer.footer-light .footer-content > img {
        -webkit-filter: brightness(0.8) invert(0.2);
                filter: brightness(0.8) invert(0.2); }
      body.dark-layout footer.footer-light .footer-links h5 {
        color: rgba(255, 255, 255, 0.9); }
      body.dark-layout footer.footer-light .footer-links .footer-content li a {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-layout footer.footer-light .sub-footer.sub-footer-dark {
        background-color: #232323; }
      body.dark-layout footer .footer-details .footer-contact ul li {
        color: rgba(255, 255, 255, 0.93); }
      body.dark-layout .footer-bg p {
        color: #d2d2d2; }
      body.dark-layout .footer-bg .footer-details h6 {
        color: rgba(255, 255, 255, 0.93); }
      body.dark-layout .footer-bg .bottom-blog .media .media-body h6 {
        color: rgba(255, 255, 255, 0.93); }
        body.dark-layout .footer-bg .bottom-blog .media .media-body h6 a {
          color: rgba(255, 255, 255, 0.93); }
      @media (max-width: 1199px) {
        body.dark-layout header .main-navbar .nav-menu {
          background-color: #232323;
          border: 1px solid #383434; }
          body.dark-layout header .main-navbar .nav-menu .back-btn .mobile-back {
            color: rgba(255, 255, 255, 0.85);
            border-bottom: 1px solid #383434; }
          body.dark-layout header .main-navbar .nav-menu > li a {
            color: rgba(255, 255, 255, 0.9); }
          body.dark-layout header .main-navbar .nav-menu > li .nav-link.active {
            color: #ffffff; }
        body.dark-layout header.header-4 .menu .toggle-nav i {
          color: #ffffff; } }
      @media (max-width: 991px) {
        body.dark-layout .feature-section.bg-half {
          background: #232323; }
        body.dark-layout .home-section.layout-9::after {
          background-color: rgba(29, 28, 28, 0.99); } }
      @media (max-width: 767px) {
        body.dark-layout .banner-2 .banner-right {
          background-color: rgba(27, 27, 27, 0.95); }
        body.dark-layout .parallax-home .parallax-right {
          opacity: 0.1; } }
      @media (max-width: 575px) {
        body.dark-layout .agent-section .agent-wrap {
          border-top-color: #383434; }
        body.dark-layout .top-right-toggle svg {
          color: #ffffff; }
        body.dark-layout .top-bar .top-content .top-bar-right {
          background: #232323; }
        body.dark-layout header.header-4 .menu .header-right {
          background: #232323;
          border-top-color: #383434; }
        body.dark-layout .feature-section .feature-content {
          background-color: #1b1b1b; }
        body.dark-layout .property-grid.list-view .property-box .agent-image {
          border-right: none;
          border-bottom: 1px solid #383434; } }
  
  /**=====================
       dark layout css end
  ==========================**/
  /**=====================
       rtl layout css start
  ==========================**/
  body.rtl .parallax-section .full_banner .center-content {
    text-align: left; }
  
  body.rtl .alert-default {
    direction: ltr; }
  
  body.rtl .text-start {
    text-align: right !important; }
  
  body.rtl .text-end {
    text-align: left !important; }
  
  body.rtl .float-end {
    float: left !important; }
  
  body.rtl .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }
  
  body.rtl .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  
  body.rtl .ms-3 {
    margin-right: 1rem !important;
    margin-left: unset !important; }
  
  body.rtl .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  
  body.rtl .ms-3 {
    margin-right: 1rem !important;
    margin-left: unset !important; }
  
  body.rtl .me-1 {
    margin-right: unset !important;
    margin-left: .25rem !important; }
  
  body.rtl .me-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; }
  
  body.rtl .me-3 {
    margin-left: 1rem !important;
    margin-right: unset !important; }
  
  body.rtl .pe-1 {
    padding-left: 0.25rem !important;
    padding-right: unset !important; }
  
  body.rtl .pe-2 {
    padding-left: 0.5rem !important;
    padding-right: unset !important; }
  
  body.rtl .ps-1 {
    padding-right: 0.25rem !important;
    padding-left: unset !important; }
  
  body.rtl .map-section {
    direction: ltr; }
  
  body.rtl .terms-section .terms-wrapper ul {
    padding-left: unset;
    padding-right: 18px; }
  
  body.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), body.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-radius: 0 4px 4px 0; }
  
  body.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 0; }
  
  body.rtl .input-group input ~ .input-group-text {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  
  body.rtl .was-validated .form-control:invalid {
    background-position: left calc(0.375em + 0.1875rem) center; }
  
  body.rtl .about-section .about-wrap .about-content .about-image .overlay-content ul {
    margin-left: unset;
    margin-right: -14px; }
  
  body.rtl .about-section .about-wrap .about-content .our-details a.btn svg {
    margin-right: unset;
    margin-left: 7px; }
  
  body.rtl .feature-section .feature-image .label-solid {
    right: -16px;
    left: unset; }
    body.rtl .feature-section .feature-image .label-solid::before {
      left: unset;
      right: 0;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
  
  body.rtl .feature-section .feature-wrap {
    direction: rtl; }
  
  body.rtl .icon-line-color {
    right: 0;
    left: unset; }
  
  body.rtl .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu {
    right: unset;
    left: 0; }
  
  body.rtl .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
    right: unset;
    left: -5px; }
  
  body.rtl .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
    margin-right: 10px;
    margin-left: unset; }
  
  body.rtl .feature-3.arrow-image .slick-arrow {
    right: unset;
    left: 58px; }
  
  body.rtl .layout-home3 .slick-slider .slick-next {
    right: 123px;
    left: unset; }
  
  body.rtl .compare-page .table-wrapper .table thead .th-compare th .remove {
    float: right; }
  
  body.rtl .arrow-image .slick-arrow::after {
    left: unset;
    right: 15px; }
  
  body.rtl .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-next {
    right: 75px;
    left: unset; }
  
  body.rtl .fnc-slide__action-btn svg {
    margin-left: unset;
    margin-right: 10px;
    -webkit-transform: scale(-1);
            transform: scale(-1); }
  
  body.rtl .fnc-slide__action-btn::before {
    right: 80px;
    left: unset; }
  
  body.rtl .arrow-white .slick-next, body.rtl .arrow-light .slick-next {
    left: unset; }
  
  body.rtl .video-layout .overlay-content {
    left: unset;
    right: 10%; }
  
  body.rtl .feature-section .feature-1 .feature-wrapper .property-details ul li img {
    margin-right: unset;
    margin-left: 7px; }
  
  body.rtl .agent-section.property-section .agent-grids .property-wrapper-grid .property-grid > [class*="col-xl-3"] .label {
    left: unset;
    right: 8px; }
  
  body.rtl .video-layout .video-details {
    padding-right: 0;
    padding-left: 60px;
    text-align: right; }
  
  body.rtl .video-layout .play-icon {
    margin-left: unset;
    margin-right: -50px; }
  
  body.rtl .video-layout .video-search .input-group {
    border-right: unset;
    border-left: 1px solid rgba(210, 210, 210, 0.5); }
  
  body.rtl .video-layout .video-search .dropdown-toggle i {
    float: unset;
    right: unset;
    left: 0; }
  
  body.rtl .toggle-nav.with-text span {
    margin-left: unset;
    margin-right: 10px; }
  
  body.rtl .arrow-define {
    left: -60px;
    right: unset; }
    body.rtl .arrow-define::after {
      left: unset;
      right: -50px;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
  
  body.rtl .layout-home2 .slick-slider .slick-prev {
    left: unset;
    right: 123px; }
  
  body.rtl .layout-home2 .slick-slider .slick-next {
    right: unset;
    left: 123px; }
  
  body.rtl header .main-navbar .nav-menu .back-btn .mobile-back {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  
  body.rtl header .main-navbar .nav-menu > li:last-child > a {
    margin-left: 0; }
  
  body.rtl header .main-navbar .nav-menu > li .nav-submenu li a {
    display: block; }
    body.rtl header .main-navbar .nav-menu > li .nav-submenu li a .label {
      left: unset;
      float: right;
      position: relative; }
      body.rtl header .main-navbar .nav-menu > li .nav-submenu li a .label.icon-trend {
        left: 0; }
    body.rtl header .main-navbar .nav-menu > li .nav-submenu li a:after {
      right: unset;
      left: 18px; }
  
  body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label {
    left: 0; }
    body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label.icon-trend {
      left: 20px; }
  
  body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 35px; }
  
  body.rtl header.header-centered {
    overflow: hidden; }
    body.rtl header.header-centered .main-navbar .nav-menu > li:last-child > a {
      margin-right: 0; }
  
  body.rtl .layout-map.header-map {
    direction: ltr; }
  
  body.rtl .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
    border-left: none;
    border-right: 1px solid #e4daf5; }
  
  body.rtl .breadcrumb-item + .breadcrumb-item {
    padding-left: unset;
    padding-right: 0.5rem; }
    body.rtl .breadcrumb-item + .breadcrumb-item::before {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      float: right; }
  
  body.rtl ul {
    padding-right: 0; }
  
  body.rtl .dropdown .dropdown-toggle {
    text-align: right; }
    body.rtl .dropdown .dropdown-toggle i {
      float: left; }
  
  body.rtl .dropdown .dropdown-menu .dropdown-item {
    text-align: right; }
  
  body.rtl .price-range {
    text-align: right; }
  
  body.rtl .input-group > .input-group-prepend > .btn, body.rtl .input-group > .input-group-prepend > .input-group-text, body.rtl .input-group > .input-group-append:not(:last-child) > .btn, body.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, body.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), body.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  
  body.rtl .input-group > .input-group-append > .btn, body.rtl .input-group > .input-group-append > .input-group-text, body.rtl .input-group > .input-group-prepend:not(:first-child) > .btn, body.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text, body.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), body.rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  
  body.rtl .slick-slider {
    direction: ltr; }
  
  body.rtl .slick-slide {
    float: left; }
  
  body.rtl .slick-next {
    left: -25px; }
  
  body.rtl .checkbox_animated {
    margin: 0 10px 0 16px; }
  
  body.rtl .property-grid.list-view .property-box .agent-image {
    border-right: unset;
    border-left: 1px solid #eee; }
  
  body.rtl .details-right {
    padding-left: unset;
    padding-right: 40px; }
  
  body.rtl .banner-2 .banner-right {
    padding: 30px 0 30px 60px; }
  
  body.rtl .breadcrumb-section .breadcrumb-content.breadcrumb-right {
    text-align: left; }
  
  body.rtl .accordion .card-header {
    padding-left: 50px;
    padding-right: 30px; }
    body.rtl .accordion .card-header .card-link::after {
      right: unset;
      left: 30px; }
  
  body.rtl .faq-section form .btn {
    right: unset;
    left: 6px; }
  
  body.rtl .single-property-section .single-title {
    text-align: right; }
    body.rtl .single-property-section .single-title .right-single {
      text-align: left; }
  
  body.rtl .single-property-section .left-single ul li > div img {
    margin-right: unset;
    margin-left: 10px; }
  
  body.rtl .single-property-section .left-single .share-buttons > div .share-hover {
    left: unset;
    right: 0; }
    body.rtl .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
      border-left: none;
      border-right: 1px solid #eee; }
  
  body.rtl .single-property .page-section {
    text-align: right; }
  
  body.rtl .single-property .description-section .single-feature ul li i {
    margin-right: unset;
    margin-left: 6px; }
  
  body.rtl .single-property .description-section .attach-file i {
    margin-right: unset;
    margin-left: 10px; }
  
  body.rtl .review .review-box .media .media-body {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .review .review-box.review-child {
    margin-left: unset;
    margin-right: 50px; }
  
  body.rtl .modal-form {
    right: unset;
    left: -85px; }
  
  body.rtl .animate-rdi {
    margin-left: unset;
    margin-right: 45px; }
    body.rtl .animate-rdi label {
      margin-right: unset;
      margin-left: 47px; }
  
  body.rtl .radio_animated {
    margin: 0 0 0 20px; }
    body.rtl .radio_animated::after {
      left: unset;
      right: -0.125rem; }
    body.rtl .radio_animated::before {
      right: 2px;
      left: unset; }
  
  body.rtl .footer-bg .footer-links .footer-content .input-group .input-group-text::after {
    border-radius: 23px 0 0 23px; }
  
  body.rtl .property-section .property-box .property-details > ul > li > img {
    margin-right: unset;
    margin-left: 7px; }
  
  body.rtl .property-section .property-box .property-image .overlay-property-box {
    right: unset;
    left: 12px; }
  
  body.rtl .property-section .property-box .property-image .seen-data {
    direction: rtl;
    right: unset;
    left: 20px; }
    body.rtl .property-section .property-box .property-image .seen-data svg {
      margin-left: 8px;
      margin-right: unset; }
  
  body.rtl .feature-section .property-slider .slick-prev {
    left: unset;
    right: 8px; }
  
  body.rtl .feature-section .property-slider .slick-next {
    right: unset;
    left: 8px; }
  
  body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
    right: unset;
    left: -5px; }
  
  body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
    margin-left: unset;
    margin-right: 10px; }
  
  body.rtl header .header-right .right-menu ul .dropdown + .dropdown {
    margin-right: 10px;
    margin-left: unset; }
  
  body.rtl header .header-right .right-menu ul .dropdown ul.nav-submenu {
    right: unset;
    left: 0; }
  
  body.rtl header .menu .brand-logo {
    margin-left: unset;
    margin-right: 0; }
  
  body.rtl header .menu .header-right li a svg {
    margin-right: unset;
    margin-left: 0; }
  
  body.rtl header .main-navbar .nav-menu > li {
    text-align: right; }
    body.rtl header .main-navbar .nav-menu > li .nav-submenu {
      text-align: right;
      left: unset;
      right: 0; }
      body.rtl header .main-navbar .nav-menu > li .nav-submenu li a:hover {
        margin-left: unset;
        margin-right: 3px; }
      body.rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
        left: -200px;
        right: unset; }
    body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
      text-align: right; }
      body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
        margin-left: unset;
        margin-right: 4px; }
  
  body.rtl header.header-3 .main-navbar .nav-menu > li > a > svg {
    float: right;
    margin-right: unset;
    margin-left: 8px; }
  
  body.rtl header.header-4 .menu .header-right li + li {
    margin-left: unset;
    margin-right: 20px; }
  
  body.rtl header.header-4 .menu .header-right li > a svg {
    margin-left: 0; }
  
  body.rtl header.header-4 .menu .header-right li .search-box span {
    margin-left: unset;
    margin-right: 5px; }
  
  body.rtl header.header-4 .menu .header-right li .search-box .form-group::before {
    left: unset;
    right: 40px; }
  
  body.rtl header.header-4 .menu .header-right li .search-box .form-group::after {
    left: unset;
    right: 38px;
    border-radius: 5px 0 0 5px; }
  
  body.rtl header.header-4 .menu .header-right li .search-box .form-control {
    left: unset;
    right: 38px; }
  
  body.rtl header.header-4 .menu .header-right li .search-box.open i {
    border-radius: 0px 5px 5px 0px; }
  
  body.rtl .header-layout-3 .contact-number i {
    margin-left: 10px;
    margin-right: unset; }
  
  body.rtl .top-bar .top-content .top-bar-right .input-group .input-group-text .fa-angle-down {
    margin-left: unset;
    margin-right: 5px;
    right: unset;
    left: 12px; }
  
  body.rtl .top-bar .top-content .top-bar-right li + li {
    margin-left: unset;
    margin-right: 30px; }
  
  body.rtl .top-bar .top-content .top-bar-right li .flat-box i {
    margin-right: unset;
    margin-left: 5px; }
  
  body.rtl .top-bar .top-content .sm-input {
    left: 0;
    right: unset; }
  
  body.rtl .top-bar.top-bar-7 .top-bar-right li + li {
    margin-right: 10px; }
  
  body.rtl .signup-modal .signup-tab {
    text-align: right; }
  
  body.rtl .custom-dropdown .custom-dropdown-menu {
    left: 0;
    right: unset; }
  
  body.rtl .home-section.layout-5 {
    text-align: right; }
  
  body.rtl .home-section.layout-6 .home-content {
    direction: rtl;
    text-align: right; }
  
  body.rtl .home-section.layout-6 .arrow-light .slick-prev {
    left: unset;
    right: 0; }
  
  body.rtl .home-section.layout-6 .arrow-light .slick-next {
    right: 10%;
    left: unset; }
  
  body.rtl .parallax-home .parallax-right {
    right: unset;
    left: 0; }
  
  body.rtl .layout-9 .layout-right-img img {
    right: unset;
    left: 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  
  body.rtl .layout-home2 .feature-section .feature-content {
    margin-left: auto; }
    body.rtl .layout-home2 .feature-section .feature-content .label-cross {
      left: unset;
      right: -31px;
      -webkit-transform: rotate(38deg);
              transform: rotate(38deg); }
  
  body.rtl .layout-home4 .sync-slider .home-nav {
    left: unset;
    right: 40px; }
  
  body.rtl .layout-home4 .slider-image {
    direction: rtl; }
    body.rtl .layout-home4 .slider-image .home-content {
      text-align: left;
      padding-left: 70px;
      padding-right: 0; }
      body.rtl .layout-home4 .slider-image .home-content .square-bg {
        right: unset;
        left: 0; }
      body.rtl .layout-home4 .slider-image .home-content p {
        margin-left: unset;
        margin-right: auto; }
      body.rtl .layout-home4 .slider-image .home-content h6.line-right::after {
        right: unset;
        left: 0; }
      body.rtl .layout-home4 .slider-image .home-content .font-color4 {
        padding-left: 12px;
        padding-right: unset; }
        body.rtl .layout-home4 .slider-image .home-content .font-color4::after {
          right: unset;
          left: 0; }
  
  body.rtl .layout-home8 .home-content {
    text-align: right; }
  
  body.rtl .layout-home8 .home-right-image {
    right: unset;
    left: 0;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  
  body.rtl .search-with-tab {
    text-align: right; }
    body.rtl .search-with-tab .nav-tabs .nav-item + .nav-item {
      margin-left: unset;
      margin-right: 10px; }
    body.rtl .search-with-tab .tab-content::before {
      left: unset;
      right: 30px; }
  
  body.rtl .search-withmap .vertical-search {
    float: left; }
  
  body.rtl .property-section .property-box {
    text-align: right; }
    body.rtl .property-section .property-box .property-image .labels-left {
      left: unset;
      right: -6px; }
    body.rtl .property-section .property-box .property-image .overlay-plus .seen-data {
      right: unset;
      left: 20px; }
      body.rtl .property-section .property-box .property-image .overlay-plus .seen-data svg {
        margin-right: unset;
        margin-left: 8px; }
    body.rtl .property-section .property-box .property-image .overlay-plus .like-bottom {
      right: unset;
      left: 20px; }
    body.rtl .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
      margin-right: unset;
      margin-left: 15px; }
    body.rtl .property-section .property-box .property-details .icon-property li + li {
      border-right: none; }
      body.rtl .property-section .property-box .property-details .icon-property li + li::before {
        left: unset;
        right: -10px; }
  
  body.rtl .property-section .nav-tabs .nav-item + .nav-item {
    margin-left: unset;
    margin-right: 30px; }
  
  body.rtl .property-section .property-2 .property-box .property-image .labels-left, body.rtl .property-section .property-3 .property-box .property-image .labels-left {
    right: 25px; }
  
  body.rtl .property-section .property-box-flat .property-box .property-image {
    direction: rtl; }
    body.rtl .property-section .property-box-flat .property-box .property-image .label-white {
      right: unset;
      left: 20px; }
    body.rtl .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
      right: unset;
      left: 56px; }
  
  body.rtl .property-section .list-property .property-box .property-image .overlay-property {
    direction: rtl; }
    body.rtl .property-section .list-property .property-box .property-image .overlay-property .overlay-box a::after {
      right: unset;
      left: -125px; }
  
  body.rtl .property-details {
    direction: rtl; }
    body.rtl .property-details .property-btn .btn + .btn {
      margin-left: unset;
      margin-right: 15px; }
    body.rtl .property-details ul li {
      padding-right: 15px;
      padding-left: 12px; }
      body.rtl .property-details ul li:last-child {
        padding-left: 0; }
      body.rtl .property-details ul li:first-child {
        padding-right: 0; }
      body.rtl .property-details ul li + li {
        border-left: none;
        border-right: 1px solid rgba(0, 0, 0, 0.2); }
  
  body.rtl .pagination-tab.nav-tabs .nav-item + .nav-item {
    margin-right: 20px; }
  
  body.rtl .user-dashboard {
    text-align: right; }
    body.rtl .user-dashboard .sidebar-user .user-profile .media .media-body {
      margin-left: unset;
      margin-right: 20px; }
    body.rtl .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
      left: unset;
      right: 0; }
    body.rtl .user-dashboard .property-overview table tr td .d-flex h6 {
      margin-left: unset;
      margin-right: 10px; }
    body.rtl .user-dashboard .property-overview table tr th:last-child, body.rtl .user-dashboard .property-overview table tr td:last-child {
      text-align: left; }
  
  body.rtl .right-line-tab .nav-item .nav-link {
    border-right: none;
    border-left: 2px solid transparent; }
    body.rtl .right-line-tab .nav-item .nav-link.active {
      border-left-color: var(--theme-default3); }
  
  body.rtl .apexcharts-canvas {
    direction: ltr; }
  
  body.rtl .tab-listing .property-details .my-listing {
    right: unset;
    left: 45px; }
  
  body.rtl .create-tab .create-property-form .form-inputs > h6::before {
    left: unset;
    right: 0px; }
  
  body.rtl .my-profile .profile-info .user-name .rating {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .my-profile .profile-info .user-detail li svg {
    margin-right: unset;
    margin-left: 3px; }
  
  body.rtl .my-profile .profile-info .user-detail li + li {
    margin-left: unset;
    margin-right: 20px; }
  
  body.rtl .my-profile .profile-info .information ul li .label {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .card-payment .payment-card .edit-card a + a {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .card-payment .payment-card .card-details .card-number > div img:last-child {
    margin-left: unset;
    margin-right: 10px; }
  
  body.rtl .card-payment .payment-card .card-details .valid-detail .date h3 {
    margin-left: unset;
    margin-right: 10px; }
  
  body.rtl .card-payment .payment-card .card-details .name-detail .card-img {
    text-align: left; }
  
  body.rtl .gj-datepicker-bootstrap .input-group-append {
    margin-right: -1px;
    margin-left: unset; }
  
  body.rtl .modal-header .btn-close {
    left: 0;
    right: unset;
    border-radius: 0 0 4px 0; }
  
  body.rtl .modal-body {
    text-align: right; }
  
  body.rtl .modal-footer > :not(:last-child) {
    margin-left: 0.25rem;
    margin-right: unset; }
  
  body.rtl .modal-footer > :not(:first-child) {
    margin-left: unset;
    margin-right: .25rem; }
  
  body.rtl .arrow-gradient.arrow-right .slick-prev {
    left: 58px;
    right: unset; }
  
  body.rtl .arrow-gradient.arrow-right .slick-next {
    right: unset;
    left: 0; }
  
  body.rtl .arrow-gradient.bg-light-blue .slick-prev {
    margin-left: unset;
    margin-right: 48%; }
  
  body.rtl .arrow-gradient.bg-light-blue .slick-next {
    margin-right: unset;
    margin-left: 47%; }
  
  body.rtl .feature-section .feature-1 .feature-wrapper .property-details {
    margin-right: unset;
    margin-left: -210px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half {
      right: unset;
      left: -13px; }
      body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half::after {
        left: unset;
        right: 0; }
      body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half i {
        margin-left: 16px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
        float: left;
        margin-top: 1px; }
      body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
        margin-left: unset;
        margin-right: 15px; }
  
  body.rtl .feature-section .feature-1 .feature-wrapper .feature-image {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
      right: unset;
      left: 40px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .signature {
      right: unset;
      left: 0; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
      right: unset;
      left: -2px;
      border-radius: 0 10px 10px 0; }
  
  body.rtl .feature-section .feature-1 .feature-wrapper .row .order-md {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  
  body.rtl .feature-section .feature-1 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrapper .feature-left {
    -webkit-animation: fadeInRight 1s;
            animation: fadeInRight 1s;
    text-align: right; }
  
  body.rtl .feature-section .feature-content {
    text-align: right;
    direction: rtl; }
    body.rtl .feature-section .feature-content .detail-list li .d-flex h6 {
      margin-left: unset;
      margin-right: 15px; }
    body.rtl .feature-section .feature-content .detail-list li:first-child {
      margin-left: 5px;
      margin-right: 0; }
    body.rtl .feature-section .feature-content .feature-price li + li {
      margin-left: unset;
      margin-right: 40px; }
  
  body.rtl .feature-section .modern-feature .feature-wrap {
    direction: rtl; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
      left: unset;
      right: 40px; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
      padding-left: unset;
      padding-right: 60px; }
  
  body.rtl .feature-section .feature-4.arrow-gradient .slick-arrow {
    left: unset !important;
    right: -98px; }
  
  body.rtl .feature-section.bg-half::before {
    left: unset;
    right: 0; }
  
  body.rtl .service-slider .service-wrapper {
    direction: rtl; }
    body.rtl .service-slider .service-wrapper .service-details {
      text-align: right; }
      body.rtl .service-slider .service-wrapper .service-details a {
        display: inline-block; }
        body.rtl .service-slider .service-wrapper .service-details a::after {
          right: unset;
          left: -45px; }
    body.rtl .service-slider .service-wrapper .top-img-box {
      margin-left: unset;
      margin-right: 40px; }
  
  body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev, body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
    right: unset; }
  
  body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
    left: 15.5%; }
  
  body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
    left: 12.5%; }
  
  body.rtl .theme-pagination {
    text-align: left; }
    body.rtl .theme-pagination .pagination .page-item + .page-item {
      margin-left: unset;
      margin-right: 8px; }
  
  body.rtl .theme-buttons > div .btn + .btn {
    margin-right: 15px;
    margin-left: unset; }
  
  body.rtl .provide-details {
    text-align: right; }
  
  body.rtl .theme-label > div > span + span {
    margin-left: unset;
    margin-right: 4px; }
  
  body.rtl .portfolio-creative.odd-even .row .content-sec {
    padding-right: 60px;
    padding-left: unset;
    text-align: right; }
  
  body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
    text-align: left;
    padding-left: 60px;
    padding-right: 0; }
    body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec p {
      margin-right: auto;
      margin-left: 0; }
  
  body.rtl .portfolio-grid .property-text {
    text-align: right; }
  
  body.rtl .ratio-card {
    text-align: right; }
    body.rtl .ratio-card .card-body ul {
      padding-left: unset;
      padding-right: 30px; }
  
  body.rtl .map-modal .modal-dialog .modal-content .modal-body {
    padding-left: 12px;
    padding-right: 0; }
  
  body.rtl .map-modal .modal-dialog .modal-content .btn-close {
    right: unset;
    left: 0;
    border-radius: 0 0 4px 0; }
  
  body.rtl .filter-panel .grid-list-filter li + li {
    margin-left: unset;
    margin-right: 10px; }
  
  body.rtl .filter-panel .top-panel {
    text-align: right; }
  
  body.rtl .filter-panel .d-lg-none {
    text-align: left; }
    body.rtl .filter-panel .d-lg-none .mobile-filter svg {
      margin-left: unset;
      margin-right: 20px; }
  
  body.rtl .blog-sidebar .search-bar input {
    padding-left: 14px;
    padding-right: 50px; }
  
  body.rtl .blog-sidebar .search-bar i {
    left: unset;
    right: 14px; }
    body.rtl .blog-sidebar .search-bar i::after {
      right: unset;
      left: -10px; }
  
  body.rtl .left-sidebar, body.rtl .blog-sidebar {
    text-align: right; }
  
  body.rtl .filter-cards .advance-card > h6::before {
    left: unset;
    right: 0; }
  
  body.rtl .filter-cards .advance-card .recent-property ul li .media .media-body {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .filter-cards .advance-card .tags ul li {
    margin-right: 0;
    margin-left: 8px; }
  
  body.rtl .filter-cards .advance-card .back-btn {
    text-align: left; }
  
  body.rtl .filter-cards .advance-card .category-property form .input-group-text {
    border-left: none; }
  
  body.rtl .feature-card .labels-left {
    left: unset;
    right: 10px; }
  
  body.rtl .left-sidebar .row .pe-1 {
    padding-right: 15px !important; }
  
  body.rtl .left-sidebar .row .ps-1 {
    padding-left: 15px !important; }
  
  body.rtl .agent-social li + li {
    margin-left: unset;
    margin-right: 5px; }
  
  body.rtl .agent-section .agent-image .label {
    left: unset;
    right: 15px; }
  
  body.rtl .agent-section .agent-image .overlay-content ul li + li {
    margin-left: unset;
    margin-right: 10px; }
  
  body.rtl .agent-section .agent-wrap {
    padding-left: unset;
    padding-right: 30px;
    border-left: unset;
    border-right: 1px solid #eee; }
  
  body.rtl .agent-section .agent-content .agent-contact li i {
    margin-left: 5px;
    margin-right: unset; }
  
  body.rtl .agent-section .agent-content .agent-contact li .label {
    margin-right: 5px;
    margin-left: unset; }
  
  body.rtl .agent-section .agent-content a {
    text-align: left; }
  
  body.rtl .agent-section .our-agent {
    text-align: right; }
  
  body.rtl .agent-section .our-agent-details ul li .media .icons-square {
    margin-right: unset;
    margin-left: 15px; }
  
  body.rtl .agent-section .about-agent {
    text-align: right; }
  
  body.rtl .agency-title {
    text-align: right; }
  
  body.rtl .our-agent .agent-image .label {
    right: 0; }
  
  body.rtl .agent-profile-wrap .our-agent .agent-image .label {
    right: 15px;
    left: unset; }
  
  body.rtl .testimonial-1 .pepole-comment {
    direction: rtl; }
    body.rtl .testimonial-1 .pepole-comment .client-msg .quote {
      left: unset;
      right: 40px; }
    body.rtl .testimonial-1 .pepole-comment .client-msg::before, body.rtl .testimonial-1 .pepole-comment .client-msg::after {
      left: unset;
      right: 26px; }
    body.rtl .testimonial-1 .pepole-comment .client-msg p {
      text-align: right; }
    body.rtl .testimonial-1 .pepole-comment .media img {
      margin-right: unset;
      margin-left: 20px; }
    body.rtl .testimonial-1 .pepole-comment .media .media-body {
      text-align: right; }
  
  body.rtl .our-client {
    direction: rtl; }
    body.rtl .our-client .client-right {
      text-align: right; }
    body.rtl .our-client .quote-img {
      left: 80px;
      right: unset; }
  
  body.rtl .modern-client .comment-right {
    left: unset;
    right: -160px;
    text-align: right; }
    body.rtl .modern-client .comment-right .slick-slide > div {
      direction: rtl; }
    body.rtl .modern-client .comment-right .slick-prev, body.rtl .modern-client .comment-right .slick-next {
      left: unset; }
    body.rtl .modern-client .comment-right .slick-prev {
      right: 20px; }
    body.rtl .modern-client .comment-right .slick-next {
      right: 70px; }
  
  body.rtl .modern-client .right-align, body.rtl .modern-client .bottom-align {
    left: unset; }
  
  body.rtl .modern-client .right-align {
    right: 36%; }
  
  body.rtl .modern-client .bottom-align {
    right: 23%; }
  
  body.rtl .banner-section .button-banner .btn + .btn {
    margin-left: unset;
    margin-right: 20px; }
  
  body.rtl .banner-2 .banner-right {
    text-align: right; }
  
  body.rtl .banner-2 .mobile-image {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  
  body.rtl .service-section .property-service > div .service-box {
    text-align: right; }
  
  body.rtl .about-section .about-wrap .about-content {
    direction: rtl; }
    body.rtl .about-section .about-wrap .about-content .our-details {
      text-align: right;
      margin-left: unset;
      margin-right: -70px; }
      body.rtl .about-section .about-wrap .about-content .our-details::after {
        right: unset;
        left: 0; }
    body.rtl .about-section .about-wrap .about-content .about-image .overlay-content ul li + li {
      margin-left: unset;
      margin-right: 10px; }
    body.rtl .about-section .about-wrap .about-content .about-image .overlay-content span {
      display: inline-block;
      text-align: center; }
  
  body.rtl .about-section .about-wrap.about-2 .about-content .our-details {
    margin: -70px auto 0; }
  
  body.rtl .about-box {
    direction: rtl; }
    body.rtl .about-box .agent-image .overlay-agent .agent-details {
      text-align: right; }
      body.rtl .about-box .agent-image .overlay-agent .agent-details ul li + li {
        margin-left: unset;
        margin-right: 10px; }
  
  body.rtl .feature-section .feature-wrap:hover .feature-image .slick-next {
    left: 15px;
    right: unset; }
    body.rtl .feature-section .feature-wrap:hover .feature-image .slick-next::before {
      content: "\f053"; }
  
  body.rtl .feature-section .feature-wrap:hover .feature-image .slick-prev {
    right: 15px;
    left: unset; }
    body.rtl .feature-section .feature-wrap:hover .feature-image .slick-prev::before {
      content: "\f054"; }
  
  body.rtl .property-section .property-box:hover .property-image .property-slider .slick-next {
    left: 15px;
    right: unset; }
    body.rtl .property-section .property-box:hover .property-image .property-slider .slick-next::before {
      content: "\f053"; }
  
  body.rtl .property-section .property-box:hover .property-image .property-slider .slick-prev {
    right: 15px;
    left: unset; }
    body.rtl .property-section .property-box:hover .property-image .property-slider .slick-prev::before {
      content: "\f054"; }
  
  body.rtl .blog-1 .blog-box {
    direction: rtl;
    padding-left: unset;
    padding-right: 12px; }
    body.rtl .blog-1 .blog-box .blog-content {
      text-align: right; }
  
  body.rtl .blog-wrap {
    direction: rtl;
    text-align: right; }
    body.rtl .blog-wrap .blog-image .blog-label {
      left: unset;
      right: 30px; }
  
  body.rtl .user-about {
    text-align: right; }
    body.rtl .user-about .about-listing ul li + li {
      margin-left: unset;
      margin-right: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))); }
    body.rtl .user-about .about-image .img-box.img-abs {
      right: unset;
      left: 15%; }
  
  body.rtl .side-effect::before, body.rtl .side-effect::after {
    left: unset; }
  
  body.rtl .side-effect::before {
    right: 8px; }
  
  body.rtl .side-effect::after {
    right: 16px; }
  
  body.rtl .side-left .side-effect::before, body.rtl .side-left .side-effect::after {
    left: unset; }
  
  body.rtl .side-left .side-effect::before {
    right: -8px; }
  
  body.rtl .side-left .side-effect::after {
    right: -16px; }
  
  body.rtl .offer-section .offer-wrapper {
    direction: rtl; }
    body.rtl .offer-section .offer-wrapper .media .media-body {
      text-align: right;
      margin-left: unset;
      margin-right: 50px; }
      body.rtl .offer-section .offer-wrapper .media .media-body h6::after {
        left: unset;
        right: 35px; }
  
  body.rtl .coming-simple {
    text-align: right; }
    body.rtl .coming-simple form .form-group button {
      right: unset;
      left: 0; }
  
  body.rtl .get-in-touch {
    text-align: right; }
  
  body.rtl .contact_section, body.rtl .log-in, body.rtl .download-section {
    text-align: right; }
  
  body.rtl .download-section .download-wrap ul li + li {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .download-section .app-right button {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .captcha .logo {
    margin-left: unset;
    margin-right: 50px; }
  
  body.rtl .footer-left-space {
    padding-left: unset;
    padding-right: 40px; }
  
  body.rtl footer {
    text-align: right; }
    body.rtl footer .footer-details .footer-contact ul li i {
      margin-right: unset;
      margin-left: 15px; }
    body.rtl footer .footer-links .footer-content .footer-blog .media .media-body {
      margin-left: unset;
      margin-right: 20px; }
    body.rtl footer .sub-footer .sub-footer-link li + li {
      margin-left: unset;
      margin-right: 20px; }
    body.rtl footer.footer-brown .footer-details img {
      margin-right: 0; }
    body.rtl footer.footer-brown .sub-footer .footer-social ul li + li {
      margin-right: 35px; }
    body.rtl footer.footer-light .footer-links .footer-title span {
      margin-left: unset;
      margin-right: 20px; }
    body.rtl footer.footer-light .footer-links .footer-content li a svg {
      float: right;
      margin-left: 5px;
      margin-right: -5px; }
    body.rtl footer.footer-res .footer-links .footer-content li a svg {
      float: right;
      margin-right: -5px;
      margin-left: 5px; }
  
  body.rtl .footer-bg .footer-details .icon-list li + li {
    margin-right: 4px;
    margin-left: unset; }
  
  body.rtl .footer-bg .footer-links .footer-content .input-group input {
    border-radius: 0 23px 23px 0 !important; }
  
  body.rtl .footer-bg .footer-links .footer-content .input-group .input-group-text {
    border-radius: 23px 0 0 23px;
    padding: 10px 10px 10px 15px;
    margin-left: 0; }
  
  body.rtl .footer-bg .bottom-blog {
    margin-left: unset;
    margin-right: 40px; }
    body.rtl .footer-bg .bottom-blog .footer-slider .media {
      direction: rtl; }
      body.rtl .footer-bg .bottom-blog .footer-slider .media .media-body {
        margin-left: unset;
        margin-right: 20px; }
  
  body.rtl .log-in .title-3 h2::before {
    left: unset;
    right: 0; }
  
  body.rtl .log-in form .form-group .important-note {
    padding-left: unset;
    padding-right: 35px; }
  
  body.rtl .btn-social {
    text-align: right; }
  
  body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps {
    text-align: right; }
    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
      border-right: unset;
      border-left: 2px solid #ffffff; }
  
  body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
    margin-left: unset;
    margin-right: 15px; }
  
  body.rtl .property-wizard .wizard-box .wizard-form-details {
    text-align: right; }
  
  body.rtl .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
    padding-right: 0; }
  
  body.rtl .blog-single-detail {
    text-align: right; }
    body.rtl .blog-single-detail .blog-title .post-detail li + li {
      padding-left: unset;
      margin-left: unset;
      padding-right: 15px;
      margin-right: 15px;
      border-left: unset;
      border-right: 1px solid #eee; }
    body.rtl .blog-single-detail .comment-section .comment-box .media .media-body {
      margin-left: unset;
      margin-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); }
      body.rtl .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i, body.rtl .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i {
        margin-right: unset;
        margin-left: 7px; }
      body.rtl .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date {
        margin-left: unset;
        margin-right: 15px; }
  
  body.rtl.dark-layout .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
    border-right-color: #383434; }
  
  body.rtl.dark-layout .video-layout .video-search .input-group {
    border-left-color: #383434; }
  
  body.rtl.dark-layout .agent-section .agent-wrap {
    border-right: 1px solid #383434; }
  
  body.rtl.dark-layout .property-grid.list-view .property-box .agent-image {
    border-left-color: #383434;
    border-bottom: none; }
  
  body.rtl.dark-layout .property-details ul li + li {
    border-right: 1px solid #383434; }
  
  body.rtl.dark-layout .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
    border-left: 2px solid #383434; }
  
  body.rtl.dark-layout .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
    border-right-color: #383434; }
  
  body.rtl.dark-layout .blog-single-detail .blog-title .post-detail li + li {
    border-right: 1px solid #383434; }
  
  @media (max-width: 767px) {
    body.rtl.dark-layout .agent-section .agent-wrap {
      border-right: none; } }
  
  @media (max-width: 575px) {
    body.rtl.dark-layout .property-grid.list-view .property-box .agent-image {
      border-bottom: 1px solid #383434; } }
  
  @media (min-width: 576px) {
    body.rtl .me-sm-3 {
      margin-left: 1rem !important;
      margin-right: unset !important; } }
  
  @media (min-width: 768px) {
    body.rtl .offset-md-5 {
      margin-right: 41.66667%;
      margin-left: unset; }
    body.rtl .offset-md-3 {
      margin-right: 25%;
      margin-left: unset; }
    body.rtl .text-md-end {
      text-align: left !important; }
    body.rtl .ms-md-2 {
      margin-right: 0.5rem !important;
      margin-left: unset !important; } }
  
  @media (min-width: 992px) {
    body.rtl .ms-lg-3 {
      margin-right: 1rem !important;
      margin-left: unset !important; }
    body.rtl .offset-lg-0 {
      margin-right: 0; } }
  
  @media (min-width: 1200px) {
    body.rtl .offset-xl-2 {
      margin-left: unset;
      margin-right: 16.6667%; }
    body.rtl .offset-xl-0 {
      margin-right: 0; } }
  
  @media (max-width: 1660px) {
    body.rtl .feature-3.arrow-image .slick-arrow {
      left: 28px; }
    body.rtl .layout-home2 .feature-section .feature-content {
      margin-right: 100px; }
    body.rtl .user-about .about-image {
      margin-left: unset;
      margin-right: 15px; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
      left: 10%; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
      left: 6.5%; } }
  
  @media (max-width: 1460px) {
    body.rtl .about-section .about-wrap .about-content .about-image .overlay-content ul {
      margin-right: unset; }
    body.rtl header.header-centered .main-navbar .nav-menu > li > a {
      margin-right: 20px; }
    body.rtl header.header-4 .main-navbar .nav-menu > li > a {
      margin-left: 30px; }
      body.rtl header.header-4 .main-navbar .nav-menu > li > a::after {
        left: -14px !important;
        right: unset !important; }
    body.rtl .animate-rdi {
      margin-right: 18px; }
      body.rtl .animate-rdi label {
        margin-left: 17px; }
    body.rtl .our-client .quote-img {
      left: -30px; }
    body.rtl .tab-listing .property-details .my-listing {
      left: 30px; }
    body.rtl .layout-home4 .slider-image .home-content {
      padding-left: 50px; }
    body.rtl .feature-section .feature-content .detail-list li .d-flex h6 {
      margin-right: 10px; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
      padding-right: 25px; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
      right: 30px; }
    body.rtl .offer-section .offer-wrapper .media .media-body {
      margin-right: 20px; }
    body.rtl .property-details .property-btn .btn + .btn {
      margin-right: 10px; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
      left: 15%; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
      left: 11%; }
    body.rtl .modern-client .comment-right .slick-arrow {
      right: -20%; }
    body.rtl .modern-client .comment-right .slick-next {
      right: -8.5%; }
    body.rtl .modern-client .right-align {
      left: -100px; }
    body.rtl .user-about .about-image .img-box.img-abs {
      left: 3%; } }
  
  @media (max-width: 1800px) {
    body.rtl .layout-home2 .arrow-light .slick-prev {
      right: 100px;
      left: unset; }
    body.rtl .layout-home2 .arrow-light .slick-next {
      left: 100px;
      right: unset; } }
  
  @media (max-width: 1740px) {
    body.rtl .layout-home2 .arrow-light .slick-prev {
      right: 60px;
      left: unset; }
    body.rtl .layout-home2 .arrow-light .slick-next {
      left: 60px;
      right: unset; } }
  
  @media (max-width: 1399px) {
    body.rtl .layout-home2 .feature-section .feature-content {
      margin-right: 50px; }
    body.rtl .footer-light .footer-left-space {
      padding-right: 20px; } }
  
  @media (max-width: 1366px) {
    body.rtl .layout-home2 .arrow-light .slick-prev {
      right: 2px;
      left: unset; }
    body.rtl .layout-home2 .arrow-light .slick-next {
      left: 2px;
      right: unset; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
      left: 12%; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
      left: 8%; }
    body.rtl .modern-client .comment-right {
      right: -130px; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-image {
      -webkit-box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
              box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1); } }
  
  @media (max-width: 1199px) {
    body.rtl header .main-navbar .nav-menu.open {
      left: 0;
      right: unset; }
    body.rtl .layout-home3 .slick-slider .slick-next {
      right: 95px; }
    body.rtl .layout-home2 .feature-section .feature-content {
      margin-right: 40px; }
    body.rtl .animate-rdi {
      margin-right: 0; }
    body.rtl .footer-light .footer-left-space {
      padding-right: 0; }
    body.rtl .our-client .quote-img {
      left: -80px; }
    body.rtl .service-slider .service-wrapper .top-img-box {
      margin-right: 30px; }
    body.rtl .details-right {
      padding-right: 20px; }
    body.rtl .property-grid-2 .property-details ul li {
      padding-left: 5px;
      padding-right: 9px; }
      body.rtl .property-grid-2 .property-details ul li:last-child {
        padding-left: 0; }
    body.rtl .according-menu {
      right: unset;
      left: 20px; }
    body.rtl header .menu nav {
      margin-right: auto;
      margin-left: 30px; }
    body.rtl header .main-navbar .nav-menu > li > a {
      text-align: right;
      margin-left: 0; }
    body.rtl header .main-navbar .nav-menu > li .nav-submenu li a:hover {
      margin-right: 0; }
    body.rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
      left: 0; }
    body.rtl header.header-centered .menu nav {
      margin-right: auto;
      margin-left: 0; }
    body.rtl header.header-centered .menu .brand-logo {
      margin-right: -9px; }
    body.rtl header.header-centered .main-navbar .nav-menu > li > a {
      margin-right: 0; }
    body.rtl header.header-4 .main-navbar .nav-menu > li > a {
      margin-left: 0; }
    body.rtl footer.footer-light .footer-links .footer-title .according-menu {
      left: unset; }
    body.rtl .arrow-define::after {
      -webkit-transform: rotate(162deg);
              transform: rotate(162deg); }
    body.rtl .arrow-gradient.bg-light-blue .slick-prev {
      margin-right: 47%; }
    body.rtl .arrow-gradient.bg-light-blue .slick-next {
      margin-left: 46%; }
    body.rtl .property-section .property-box .property-details .icon-property li + li::before {
      right: -24px; }
    body.rtl .property-section .property-2 .property-box .property-image .labels-left, body.rtl .property-section .property-3 .property-box .property-image .labels-left {
      right: 15px; }
    body.rtl .modal-form {
      left: unset; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details {
      margin-left: -233px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
      left: 30px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .signature {
      left: 0; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
      left: -25px; }
    body.rtl .feature-section .feature-content .detail-list li .d-flex h6 {
      margin-right: 8px; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
      padding-right: 10px; }
    body.rtl .about-section .about-wrap.about-1 .about-content .our-details {
      margin-left: auto;
      margin-right: auto; }
    body.rtl .blog-wrap .blog-image .blog-label {
      right: 20px; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
      left: 15%; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
      left: 10%; }
    body.rtl .modern-client .comment-right {
      right: 0; }
      body.rtl .modern-client .comment-right .slick-prev {
        right: -20%; }
      body.rtl .modern-client .comment-right .slick-next {
        right: -8.5%; }
    body.rtl .accordion .card-header {
      padding-left: 40px;
      padding-right: 20px; }
      body.rtl .accordion .card-header .card-link::after {
        left: 20px; }
    body.rtl .portfolio-creative.odd-even .row .content-sec {
      padding-right: 40px; }
    body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
      padding-left: 40px; }
    body.rtl .footer-left-space {
      padding-right: 0; }
    body.rtl .footer-bg .bottom-blog {
      margin-right: 0; } }
  
  @media (max-width: 1199px) and (min-width: 992px) {
    body.rtl .blog-section .blog-1 .slick-prev {
      right: unset;
      left: 25px; }
    body.rtl .blog-section .blog-1 .slick-next {
      right: unset;
      left: 0; } }
  
  @media (max-width: 991px) {
    body.rtl .layout-home3 .slick-slider .slick-next {
      right: 15px; }
    body.rtl .layout-home2 .feature-section .feature-content {
      margin-right: 30px; }
    body.rtl .video-layout .video-details {
      padding-right: unset;
      padding-left: 30px; }
    body.rtl .filter-bottom-content.left-sidebar {
      left: unset !important;
      right: -300px !important; }
      body.rtl .filter-bottom-content.left-sidebar.open {
        right: 0 !important; }
    body.rtl .agent-section .agent-wrap {
      padding-right: 20px; }
    body.rtl .coming-simple .row {
      text-align: center; }
    body.rtl .coming-simple .title-3.text-start h2::before {
      left: 50%;
      right: unset; }
    body.rtl .details-right {
      padding-right: 0; }
    body.rtl .single-property-section .single-title .right-single {
      text-align: right; }
    body.rtl .top-bar .top-content .top-bar-right {
      text-align: left; }
      body.rtl .top-bar .top-content .top-bar-right li + li {
        margin-right: 10px; }
    body.rtl .top-bar.top-bar-7 .top-content .top-bar-right li:last-child {
      margin-left: unset;
      margin-right: 10px; }
    body.rtl header.header-4 .menu .header-right li + li {
      margin-right: 10px; }
    body.rtl header.header-4 .menu .header-right li .search-box .form-control {
      right: 34px; }
    body.rtl header.header-4 .menu .header-right li .search-box .form-group::after {
      right: 34px; }
    body.rtl header.header-centered .menu .brand-logo {
      margin-right: -15px; }
    body.rtl .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
      margin-left: unset;
      margin-right: 15px; }
    body.rtl .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
      border-right: none; }
    body.rtl .user-dashboard .sidebar-user .user-profile .connected-social {
      margin-left: unset;
      margin-right: 30px; }
    body.rtl .right-line-tab .nav-item .nav-link {
      border-left: none; }
    body.rtl .arrow-gradient.bg-light-blue .slick-prev {
      margin-right: 46%; }
    body.rtl .arrow-gradient.bg-light-blue .slick-next {
      margin-left: 45%; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        left: -20px; }
      body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .signature {
        left: -47px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details {
      margin-left: auto;
      margin-right: auto; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
      padding-right: 0; }
    body.rtl .banner-section .button-banner .btn + .btn {
      margin-right: 10px; }
    body.rtl .banner-2:after {
      right: 0; }
    body.rtl .property-section .nav-tabs .nav-item + .nav-item {
      margin-right: 20px; }
    body.rtl .property-section .property-box .property-details .icon-property li + li::before {
      right: -38px; }
    body.rtl .pagination-tab.nav-tabs .nav-item + .nav-item {
      margin-right: 15px; }
    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(even) {
      margin-left: unset;
      margin-right: 2%; }
    body.rtl .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(even) {
      margin-left: unset;
      margin-right: 5px; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
      left: 20%; }
    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
      left: 14%; }
    body.rtl .modern-client .comment-right {
      right: 0; }
      body.rtl .modern-client .comment-right .slick-prev {
        right: 46.8%; }
      body.rtl .modern-client .comment-right .slick-next {
        right: 55%; }
    body.rtl .user-about .about-image .img-box.img-abs {
      left: 28%; }
    body.rtl .map-modal .map-section {
      padding-left: unset;
      padding-right: 12px; }
    body.rtl .portfolio-creative.odd-even .row .content-sec {
      padding-right: 20px;
      padding-left: 20px; }
    body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
      padding-right: 20px;
      padding-left: 20px; } }
  
  @media (max-width: 767px) {
    body.rtl .video-layout .overlay-content {
      left: 10%; }
    body.rtl .banner-2 .banner-right {
      padding: 30px; }
    body.rtl .blog-section .blog-1 .slick-prev {
      right: -3px;
      left: unset; }
    body.rtl .blog-section .blog-1 .slick-next {
      left: -3px;
      right: unset; }
    body.rtl header .header-right .right-menu ul .dropdown + .dropdown {
      margin-left: unset;
      margin-right: 0; }
    body.rtl .video-layout .play-icon {
      left: unset;
      right: 67%; }
    body.rtl .layout-home2 .feature-section .feature-content {
      margin-right: auto; }
    body.rtl footer .footer-links .footer-title span {
      right: unset;
      left: 0; }
    body.rtl footer.footer-light .footer-links .footer-title .according-menu {
      position: absolute;
      top: 0;
      left: 0;
      right: unset; }
    body.rtl .animate-rdi {
      right: unset;
      left: 12px; }
      body.rtl .animate-rdi label {
        margin-left: 10px;
        text-align: right; }
    body.rtl .agent-section .agent-wrap {
      padding-right: 0;
      border-right: none; }
    body.rtl .filter-panel .top-panel .grid-list-filter li {
      margin: 5px; }
    body.rtl .filter-panel .d-lg-none .mobile-filter svg {
      margin-right: 10px; }
    body.rtl header .menu .brand-logo {
      margin-right: 0px; }
    body.rtl .top-bar .top-content .top-bar-right li + li {
      margin-right: 6px; }
    body.rtl .top-bar.top-bar-7 .top-content .top-bar-right li:last-child {
      margin-right: 6px; }
    body.rtl .theme-buttons > div .btn + .btn {
      margin-right: 6px; }
    body.rtl .layout-home4 .slider-image .home-content {
      padding-left: 30px; }
    body.rtl .offer-section .offer-wrapper .media .media-body {
      margin-right: 15px; }
    body.rtl .modern-client .comment-right .slick-prev {
      right: 40%; }
    body.rtl .modern-client .comment-right .slick-next {
      right: 50%; }
    body.rtl .user-about .about-image .img-box.img-abs {
      left: 8%; }
    body.rtl .blog-single-detail .blog-title .post-detail li + li {
      padding-right: 0;
      margin-right: 0;
      border-right: none; } }
  
  @media (max-width: 576px) {
    body.rtl header .menu nav {
      margin-left: 20px; }
    body.rtl header .menu .header-right li a svg {
      margin-left: 0; } }
  
  @media (max-width: 575px) {
    body.rtl header.header-4 .menu .header-right li + li {
      margin-right: 4px; }
    body.rtl header.header-4 .menu .header-right li .search-box.open i {
      border-radius: 5px; }
    body.rtl header.header-4 .menu .header-right li .search-box .form-group {
      right: unset;
      left: 0; }
      body.rtl header.header-4 .menu .header-right li .search-box .form-group::after {
        right: 40px;
        border-radius: 5px; }
    body.rtl .video-layout .video-details {
      padding: 0; }
    body.rtl .video-layout .video-search .input-group {
      border-left: none; }
      body.rtl .video-layout .video-search .input-group input {
        padding-right: 12px;
        padding-left: unset; }
    body.rtl .video-layout .play-icon {
      right: unset;
      margin-right: 0; }
    body.rtl .property-grid.list-view .property-box .agent-image {
      border-left: none; }
    body.rtl .service-slider .service-wrapper .top-img-box {
      margin-right: 20px; }
    body.rtl .property-section .list-property .property-box .property-image .overlay-property .overlay-box a::after {
      left: -85px; }
    body.rtl .filter-panel .d-lg-none {
      text-align: right; }
    body.rtl .arrow-define {
      left: -20px; }
      body.rtl .arrow-define::after {
        right: -27px; }
    body.rtl .user-dashboard .sidebar-user .user-profile .connected-social {
      margin-right: 0; }
    body.rtl .my-profile .profile-info .user-name .rating {
      margin-right: 0; }
    body.rtl .my-profile .profile-info .user-detail li + li {
      margin-right: 10px; }
    body.rtl .card-payment .payment-card .card-details .card-number > div img:last-child {
      margin-right: 5px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
      float: none; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
      margin-right: 0; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half {
      left: -17px; }
    body.rtl .banner-section .button-banner .btn + .btn {
      margin-right: 4px; }
    body.rtl .animate-rdi label {
      text-align: right; }
    body.rtl header.header-centered .menu .brand-logo {
      margin-right: -22px; }
    body.rtl .modern-client .comment-right {
      right: 0; }
    body.rtl .modern-client .img-testimonial {
      margin-left: unset;
      margin-right: 30px; }
    body.rtl .user-about .about-image .img-box.img-abs {
      left: 30%; }
    body.rtl .single-property-section .single-title .right-single {
      text-align: right; }
    body.rtl .review .review-box .media .media-body {
      margin-right: 0; }
    body.rtl .review .review-box .media .rating {
      left: unset;
      right: 90px; }
    body.rtl .review .review-box.review-child {
      margin-right: 30px; } }
  
  @media (max-width: 480px) {
    body.rtl .property-section .property-box .property-image .seen-data {
      left: 14px;
      right: unset; }
      body.rtl .property-section .property-box .property-image .seen-data svg {
        margin-right: unset;
        margin-left: 4px; }
    body.rtl header .menu nav {
      margin-right: auto;
      margin-left: 8px; }
    body.rtl .filter-panel .d-lg-none {
      text-align: right; }
    body.rtl .blog-1 .blog-box {
      padding-right: 0; }
    body.rtl .feature-section .feature-content .feature-price li + li {
      margin-right: 20px; }
    body.rtl .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
      right: 15px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
      left: 15px; }
    body.rtl .offer-section .offer-wrapper .media .media-body {
      text-align: center;
      margin-right: 0; }
    body.rtl .property-section .nav-tabs .nav-item + .nav-item {
      margin-right: 15px; }
    body.rtl .property-section .property-box-flat .property-box .property-image .label-white {
      left: 15px; }
    body.rtl .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
      left: 50px; }
    body.rtl .property-section .property-box .property-image .overlay-plus .like-bottom {
      left: 15px; }
    body.rtl .property-section .property-2 .property-box .property-image .labels-left, body.rtl .property-section .property-box-flat .property-box .property-image .labels-left {
      right: -3px; }
    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(even) {
      margin-right: 0; }
    body.rtl .user-about .about-listing ul li + li {
      margin-right: 0; }
    body.rtl .download-section .download-wrap ul li + li {
      margin-right: 0; }
    body.rtl .captcha .logo, body.rtl .captcha .text {
      margin-right: 20px;
      margin-left: unset; } }
  
  @media (max-width: 420px) {
    body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
      right: unset;
      left: -10px; }
    body.rtl .custom-dropdown .custom-dropdown-menu.form-dropdown {
      left: -70px; }
    body.rtl .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
      text-align: left;
      margin-left: unset;
      margin-right: auto; }
    body.rtl .top-bar .top-content .top-bar-right li .flat-box .fa-home {
      margin-left: 0; }
    body.rtl .top-bar .top-content .top-bar-right li .flat-box span {
      display: none; }
    body.rtl .header-layout-3 .contact-number i {
      margin-left: 6px; }
    body.rtl .feature-section .feature-content .feature-price li + li {
      margin-right: 0; }
    body.rtl .property-section .property-box .property-details .icon-property li {
      padding-right: 0; }
    body.rtl .download-section .app-right {
      text-align: center; }
      body.rtl .download-section .app-right button {
        margin-right: 0; } }
  
  @media (max-width: 360px) {
    body.rtl .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
      margin-left: 8px;
      margin-right: unset; }
    body.rtl .property-section .property-box .property-details > ul > li > img {
      margin-left: 3px;
      margin-right: 0; }
    body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu {
      right: unset;
      left: -45px; }
    body.rtl .home-section.layout-6 .arrow-light .slick-next {
      right: 13%; }
    body.rtl .property-details ul li {
      padding-right: 10px;
      padding-left: 6px; }
    body.rtl .property-grid-2 .property-details ul li {
      padding-left: 4px;
      padding-right: 6px; }
    body.rtl .tab-listing .property-details .my-listing {
      left: 20px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
      left: -32px; }
    body.rtl .feature-section .feature-1 .feature-wrapper .property-details .property-btn a + a {
      margin-left: 0;
      margin-right: 3px; }
    body.rtl .feature-section .feature-content .feature-price li + li {
      margin-right: 0; }
    body.rtl .user-about .about-image .img-box.img-abs {
      left: 5%; }
    body.rtl footer .sub-footer .sub-footer-link li + li {
      margin-right: 10px; }
    body.rtl footer.footer-brown .sub-footer .footer-social ul li + li {
      margin-left: unset;
      margin-right: 10px; } }
  
  /**=====================
       rtl layout css end
  ==========================**/
  /**=====================
       Inner pages css start
  ==========================**/
  .card .card-header {
    border-bottom: none; }
  
  .compare-page .table-wrapper {
    padding-bottom: 0; }
    .compare-page .table-wrapper .table {
      border: 1px solid #f8f8f8;
      text-transform: capitalize;
      color: #222;
      margin-bottom: 0; }
      .compare-page .table-wrapper .table .property-name {
        width: 15%; }
      .compare-page .table-wrapper .table .featured-image {
        width: 220px; }
      .compare-page .table-wrapper .table td {
        border-top: none; }
      .compare-page .table-wrapper .table thead .th-compare td {
        font-size: 16px;
        font-weight: 700;
        background: #f8f8f8;
        border-right: 1px solid #eee;
        border-bottom-color: #ddd;
        padding: 15px; }
      .compare-page .table-wrapper .table thead .th-compare th {
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee; }
        .compare-page .table-wrapper .table thead .th-compare th .remove {
          float: left;
          border: none;
          background: transparent;
          padding: 0;
          font-size: 16px;
          font-weight: 500; }
      .compare-page .table-wrapper .table tbody tr th {
        background: #f8f8f8;
        padding: 15px;
        font-size: 15px;
        vertical-align: top;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee; }
      .compare-page .table-wrapper .table tbody tr td {
        border-right: 1px solid #eee;
        position: relative;
        padding: 15px;
        vertical-align: top;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee; }
      .compare-page .table-wrapper .table tbody tr .grid-link__title {
        font-size: 15px; }
      .compare-page .table-wrapper .table tbody tr .property_price {
        margin: 15px 0 0; }
        .compare-page .table-wrapper .table tbody tr .property_price span.money {
          padding-left: 5px; }
        .compare-page .table-wrapper .table tbody tr .property_price h6 {
          font-weight: 500; }
          .compare-page .table-wrapper .table tbody tr .property_price h6 a {
            color: #1c2d3a; }
        .compare-page .table-wrapper .table tbody tr .property_price span.color-2 {
          color: var(--theme-default3);
          font-weight: 500;
          font-size: 16px; }
      .compare-page .table-wrapper .table tbody tr p {
        color: #222;
        font-size: 13px;
        line-height: 20px;
        margin: 0; }
      .compare-page .table-wrapper .table tbody tr .add-to-wish {
        padding: 6px 10px; }
      .compare-page .table-wrapper .table tbody tr .select-option-cls {
        padding: 6px 10px; }
  
  .ratio-card .card-header h5 {
    margin-top: -5px;
    line-height: 1.4; }
  
  .ratio-card h5 {
    font-family: Rubik, sans-serif; }
  
  .ratio-card .card-body h5 {
    background: var(--theme-gradient7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    margin-top: -3px; }
  
  .ratio-card .card-body ul {
    list-style-type: disc;
    padding-left: 30px;
    margin-bottom: -3px; }
    .ratio-card .card-body ul li {
      display: list-item; }
      .ratio-card .card-body ul li h6 {
        font-family: Rubik, sans-serif; }
      .ratio-card .card-body ul li:last-child h6 {
        margin-bottom: 0; }
  
  .bg-light {
    background-color: rgba(20, 22, 22, 0.3); }
  
  .bg-light-blue {
    background-color: #f7f7fe; }
  
  .my-gallery .row .col .row {
    margin-bottom: -24px; }
    .my-gallery .row .col .row > div {
      margin-bottom: 24px; }
  
  .my-gallery .title-1 h2 {
    margin-bottom: -3px; }
  
  .my-gallery .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  
  .my-gallery .title-1:hover hr {
    width: 150px; }
  
  .my-gallery .title-1.color-6 hr {
    color: var(--theme-default8); }
  
  .my-gallery .find-cities {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 400px; }
    .my-gallery .find-cities::after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-image: var(--theme-gradient4); }
    .my-gallery .find-cities .citi-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      text-align: center;
      z-index: 1; }
      .my-gallery .find-cities .citi-overlay h4,
      .my-gallery .find-cities .citi-overlay h6 {
        color: rgba(255, 255, 255, 0.9); }
      .my-gallery .find-cities .citi-overlay h2 {
        font-size: calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 22px;
        color: #ffffff; }
      .my-gallery .find-cities .citi-overlay h4 {
        margin-bottom: 18px;
        font-weight: 500; }
      .my-gallery .find-cities .citi-overlay h6 {
        margin-bottom: 0;
        position: relative;
        line-height: 1.8; }
        .my-gallery .find-cities .citi-overlay h6::after {
          position: absolute;
          content: "";
          width: 180px;
          height: 100%;
          right: -54px;
          background-color: rgba(255, 255, 255, 0.2); }
        .my-gallery .find-cities .citi-overlay h6:hover::after {
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          right: 0; }
    .my-gallery .find-cities:hover::after {
      height: 100%;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      opacity: 0.75; }
    .my-gallery .find-cities:hover .citi-overlay {
      height: 100%;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      opacity: 1; }
  
  .my-gallery.gallery-6 .find-cities::after {
    background-image: var(--theme-gradient13); }
  
  .offer-section .title-1 h2 {
    margin-bottom: -9px; }
  
  .offer-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  
  .offer-section .title-1:hover hr {
    width: 150px; }
  
  .offer-section .title-1.color-6 hr {
    color: var(--theme-default8); }
  
  .offer-section .offer-wrapper {
    padding: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px; }
    .offer-section .offer-wrapper .media .offer-icon {
      width: 90px;
      height: 90px;
      border-radius: 100%;
      position: relative;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: rgba(255, 255, 255, 0.1); }
      .offer-section .offer-wrapper .media .offer-icon img {
        height: 45px; }
      .offer-section .offer-wrapper .media .offer-icon::before, .offer-section .offer-wrapper .media .offer-icon::after {
        content: "";
        position: absolute; }
      .offer-section .offer-wrapper .media .offer-icon::before {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        vertical-align: middle;
        width: 88%;
        height: 88%;
        -webkit-transform: scale(0);
                transform: scale(0);
        background-image: var(--theme-gradient3);
        border-radius: 100%;
        z-index: -1; }
      .offer-section .offer-wrapper .media .offer-icon::after {
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 50%;
        border: 1px dashed #ffffff;
        padding: 10px;
        -webkit-transition: 0.8s;
        transition: 0.8s;
        -webkit-animation: spin 10s infinite linear;
                animation: spin 10s infinite linear; }
    .offer-section .offer-wrapper .media .media-body {
      margin-left: 50px; }
      .offer-section .offer-wrapper .media .media-body h6 {
        letter-spacing: 5px;
        line-height: 1.8;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 0;
        font-weight: 500; }
        .offer-section .offer-wrapper .media .media-body h6::after {
          position: absolute;
          content: "";
          width: 91px;
          left: 35px;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.1); }
      .offer-section .offer-wrapper .media .media-body h3 {
        font-weight: 700;
        margin: 16px 0; }
      .offer-section .offer-wrapper .media .media-body p {
        line-height: 1.7;
        margin-bottom: 0; }
      .offer-section .offer-wrapper .media .media-body h3,
      .offer-section .offer-wrapper .media .media-body h6,
      .offer-section .offer-wrapper .media .media-body p {
        color: #ffffff; }
    .offer-section .offer-wrapper:hover .media .offer-icon {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: unset; }
      .offer-section .offer-wrapper:hover .media .offer-icon::before {
        -webkit-animation-name: bubble;
                animation-name: bubble;
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .offer-section .offer-wrapper:hover .media .offer-icon::after {
        opacity: 1;
        -webkit-transition: 0.8s;
        transition: 0.8s; }
  
  .offer-section.banner-4 .offer-wrapper .media .offer-icon::before {
    background-image: var(--theme-gradient13); }
  
  .offer-section.offer-inner {
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: overlay; }
    .offer-section.offer-inner .title-2 h2 {
      margin-top: -4px; }
    .offer-section.offer-inner .offer-wrapper .media .offer-icon::before {
      background-image: var(--theme-gradient7); }
  
  .offer-section.layout-9 {
    background-color: rgba(0, 0, 0, 0.7); }
  
  .new-property .feature-wrap {
    margin: 0 80px;
    border-radius: 10px;
    overflow: hidden; }
    .new-property .feature-wrap .row {
      margin: 0; }
      .new-property .feature-wrap .row > div {
        padding: 0; }
  
  .new-property .feature-content {
    background-color: #ffffff; }
    .new-property .feature-content .details h3 span {
      color: var(--theme-default3); }
    .new-property .feature-content .feature-price h3 {
      background: var(--theme-gradient7);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
              filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2)); }
    .new-property .feature-content .detail-list li .label-lg {
      border-radius: 8px; }
  
  .new-property.pricing-property .feature-wrap {
    overflow: unset; }
  
  .new-property.pricing-property .title-2 h2 {
    margin-top: -4px; }
  
  .pricing-section .pricing-box {
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
    padding: 50px;
    text-align: center;
    position: relative; }
    .pricing-section .pricing-box::after {
      position: absolute;
      content: "";
      width: 0;
      height: 3px;
      background-color: var(--theme-default5);
      -webkit-transition: width 0.5s;
      transition: width 0.5s;
      bottom: 0;
      left: 0; }
    .pricing-section .pricing-box h4,
    .pricing-section .pricing-box h3 {
      color: #586167; }
    .pricing-section .pricing-box .pricing-details img {
      margin: 0 auto; }
    .pricing-section .pricing-box .pricing-details .pricing-svg {
      width: 50px;
      height: 50px; }
    .pricing-section .pricing-box .pricing-details .pricing-icon {
      position: relative; }
      .pricing-section .pricing-box .pricing-details .pricing-icon::after {
        position: absolute;
        content: '';
        width: 40px;
        height: 40px;
        border-radius: 100%;
        opacity: 0.2;
        bottom: -7px;
        right: 0;
        left: 0;
        margin: 0 auto;
        -webkit-transform: translateX(11px);
                transform: translateX(11px); }
      .pricing-section .pricing-box .pricing-details .pricing-icon.color-3 .pricing-svg {
        fill: var(--theme-default5); }
      .pricing-section .pricing-box .pricing-details .pricing-icon.color-3::after {
        background-color: var(--theme-default5); }
      .pricing-section .pricing-box .pricing-details .pricing-icon.color-2 .pricing-svg {
        fill: var(--theme-default3); }
      .pricing-section .pricing-box .pricing-details .pricing-icon.color-2::after {
        background-color: var(--theme-default3); }
      .pricing-section .pricing-box .pricing-details .pricing-icon.color-7 .pricing-svg {
        fill: var(--theme-default10); }
      .pricing-section .pricing-box .pricing-details .pricing-icon.color-7::after {
        background-color: var(--theme-default10); }
    .pricing-section .pricing-box .pricing-details h3 {
      margin-top: 26px;
      font-weight: 700; }
    .pricing-section .pricing-box .pricing-details p {
      line-height: 1.75;
      color: rgba(88, 97, 103, 0.7);
      margin-bottom: 0;
      font-size: 15px; }
    .pricing-section .pricing-box ul {
      margin: 30px 0 30px; }
      .pricing-section .pricing-box ul li {
        display: block;
        font-family: Roboto, sans-serif;
        color: rgba(88, 97, 103, 0.5);
        font-size: 15px;
        text-transform: lowercase; }
        .pricing-section .pricing-box ul li + li {
          margin-top: 10px; }
    .pricing-section .pricing-box .price {
      margin-bottom: -5px; }
      .pricing-section .pricing-box .price h4 {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 700; }
      .pricing-section .pricing-box .price .label {
        font-weight: 600;
        font-size: 14px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        margin-bottom: 10px; }
        .pricing-section .pricing-box .price .label.label-light::before {
          opacity: 0.15;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .pricing-section .pricing-box .price .label.label-light.color-3::before {
          background-color: var(--theme-default5); }
        .pricing-section .pricing-box .price .label.label-light.color-2::before {
          background-color: var(--theme-default3); }
        .pricing-section .pricing-box .price .label.label-light.color-7::before {
          background-color: var(--theme-default10); }
      .pricing-section .pricing-box .price .light-text {
        color: rgba(59, 66, 73, 0.3);
        text-transform: uppercase;
        font-weight: 700; }
    .pricing-section .pricing-box:hover::after {
      -webkit-transition: width 0.5s;
      transition: width 0.5s;
      width: 100%; }
    .pricing-section .pricing-box:hover .price .label-light {
      background-color: var(--theme-default5);
      color: #ffffff;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .pricing-section .pricing-box:hover .price .label-light::before {
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .pricing-section .pricing-box:hover .price .label-light::after {
        -webkit-box-shadow: 0px 10px 12.5px var(--theme-default5);
                box-shadow: 0px 10px 12.5px var(--theme-default5);
        opacity: 0.22;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: -1; }
      .pricing-section .pricing-box:hover .price .label-light.color-2 {
        background-color: var(--theme-default3); }
        .pricing-section .pricing-box:hover .price .label-light.color-2::after {
          -webkit-box-shadow: 0px 10px 12.5px var(--theme-default3);
                  box-shadow: 0px 10px 12.5px var(--theme-default3); }
      .pricing-section .pricing-box:hover .price .label-light.color-7 {
        background-color: var(--theme-default10); }
        .pricing-section .pricing-box:hover .price .label-light.color-7::after {
          -webkit-box-shadow: 0px 10px 12.5px var(--theme-default10);
                  box-shadow: 0px 10px 12.5px var(--theme-default10); }
  
  .pricing-section .pricing-slider .slick-list {
    margin: -30px -25px; }
    .pricing-section .pricing-slider .slick-list .slick-track .slick-slide > div {
      margin-top: 30px; }
  
  .pricing-section.pricing-inner .pricing-box::after {
    background-color: var(--theme-default3); }
  
  .pricing-section.pricing-inner .pricing-box:hover .price .label-light.color-2 {
    background-color: var(--theme-default3);
    color: #ffffff; }
  
  .pricing-section.pricing-inner .title-2 h2 {
    margin-top: -2px; }
  
  .pricing-section.color-7 .pricing-box::after {
    background-color: var(--theme-default10); }
  
  .subscribe-section .video-details p {
    width: 80%;
    margin: 0 auto 25px; }
  
  .video-section {
    background-image: url(../images/others/video-bg.png);
    padding-left: 90px;
    padding-right: 90px; }
    .video-section .video-details p {
      width: 80%;
      margin: 0 auto 25px; }
    .video-section .play-icon {
      height: 100%; }
  
  .icon-video {
    position: relative;
    z-index: 1; }
    .icon-video a {
      background-image: var(--theme-gradient9);
      width: 50px;
      height: 50px;
      border-radius: 100%;
      position: relative; }
      .icon-video a i {
        margin-top: 2px;
        margin-left: 5px;
        color: #ffffff;
        font-size: 24px; }
      .icon-video a::after {
        border-radius: 100%;
        opacity: 0.3;
        -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
                box-shadow: -5.15px 8.572px 25px var(--theme-default6); }
    .icon-video .heart-animation {
      position: absolute;
      top: -51px;
      right: -50px;
      width: 150px;
      height: 150px;
      z-index: -1;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 100%;
      -webkit-animation: heartbit 2s ease-out;
              animation: heartbit 2s ease-out;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
  
  .agent-section.property-section .agent-grids .property-wrapper-grid .property-grid > [class*="col-xl-3"] .label {
    left: 8px; }
  
  .agent-section.property-section .agent-grids .property-wrapper-grid .property-grid > [class*="col-xl-3"] .agent-content {
    padding: 20px; }
  
  .video-layout {
    height: 680px; }
    .video-layout .overlay-content {
      z-index: 2;
      position: absolute;
      left: 10%;
      top: 10%; }
      .video-layout .overlay-content .left-sidebar {
        -webkit-box-shadow: none;
                box-shadow: none;
        background-color: #ffffff; }
        .video-layout .overlay-content .left-sidebar h2 {
          font-size: 22px; }
  
  .video-modal .btn-close {
    position: absolute;
    right: 0;
    background-color: var(--theme-default6);
    background-image: unset;
    opacity: 1;
    top: 0;
    width: 30px;
    height: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0; }
    .video-modal .btn-close span {
      font-size: 30px;
      color: #ffffff;
      margin-top: -2px;
      display: block; }
  
  .video-modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    .video-modal .modal-dialog .modal-content .modal-body .close {
      position: absolute;
      right: -30px;
      top: 0;
      color: #ffffff;
      font-weight: 400;
      font-size: 26px;
      opacity: 1; }
  
  .video-modal iframe {
    height: 448px;
    width: 100%;
    vertical-align: middle;
    border: none; }
  
  .video-details {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    text-align: center;
    padding: 60px; }
    .video-details h2 {
      line-height: 1.42;
      color: #586167;
      margin: 20px 0 14px; }
    .video-details p {
      font-size: 16px;
      color: rgba(88, 97, 103, 0.7);
      line-height: 1.65;
      margin-bottom: 25px; }
    .video-details p,
    .video-details span {
      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }
  
  .subscribe-section {
    background-image: url(../images/others/subscribe-bg.jpg); }
    .subscribe-section .video-details {
      max-width: 810px;
      margin: 0 auto; }
      .subscribe-section .video-details .form-group {
        margin-bottom: 30px;
        position: relative;
        z-index: 1; }
        .subscribe-section .video-details .form-group input {
          width: 75%;
          margin: 0 auto;
          border: none;
          text-align: center;
          opacity: 0.7;
          padding: 15px 20px 13px;
          color: var(--theme-default6);
          font-weight: 300; }
          .subscribe-section .video-details .form-group input::-webkit-input-placeholder {
            color: var(--theme-default6);
            font-family: Montserrat, sans-serif;
            font-weight: 300; }
          .subscribe-section .video-details .form-group input::-moz-placeholder {
            color: var(--theme-default6);
            font-family: Montserrat, sans-serif;
            font-weight: 300; }
          .subscribe-section .video-details .form-group input:-ms-input-placeholder {
            color: var(--theme-default6);
            font-family: Montserrat, sans-serif;
            font-weight: 300; }
          .subscribe-section .video-details .form-group input::-ms-input-placeholder {
            color: var(--theme-default6);
            font-family: Montserrat, sans-serif;
            font-weight: 300; }
          .subscribe-section .video-details .form-group input::placeholder {
            color: var(--theme-default6);
            font-family: Montserrat, sans-serif;
            font-weight: 300; }
        .subscribe-section .video-details .form-group::after {
          opacity: 0.6;
          width: 75%;
          background-color: var(--theme-default6);
          right: 0;
          margin: 0 auto;
          border-radius: 4px;
          z-index: -1; }
        .subscribe-section .video-details .form-group.color-2 input {
          color: var(--theme-default3); }
          .subscribe-section .video-details .form-group.color-2 input::-webkit-input-placeholder {
            color: var(--theme-default3); }
          .subscribe-section .video-details .form-group.color-2 input::-moz-placeholder {
            color: var(--theme-default3); }
          .subscribe-section .video-details .form-group.color-2 input:-ms-input-placeholder {
            color: var(--theme-default3); }
          .subscribe-section .video-details .form-group.color-2 input::-ms-input-placeholder {
            color: var(--theme-default3); }
          .subscribe-section .video-details .form-group.color-2 input::placeholder {
            color: var(--theme-default3); }
        .subscribe-section .video-details .form-group.color-2::after {
          background-color: var(--theme-default4); }
    .subscribe-section.bg-light {
      background-image: unset; }
    .subscribe-section.subscribe-bg-2 {
      background-image: url(../images/property/9.jpg); }
  
  .filter-bottom-title {
    cursor: pointer; }
  
  .filter-bottom-content {
    position: absolute;
    left: 0;
    top: 158px;
    width: 100%;
    background-color: #ffffff;
    display: none;
    -webkit-box-shadow: 0 0 24px 0 rgba(88, 97, 103, 0.1);
            box-shadow: 0 0 24px 0 rgba(88, 97, 103, 0.1);
    z-index: 1; }
    .filter-bottom-content.left-sidebar {
      left: 0; }
  
  .left-sidebar .row {
    margin-bottom: -10px; }
    .left-sidebar .row > div {
      margin-bottom: 10px; }
  
  .left-sidebar .dropdown {
    border: 1px solid #eee;
    border-radius: 4px; }
    .left-sidebar .dropdown .dropdown-toggle {
      padding: 8px 20px 6px;
      display: block;
      color: #878787; }
      .left-sidebar .dropdown .dropdown-toggle i {
        color: #878787; }
    .left-sidebar .dropdown .dropdown-item {
      color: #000; }
  
  .left-sidebar,
  .blog-sidebar {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px;
    border-radius: 8px !important; }
  
  .single-sidebar .filter-cards {
    margin-top: -2px; }
  
  .dropdown.show .dropdown-toggle i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  
  .dropdown .dropdown-toggle {
    display: block;
    cursor: pointer; }
    .dropdown .dropdown-toggle i {
      float: right;
      margin-top: 4px;
      color: rgba(59, 66, 73, 0.8); }
    .dropdown .dropdown-toggle::after {
      display: none; }
  
  .dropdown .dropdown-menu {
    width: 100%;
    margin-top: 6px;
    -webkit-animation: fadeIn 0.5s;
            animation: fadeIn 0.5s;
    border-color: #eee;
    z-index: 7; }
    .dropdown .dropdown-menu .dropdown-item {
      font-size: 14px;
      font-family: Rubik, sans-serif;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding: 6px 20px; }
      .dropdown .dropdown-menu .dropdown-item:focus {
        background: transparent; }
      .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item.active {
        background: #eee;
        color: #586167; }
      .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus {
        background-color: rgba(233, 236, 239, 0.42); }
  
  .filter-panel {
    padding: 7px 0 7px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee; 
    border-top: 1px solid #eee; }
    .filter-panel .top-panel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .filter-panel .d-lg-none {
      text-align: right; }
      .filter-panel .d-lg-none .mobile-filter {
        display: inline-block;
        padding: 8px 15px;
        border: 1px solid #eee;
        color: #586167;
        border-radius: 4px;
        cursor: pointer; }
        .filter-panel .d-lg-none .mobile-filter svg {
          width: 18px;
          height: 18px;
          margin-left: 20px; }
    .filter-panel .grid-list-filter {
      margin-bottom: 0px; }
      .filter-panel .grid-list-filter .collection-grid-view ul {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .filter-panel .grid-list-filter .collection-grid-view ul li {
          margin-bottom: 0; }
          .filter-panel .grid-list-filter .collection-grid-view ul li img {
            height: 18px; }
      .filter-panel .grid-list-filter li {
        margin-bottom: 0px; }
        .filter-panel .grid-list-filter li > a,
        .filter-panel .grid-list-filter li .dropdown-toggle,
        .filter-panel .grid-list-filter li .filter-bottom-title {
          padding: 8px 15px;
          border: 1px solid #eee;
          border-radius: 4px;
          color: #586167;
          display: block;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          font-family: Rubik, sans-serif;
          position: relative; }
          .filter-panel .grid-list-filter li > a svg,
          .filter-panel .grid-list-filter li .dropdown-toggle svg,
          .filter-panel .grid-list-filter li .filter-bottom-title svg {
            width: 15px;
            height: 15px;
            vertical-align: middle; }
        .filter-panel .grid-list-filter li .filter-bottom-title {
          padding: 10px 15px; }
          .filter-panel .grid-list-filter li .filter-bottom-title h6 {
            font-size: 14px;
            line-height: 1.25; }
        .filter-panel .grid-list-filter li.active a {
          color: var(--theme-default3);
          border-color: var(--theme-default3);
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .filter-panel .grid-list-filter li .dropdown-menu a {
          white-space: unset;
          color: #586167; }
        .filter-panel .grid-list-filter li + li {
          margin-left: 10px; }
    .filter-panel .show-result {
      color: #878787; }
      .filter-panel .show-result span {
        color: var(--theme-default3); }
    .filter-panel .filters ul {
      margin: -5px; }
      .filter-panel .filters ul li {
        padding: 10px 15px;
        font-size: 14px;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        font-weight: 600;
        margin: 5px;
        text-transform: capitalize;
        border-radius: 4px;
        background: #efefef;
        position: relative;
        min-width: 130px;
        text-align: center; }
        .filter-panel .filters ul li::after {
          width: 0;
          height: 0;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid var(--theme-default3);
          content: "";
          bottom: -7px;
          opacity: 0;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto; }
        .filter-panel .filters ul li i {
          display: block;
          font-size: 30px;
          text-align: center;
          margin-bottom: 6px; }
        .filter-panel .filters ul li.active {
          background: var(--theme-gradient7);
          color: white;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .filter-panel .filters ul li.active::after {
            opacity: 1;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
  
  .tab-icon .filters ul li {
    background: #f7f7f7;
    border-bottom: 3px solid #f7f7f7; }
    .tab-icon .filters ul li lord-icon {
      width: 40px;
      height: 40px;
      margin-bottom: 4px; }
    .tab-icon .filters ul li.active {
      color: #1c2d3a;
      background: #f7f7f7;
      border-bottom: 3px solid var(--theme-default3); }
    .tab-icon .filters ul li:hover {
      border-bottom: 3px solid var(--theme-default3); }
    .tab-icon .filters ul li span {
      display: block; }
    .tab-icon .filters ul li::after {
      display: none; }
  
  .filter-cards .advance-card .advance-title {
    font-weight: 600;
    margin-top: -4px; }
  
  .filter-cards .advance-card + .advance-card {
    margin-top: 34px; }
  
  .filter-cards .advance-card .back-btn {
    text-align: right;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    color: var(--theme-default3);
    cursor: pointer; }
  
  .filter-cards .advance-card > h6 {
    color: #586167;
    margin-bottom: 30px;
    text-transform: capitalize;
    position: relative;
    font-weight: 600;
    font-size: 16px; }
    .filter-cards .advance-card > h6::before {
      background: var(--theme-default3); }
  
  .filter-cards .advance-card .category-property .input-group-text {
    line-height: 1; }
  
  .filter-cards .advance-card .category-property .agent-info {
    margin-bottom: 20px; }
    .filter-cards .advance-card .category-property .agent-info .media {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .filter-cards .advance-card .category-property .agent-info h6 {
      margin-bottom: 4px;
      font-weight: 500;
      color: #586167; }
    .filter-cards .advance-card .category-property .agent-info p {
      font-size: 13px;
      margin-bottom: 0; }
  
  .filter-cards .advance-card .category-property ul li {
    display: block;
    color: #878787;
    font-family: Roboto, sans-serif; }
    .filter-cards .advance-card .category-property ul li a {
      color: #878787;
      font-family: Roboto, sans-serif;
      letter-spacing: 0.04rem; }
      .filter-cards .advance-card .category-property ul li a:hover, .filter-cards .advance-card .category-property ul li a:focus {
        color: var(--theme-default3); }
      .filter-cards .advance-card .category-property ul li a i {
        font-size: 10px;
        vertical-align: 2px; }
    .filter-cards .advance-card .category-property ul li svg {
      width: 16px;
      height: 16px;
      vertical-align: text-bottom; }
    .filter-cards .advance-card .category-property ul li + li {
      margin-top: 10px; }
  
  .filter-cards .advance-card .category-property form input {
    padding: 7px 15px 7px; }
  
  .filter-cards .advance-card .category-property form input, .filter-cards .advance-card .category-property form textarea {
    color: #878787; }
  
  .filter-cards .advance-card .category-property form .input-group-text {
    background-color: transparent;
    border: 1px solid #eee;
    color: #959595;
    padding-top: 10px; }
  
  .filter-cards .advance-card .recent-property ul li {
    display: block; }
    .filter-cards .advance-card .recent-property ul li .media {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .filter-cards .advance-card .recent-property ul li .media img {
        width: 95px;
        height: 63px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 4px; }
      .filter-cards .advance-card .recent-property ul li .media .media-body {
        margin-left: 15px; }
        .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
          font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
          font-weight: 600;
          color: #586167; }
        .filter-cards .advance-card .recent-property ul li .media .media-body span {
          color: var(--theme-default3);
          font-size: 13px; }
          .filter-cards .advance-card .recent-property ul li .media .media-body span span {
            color: #878787; }
    .filter-cards .advance-card .recent-property ul li + li {
      margin-top: 15px; }
  
  .filter-cards .advance-card .feature-slider .slick-slide {
    margin-bottom: 0; }
  
  .filter-cards .advance-card .feature-slider .bottom-feature {
    color: #ffffff;
    padding: 10px;
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .filter-cards .advance-card .feature-slider .bottom-feature h5,
    .filter-cards .advance-card .feature-slider .bottom-feature h6 {
      font-weight: 600; }
    .filter-cards .advance-card .feature-slider .bottom-feature h6 {
      margin-bottom: 0; }
    .filter-cards .advance-card .feature-slider .bottom-feature:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 0;
      -webkit-transition: height 0.5s;
      transition: height 0.5s;
      left: 0;
      bottom: 0;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), to(rgba(0, 0, 0, 0.8)));
      background-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.8) 100%);
      z-index: -1; }
  
  .filter-cards .advance-card .feature-slider .slick-arrow {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  
  .filter-cards .advance-card .feature-slider:hover .slick-arrow {
    opacity: 1; }
  
  .filter-cards .advance-card .feature-slider:hover .slick-prev {
    left: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  
  .filter-cards .advance-card .feature-slider:hover .slick-next {
    right: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  
  .filter-cards .advance-card .feature-slider:hover .bottom-feature {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1; }
    .filter-cards .advance-card .feature-slider:hover .bottom-feature:after {
      height: 170%;
      -webkit-transition: height 0.5s;
      transition: height 0.5s; }
  
  .filter-cards .advance-card .tags ul {
    margin-top: -8px; }
    .filter-cards .advance-card .tags ul li {
      padding: 4px 10px;
      background-color: #f2f2f2c7;
      margin: 8px 8px 0 0;
      border-radius: 4px;
      text-transform: capitalize; }
      .filter-cards .advance-card .tags ul li a {
        color: #1c2d3a; }
        .filter-cards .advance-card .tags ul li a:hover {
          color: var(--theme-default4); }
  
  .feature-card {
    position: relative; }
    .feature-card .labels-left {
      position: absolute;
      top: 60px;
      left: 10px; }
  
  .column-sm {
    margin-bottom: -30px; }
    .column-sm > div {
      margin-bottom: 30px; }
  
  .error-section .not-found img {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    width: 68%; }
  
  .error-section .not-found p {
    font-size: 16px;
    max-width: 48%;
    margin: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) auto calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5; }
  
  .accordion .card {
    border: none;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
    .accordion .card + .card {
      margin-top: 20px; }
  
  .accordion .card-header {
    background-color: transparent;
    padding: 20px 50px 20px 30px;
    position: relative; }
    .accordion .card-header .card-link {
      color: #586167;
      font-weight: 500; }
      .accordion .card-header .card-link::after {
        position: absolute;
        right: 30px;
        top: 21px;
        content: "\f054";
        font-family: "Font Awesome 5 free";
        color: #586167;
        font-weight: 900;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease; }
      .accordion .card-header .card-link[aria-expanded="true"]::after {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease; }
  
  .accordion .card-body {
    color: #959595;
    font-family: Roboto, sans-serif;
    border-top: 1px solid #eee;
    line-height: 1.6;
    padding: 30px; }
  
  .user-dashboard.terms-section .sidebar-user .dashboard-list {
    margin-top: 0; }
  
  .faq-section .faq-image h3 {
    margin-top: 30px; }
  
  .faq-section .faq-image img {
    width: 70%; }
  
  .faq-section form {
    position: relative; }
    .faq-section form .form-group input {
      padding: 14px 20px 12px; }
    .faq-section form .btn {
      position: absolute;
      right: 6px;
      top: 33px; }
  
  .contact-map {
    height: 100%; }
    .contact-map iframe {
      width: 100%;
      height: 100%;
      border: 0; }
  
  .contact_section .contact_wrap {
    text-align: center;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px;
    height: 100%; }
    .contact_section .contact_wrap svg {
      color: var(--theme-default4);
      width: 30px;
      height: 30px; }
    .contact_section .contact_wrap h4 {
      margin-bottom: 20px;
      margin-top: 10px;
      text-transform: inherit;
      font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600; }
    .contact_section .contact_wrap p {
      margin-bottom: -8px;
      line-height: 1.8; }
    .contact_section .contact_wrap ul {
      margin-bottom: -8px; }
      .contact_section .contact_wrap ul li {
        font-family: Roboto, sans-serif;
        color: #959595;
        display: block;
        line-height: 1.8; }
  
  .contact_section .contact-content {
    width: 84%;
    margin-bottom: 30px; }
    .contact_section .contact-content p {
      line-height: 1.8;
      margin-bottom: 0; }
  
  .get-in-touch .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  
  .get-in-touch .contact-img {
    text-align: center; }
    .get-in-touch .contact-img img {
      width: 76%; }
  
  .get-in-touch .btn {
    padding: 12px 30px 11px; }
  
  .with-captcha {
    display: block;
    max-width: 330px; }
    .with-captcha .spinner label {
      margin-bottom: 0; }
  
  .contact_right .row > div + div {
    margin-top: 30px; }
  
  .contact-bottom {
    height: calc(180px + (300 - 180) * ((100vw - 320px) / (1920 - 320))); }
  
  .contact_section .contact-detail .contact_wrap {
    padding: 0; }
  
  .download-section .download-wrap h3 {
    font-weight: 600; }
  
  .download-section .download-wrap ul li + li {
    margin-left: 15px; }
  
  .download-section .app-right .input-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    width: 100%; }
  
  .download-section .app-right button {
    margin-left: 15px; }
  
  .download-section .app-right .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    width: calc(100% - 150px); }
    .download-section .app-right .form-group select {
      border-color: #eee;
      background-color: #ffffff;
      padding: 6px; }
      .download-section .app-right .form-group select:focus {
        outline: none; }
    .download-section .app-right .form-group input {
      border-radius: 0;
      padding: 12px 20px 10px; }
  
  .agent-social {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
    .agent-social li a {
      width: 30px;
      height: 30px;
      border-radius: 8px;
      color: #ffffff; }
      .agent-social li a.facebook {
        background-color: #3b5998; }
      .agent-social li a.twitter {
        background-color: #55acee; }
      .agent-social li a.google {
        background-color: #dd4b39; }
      .agent-social li a.linkedin {
        background-color: #007bb6; }
    .agent-social li + li {
      margin-left: 5px; }
  
  .agent-section .agent-wrap {
    padding-left: 30px;
    border-left: 1px solid #eee; }
  
  .agent-section .agent-image {
    position: relative; }
    .agent-section .agent-image .bg-size {
      background-position: top !important; }
    .agent-section .agent-image .label {
      position: absolute;
      top: 15px;
      left: 15px; }
    .agent-section .agent-image .agent-overlay {
      background: rgba(88, 97, 103, 0.7);
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s; }
    .agent-section .agent-image .overlay-content {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 10%;
      left: 52%;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; }
      .agent-section .agent-image .overlay-content ul {
        margin-bottom: 15px;
        margin-left: -12px; }
        .agent-section .agent-image .overlay-content ul li a {
          width: 30px;
          height: 30px;
          border-radius: 20px;
          background-color: #ffffff; }
          .agent-section .agent-image .overlay-content ul li a img {
            height: 40%; }
        .agent-section .agent-image .overlay-content ul li:last-child a img {
          width: 24%; }
        .agent-section .agent-image .overlay-content ul li + li {
          margin-left: 10px; }
      .agent-section .agent-image .overlay-content span {
        letter-spacing: 12px;
        color: #ffffff;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        display: inline-block; }
        .agent-section .agent-image .overlay-content span::before, .agent-section .agent-image .overlay-content span::after {
          position: absolute;
          content: "";
          background-color: #ffffff;
          width: 16px;
          height: 1px;
          top: 10px; }
        .agent-section .agent-image .overlay-content span::before {
          left: -28px; }
        .agent-section .agent-image .overlay-content span::after {
          right: -15px; }
    .agent-section .agent-image:hover .agent-overlay {
      opacity: 0.7; }
    .agent-section .agent-image:hover .overlay-content {
      top: 50%;
      left: 50%;
      opacity: 1; }
      .agent-section .agent-image:hover .overlay-content ul li:nth-child(2) a {
        -webkit-animation: fadeInDown 900ms ease-in-out;
                animation: fadeInDown 900ms ease-in-out; }
      .agent-section .agent-image:hover .overlay-content ul li:nth-child(3) a {
        -webkit-animation: fadeInDown 1100ms ease-in-out;
                animation: fadeInDown 1100ms ease-in-out; }
      .agent-section .agent-image:hover .overlay-content ul li:nth-child(4) a {
        -webkit-animation: fadeInDown 1300ms ease-in-out;
                animation: fadeInDown 1300ms ease-in-out; }
  
  .agent-section .our-agent-details > h6 {
    margin-bottom: 0; }
  
  .agent-section .our-agent-details ul {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .agent-section .our-agent-details ul li {
      display: block; }
      .agent-section .our-agent-details ul li .media {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .agent-section .our-agent-details ul li .media .icons-square {
          width: 35px;
          height: 35px;
          background-color: rgba(135, 135, 135, 0.1);
          margin-right: 15px;
          border-radius: 8px; }
          .agent-section .our-agent-details ul li .media .icons-square svg {
            width: 16px;
            height: 16px;
            color: #878787; }
        .agent-section .our-agent-details ul li .media .media-body h6 {
          margin-bottom: 0;
          color: #878787;
          font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }
          .agent-section .our-agent-details ul li .media .media-body h6 a {
            color: var(--theme-default4); }
      .agent-section .our-agent-details ul li.with-link .media .icons-square {
        position: relative;
        background-color: transparent; }
        .agent-section .our-agent-details ul li.with-link .media .icons-square::after {
          opacity: 0.1;
          background-color: var(--theme-default4);
          border-radius: 8px; }
        .agent-section .our-agent-details ul li.with-link .media .icons-square svg {
          color: var(--theme-default4); }
      .agent-section .our-agent-details ul li + li {
        margin-top: 10px; }
  
  .agent-section .about-agent {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .agent-section .about-agent h3 {
      margin-top: -4px;
      margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); }
    .agent-section .about-agent p {
      line-height: 1.8; }
    .agent-section .about-agent div.row {
      margin-bottom: -16px; }
    .agent-section .about-agent.theme-card .flex-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  
  .agent-section .agent-content {
    padding: 30px;
    width: 100%; }
    .agent-section .agent-content h5 {
      margin-bottom: 3px;
      font-weight: 600;
      font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320))); }
    .agent-section .agent-content p {
      font-weight: 500;
      color: #586167; }
    .agent-section .agent-content .agent-contact {
      margin-bottom: 15px; }
      .agent-section .agent-content .agent-contact li {
        display: block;
        font-family: Roboto, sans-serif;
        color: #878787;
        text-align: left; }
        .agent-section .agent-content .agent-contact li i {
          margin-right: 5px;
          font-size: 10px; }
        .agent-section .agent-content .agent-contact li .label {
          padding: 2px 10px 1px;
          margin-left: 5px;
          cursor: pointer; }
          .agent-section .agent-content .agent-contact li .label span {
            font-size: 0; }
        .agent-section .agent-content .agent-contact li .phone-number {
          display: none; }
        .agent-section .agent-content .agent-contact li.show .phone-number {
          display: inline-block; }
        .agent-section .agent-content .agent-contact li.show .character {
          display: none; }
        .agent-section .agent-content .agent-contact li.show .label {
          font-size: 0; }
          .agent-section .agent-content .agent-contact li.show .label span {
            font-size: 12px; }
        .agent-section .agent-content .agent-contact li + li {
          margin-top: 10px; }
    .agent-section .agent-content a {
      text-align: right;
      display: block;
      color: var(--theme-default4); }
      .agent-section .agent-content a i {
        margin-left: 10px;
        -webkit-animation: fadeInLeft 2s ease-in-out infinite;
                animation: fadeInLeft 2s ease-in-out infinite; }
    .agent-section .agent-content h3 a {
      text-align: unset;
      color: inherit;
      font-size: 24px; }
  
  .our-agent .agent-image .label {
    top: 0;
    left: 0; }
  
  .our-agent .agent-image.bg-size:before {
    padding-top: 64%; }
  
  .agent-profile-wrap .our-agent .agent-image .label {
    top: 15px;
    left: 15px; }
  
  .agent-profile-wrap .agent-image {
    background-position: top !important; }
  
  .agent-property {
    margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320))); }
  
  .agency-title {
    margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))); }
    .agency-title h3 {
      margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); }
  
  .dz-message h6,
  .dz-message span {
    color: #959595;
    font-family: Rubik, sans-serif;
    font-weight: 400; }
  
  .property-wizard .wizard-box .wizard-step-container .wizard-steps li {
    display: block;
    position: relative;
    z-index: 1;
    margin: 20px 0; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background-color: #f7f7f7; }
        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
          display: none;
          vertical-align: middle;
          width: 28px;
          height: 28px; }
        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon span {
          font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320))); }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body {
        padding: 0 20px; }
        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5 {
          margin-bottom: 5px; }
        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5,
        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h6 {
          font-family: Rubik, sans-serif; }
        .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h6 {
          margin-bottom: 0;
          color: #959595; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .step-icon {
      background-color: var(--theme-default3); }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .step-icon span {
        color: #ffffff; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h5,
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h6 {
      color: var(--theme-default3); }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h6 {
      opacity: 0.6; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled {
      opacity: 0.6; }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled .media .step-icon svg {
        display: block; }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled .media .step-icon span {
        display: none; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li:first-child {
      margin-top: 0; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li:last-child {
      margin-bottom: 0; }
  
  .property-wizard .wizard-box .wizard-form-details {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
    .property-wizard .wizard-box .wizard-form-details.col-xxl-9 {
      margin-top: -16px;
      margin-bottom: -16px; }
    .property-wizard .wizard-box .wizard-form-details h2 {
      font-weight: 600;
      margin-bottom: 3px;
      margin-top: -4px; }
    .property-wizard .wizard-box .wizard-form-details p {
      margin-bottom: 20px; }
    .property-wizard .wizard-box .wizard-form-details > .d-block {
      -webkit-animation: fadeInRight 0.5s ease-in-out;
              animation: fadeInRight 0.5s ease-in-out; }
    .property-wizard .wizard-box .wizard-form-details form .form-group {
      margin-bottom: 20px; }
    .property-wizard .wizard-box .wizard-form-details form label {
      font-weight: 500; }
    .property-wizard .wizard-box .wizard-form-details form.dropzone {
      margin-bottom: 20px; }
    .property-wizard .wizard-box .wizard-form-details .next-btn {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 30px; }
    .property-wizard .wizard-box .wizard-form-details button {
      font-weight: 600; }
    .property-wizard .wizard-box .wizard-form-details iframe {
      width: 100%;
      height: calc(200px + (300 - 200) * ((100vw - 320px) / (1920 - 320)));
      border: none;
      margin-bottom: 15px; }
    .property-wizard .wizard-box .wizard-form-details .wizard-step-4 {
      height: 100%; }
    .property-wizard .wizard-box .wizard-form-details .complete-details {
      text-align: center;
      height: 100%;
      width: 68%;
      margin: 0 auto; }
      .property-wizard .wizard-box .wizard-form-details .complete-details h3 {
        font-weight: 600;
        margin-top: 20px; }
      .property-wizard .wizard-box .wizard-form-details .complete-details img {
        width: 40%; }
      .property-wizard .wizard-box .wizard-form-details .complete-details h6 {
        color: var(--theme-default4); }
      .property-wizard .wizard-box .wizard-form-details .complete-details p {
        line-height: 1.8; }
  
  .property-wizard .feature-checkbox {
    margin: -5px -15px; }
    .property-wizard .feature-checkbox label {
      color: rgba(88, 97, 103, 0.6);
      margin: 5px 15px; }
  
  .property-wizard .dropdown {
    border: 1px solid #eee;
    border-radius: 4px;
    color: rgba(88, 97, 103, 0.6); }
    .property-wizard .dropdown .dropdown-toggle {
      padding: 7px 20px 5px;
      display: block; }
      .property-wizard .dropdown .dropdown-toggle i {
        color: rgba(88, 97, 103, 0.6); }
    .property-wizard .dropdown .dropdown-item {
      color: rgba(88, 97, 103, 0.6); }
  
  .property-wizard input {
    padding: 12px 20px 10px; }
  
  .property-wizard label {
    font-weight: 500;
    font-family: Montserrat, sans-serif; }
  
  .property-wizard .form-control {
    color: rgba(88, 97, 103, 0.6); }
    .property-wizard .form-control::-webkit-input-placeholder {
      color: rgba(88, 97, 103, 0.6); }
    .property-wizard .form-control::-moz-placeholder {
      color: rgba(88, 97, 103, 0.6); }
    .property-wizard .form-control:-ms-input-placeholder {
      color: rgba(88, 97, 103, 0.6); }
    .property-wizard .form-control::-ms-input-placeholder {
      color: rgba(88, 97, 103, 0.6); }
    .property-wizard .form-control::placeholder, .property-wizard .form-control:focus {
      color: rgba(88, 97, 103, 0.6); }
  
  .user-dashboard .sidebar-user {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
            box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    border-radius: 8px; }
    .user-dashboard .sidebar-user .user-profile {
      padding: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 0; }
      .user-dashboard .sidebar-user .user-profile .media {
        margin-bottom: 15px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .user-dashboard .sidebar-user .user-profile .media .change-pic {
          position: relative; }
          .user-dashboard .sidebar-user .user-profile .media .change-pic img {
            width: 70px;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
            border-radius: 8px; }
          .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0;
            border-radius: 8px;
            -webkit-transform: scale(0);
                    transform: scale(0);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .btn {
              padding: 4px 6px;
              border-radius: 100%; }
              .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .btn svg {
                width: 18px;
                height: 18px;
                vertical-align: text-top;
                color: rgba(255, 255, 255, 0.8); }
            .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .updateimg {
              opacity: 0;
              position: absolute;
              left: 0;
              right: 0;
              margin: 0 auto;
              width: 26px; }
          .user-dashboard .sidebar-user .user-profile .media .change-pic:hover .change-hover {
            opacity: 1;
            -webkit-transform: scale(1);
                    transform: scale(1);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
        .user-dashboard .sidebar-user .user-profile .media .media-body {
          margin-left: 20px; }
          .user-dashboard .sidebar-user .user-profile .media .media-body h5 {
            font-weight: 600;
            margin-bottom: 5px; }
          .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
            color: #959595;
            font-size: 13px;
            margin-bottom: 3px; }
      .user-dashboard .sidebar-user .user-profile .connected-social h6 {
        position: relative;
        font-weight: 600; }
        .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
          position: absolute;
          content: "";
          width: 30px;
          height: 2px;
          background-color: var(--theme-default3);
          left: 0;
          bottom: -8px; }
    .user-dashboard .sidebar-user .dashboard-list {
      padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
      border-top: 1px solid #efefef;
      margin-top: 15px;
      padding-top: 5px; }
  
  .user-dashboard .dashboard-content {
    margin-bottom: -25px; }
    .user-dashboard .dashboard-content .common-card {
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
      padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 8px;
      margin-bottom: 25px; }
      .user-dashboard .dashboard-content .common-card .common-header {
        padding-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
        .user-dashboard .dashboard-content .common-card .common-header h5 {
          font-weight: 600;
          margin-bottom: 0; }
    .user-dashboard .dashboard-content .user-wrapper .widgets .media {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body p {
        font-family: Roboto, sans-serif;
        text-transform: capitalize;
        margin-bottom: 5px;
        margin-top: -2px; }
      .user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body h5 {
        margin-bottom: -3px;
        font-weight: 600; }
      .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
        position: relative;
        margin-bottom: 1px; }
        .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart,
        .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart1,
        .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart2 {
          height: 36px;
          width: 50px; }
        .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg {
          position: absolute;
          bottom: -3px; }
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-point,
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-line,
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-bar,
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-slice-donut {
            stroke: var(--theme-default2); }
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-point,
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-line,
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-bar,
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-slice-donut {
            stroke: var(--theme-default2);
            opacity: 0.2; }
        .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip {
          position: absolute;
          opacity: 0; }
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip .chartist-tooltip-value {
            font-size: 10px;
            padding: 5px;
            color: #ffffff;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 4px; }
          .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip.tooltip-show {
            opacity: 1; }
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-slice-donut {
      stroke: var(--theme-default3); }
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-slice-donut {
      stroke: var(--theme-default3);
      opacity: 0.2; }
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-slice-donut {
      stroke: #89c826; }
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-point,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-line,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-bar,
    .user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-slice-donut {
      stroke: #89c826;
      opacity: 0.2; }
    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px; }
      .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li {
        width: 100%; }
        .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li p {
          margin-bottom: 5px;
          font-family: Roboto, sans-serif; }
        .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li h4 {
          margin-bottom: 0;
          font-weight: 500; }
        .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .label {
          padding: 3px 6px 1px;
          font-size: 11px; }
        .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex {
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end; }
          .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex > span {
            margin-bottom: 3px;
            display: inline-block; }
    .user-dashboard .dashboard-content .user-wrapper .overview #overviewchart {
      margin: -20px 2px -27px -24px; }
    .user-dashboard .dashboard-content .user-wrapper .overview .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title {
      background: transparent;
      border-bottom: 1px solid transparent;
      padding-bottom: 0; }
    .user-dashboard .dashboard-content .user-wrapper .overview .apexcharts-canvas .apexcharts-xaxistooltip {
      display: none; }
    .user-dashboard .dashboard-content .user-wrapper .sales-agent #agent-sales {
      margin-top: -40px;
      margin-bottom: -32px; }
    .user-dashboard .dashboard-content .user-wrapper .available-property .radial-property #radial {
      margin: -29px 0; }
    .user-dashboard .dashboard-content .user-wrapper .available-property .radial-property .apexcharts-datalabels-group .apexcharts-datalabel-label {
      -webkit-transform: translateY(15px);
              transform: translateY(15px); }
    .user-dashboard .dashboard-content h2 {
      font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320))); }
    .user-dashboard .dashboard-content .property-section {
      margin-bottom: 25px;
      position: relative; }
  
  .user-dashboard .property-overview table {
    margin-bottom: 0; }
    .user-dashboard .property-overview table tr th {
      text-transform: capitalize;
      background-color: rgba(100, 117, 137, 0.05);
      font-weight: 600;
      padding: 15px 12px 13px; }
    .user-dashboard .property-overview table tr td {
      color: #959595;
      vertical-align: middle;
      font-family: Roboto, sans-serif;
      padding: 15px 12px 0; }
      .user-dashboard .property-overview table tr td .d-flex {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .user-dashboard .property-overview table tr td .d-flex h6 {
          margin-left: 10px;
          font-size: 14px;
          color: #1c2d3a;
          margin-bottom: 0;
          font-weight: 500; }
      .user-dashboard .property-overview table tr td img {
        width: 50px;
        height: 40px;
        border-radius: 8px; }
      .user-dashboard .property-overview table tr td .label {
        font-size: 11px; }
    .user-dashboard .property-overview table tr th:last-child,
    .user-dashboard .property-overview table tr td:last-child {
      text-align: right; }
  
  .property-section .property-wrapper-grid.list-view .property-box .property-details ul li, .property-section .property-grid-slider .property-box .property-details ul li {
    padding-right: 5px;
    font-size: 12px; }
    .property-section .property-wrapper-grid.list-view .property-box .property-details ul li:last-child, .property-section .property-grid-slider .property-box .property-details ul li:last-child {
      padding-right: 0; }
    .property-section .property-wrapper-grid.list-view .property-box .property-details ul li img, .property-section .property-grid-slider .property-box .property-details ul li img {
      height: 14px;
      margin-right: 5px; }
  
  .property-section .property-wrapper-grid.list-view .property-box .property-details p, .property-section .property-grid-slider .property-box .property-details p {
    display: block; }
  
  .property-section .property-grid-3 .property-wrapper-grid.list-view .property-box .property-image {
    width: 50%; }
  
  .property-section .property-grid-3 .property-wrapper-grid.list-view .property-box .property-details p {
    display: none !important; }
  
  .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details, .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details {
    padding: 20px; }
    .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li, .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li {
      padding-right: 8px;
      padding-left: 8px;
      font-size: 12px; }
      .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li:first-child, .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li:first-child {
        padding-left: 0; }
  
  .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details, .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details {
    padding: 15px 8px; }
    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details .property-btn .btn, .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details .property-btn .btn {
      padding: 9px 20px 8px; }
    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details h3, .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details h3 {
      font-size: 19px; }
    .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details ul li, .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details ul li {
      padding-right: 8px;
      padding-left: 8px;
      font-size: 12px; }
      .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details ul li img, .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details ul li img {
        display: none; }
      .property-section .property-wrapper-grid .property-grid > [class*="col-xl-3"] .property-box .property-details ul li:first-child, .property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details ul li:first-child {
        padding-left: 0; }
  
  .right-line-tab {
    display: block;
    border-bottom: none; }
    .right-line-tab .nav-item {
      display: block; }
      .right-line-tab .nav-item .nav-link {
        color: #1c2d3a;
        font-family: Roboto, sans-serif;
        border: none;
        border-left: 2px solid transparent;
        border-radius: 0;
        padding: 8px 20px;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 500; }
        .right-line-tab .nav-item .nav-link.active {
          border-left-color: var(--theme-default3);
          color: var(--theme-default3); }
      .right-line-tab .nav-item.show .nav-link {
        border-right-color: var(--theme-default3); }
  
  .table-bordernone tr th,
  .table-bordernone tr td {
    border: none; }
  
  .table-bordernone tr th {
    font-weight: 400; }
  
  .tab-listing .filter-panel {
    margin-bottom: 30px; }
  
  .tab-listing .filter-bottom-content {
    top: 45px; }
  
  .tab-listing .property-details {
    position: relative; }
    .tab-listing .property-details .my-listing {
      position: absolute;
      right: 45px;
      top: 42px;
      color: #959595; }
  
  .create-tab .create-property-form .form-inputs > h6 {
    position: relative;
    margin-bottom: 20px;
    font-weight: 600;
    padding-bottom: 8px; }
    .create-tab .create-property-form .form-inputs > h6::before {
      position: absolute;
      content: "";
      width: 30px;
      height: 2px;
      background-color: var(--theme-default3);
      left: 0;
      bottom: 0; }
  
  .create-tab .create-property-form .form-inputs .row gx-3 {
    margin-bottom: -16px; }
  
  .create-tab .create-property-form .form-inputs .dropzone {
    margin-bottom: 16px; }
  
  .create-tab .create-property-form .form-inputs + .form-inputs {
    margin-top: 25px; }
  
  .create-tab .create-property-form .btn {
    margin-top: 20px; }
  
  .my-profile .profile-info .user-name {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .my-profile .profile-info .user-name .rating,
    .my-profile .profile-info .user-name h5 {
      display: inline-block; }
    .my-profile .profile-info .user-name .rating {
      margin-left: 15px; }
    .my-profile .profile-info .user-name h5 {
      font-weight: 600; }
  
  .my-profile .profile-info .user-detail {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .my-profile .profile-info .user-detail li {
      margin: 5px 10px 5px 0;
      color: #586167; }
      .my-profile .profile-info .user-detail li svg {
        margin-right: 3px;
        vertical-align: text-top;
        width: 16px;
        height: 16px; }
      .my-profile .profile-info .user-detail li span {
        font-family: Roboto, sans-serif; }
  
  .my-profile .profile-info p {
    line-height: 1.8;
    margin-bottom: 0; }
  
  .my-profile .profile-info .information ul li {
    display: block;
    font-family: Roboto, sans-serif; }
    .my-profile .profile-info .information ul li span:first-child {
      min-width: 180px;
      display: inline-block; }
    .my-profile .profile-info .information ul li .label {
      margin-left: 15px; }
    .my-profile .profile-info .information ul li a {
      color: var(--theme-default3); }
    .my-profile .profile-info .information ul li p {
      display: inline-block; }
    .my-profile .profile-info .information ul li + li {
      margin-top: 15px; }
  
  .my-profile .profile-info .information-detail + .information-detail {
    padding-top: 30px; }
  
  .my-profile .profile-info .label-light {
    cursor: pointer; }
  
  .modal-title {
    font-weight: 600; }
  
  .modal-header, .modal-body, .modal-footer {
    padding: 30px; }
  
  .modal-header {
    border-bottom: none;
    padding-bottom: 0; }
    .modal-header .btn-close {
      /* background: var(--theme-default4); */
      position: absolute;
      right: 8px;
      top: 8px;
      width: 30px;
      height: 30px;
      opacity: 1;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0; }
      .modal-header .btn-close span {
        font-size: 30px;
        color: #fff; }
  
  .modal-footer {
    border-top-color: #eee; }
  
  .edit-profile-modal .modal-title {
    text-transform: capitalize; }
  
  .edit-profile-modal form label {
    text-transform: capitalize; }
  
  .edit-profile-modal form .form-control {
    padding: 8px 12px;
    color: rgba(28, 45, 58, 0.5); }
    .edit-profile-modal form .form-control::-webkit-input-placeholder {
      color: rgba(28, 45, 58, 0.5); }
    .edit-profile-modal form .form-control::-moz-placeholder {
      color: rgba(28, 45, 58, 0.5); }
    .edit-profile-modal form .form-control:-ms-input-placeholder {
      color: rgba(28, 45, 58, 0.5); }
    .edit-profile-modal form .form-control::-ms-input-placeholder {
      color: rgba(28, 45, 58, 0.5); }
    .edit-profile-modal form .form-control::placeholder {
      color: rgba(28, 45, 58, 0.5); }
  
  .edit-profile-modal form > .row {
    margin-bottom: -16px; }
  
  .edit-profile-modal.logout-modal .modal-body {
    padding-bottom: 0; }
    .edit-profile-modal.logout-modal .modal-body h6 {
      font-weight: 500; }
    .edit-profile-modal.logout-modal .modal-body p {
      margin-bottom: 0; }
  
  .edit-profile-modal.logout-modal .modal-footer {
    border-top: none; }
  
  .gj-datepicker-bootstrap [role=right-icon] button {
    border-color: #eee; }
  
  .modal-header .btn-close {
    font-weight: 500; }
  
  input[type="date"] {
    text-transform: inherit; }
  
  .gj-datepicker .btn-outline-secondary {
    padding: 8px;
    border-radius: 0 3px 3px 0; }
    .gj-datepicker .btn-outline-secondary i {
      color: rgba(88, 97, 103, 0.7);
      position: relative !important;
      top: unset !important;
      left: unset !important;
      font-size: 18px !important;
      vertical-align: -3px; }
    .gj-datepicker .btn-outline-secondary:not(:disabled):not(.disabled):active {
      background-color: transparent;
      color: inherit;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-color: #959595; }
    .gj-datepicker .btn-outline-secondary:not(:disabled):not(.disabled).active {
      background-color: transparent;
      color: inherit; }
    .gj-datepicker .btn-outline-secondary:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
  
  .gj-datepicker .show > .btn-outline-secondary.dropdown-toggle {
    border: transparent;
    background-color: transparent;
    color: inherit; }
  
  .gj-picker div[role=navigator] div[role=period] {
    font-family: Roboto, sans-serif; }
  
  .gj-picker-bootstrap table tr td {
    font-family: Roboto, sans-serif; }
    .gj-picker-bootstrap table tr td.today div {
      color: var(--theme-default3); }
    .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
      background-color: var(--theme-default3);
      border-color: var(--theme-default3); }
  
  .card-payment .payment-card {
    width: 100%;
    min-height: 183px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }
    .card-payment .payment-card.master {
      background-color: #1f4771; }
    .card-payment .payment-card.visa {
      background-color: #6c6f69; }
    .card-payment .payment-card.american-express {
      background-color: #73a3b9;
      height: 100%; }
    .card-payment .payment-card .card-details h6 {
      font-family: Roboto, sans-serif;
      color: #ffffff; }
    .card-payment .payment-card .card-details .card-number > div img {
      width: 15%; }
      .card-payment .payment-card .card-details .card-number > div img:last-child {
        width: 5%;
        margin-left: 10px; }
    .card-payment .payment-card .card-details .card-number h3 {
      font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #ffffff;
      margin-top: 5px;
      margin-bottom: 3px; }
    .card-payment .payment-card .card-details .valid-detail {
      margin-bottom: 10px; }
      .card-payment .payment-card .card-details .valid-detail .title span {
        display: block;
        color: rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
        font-size: 10px;
        line-height: 1.3; }
      .card-payment .payment-card .card-details .valid-detail .date h3 {
        margin-bottom: 0;
        color: #ffffff;
        margin-left: 10px;
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); }
    .card-payment .payment-card .card-details .name-detail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .card-payment .payment-card .card-details .name-detail h5 {
        margin-bottom: 0;
        font-family: Roboto, sans-serif;
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600; }
      .card-payment .payment-card .card-details .name-detail h4 {
        color: #ffffff; }
      .card-payment .payment-card .card-details .name-detail .name {
        width: 100%; }
      .card-payment .payment-card .card-details .name-detail .card-img {
        display: inline-block;
        margin-left: auto;
        text-align: right; }
    .card-payment .payment-card .edit-card {
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.8);
      border-radius: 10px;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .card-payment .payment-card .edit-card a {
        color: #ffffff;
        text-transform: capitalize; }
        .card-payment .payment-card .edit-card a:hover {
          color: var(--theme-default3); }
        .card-payment .payment-card .edit-card a + a {
          margin-left: 15px; }
    .card-payment .payment-card.add-card {
      background-color: #eee;
      cursor: pointer;
      padding: 0; }
      .card-payment .payment-card.add-card .card-details {
        text-align: center;
        width: 100%;
        height: 183px; }
        .card-payment .payment-card.add-card .card-details i {
          font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
          color: #959595; }
        .card-payment .payment-card.add-card .card-details h5 {
          text-transform: capitalize;
          margin-bottom: 0;
          margin-top: 5px;
          font-family: Roboto, sans-serif; }
    .card-payment .payment-card:hover .edit-card {
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  
  .card-payment > div:last-child .payment-card {
    margin-top: 30px; }
  
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
    .switch .switch-state {
      border-radius: 20px;
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #f4f4f4;
      -webkit-transition: .4s;
      transition: .4s; }
      .switch .switch-state:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 20px; }
    .switch input {
      display: none; }
      .switch input:checked + .switch-state {
        background-color: #89c826; }
        .switch input:checked + .switch-state:before {
          -webkit-transform: translateX(26px);
                  transform: translateX(26px); }
  
  .user-dashboard .dashboard-content .privacy-setting .common-card .common-header {
    padding-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); }
  
  .privacy-setting .common-card .common-header p {
    margin-top: 8px;
    margin-bottom: 0; }
  
  .privacy-setting .privacy-content .media .media-body p {
    margin-bottom: 0; }
  
  .privacy-setting .privacy-content .media .switch {
    margin-left: 8px; }
  
  .privacy-setting .privacy-content .media + .media {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
  
  .privacy-setting .privacy-content .btn {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))); }
  
  .privacy-setting .privacy-content + .privacy-content {
    margin-top: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320))); }
  
  .privacy-setting .privacy-content h5 {
    font-weight: 600;
    margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))); }
  
  .privacy-setting .switch {
    width: 50px;
    height: 25px; }
    .privacy-setting .switch .switch-state:before {
      height: 17px;
      width: 17px; }
    .privacy-setting .switch input:checked + .switch-state:before {
      -webkit-transform: translateX(25px);
              transform: translateX(25px); }
  
  .provide-service .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  
  .provide-service .provide-details h2 {
    color: var(--theme-default3);
    line-height: 1.3; }
  
  .provide-service .provide-details p {
    line-height: 1.8;
    margin-bottom: 30px; }
  
  .provide-service .provide-details .btn {
    padding: 12px 30px 11px; }
  
  .provide-service .service-img {
    text-align: center; }
  
  .about-testimonial .title-2 h2 {
    margin-top: -2px; }
  
  .terms-section .sidebar-user .dashboard-list h5 {
    padding: 8px 20px;
    font-weight: 600; }
  
  .terms-section h2 {
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: -6px;
    line-height: 1.3; }
  
  .terms-section .terms-wrapper h4 {
    font-weight: 600;
    color: #586167;
    margin-bottom: 3px;
    line-height: 1.4; }
  
  .terms-section .terms-wrapper p {
    line-height: 1.7;
    font-size: 16px; }
    .terms-section .terms-wrapper p a {
      color: var(--theme-default3); }
    .terms-section .terms-wrapper p:last-child {
      margin-bottom: 0; }
  
  .terms-section .terms-wrapper + .terms-wrapper {
    margin-top: 30px; }
  
  .terms-section .terms-wrapper ul {
    padding-left: 18px; }
    .terms-section .terms-wrapper ul li {
      display: list-item;
      line-height: 1.7;
      font-size: 16px;
      color: #959595; }
  
  .terms-section .terms-wrap {
    margin-bottom: -5px; }
  
  .terms-bottom-content {
    margin: 80px 20px 0;
    background: #dddddd3b;
    padding: 20px;
    border-radius: 8px;
    text-align: center; }
    .terms-bottom-content img {
      height: 180px;
      margin-top: -80px;
      margin-bottom: 20px; }
  
  /**=====================
       Inner pages css end
  ==========================**/
  /**=====================
       text affect css start
  ==========================**/
  @-webkit-keyframes mainBlock {
    0% {
      width: 0%;
      left: 0; }
    50% {
      width: 100%;
      left: 0; }
    100% {
      width: 0;
      left: 100%; } }
  @keyframes mainBlock {
    0% {
      width: 0%;
      left: 0; }
    50% {
      width: 100%;
      left: 0; }
    100% {
      width: 0;
      left: 100%; } }
  
  @-webkit-keyframes secBlock {
    0% {
      width: 0%;
      left: 0; }
    50% {
      width: 100%;
      left: 0; }
    100% {
      width: 0;
      left: 100%; } }
  
  @keyframes secBlock {
    0% {
      width: 0%;
      left: 0; }
    50% {
      width: 100%;
      left: 0; }
    100% {
      width: 0;
      left: 100%; } }
  
  @-webkit-keyframes mainFadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @keyframes mainFadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  
  @-webkit-keyframes popIn {
    0% {
      width: 0px;
      height: 0px;
      background: #e9d856;
      border: 0px solid #ddd;
      opacity: 0; }
    50% {
      width: 10px;
      height: 10px;
      background: #e9d856;
      opacity: 1;
      bottom: 45px; }
    65% {
      width: 7px;
      height: 7px;
      bottom: 0px;
      width: 15px; }
    80% {
      width: 10px;
      height: 10px;
      bottom: 20px; }
    100% {
      width: 7px;
      height: 7px;
      background: #e9d856;
      border: 0px solid #222;
      bottom: 13px; } }
  
  @keyframes popIn {
    0% {
      width: 0px;
      height: 0px;
      background: #e9d856;
      border: 0px solid #ddd;
      opacity: 0; }
    50% {
      width: 10px;
      height: 10px;
      background: #e9d856;
      opacity: 1;
      bottom: 45px; }
    65% {
      width: 7px;
      height: 7px;
      bottom: 0px;
      width: 15px; }
    80% {
      width: 10px;
      height: 10px;
      bottom: 20px; }
    100% {
      width: 7px;
      height: 7px;
      background: #e9d856;
      border: 0px solid #222;
      bottom: 13px; } }
  
  @-webkit-keyframes secFadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 0.5; } }
  
  @keyframes secFadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 0.5; } }
  
  @-webkit-keyframes top {
    0% {
      opacity: 0;
      bottom: -80px; }
    100% {
      opacity: 1;
      bottom: 0px; } }
  
  @keyframes top {
    0% {
      opacity: 0;
      bottom: -80px; }
    100% {
      opacity: 1;
      bottom: 0px; } }
  
  @-webkit-keyframes icon {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0); }
    50% {
      opacity: 1;
      -webkit-transform: scale(1.3) rotate(-2deg);
              transform: scale(1.3) rotate(-2deg); }
    100% {
      opacity: 1;
      bottom: 0px; } }
  
  @keyframes icon {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0); }
    50% {
      opacity: 1;
      -webkit-transform: scale(1.3) rotate(-2deg);
              transform: scale(1.3) rotate(-2deg); }
    100% {
      opacity: 1;
      bottom: 0px; } }
  
  .box {
    width: 350px;
    height: 180px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .box.text-affect .title {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 130px; }
      .box.text-affect .title .block {
        width: 0%;
        height: inherit;
        background: var(--theme-default10);
        position: absolute;
        -webkit-animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
                animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .box.text-affect .title h1 {
        color: #000;
        -webkit-animation: mainFadeIn 2s forwards;
                animation: mainFadeIn 2s forwards;
        -webkit-animation-delay: 1.6s;
                animation-delay: 1.6s;
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        position: relative; }
        .box.text-affect .title h1 span {
          width: 0px;
          height: 0px;
          border-radius: 50%;
          background: var(--theme-default10);
          -webkit-animation: load 0.6s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
          animation: popIn 0.8s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
          -webkit-animation-delay: 2s;
                  animation-delay: 2s;
          margin-left: 5px;
          margin-top: -10px;
          position: absolute;
          bottom: 13px;
          right: -12px; }
    .box.text-affect .role {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 30px;
      margin-top: 10px;
      margin-bottom: 40px; }
      .box.text-affect .role .block {
        width: 0%;
        height: inherit;
        background: var(--theme-default10);
        position: absolute;
        -webkit-animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
                animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .box.text-affect .role p {
        -webkit-animation: secFadeIn 2s forwards;
                animation: secFadeIn 2s forwards;
        -webkit-animation-delay: 3.2s;
                animation-delay: 3.2s;
        opacity: 0;
        color: #232323; }
  
  /**=====================
       text affect css end
  ==========================**/
  /**=====================
       Template CSS start
  ==========================**/
  .title-svg {
    fill: var(--theme-default5);
    stroke: var(--theme-default5);
    height: 85px;
    width: 85px;
    margin-bottom: -85px; }
    .title-svg.color-7 {
      fill: var(--theme-default10);
      stroke: var(--theme-default10); }
  
  .title-1.text-white hr {
    color: #ffffff; }
  
  .title-1,
  .title-2,
  .title-3 {
    text-align: center; }
    .title-1.text-white h2,
    .title-2.text-white h2,
    .title-3.text-white h2 {
      color: #ffffff; }
  
  .title-1 {
    padding-bottom: 50px; }
    .title-1 h2 {
      padding-top: 15px;
      margin-bottom: -1px;
      line-height: 1.3; }
    .title-1 hr {
      width: 80px;
      margin: 20px auto 0;
      height: 2px;
      color: var(--theme-default);
      opacity: 1;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .title-1:hover hr {
      width: 150px; }
  
  .title-2 h2 {
    background: var(--theme-gradient7);
    background-blend-mode: lighten;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    margin-top: -3px; }
  
  .title-2 p {
    color: #3b4249;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 50px; }
  
  .title-2.text-white {
    position: relative; }
    .title-2.text-white h2 {
      color: #ffffff;
      background: unset;
      background-blend-mode: unset;
      -webkit-background-clip: unset;
      -webkit-text-fill-color: unset; }
    .title-2.text-white p {
      color: #ffffff; }
  
  .title-3 {
    margin-top: -11px;
    margin-bottom: 50px; }
    .title-3 h2 {
      margin: 6px 0 12px;
      color: #586167; }
      .title-3 h2 span {
        font-weight: 300; }
    .title-3 p {
      color: rgba(88, 97, 103, 0.7);
      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      margin-bottom: -1px; }
    .title-3.text-start {
      margin-top: -4px; }
      .title-3.text-start h2 {
        margin-top: 0; }
  
  .theme-title .theme-card .card-header h4 {
    margin-top: -2px;
    margin-bottom: -2px; }
  
  .theme-title .title-1 h2 {
    margin-bottom: -9px; }
  
  .theme-title .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  
  .theme-title .title-1:hover hr {
    width: 150px; }
  
  .theme-title .title-2 h2 {
    margin-top: -2px; }
  
  .theme-title .title-2 p {
    margin-bottom: -1px !important; }
  
  .theme-title .title-3 p {
    margin-bottom: -1px; }
  
  .contact-3 .title-3 {
    margin-top: -5px; }
  
  .login-wrap .log-in .title-3.text-start h2 {
    margin-top: -5px; }
  
  .login-wrap .log-in .d-flex label span {
    vertical-align: -2px; }
  
  .log-in form .form-group .input-group .input-group-text svg,
  .log-in form .form-group .input-group .input-group-text i {
    color: #586167; }
  
  .log-in form .form-group .input-group .input-group-text .fa-eye-slash,
  .log-in form .form-group .input-group .input-group-text .fa-eye {
    cursor: pointer; }
  
  .log-in form .form-group input {
    color: #586167; }
  
  .log-in .btn.btn-dashed {
    color: #586167; }
    .log-in .btn.btn-dashed.color-2:hover {
      color: var(--theme-default4); }
  
  .inner-title {
    margin-bottom: 30px; }
    .inner-title.title-3 h2 {
      margin-top: -2px; }
  
  .testimonial-client .title-3.text-start {
    margin-top: -2px; }
  
  .coming-simple .title-3 {
    margin-top: -2px; }
  
  .light-bg {
    background-color: rgba(255, 255, 255, 0.1); }
  
  .parallax-image {
    background-attachment: fixed; }
  
  .banner-section.layout1-bg {
    background-image: url(../images/parallax-1.jpg); }
  
  .banner-section.layout2-bg {
    background-image: url(../images/banner-2.jpg); }
  
  .banner-section.layout3-bg {
    background-image: url(../images/blog/2.jpg); }
    .banner-section.layout3-bg .banner-3 {
      margin: 30px auto;
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.8);
              box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.8); }
      .banner-section.layout3-bg .banner-3 h2,
      .banner-section.layout3-bg .banner-3 p {
        width: 90%; }
  
  .banner-section.layout7-bg {
    background-image: url(../images/blog/1.jpg); }
  
  .banner-section .button-banner {
    margin-bottom: -10px; }
    .banner-section .button-banner .btn {
      font-weight: 700;
      margin-bottom: 10px; }
      .banner-section .button-banner .btn + .btn {
        margin-left: 20px; }
  
  .banner-section.layout-9 {
    height: auto; }
  
  .banner-inner {
    padding-top: 179px; }
  
  .banner-1 {
    text-align: center;
    width: 70%;
    margin: 27px auto 0;
    padding: 50px;
    position: relative; }
    .banner-1 .big-gradient,
    .banner-1 .small-white {
      position: absolute; }
    .banner-1 .big-gradient {
      font-size: 127px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: -69px;
      left: 50%;
      z-index: 1; }
    .banner-1 .small-white {
      color: #ffffff;
      font-size: 46px;
      top: -43px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      left: 50%;
      margin-left: 18px;
      font-weight: 600; }
    .banner-1 h6,
    .banner-1 h2 {
      color: #ffffff; }
    .banner-1 h6 {
      font-weight: 700;
      letter-spacing: 8px;
      text-transform: uppercase;
      margin-top: -3px; }
    .banner-1 h2 {
      margin: 45px 0 50px;
      line-height: 1.85;
      font-weight: 600;
      letter-spacing: 2px; }
  
  @-webkit-keyframes banner-animate {
    from {
      background-position-y: 0; }
    to {
      background-position-y: 460px; } }
  
  .banner-2 {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    overflow: hidden; }
    .banner-2 .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .banner-2 .banner-right {
      padding: 30px 60px 30px 0; }
      .banner-2 .banner-right h6 {
        letter-spacing: 8px;
        color: #3b4249;
        text-transform: uppercase;
        margin-bottom: 18px;
        font-weight: 500;
        margin-top: -2px; }
      .banner-2 .banner-right h2 {
        text-transform: unset;
        line-height: 1.52;
        background: var(--theme-gradient7);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      .banner-2 .banner-right p {
        line-height: 1.6;
        color: #3b4249; }
      .banner-2 .banner-right .button-banner .btn.btn-gradient {
        line-height: 2.2; }
      .banner-2 .banner-right .button-banner .btn {
        font-size: 16px;
        line-height: 2;
        min-height: 55px; }
        .banner-2 .banner-right .button-banner .btn:after {
          height: 55px;
          top: -2px; }
        .banner-2 .banner-right .button-banner .btn + .btn:after {
          height: 58px; }
        .banner-2 .banner-right .button-banner .btn img {
          vertical-align: -1px; }
      .banner-2 .banner-right .button-banner .btn-light-bg img {
        vertical-align: -5px; }
  
  .banner-3 {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 80px;
    width: 70%;
    margin: 0 auto;
    text-align: center; }
    .banner-3 .label {
      font-weight: 500;
      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }
    .banner-3 h2,
    .banner-3 p {
      color: #586167;
      width: 85%; }
    .banner-3 h2 {
      line-height: 1.45;
      margin: 25px auto 15px; }
    .banner-3 p {
      color: #586167;
      line-height: 1.7;
      margin: 0 auto 24px;
      font-size: 16px; }
  
  .banner-4 .big-gradient {
    background: var(--theme-gradient11);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  
  .gallery-wrapper .img-box .property-image img {
    width: 100%; }
  
  .tap-top {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    position: fixed;
    bottom: -60px;
    right: 30px;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    background-image: var(--theme-gradient7);
    border: none;
    font-size: 22px;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .tap-top::after {
      border-radius: 8px;
      opacity: 0.26;
      -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default3);
              box-shadow: 5.353px 5.945px 12px var(--theme-default3); }
    .tap-top.color-1 {
      background-image: var(--theme-gradient3); }
      .tap-top.color-1::after {
        -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default2);
                box-shadow: 5.353px 5.945px 12px var(--theme-default2); }
    .tap-top.color-3 {
      background: var(--theme-default5); }
      .tap-top.color-3::after {
        -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default5);
                box-shadow: 5.353px 5.945px 12px var(--theme-default5); }
    .tap-top.color-4 {
      background: var(--theme-gradient9); }
      .tap-top.color-4::after {
        -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default6);
                box-shadow: 5.353px 5.945px 12px var(--theme-default6); }
    .tap-top.color-6 {
      background: var(--theme-gradient12); }
      .tap-top.color-6::after {
        -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default9);
                box-shadow: 5.353px 5.945px 12px var(--theme-default9); }
    .tap-top.color-7 {
      background: var(--theme-default10); }
      .tap-top.color-7::after {
        -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default10);
                box-shadow: 5.353px 5.945px 12px var(--theme-default10); }
    .tap-top > div {
      height: 100%; }
      .tap-top > div i {
        font-size: 14px; }
    .tap-top.top {
      display: block;
      bottom: 50px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  
  .home-section {
    height: 100vh; }
    .home-section.layout-1 {
      height: auto;
      padding: 0; }
      .home-section.layout-1 .container-fluid {
        padding: 0; }
    .home-section.layout-9 {
      background-color: rgba(248, 249, 250, 0.96);
      background-blend-mode: overlay;
      padding: 90px 0;
      min-height: 780px; }
      .home-section.layout-9 .home-main {
        position: relative;
        z-index: 1; }
        .home-section.layout-9 .home-main .home-content h1, .home-section.layout-9 .home-main .home-content h6 {
          color: #1c2d3a; }
        .home-section.layout-9 .home-main .home-content h6 {
          margin-top: 15px; }
    .home-section.layout-6 {
      background-image: unset;
      padding: 0;
      height: unset; }
      .home-section.layout-6 .home-main {
        background-image: url(../images/inner-pages/coming-soon.jpg);
        background-color: rgba(0, 0, 0, 0.8);
        background-blend-mode: overlay;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        /* height: 100vh;
        min-height: 900px; */
        padding-top: 100px; 
        padding-bottom: 50px;
      }
        .home-section.layout-6 .home-main h1,
        .home-section.layout-6 .home-main h6 {
          color: #ffffff; }
        .home-section.layout-6 .home-main h6 {
          margin-top: 20px; }
        .home-section.layout-6 .home-main .container > .row {
          /* height: 100vh;
          min-height: 900px; */
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
      .home-section.layout-6 .arrow-light .slick-arrow {
        top: 105%; }
      .home-section.layout-6 .arrow-light .slick-next {
        right: unset;
        left: 10%; }
      .home-section.layout-6 .arrow-light .slick-prev {
        left: 0; }
      .home-section.layout-6 .vertical-search {
        width: unset; }
        .home-section.layout-6 .vertical-search h4 {
          font-weight: 600;
          color: rgba(255, 255, 255, 0.85); }
        .home-section.layout-6 .vertical-search .left-sidebar {
          background-color: rgb(22 27 39 / 77%); }
          .home-section.layout-6 .vertical-search .left-sidebar .form-group label {
            font-weight: 600;
            color: rgba(255, 255, 255, 0.9); }
          .home-section.layout-6 .vertical-search .left-sidebar .dropdown {
            background-color: transparent;
            border-color: #696161; }
            .home-section.layout-6 .vertical-search .left-sidebar .dropdown .dropdown-toggle {
              color: rgba(255, 255, 255, 0.8); }
      .home-section.layout-6 .home-slider-1 {
        margin-bottom: 120px; }
      .home-section.layout-6 .looking-icons h5 {
        color: rgba(255, 255, 255, 0.85); }
      .home-section.layout-6 .looking-icons ul li .looking-icon {
        background-color: rgba(255, 255, 255, 0.1); }
        .home-section.layout-6 .looking-icons ul li .looking-icon svg {
          fill: #ffffff;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .home-section.layout-6 .looking-icons ul li .looking-icon h6 {
          color: rgba(255, 255, 255, 0.8);
          font-weight: 500; }
        .home-section.layout-6 .looking-icons ul li .looking-icon:hover svg {
          fill: var(--theme-default9);
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .home-section.layout-6 .looking-icons ul li .looking-icon:hover h6 {
          color: var(--theme-default9) !important; }
    .home-section.layout-5 {
      background-image: url(../images/parallax/3.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-color: rgba(0, 0, 0, 0.8);
      background-blend-mode: overlay;
      height: auto;
      position: relative; }
      .home-section.layout-5 .home-main {
        width: 90%;
        margin: 0 auto;
        padding: 90px 0; }
        .home-section.layout-5 .home-main .home-content h1 {
          margin-bottom: 24px; }
        .home-section.layout-5 .home-main .looking-icons {
          margin-top: 60px; }
          .home-section.layout-5 .home-main .looking-icons ul {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            .home-section.layout-5 .home-main .looking-icons ul li {
              border: 2px solid rgba(255, 255, 255, 0.2);
              border-radius: 25px 0;
              -webkit-transition: 0.5s;
              transition: 0.5s; }
              .home-section.layout-5 .home-main .looking-icons ul li .looking-icon {
                background-color: transparent; }
                .home-section.layout-5 .home-main .looking-icons ul li .looking-icon svg {
                  fill: rgba(255, 255, 255, 0.8);
                  position: relative;
                  -webkit-transition: 0.5s;
                  transition: 0.5s;
                  z-index: 1; }
              .home-section.layout-5 .home-main .looking-icons ul li:hover {
                border-radius: 0 25px;
                -webkit-transition: 0.5s;
                transition: 0.5s; }
                .home-section.layout-5 .home-main .looking-icons ul li:hover h6 {
                  color: var(--theme-default4) !important; }
                .home-section.layout-5 .home-main .looking-icons ul li:hover svg {
                  fill: var(--theme-default4);
                  -webkit-transition: 0.5s;
                  transition: 0.5s; }
      .home-section.layout-5 .row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; }
        .home-section.layout-5 .row > div h6,
        .home-section.layout-5 .row > div h1 {
          color: #ffffff; }
        .home-section.layout-5 .row > div h6 {
          margin-top: 20px;
          font-weight: 600; }
        .home-section.layout-5 .row > div p {
          color: rgba(255, 255, 255, 0.9);
          font-size: 16px;
          line-height: 1.7;
          margin-bottom: 30px; }
      .home-section.layout-5 .decor-image {
        position: absolute;
        background-image: url(../images/shape.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        bottom: -30px;
        left: 0; }
      .home-section.layout-5 .decor-image1 {
        position: absolute;
        right: 0;
        bottom: 0; }
  
  .snow-effect:before {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../../assets/images/others/snow.png), url(../../assets/images/others/snow2.png);
    background-repeat: repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    will-change: background-position;
    -webkit-animation: an-snow 20s linear infinite;
            animation: an-snow 20s linear infinite; }
  
  .layout-9 {
    position: relative;
    background-image: url(../images/layout9-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    height: calc(100vh - 89px); }
    .layout-9:before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: rgba(255, 255, 255, 0.2);
      z-index: 1; }
    .layout-9 .layout-right-img img {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 800px; }
  
  .layout9 {
    position: relative;
    background-image: url(../images/banner-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    height: auto; }
    .layout9 .layout-right-img img {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 800px; }
  
  .layout-home2 .slick-slider .slick-prev,
  .layout-home3 .slick-slider .slick-prev {
    left: 123px; }
  
  .layout-home2 .slick-slider .slick-next,
  .layout-home3 .slick-slider .slick-next {
    right: 123px; }
  
  .layout-home2:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%; }
  
  .layout-home2 .feature-section {
    background-color: #ffffff; }
    .layout-home2 .feature-section .feature-content {
      padding: 30px 0;
      border-radius: 5px;
      overflow: hidden;
      position: relative;
      max-width: 575px; }
      .layout-home2 .feature-section .feature-content .label-cross {
        padding: 10px 33px 7px;
        background: #fb0118;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        -webkit-transform: rotate(-38deg);
                transform: rotate(-38deg);
        display: inline-block;
        -webkit-box-shadow: inset 0 0 20px 0px rgba(0, 0, 0, 0.3);
                box-shadow: inset 0 0 20px 0px rgba(0, 0, 0, 0.3);
        font-size: 16px;
        position: absolute;
        left: -31px;
        top: 0; }
  
  .layout-home2 .home-main {
    background-image: url(../images/banner-2.jpg);
    width: 100%;
    height: 100vh;
    padding-top: 90px;
    position: relative;
    min-height: 720px; }
  
  .layout-home2 .video-bg .home-main {
    background: unset; }
  
  .layout-home2 .arrow-light .slick-arrow {
    top: 59%; }
  
  .layout-home2 .slick-initialized .slick-slide {
    margin-bottom: 0; }
  
  .layout-home3 .bg-layout-3 {
    height: 600px; }
  
  .layout-home3 .light-bg-1 {
    background-image: url(../images/blog/1.jpg); }
  
  .layout-home3 .light-bg-2 {
    background-image: url(../images/blog/2.jpg); }
  
  .layout-home3 .banner-3 {
    width: 48%;
    padding: 60px;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.7);
            box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.7); }
    .layout-home3 .banner-3 h1 {
      line-height: 1.5;
      color: #586167;
      margin: 20px 0;
      font-size: calc(26px + (42 - 26) * ((100vw - 320px) / (1920 - 320))); }
  
  .layout-home3 .home-slider-3 .slick-slide {
    margin-bottom: 0; }
  
  .parallax-home {
    position: relative;
    background: rgba(88, 97, 103, 0.04); }
    .parallax-home h1 {
      margin: 0 0 15px; }
    .parallax-home p {
      line-height: 1.6;
      margin-bottom: 0;
      color: #586167; }
    .parallax-home .btns-parallax {
      margin: -5px -10px; }
      .parallax-home .btns-parallax button {
        margin: 5px 10px; }
    .parallax-home .container > .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: calc(250px + (520 - 250) * ((100vw - 320px) / (1920 - 320))); }
      .parallax-home .container > .row > div {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .parallax-home .parallax-right {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 58%; }
    .parallax-home.video-layout .video-search .input-group .input-group-text {
      color: var(--theme-default10); }
      .parallax-home.video-layout .video-search .input-group .input-group-text::after {
        background-color: var(--theme-default10); }
  
  .layout-home4 .slider-image {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 91vh; }
    .layout-home4 .slider-image.bg-img-2 {
      background-image: url(../images/8.jpg); }
    .layout-home4 .slider-image.bg-img-3 {
      background-image: url(../images/6.jpg); }
    .layout-home4 .slider-image .home-content {
      padding: 60px 70px 60px 0;
      text-align: right;
      position: relative;
      z-index: 1; }
      .layout-home4 .slider-image .home-content .square-bg {
        position: absolute;
        content: "";
        width: 95%;
        height: 100%;
        background-color: #ffffff;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08);
                box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08);
        top: 0;
        right: 0;
        z-index: -1; }
      .layout-home4 .slider-image .home-content h6 {
        font-weight: 700;
        color: #586167;
        position: relative; }
        .layout-home4 .slider-image .home-content h6 span {
          display: inline-block; }
        .layout-home4 .slider-image .home-content h6.line-right::after {
          position: absolute;
          content: "";
          width: 22px;
          height: 2px;
          background-image: var(--theme-gradient9);
          right: 0;
          bottom: -10px; }
      .layout-home4 .slider-image .home-content h1,
      .layout-home4 .slider-image .home-content h6,
      .layout-home4 .slider-image .home-content h2 {
        color: #1b2c39; }
      .layout-home4 .slider-image .home-content h1 {
        line-height: 1.52;
        margin: 12px 0 18px; }
      .layout-home4 .slider-image .home-content h2 {
        margin: 30px 0 18px; }
      .layout-home4 .slider-image .home-content p {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        color: rgba(88, 97, 103, 0.5);
        width: 50%;
        margin-left: auto;
        margin-bottom: 26px;
        font-weight: 500;
        line-height: 1.7; }
      .layout-home4 .slider-image .home-content .font-color4 {
        font-weight: 500;
        color: var(--theme-default7);
        line-height: 1.7;
        padding-right: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .layout-home4 .slider-image .home-content .font-color4::after {
          position: absolute;
          content: "";
          width: 98px;
          height: 30px;
          border-radius: 5px;
          background-color: var(--theme-default7);
          opacity: 0.1;
          top: -2px;
          right: 0; }
      .layout-home4 .slider-image .home-content .btn-lg {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        border-radius: 5px;
        -webkit-box-shadow: none;
                box-shadow: none; }
  
  .layout-home4 .sync-slider {
    position: relative; }
    .layout-home4 .sync-slider .home-slider-4 img.img-icon {
      width: auto;
      height: 18px;
      margin-right: 10px; }
    .layout-home4 .sync-slider .home-slider-4 .slick-slide {
      margin-bottom: 0; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow {
      width: 70px;
      height: 70px;
      background-color: #ffffff; }
      .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::before {
        color: var(--theme-default7); }
      .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
        width: 170px;
        height: 170px;
        background-color: rgba(255, 255, 255, 0.2);
        top: -50px;
        left: -51px;
        -webkit-animation: heartbit 2s ease-out;
                animation: heartbit 2s ease-out;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-prev {
      left: 75px; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-next {
      right: 75px; }
    .layout-home4 .sync-slider .home-nav {
      position: absolute;
      bottom: 30px;
      left: 40px; }
      .layout-home4 .sync-slider .home-nav .slick-slide,
      .layout-home4 .sync-slider .home-nav .slick-track {
        width: auto !important; }
      .layout-home4 .sync-slider .home-nav .slick-list {
        margin: -30px -15px; }
        .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
          margin: 30px 15px; }
        .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide.slick-current .slider-image {
          position: relative; }
          .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide.slick-current .slider-image::after {
            position: absolute;
            content: "";
            background: #586167;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border-radius: 5px; }
          .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide.slick-current .slider-image span {
            opacity: 1;
            z-index: 1;
            -webkit-transition: 0.5;
            transition: 0.5; }
      .layout-home4 .sync-slider .home-nav .slider-image {
        width: 112px;
        height: 85px;
        border-radius: 5px;
        -webkit-box-shadow: -5.15px 8.572px 23px rgba(34, 54, 69, 0.15);
                box-shadow: -5.15px 8.572px 23px rgba(34, 54, 69, 0.15); }
        .layout-home4 .sync-slider .home-nav .slider-image span {
          opacity: 0;
          -webkit-transition: 0.5;
          transition: 0.5;
          color: #ffffff;
          font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
          font-weight: 700; }
  
  .layout-home4 .home-slider-4 .slider-image {
    min-height: 700px; }
  
  .layout-6 {
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay; }
    .layout-6 .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  
  .vertical-search {
    width: 420px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    margin: 0 auto; }
    .vertical-search .left-sidebar {
      background-color: rgba(255, 255, 255, 0.15); }
      .vertical-search .left-sidebar .dropdown {
        background-color: #ffffff; }
      .vertical-search .left-sidebar .price-range label {
        color: #ffffff; }
      .vertical-search .left-sidebar .price-range.text-dark input {
        color: #586167; }
      .vertical-search .left-sidebar .price-range input {
        background-color: transparent;
        color: #ffffff; }
  
  .search-withmap {
    position: static; }
    .search-withmap .vertical-search {
      margin: 0;
      float: right; }
    .search-withmap .left-sidebar {
      background-color: #ffffff;
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
      z-index: 1; }
      .search-withmap .left-sidebar label {
        font-weight: 600;
        color: #586167; }
      .search-withmap .left-sidebar .price-range label,
      .search-withmap .left-sidebar .price-range input {
        color: #586167; }
      .search-withmap .left-sidebar .price-range .ui-slider-horizontal .ui-slider-handle {
        top: -0.43em; }
  
  .banner-4 {
    background-image: url(https://scontent.fbeg5-1.fna.fbcdn.net/v/t1.6435-9/39312469_286706008596726_1948888590775746560_n.jpg?_nc_cat=101&ccb=1-7&_nc_sid=e3f864&_nc_ohc=9kflDzlDjk8AX85B2xy&tn=rUut_2SExeAtU4cf&_nc_ht=scontent.fbeg5-1.fna&oh=00_AT_7nLg1X6Ee1ioU53s-kMCDw7riMHt4zOvC2TTgy-YbKw&oe=631832F2);
    position: relative;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay; }
  
  .video-layout {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .video-layout canvas {
      display: block;
      vertical-align: bottom; }
    .video-layout .particles {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
    .video-layout .play-icon {
      position: relative;
      margin-left: -50px; }
    .video-layout .video-right {
      height: 500px;
      position: relative;
      overflow: hidden;
      z-index: 1; }
      .video-layout .video-right #block {
        height: 500px; }
    .video-layout .video-search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #ffffff;
      border-radius: 10px;
      -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
              box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
      width: 125%;
      position: relative;
      z-index: 1;
      padding: 18px 15px;
      margin: 0; }
      .video-layout .video-search .input-group {
        border-right: 1px solid rgba(210, 210, 210, 0.5); }
        .video-layout .video-search .input-group .input-group-text,
        .video-layout .video-search .input-group input {
          background: transparent;
          border: none; }
        .video-layout .video-search .input-group .input-group-text {
          width: 45px;
          height: 45px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative;
          color: var(--theme-default6); }
          .video-layout .video-search .input-group .input-group-text svg {
            margin-top: 1px; }
          .video-layout .video-search .input-group .input-group-text::after {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            opacity: 0.1;
            background-color: var(--theme-default6); }
      .video-layout .video-search .add-more {
        opacity: 0;
        display: none; }
      .video-layout .video-search .add-more.open {
        opacity: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        visibility: visible; }
      .video-layout .video-search .dropdown {
        min-width: 300px; }
        .video-layout .video-search .dropdown .dropdown-menu {
          width: 180px; }
          .video-layout .video-search .dropdown .dropdown-menu .dropdown-item {
            color: #586167; }
      .video-layout .video-search .dropdown-toggle {
        margin-bottom: 0;
        position: relative;
        width: 180px;
        color: rgba(88, 97, 103, 0.6);
        padding: 10px 20px 10px; }
        .video-layout .video-search .dropdown-toggle i {
          color: rgba(88, 97, 103, 0.6); }
      .video-layout .video-search > div {
        padding: 0 8px; }
      .video-layout .video-search .form-group {
        margin-bottom: 10px; }
        .video-layout .video-search .form-group input {
          padding: 12px 20px 10px; }
      .video-layout .video-search .feature-checkbox label {
        margin: 5px 15px; }
    .video-layout .icon-video {
      display: inline-block;
      position: absolute;
      z-index: 1;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      left: 50%;
      background-image: var(--theme-gradient7);
      border-radius: 100%; }
      .video-layout .icon-video .heart-animation {
        background: var(--theme-default4);
        opacity: 0.6; }
    .video-layout .play-bg {
      text-align: center;
      width: 100%;
      position: relative;
      height: 500px;
      border-radius: 10px;
      border: 20px solid #ffffff; }
      .video-layout .play-bg::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 10px; }
      .video-layout .play-bg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px; }
    .video-layout .video-details {
      -webkit-box-shadow: unset;
              box-shadow: unset;
      background-color: transparent;
      text-align: left;
      padding-left: 0; }
      .video-layout .video-details .left-sidebar {
        width: 520px; }
        .video-layout .video-details .left-sidebar label {
          font-weight: 500;
          color: #586167; }
        .video-layout .video-details .left-sidebar .price-range label {
          color: #586167; }
    .video-layout .row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .video-layout .feature-section {
      height: 100vh; }
      .video-layout .feature-section .feature-content {
        z-index: 1; }
  
  .layout-map {
    height: 75vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .layout-map .H_ui,
    .layout-map .leaflet-pane {
      z-index: 1; }
    .layout-map .map {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .layout-map .map > div {
        opacity: 0.7; }
      .layout-map .map:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #313131;
        top: 0;
        bottom: 0; }
    .layout-map.vertical-map {
      min-height: 775px; }
    .layout-map .withmap-horizontal .search-panel {
      background-color: transparent;
      position: relative;
      margin: 0 auto; }
      .layout-map .withmap-horizontal .search-panel .width-fit {
        margin: 0; }
        .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
          border-left: 1px solid #e4daf5; }
        .layout-map .withmap-horizontal .search-panel .width-fit > div:nth-child(2) {
          max-width: 25%; }
        .layout-map .withmap-horizontal .search-panel .width-fit > div:first-child {
          max-width: 28%; }
          .layout-map .withmap-horizontal .search-panel .width-fit > div:first-child .filter {
            padding-left: 50px; }
      .layout-map .withmap-horizontal .search-panel .filter {
        padding: 50px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .layout-map .withmap-horizontal .search-panel .filter .btn {
          padding-top: 12px;
          padding-bottom: 10px; }
        .layout-map .withmap-horizontal .search-panel .filter .media {
          width: 100%;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
            width: 45px;
            height: 45px;
            position: relative; }
            .layout-map .withmap-horizontal .search-panel .filter .media .icon-square::after {
              position: absolute;
              content: "";
              top: 0;
              right: 0;
              width: 100%;
              height: 100%;
              opacity: 0.1;
              background-color: var(--theme-default7); }
            .layout-map .withmap-horizontal .search-panel .filter .media .icon-square i {
              color: var(--theme-default7);
              font-size: 22px; }
          .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
            margin-left: 15px;
            margin-right: 30px;
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content;
            position: relative; }
            .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
              color: var(--theme-default7);
              line-height: 1;
              margin-bottom: 10px; }
            .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
              font-weight: 700; }
            .layout-map .withmap-horizontal .search-panel .filter .media .media-body h6 {
              font-weight: 500;
              font-size: 12px;
              margin-bottom: 0;
              line-height: 1.4;
              letter-spacing: 0.5px;
              margin-bottom: -1px; }
          .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon {
            margin-top: 5px; }
            .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span {
              line-height: 0.4; }
              .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span i {
                font-size: 12px; }
              .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span.d-block {
                margin-bottom: -4px; }
              .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span + span {
                color: rgba(149, 149, 149, 0.5); }
        .layout-map .withmap-horizontal .search-panel .filter .dropdown .dropdown-menu {
          width: 210px; }
    .layout-map .feature-section .feature-content {
      z-index: 1;
      background: #ffffff;
      height: auto; }
    .layout-map.layout-home2 {
      min-height: 540px; }
    .layout-map.header-map {
      height: 500px; }
    .layout-map .leaflet-container::before {
      display: none; }
  
  .layout-home8 {
    position: relative;
    height: 88vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    background-color: #f7f7fe;
    min-height: 800px;
    overflow: hidden; }
    .layout-home8::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 122px;
      bottom: 0;
      left: 0;
      background-image: url(../images/others/bg-layout8.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom;
      z-index: 1; }
    .layout-home8 .bg-dots {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .layout-home8 .dotWrapper {
      position: absolute; }
      .layout-home8 .dotWrapper-1 {
        top: 74%;
        left: 63%;
        -webkit-animation: flying 60s ease-in-out -1.8s infinite alternate;
                animation: flying 60s ease-in-out -1.8s infinite alternate; }
      .layout-home8 .dotWrapper-2 {
        top: 67%;
        left: 43%;
        -webkit-animation: flying 51s ease-in-out -4.2s infinite alternate;
                animation: flying 51s ease-in-out -4.2s infinite alternate; }
      .layout-home8 .dotWrapper-3 {
        top: 61%;
        left: 70%;
        -webkit-animation: flying 25s ease-in-out -7.3s infinite alternate;
                animation: flying 25s ease-in-out -7.3s infinite alternate; }
      .layout-home8 .dotWrapper-4 {
        top: 88%;
        left: 17%;
        -webkit-animation: flying 30s ease-in-out -9.8s infinite alternate;
                animation: flying 30s ease-in-out -9.8s infinite alternate; }
      .layout-home8 .dotWrapper-5 {
        top: 31%;
        left: 47%;
        -webkit-animation: flying 44s ease-in-out -0.5s infinite alternate;
                animation: flying 44s ease-in-out -0.5s infinite alternate; }
      .layout-home8 .dotWrapper-6 {
        top: 57%;
        left: 100%;
        -webkit-animation: flying 68s ease-in-out -5s infinite alternate;
                animation: flying 68s ease-in-out -5s infinite alternate; }
      .layout-home8 .dotWrapper-7 {
        top: 34%;
        left: 83%;
        -webkit-animation: flying 66s ease-in-out -2s infinite alternate;
                animation: flying 66s ease-in-out -2s infinite alternate; }
      .layout-home8 .dotWrapper-8 {
        top: 11%;
        left: 27%;
        -webkit-animation: flying 54s ease-in-out -8s infinite alternate;
                animation: flying 54s ease-in-out -8s infinite alternate; }
      .layout-home8 .dotWrapper-9 {
        top: 56%;
        left: 91%;
        -webkit-animation: flying 29s ease-in-out -1.5s infinite alternate;
                animation: flying 29s ease-in-out -1.5s infinite alternate; }
      .layout-home8 .dotWrapper-10 {
        top: 96%;
        left: 77%;
        -webkit-animation: flying 65s ease-in-out -0.2s infinite alternate;
                animation: flying 65s ease-in-out -0.2s infinite alternate; }
      .layout-home8 .dotWrapper-11 {
        top: 67%;
        left: 6%;
        -webkit-animation: flying 53s ease-in-out -5.6s infinite alternate;
                animation: flying 53s ease-in-out -5.6s infinite alternate; }
      .layout-home8 .dotWrapper-12 {
        top: 17%;
        left: 15%;
        -webkit-animation: flying 60s ease-in-out -2.4s infinite alternate;
                animation: flying 60s ease-in-out -2.4s infinite alternate; }
      .layout-home8 .dotWrapper-13 {
        top: 8%;
        left: 28%;
        -webkit-animation: flying 45s ease-in-out -1.8s infinite alternate;
                animation: flying 45s ease-in-out -1.8s infinite alternate; }
      .layout-home8 .dotWrapper-14 {
        top: 26%;
        left: 54%;
        -webkit-animation: flying 22s ease-in-out -0.1s infinite alternate;
                animation: flying 22s ease-in-out -0.1s infinite alternate; }
      .layout-home8 .dotWrapper-15 {
        top: 41%;
        left: 17%;
        -webkit-animation: flying 64s ease-in-out -4.2s infinite alternate;
                animation: flying 64s ease-in-out -4.2s infinite alternate; }
      .layout-home8 .dotWrapper-16 {
        top: 96%;
        left: 9%;
        -webkit-animation: flying 55s ease-in-out -7.3s infinite alternate;
                animation: flying 55s ease-in-out -7.3s infinite alternate; }
      .layout-home8 .dotWrapper-17 {
        top: 57%;
        left: 99%;
        -webkit-animation: flying 50s ease-in-out -7.4s infinite alternate;
                animation: flying 50s ease-in-out -7.4s infinite alternate; }
      .layout-home8 .dotWrapper-18 {
        top: 57%;
        left: 37%;
        -webkit-animation: flying 29s ease-in-out -1.6s infinite alternate;
                animation: flying 29s ease-in-out -1.6s infinite alternate; }
      .layout-home8 .dotWrapper-19 {
        top: 30%;
        left: 1%;
        -webkit-animation: flying 39s ease-in-out -0.4s infinite alternate;
                animation: flying 39s ease-in-out -0.4s infinite alternate; }
      .layout-home8 .dotWrapper-20 {
        top: 11%;
        left: 72%;
        -webkit-animation: flying 63s ease-in-out -9s infinite alternate;
                animation: flying 63s ease-in-out -9s infinite alternate; }
      .layout-home8 .dotWrapper-21 {
        top: 71%;
        left: 62%;
        -webkit-animation: flying 28s ease-in-out -1.4s infinite alternate;
                animation: flying 28s ease-in-out -1.4s infinite alternate; }
      .layout-home8 .dotWrapper-22 {
        top: 16%;
        left: 28%;
        -webkit-animation: flying 41s ease-in-out -8.7s infinite alternate;
                animation: flying 41s ease-in-out -8.7s infinite alternate; }
      .layout-home8 .dotWrapper-23 {
        top: 77%;
        left: 100%;
        -webkit-animation: flying 21s ease-in-out -2.8s infinite alternate;
                animation: flying 21s ease-in-out -2.8s infinite alternate; }
      .layout-home8 .dotWrapper-24 {
        top: 59%;
        left: 52%;
        -webkit-animation: flying 60s ease-in-out -0.9s infinite alternate;
                animation: flying 60s ease-in-out -0.9s infinite alternate; }
      .layout-home8 .dotWrapper-25 {
        top: 56%;
        left: 25%;
        -webkit-animation: flying 35s ease-in-out -9.2s infinite alternate;
                animation: flying 35s ease-in-out -9.2s infinite alternate; }
      .layout-home8 .dotWrapper-26 {
        top: 51%;
        left: 15%;
        -webkit-animation: flying 21s ease-in-out -8.7s infinite alternate;
                animation: flying 21s ease-in-out -8.7s infinite alternate; }
      .layout-home8 .dotWrapper-27 {
        top: 10%;
        left: 33%;
        -webkit-animation: flying 36s ease-in-out -1.6s infinite alternate;
                animation: flying 36s ease-in-out -1.6s infinite alternate; }
      .layout-home8 .dotWrapper-28 {
        top: 9%;
        left: 29%;
        -webkit-animation: flying 57s ease-in-out -10s infinite alternate;
                animation: flying 57s ease-in-out -10s infinite alternate; }
      .layout-home8 .dotWrapper-29 {
        top: 46%;
        left: 84%;
        -webkit-animation: flying 38s ease-in-out -7.7s infinite alternate;
                animation: flying 38s ease-in-out -7.7s infinite alternate; }
      .layout-home8 .dotWrapper-30 {
        top: 79%;
        left: 69%;
        -webkit-animation: flying 62s ease-in-out -3.4s infinite alternate;
                animation: flying 62s ease-in-out -3.4s infinite alternate; }
      .layout-home8 .dotWrapper-31 {
        top: 26%;
        left: 88%;
        -webkit-animation: flying 40s ease-in-out -1.5s infinite alternate;
                animation: flying 40s ease-in-out -1.5s infinite alternate; }
      .layout-home8 .dotWrapper-32 {
        top: 95%;
        left: 49%;
        -webkit-animation: flying 39s ease-in-out -5.6s infinite alternate;
                animation: flying 39s ease-in-out -5.6s infinite alternate; }
      .layout-home8 .dotWrapper-33 {
        top: 37%;
        left: 15%;
        -webkit-animation: flying 44s ease-in-out -2.5s infinite alternate;
                animation: flying 44s ease-in-out -2.5s infinite alternate; }
      .layout-home8 .dotWrapper-34 {
        top: 55%;
        left: 31%;
        -webkit-animation: flying 32s ease-in-out -4.1s infinite alternate;
                animation: flying 32s ease-in-out -4.1s infinite alternate; }
      .layout-home8 .dotWrapper-35 {
        top: 12%;
        left: 94%;
        -webkit-animation: flying 70s ease-in-out -0.3s infinite alternate;
                animation: flying 70s ease-in-out -0.3s infinite alternate; }
      .layout-home8 .dotWrapper-36 {
        top: 69%;
        left: 39%;
        -webkit-animation: flying 70s ease-in-out -5.8s infinite alternate;
                animation: flying 70s ease-in-out -5.8s infinite alternate; }
      .layout-home8 .dotWrapper-37 {
        top: 82%;
        left: 77%;
        -webkit-animation: flying 60s ease-in-out -9.8s infinite alternate;
                animation: flying 60s ease-in-out -9.8s infinite alternate; }
      .layout-home8 .dotWrapper-38 {
        top: 34%;
        left: 54%;
        -webkit-animation: flying 62s ease-in-out -5.6s infinite alternate;
                animation: flying 62s ease-in-out -5.6s infinite alternate; }
      .layout-home8 .dotWrapper-39 {
        top: 66%;
        left: 42%;
        -webkit-animation: flying 27s ease-in-out -8.7s infinite alternate;
                animation: flying 27s ease-in-out -8.7s infinite alternate; }
      .layout-home8 .dotWrapper-40 {
        top: 10%;
        left: 9%;
        -webkit-animation: flying 58s ease-in-out -7s infinite alternate;
                animation: flying 58s ease-in-out -7s infinite alternate; }
      .layout-home8 .dotWrapper-41 {
        top: 93%;
        left: 42%;
        -webkit-animation: flying 38s ease-in-out -0.4s infinite alternate;
                animation: flying 38s ease-in-out -0.4s infinite alternate; }
      .layout-home8 .dotWrapper-42 {
        top: 22%;
        left: 1%;
        -webkit-animation: flying 29s ease-in-out -7.7s infinite alternate;
                animation: flying 29s ease-in-out -7.7s infinite alternate; }
      .layout-home8 .dotWrapper-43 {
        top: 22%;
        left: 86%;
        -webkit-animation: flying 33s ease-in-out -3.8s infinite alternate;
                animation: flying 33s ease-in-out -3.8s infinite alternate; }
      .layout-home8 .dotWrapper-44 {
        top: 94%;
        left: 27%;
        -webkit-animation: flying 34s ease-in-out -6.4s infinite alternate;
                animation: flying 34s ease-in-out -6.4s infinite alternate; }
      .layout-home8 .dotWrapper-45 {
        top: 42%;
        left: 90%;
        -webkit-animation: flying 38s ease-in-out -5.8s infinite alternate;
                animation: flying 38s ease-in-out -5.8s infinite alternate; }
      .layout-home8 .dotWrapper-46 {
        top: 25%;
        left: 58%;
        -webkit-animation: flying 49s ease-in-out -3.4s infinite alternate;
                animation: flying 49s ease-in-out -3.4s infinite alternate; }
      .layout-home8 .dotWrapper-47 {
        top: 61%;
        left: 63%;
        -webkit-animation: flying 45s ease-in-out -1.8s infinite alternate;
                animation: flying 45s ease-in-out -1.8s infinite alternate; }
      .layout-home8 .dotWrapper-48 {
        top: 24%;
        left: 98%;
        -webkit-animation: flying 22s ease-in-out -2.6s infinite alternate;
                animation: flying 22s ease-in-out -2.6s infinite alternate; }
      .layout-home8 .dotWrapper-49 {
        top: 60%;
        left: 59%;
        -webkit-animation: flying 50s ease-in-out -2.7s infinite alternate;
                animation: flying 50s ease-in-out -2.7s infinite alternate; }
      .layout-home8 .dotWrapper-50 {
        top: 57%;
        left: 58%;
        -webkit-animation: flying 60s ease-in-out -9.2s infinite alternate;
                animation: flying 60s ease-in-out -9.2s infinite alternate; }
    .layout-home8 .dot {
      width: 6px;
      height: 6px;
      background: var(--theme-default6);
      opacity: 0.15;
      border-radius: 50%; }
      .layout-home8 .dot-1 {
        -webkit-transform-origin: -4px -5px;
                transform-origin: -4px -5px;
        -webkit-animation: rotating 23s ease-in-out -2.7s infinite;
                animation: rotating 23s ease-in-out -2.7s infinite; }
      .layout-home8 .dot-2 {
        -webkit-transform-origin: -14px -9px;
                transform-origin: -14px -9px;
        -webkit-animation: rotating 12s ease-in-out -8.9s infinite;
                animation: rotating 12s ease-in-out -8.9s infinite; }
      .layout-home8 .dot-3 {
        -webkit-transform-origin: -9px 1px;
                transform-origin: -9px 1px;
        -webkit-animation: rotating 30s ease-in-out -2.4s infinite;
                animation: rotating 30s ease-in-out -2.4s infinite; }
      .layout-home8 .dot-4 {
        -webkit-transform-origin: 6px -13px;
                transform-origin: 6px -13px;
        -webkit-animation: rotating 23s ease-in-out -3.4s infinite;
                animation: rotating 23s ease-in-out -3.4s infinite; }
      .layout-home8 .dot-5 {
        -webkit-transform-origin: 10px -13px;
                transform-origin: 10px -13px;
        -webkit-animation: rotating 27s ease-in-out -0.5s infinite;
                animation: rotating 27s ease-in-out -0.5s infinite; }
      .layout-home8 .dot-6 {
        -webkit-transform-origin: 7px 7px;
                transform-origin: 7px 7px;
        -webkit-animation: rotating 27s ease-in-out -5.6s infinite;
                animation: rotating 27s ease-in-out -5.6s infinite; }
      .layout-home8 .dot-7 {
        -webkit-transform-origin: 11px 12px;
                transform-origin: 11px 12px;
        -webkit-animation: rotating 20s ease-in-out -4.5s infinite;
                animation: rotating 20s ease-in-out -4.5s infinite; }
      .layout-home8 .dot-8 {
        -webkit-transform-origin: -14px 6px;
                transform-origin: -14px 6px;
        -webkit-animation: rotating 15s ease-in-out -8.6s infinite;
                animation: rotating 15s ease-in-out -8.6s infinite; }
      .layout-home8 .dot-9 {
        -webkit-transform-origin: 1px 2px;
                transform-origin: 1px 2px;
        -webkit-animation: rotating 14s ease-in-out -0.6s infinite;
                animation: rotating 14s ease-in-out -0.6s infinite; }
      .layout-home8 .dot-10 {
        -webkit-transform-origin: -1px 14px;
                transform-origin: -1px 14px;
        -webkit-animation: rotating 13s ease-in-out -7.6s infinite;
                animation: rotating 13s ease-in-out -7.6s infinite; }
      .layout-home8 .dot-11 {
        -webkit-transform-origin: 9px 11px;
                transform-origin: 9px 11px;
        -webkit-animation: rotating 14s ease-in-out -2.2s infinite;
                animation: rotating 14s ease-in-out -2.2s infinite; }
      .layout-home8 .dot-12 {
        -webkit-transform-origin: 15px 3px;
                transform-origin: 15px 3px;
        -webkit-animation: rotating 14s ease-in-out -4.7s infinite;
                animation: rotating 14s ease-in-out -4.7s infinite; }
      .layout-home8 .dot-13 {
        -webkit-transform-origin: 10px 7px;
                transform-origin: 10px 7px;
        -webkit-animation: rotating 29s ease-in-out -5.5s infinite;
                animation: rotating 29s ease-in-out -5.5s infinite; }
      .layout-home8 .dot-14 {
        -webkit-transform-origin: 5px 4px;
                transform-origin: 5px 4px;
        -webkit-animation: rotating 28s ease-in-out -6.4s infinite;
                animation: rotating 28s ease-in-out -6.4s infinite; }
      .layout-home8 .dot-15 {
        -webkit-transform-origin: -13px 4px;
                transform-origin: -13px 4px;
        -webkit-animation: rotating 25s ease-in-out -0.8s infinite;
                animation: rotating 25s ease-in-out -0.8s infinite; }
      .layout-home8 .dot-16 {
        -webkit-transform-origin: -13px -9px;
                transform-origin: -13px -9px;
        -webkit-animation: rotating 13s ease-in-out -2.4s infinite;
                animation: rotating 13s ease-in-out -2.4s infinite; }
      .layout-home8 .dot-17 {
        -webkit-transform-origin: -9px -1px;
                transform-origin: -9px -1px;
        -webkit-animation: rotating 22s ease-in-out -6.2s infinite;
                animation: rotating 22s ease-in-out -6.2s infinite; }
      .layout-home8 .dot-18 {
        -webkit-transform-origin: -13px -9px;
                transform-origin: -13px -9px;
        -webkit-animation: rotating 28s ease-in-out -2s infinite;
                animation: rotating 28s ease-in-out -2s infinite; }
      .layout-home8 .dot-19 {
        -webkit-transform-origin: 2px 10px;
                transform-origin: 2px 10px;
        -webkit-animation: rotating 13s ease-in-out -0.3s infinite;
                animation: rotating 13s ease-in-out -0.3s infinite; }
      .layout-home8 .dot-20 {
        -webkit-transform-origin: 9px 6px;
                transform-origin: 9px 6px;
        -webkit-animation: rotating 22s ease-in-out -3.6s infinite;
                animation: rotating 22s ease-in-out -3.6s infinite; }
      .layout-home8 .dot-21 {
        -webkit-transform-origin: -14px -9px;
                transform-origin: -14px -9px;
        -webkit-animation: rotating 30s ease-in-out -5s infinite;
                animation: rotating 30s ease-in-out -5s infinite; }
      .layout-home8 .dot-22 {
        -webkit-transform-origin: 11px -10px;
                transform-origin: 11px -10px;
        -webkit-animation: rotating 26s ease-in-out -8s infinite;
                animation: rotating 26s ease-in-out -8s infinite; }
      .layout-home8 .dot-23 {
        -webkit-transform-origin: 10px -7px;
                transform-origin: 10px -7px;
        -webkit-animation: rotating 20s ease-in-out -5.7s infinite;
                animation: rotating 20s ease-in-out -5.7s infinite; }
      .layout-home8 .dot-24 {
        -webkit-transform-origin: -2px 14px;
                transform-origin: -2px 14px;
        -webkit-animation: rotating 14s ease-in-out -10s infinite;
                animation: rotating 14s ease-in-out -10s infinite; }
      .layout-home8 .dot-25 {
        -webkit-transform-origin: -2px 10px;
                transform-origin: -2px 10px;
        -webkit-animation: rotating 13s ease-in-out -6.7s infinite;
                animation: rotating 13s ease-in-out -6.7s infinite; }
      .layout-home8 .dot-26 {
        -webkit-transform-origin: 9px 1px;
                transform-origin: 9px 1px;
        -webkit-animation: rotating 26s ease-in-out -4.2s infinite;
                animation: rotating 26s ease-in-out -4.2s infinite; }
      .layout-home8 .dot-27 {
        -webkit-transform-origin: -10px -14px;
                transform-origin: -10px -14px;
        -webkit-animation: rotating 11s ease-in-out -6.8s infinite;
                animation: rotating 11s ease-in-out -6.8s infinite; }
      .layout-home8 .dot-28 {
        -webkit-transform-origin: 13px 0px;
                transform-origin: 13px 0px;
        -webkit-animation: rotating 11s ease-in-out -2.9s infinite;
                animation: rotating 11s ease-in-out -2.9s infinite; }
      .layout-home8 .dot-29 {
        -webkit-transform-origin: -10px 12px;
                transform-origin: -10px 12px;
        -webkit-animation: rotating 28s ease-in-out -3.3s infinite;
                animation: rotating 28s ease-in-out -3.3s infinite; }
      .layout-home8 .dot-30 {
        -webkit-transform-origin: 12px 12px;
                transform-origin: 12px 12px;
        -webkit-animation: rotating 20s ease-in-out -0.9s infinite;
                animation: rotating 20s ease-in-out -0.9s infinite; }
    .layout-home8 .home-left-content {
      position: relative;
      z-index: 2; }
    .layout-home8 .home-right-image {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .layout-home8 .home-content {
      text-align: left;
      margin-bottom: 40px; }
      .layout-home8 .home-content h1 {
        margin-bottom: 20px; }
      .layout-home8 .home-content h6 {
        line-height: 1.8;
        letter-spacing: 0.5px;
        opacity: 0.7; }
  
  .search-with-tab .nav-tabs {
    border-bottom: none; }
    .search-with-tab .nav-tabs .nav-item {
      margin-bottom: 0; }
      .search-with-tab .nav-tabs .nav-item .nav-link {
        color: var(--theme-default6);
        background-color: #ffffff;
        border: none;
        text-transform: capitalize;
        padding: 12px 20px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 30px; }
        .search-with-tab .nav-tabs .nav-item .nav-link.active {
          background-color: var(--theme-default6) !important;
          color: #ffffff; }
      .search-with-tab .nav-tabs .nav-item + .nav-item {
        margin-left: 10px; }
  
  .search-with-tab .tab-content {
    padding: 30px;
    background-color: #ffffff;
    border-radius: 8px;
    position: relative;
    -webkit-box-shadow: 8px 6px 16px 5px rgba(0, 0, 0, 0.02);
            box-shadow: 8px 6px 16px 5px rgba(0, 0, 0, 0.02); }
    .search-with-tab .tab-content .review-form .form-control {
      color: #1c2d3a;
      font-size: 14px; }
    .search-with-tab .tab-content .review-form .dropdown {
      padding: 12px 20px 10px;
      border: 1px solid #eee;
      border-radius: 4px; }
      .search-with-tab .tab-content .review-form .dropdown .dropdown-menu {
        left: -20px !important; }
  
  .price-range {
    margin-bottom: 5px; }
    .price-range label {
      color: #586167;
      margin-bottom: 16px;
      font-weight: 600; }
    .price-range input {
      border: none;
      color: #586167;
      max-width: 95px; }
      .price-range input:focus {
        outline: none; }
  
  .ui-slider-horizontal {
    height: 5px;
    background: #eee; }
    .ui-slider-horizontal .ui-slider-handle {
      top: -0.4em;
      margin-left: -0.5em;
      cursor: pointer; }
  
  .ui-widget.ui-widget-content {
    border: none; }
  
  .ui-slider .ui-slider-handle {
    width: 8px;
    height: 16px;
    z-index: 1; }
    .ui-slider .ui-slider-handle.ui-state-focus {
      outline: none; }
  
  .theme-range-1 .ui-widget-header {
    background: var(--theme-default2); }
  
  .theme-range-1 .ui-state-default {
    background: var(--theme-default2);
    border: none; }
    .theme-range-1 .ui-state-default .ui-widget-content .ui-state-default,
    .theme-range-1 .ui-state-default .ui-widget-header .ui-state-default {
      background: var(--theme-default2);
      border: none; }
  
  .theme-range-1 .ui-button {
    background: var(--theme-default2);
    border: none; }
    .theme-range-1 .ui-button.ui-state-disabled:hover, .theme-range-1 .ui-button.ui-state-disabled:active {
      background: var(--theme-default2);
      border: none; }
  
  .theme-range-2 .ui-widget-header {
    background: var(--theme-default3); }
  
  .theme-range-2 .ui-state-default {
    background: var(--theme-default3);
    border: none; }
    .theme-range-2 .ui-state-default .ui-widget-content .ui-state-default,
    .theme-range-2 .ui-state-default .ui-widget-header .ui-state-default {
      background: var(--theme-default3);
      border: none; }
  
  .theme-range-2 .ui-button {
    background: var(--theme-default3);
    border: none; }
    .theme-range-2 .ui-button.ui-state-disabled:hover, .theme-range-2 .ui-button.ui-state-disabled:active {
      background: var(--theme-default3);
      border: none; }
  
  .theme-range-3 .ui-widget-header {
    background: var(--theme-default9); }
  
  .theme-range-3 .ui-state-default {
    background: var(--theme-default9);
    border: none; }
    .theme-range-3 .ui-state-default .ui-widget-content .ui-state-default,
    .theme-range-3 .ui-state-default .ui-widget-header .ui-state-default {
      background: var(--theme-default9);
      border: none; }
  
  .theme-range-3 .ui-button {
    background: var(--theme-default9);
    border: none; }
    .theme-range-3 .ui-button.ui-state-disabled:hover, .theme-range-3 .ui-button.ui-state-disabled:active {
      background: var(--theme-default9);
      border: none; }
  
  .theme-range-4 .ui-widget-header {
    background: var(--theme-default6); }
  
  .theme-range-4 .ui-state-default {
    background: var(--theme-default6);
    border: none; }
    .theme-range-4 .ui-state-default .ui-widget-content .ui-state-default,
    .theme-range-4 .ui-state-default .ui-widget-header .ui-state-default {
      background: var(--theme-default6);
      border: none; }
  
  .theme-range-4 .ui-button {
    background: var(--theme-default6);
    border: none; }
    .theme-range-4 .ui-button.ui-state-disabled:hover, .theme-range-4 .ui-button.ui-state-disabled:active {
      background: var(--theme-default6);
      border: none; }
  
  .theme-range-5 .ui-widget-header {
    background: var(--theme-default10); }
  
  .theme-range-5 .ui-state-default {
    background: var(--theme-default10);
    border: none; }
    .theme-range-5 .ui-state-default .ui-widget-content .ui-state-default,
    .theme-range-5 .ui-state-default .ui-widget-header .ui-state-default {
      background: var(--theme-default10);
      border: none; }
  
  .theme-range-5 .ui-button {
    background: var(--theme-default10);
    border: none; }
    .theme-range-5 .ui-button.ui-state-disabled:hover, .theme-range-5 .ui-button.ui-state-disabled:active {
      background: var(--theme-default10);
      border: none; }
  
  .looking-icons {
    margin-top: 40px; }
    .looking-icons h5 {
      font-weight: 500;
      margin-bottom: 30px; }
    .looking-icons ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -5px -15px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .looking-icons ul li {
        margin: 5px 15px;
        display: block;
        -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
                box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07); }
        .looking-icons ul li .looking-icon {
          background-color: #ffffff;
          display: block;
          padding: 30px;
          min-width: 150px;
          text-align: center; }
          .looking-icons ul li .looking-icon svg {
            width: 50px;
            height: 50px;
            fill: var(--theme-default2);
            margin: 0 auto; }
          .looking-icons ul li .looking-icon:hover h6 {
            color: var(--theme-default2) !important;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
        .looking-icons ul li h6 {
          margin-top: 20px !important;
          margin-bottom: 0; }
  
  /**=====================
         Template CSS end
    ==========================**/
  /**=====================
       Responsive css start
  ==========================**/
  @media (max-width: 1883px) {
    .property-grid-slider .property-grid.list-view .bg-size {
      height: 45vh; } }
  
  @media (max-width: 1800px) {
    .layout-home2 .arrow-light .slick-prev {
      left: 100px; }
    .layout-home2 .arrow-light .slick-next {
      right: 100px; } }
  
  @media (max-width: 1740px) {
    .layout-home2 .arrow-light .slick-prev {
      left: 60px; }
    .layout-home2 .arrow-light .slick-next {
      right: 60px; }
    .layout-9 .layout-right-img img {
      height: 750px; } }
  
  @media (max-width: 1720px) {
    .arrow-white .slick-prev {
      left: -100px; }
    .arrow-white .slick-next {
      right: -100px; } }
  
  @media (max-width: 1660px) {
    .layout-home4 .slider-image .home-content .square-bg {
      width: 88%; }
    .blog-1 .blog-box .blog-content {
      padding: 25px 40px; }
    .layout-home2 .feature-section .feature-content {
      margin-left: 100px; }
    .arrow-white {
      margin-bottom: 85px; }
      .arrow-white .slick-arrow {
        top: unset;
        bottom: -110px; }
      .arrow-white .slick-prev {
        left: 46%; }
      .arrow-white .slick-next {
        right: 46%; }
    .arrow-light .slick-prev {
      left: 1px; }
    .arrow-light .slick-next {
      right: 1px; }
    .testimonial-3 .slick-list {
      margin: -53px -12px; }
      .testimonial-3 .slick-list .slick-track .slick-slide > div {
        margin: 53px 12px; }
    .our-client {
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); }
    .user-about .about-image {
      margin-left: 15px;
      margin-top: 70px; }
      .user-about .about-image .img-box img {
        max-width: 350px; }
    .single-property-images {
      height: auto; }
    .service-slider.arrow-gradient.arrow-right .slick-prev {
      right: 10%; }
    .service-slider.arrow-gradient.arrow-right .slick-next {
      right: 6.5%; }
    .blog-2 .slick-list {
      margin: 0 -15px; }
    .slick-shadow .arrow-white .slick-arrow {
      bottom: -80px; }
    .feature-section .feature-3 .slick-list {
      margin: -50px 0; }
      .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
        margin: 50px; }
    .feature-section .feature-3 .slick-prev,
    .feature-section .feature-3 .slick-next {
      right: 28px; }
    .feature-section .feature-4 .slick-list {
      margin: -30px -40px; }
      .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
        margin: 30px 40px; }
    .feature-section .feature-4.arrow-gradient .slick-arrow {
      left: unset !important;
      right: 0;
      top: 0; }
    .feature-section .feature-4.arrow-gradient .slick-prev {
      right: 4%; }
    .feature-section .feature-image,
    .feature-section .feature-content {
      -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0 23px rgba(0, 0, 0, 0.08); }
      .feature-section .feature-image .bg-size:before,
      .feature-section .feature-content .bg-size:before {
        padding-top: 72.5%; }
    .modern-feature {
      margin-top: 50px; }
    .new-property .feature-wrap {
      margin: 0 51px; }
    .feature-3 .next-image {
      right: 0px;
      top: 225px; }
    .layout-home3 .banner-3 {
      width: 53%; }
    .layout-9 .layout-right-img img {
      height: 700px; }
    .home-section.layout-5 .home-main {
      width: 100%;
      padding: 60px 0; }
    .home-section.layout-9 {
      min-height: 776px; }
      .home-section.layout-9 .home-main .home-content h1 {
        height: 170px; } }
  
  @media (max-width: 1544px) and (min-width: 1461px) {
    .feature-section .feature-4 .slick-list {
      margin: -30px -15px; }
      .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
        margin: 30px 15px; }
    .slick-between .slick-slider .slick-list {
      margin: 0 -12px; }
      .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px; } }
  
  @media (max-width: 1544px) {
    .property-section .list-property .property-box {
      -webkit-box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.06);
              box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.06); }
    .pricing-section .pricing-box {
      -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 14px rgba(0, 0, 0, 0.05); }
    .pricing-section.slick-between .slick-slider .slick-list {
      margin: -30px -12px; }
      .pricing-section.slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 30px 12px; } }
  
  @media (min-width: 1461px) {
    .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track,
    .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list {
      height: 338px; }
      .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track .bg-size,
      .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list .bg-size {
        min-height: 338px; }
    .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track,
    .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list {
      height: unset; }
      .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track .bg-size,
      .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list .bg-size {
        min-height: 338px; } }
  
  @media (max-width: 1460px) and (min-width: 1200px) {
    .xl-40 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%;
      max-width: 40%; }
    .xl-60 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60%;
              flex: 0 0 60%;
      max-width: 60%; }
    header.header-4 .main-navbar .nav-menu > li {
      padding: 20px 8px; }
    .footer-custom-col .row > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33%;
              flex: 0 0 33.33%;
      max-width: 33.33%; }
      .footer-custom-col .row > div:nth-child(4), .footer-custom-col .row > div:last-child {
        margin-top: 30px; }
        .footer-custom-col .row > div:nth-child(4) .footer-left-space, .footer-custom-col .row > div:last-child .footer-left-space {
          padding-left: 0; }
    .footer-custom-col .order-xl {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .about-main .user-about .row > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
      padding: 30px;
      top: 11%; }
      .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 6px; } }
  
  @media (max-width: 1460px) {
    .about-section .about-wrap .about-content .about-image .overlay-content ul {
      margin-left: unset; }
    .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li, .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li {
      padding-right: 5px;
      padding-left: 5px; }
      .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li img, .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li img {
        height: 14px;
        margin-right: 4px; }
    .property-section .filter-panel .grid-list-filter .collection-grid-view li:last-child {
      display: none; }
    .property-details .property-box .property-details > ul > li > img {
      height: 15px;
      display: inline-block;
      margin-right: 7px; }
    .property-details ul li {
      padding-left: 6px;
      padding-right: 6px;
      font-size: 13px; }
    h2 {
      line-height: 1.08; }
    .contact-3 .title-3 {
      margin-top: -3px; }
    .title-3.text-start h2 {
      margin-top: -4px; }
    .login-wrap .log-in .title-3.text-start h2 {
      margin-top: -3px; }
    .sign-up .title-3.text-start h2 {
      margin-top: 2px; }
    .modern-dot.slick-dotted {
      margin-bottom: 2px; }
    .modern-dot.property-3.slick-dotted {
      margin-bottom: 3px; }
    .layout-map .withmap-horizontal .search-panel .width-fit > div:first-child {
      max-width: 28.7%; }
    .layout-map .withmap-horizontal .search-panel .width-fit > div:nth-child(2) {
      max-width: 26.2%; }
    .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
      margin-right: 20px; }
    .title-2 h2 {
      margin-top: 0; }
    .testimonial-style-1 .title-2 h2 {
      margin-top: -6px;
      line-height: 1.35; }
    .theme-title .title-2 h2 {
      margin-top: -1px; }
    .blog-inner .title-2 h2 {
      margin-top: -2px; }
    .grid-box .property-text h3 {
      margin-top: -2px; }
    .my-profile .profile-info .information ul li span:first-child {
      min-width: 140px; }
    .about-main .title-2 h2,
    .why-choose .title-2 h2 {
      margin-top: -2px; }
    .about-testimonial .title-2 h2 {
      margin-top: -1px; }
    .about-section .title-3 {
      margin-top: -11px; }
    .about-section.about-inner .title-2 h2 {
      margin-top: -4px; }
    .about-people .title-2 h2 {
      margin-top: -2px; }
    .coming-simple .title-3 h6 {
      margin-bottom: 10px; }
    .faq-questions .title-3 {
      margin-top: 0; }
      .faq-questions .title-3 h2 {
        margin-top: -3px; }
    .terms-section .terms-wrap {
      margin-bottom: -7px; }
    .layout-9 .layout-right-img img {
      height: 650px; }
    .blog-2 .slick-list .slick-track .slick-slide > div {
      margin: 0 15px; }
    .blog-section .title-2 h2 {
      margin-top: -2px; }
    .single-property-section .left-single h2 {
      margin-top: -2px; }
    .new-property .title-2 h2 {
      margin-top: -3px; }
    .new-property.pricing-property .title-2 h2 {
      margin-top: -3px; }
    .bg-comman-2.feature-section .title-2 h2 {
      margin-top: -1px; }
    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex > span {
      margin-left: -10px; }
    .tab-listing .property-details .my-listing {
      top: 27px;
      right: 30px; }
    .card-payment .payment-card {
      padding: 15px 10px;
      min-height: auto; }
    .footer-bg .footer-details {
      padding: 30px 15px; }
      .footer-bg .footer-details .icon-list li + li {
        margin-left: 2px; }
    footer .footer-links .footer-content {
      margin-top: 40px; }
      footer .footer-links .footer-content .footer-map iframe {
        width: 100%;
        height: 190px; }
    footer.footer-dark .footer-details p {
      margin-top: 34px; }
    .property-wizard .wizard-box .wizard-form-details h2 {
      margin-top: -3px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
      width: 21px;
      height: 21px; }
    .user-about .about-image {
      margin-top: 60px; }
      .user-about .about-image .img-box img {
        max-width: 295px; }
      .user-about .about-image .img-box.img-abs {
        right: 3%; }
    .get-in-touch .contact-img img {
      width: 95%; }
    .blog-1 .blog-box .img-box img {
      min-width: 245px;
      height: 100%; }
    .blog-1 .blog-box .blog-content {
      padding: 25px 30px; }
      .blog-1 .blog-box .blog-content h3,
      .blog-1 .blog-box .blog-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .blog-list-section .blog-list .blog-wrap .blog-image {
      width: 100%; }
    .blog-list-section .blog-list .blog-wrap .blog-details {
      padding: 20px; }
    .our-client .client-right {
      padding: 30px 60px; }
    .our-client .quote-img {
      right: -30px;
      bottom: -15px; }
      .our-client .quote-img img {
        width: 65%; }
    .client-slider {
      width: 75%; }
    .modern-client .comment-right {
      padding: 40px; }
      .modern-client .comment-right p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .modern-client .comment-right .slick-arrow {
        top: 91.2%;
        left: -17%; }
      .modern-client .comment-right .slick-next {
        left: -7.4%; }
    .modern-client .right-align {
      right: -100px;
      top: 45px; }
    .testimonial-1 .pepole-comment .client-msg .quote {
      top: -16px; }
      .testimonial-1 .pepole-comment .client-msg .quote img {
        width: 70%; }
    .testimonial-1 .pepole-comment .client-msg p {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .testimonial-1 .slick-list .slick-track .slick-slide > div {
      margin-top: 16px !important; }
    .testimonial-client .title-3.text-start {
      margin-top: 3px; }
    .banner-1,
    .banner-3 {
      width: 85%; }
    .banner-3 h2,
    .banner-3 p {
      width: 82%; }
    .about-section .about-wrap.about-1 .about-content .our-details {
      padding: 20px; }
    .about-section .about-wrap .about-content .about-image .overlay-content ul li a {
      width: 35px;
      height: 35px; }
    .about-section .about-wrap .about-content .about-image .overlay-content ul li + li {
      margin-left: 5px; }
    .about-section .about-wrap .about-content .about-image .overlay-content span {
      letter-spacing: 5px; }
      .about-section .about-wrap .about-content .about-image .overlay-content span::before {
        left: -27px; }
    .about-section .title-3.text-start {
      margin-top: -3px; }
    .arrow-white .slick-prev {
      left: 44%; }
    .arrow-white .slick-next {
      right: 44%; }
    .arrow-gradient.arrow-right .slick-arrow {
      top: -88px; }
    .slick-between .slick-slider .slick-list {
      margin: 0 -12px; }
      .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px; }
    .about-box .agent-image .overlay-agent .agent-details {
      padding: 30px; }
    .service-slider.arrow-gradient.arrow-right .slick-prev {
      right: 15%; }
    .service-slider.arrow-gradient.arrow-right .slick-next {
      right: 11%; }
    .service-slider.arrow-gradient.arrow-right .slick-arrow {
      top: -61px; }
    .service-section .title-2 h2 {
      margin-top: -1px; }
    .service-section .column-space > div {
      padding: 0 15px; }
    .service-section.service-2 .property-service > div .service-box {
      padding: 40px 30px; }
      .service-section.service-2 .property-service > div .service-box p {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis; }
    .service-section.service-bg .title-3 {
      margin-top: 0px; }
      .service-section.service-bg .title-3.text-start h2 {
        margin-top: -1px; }
    .property-details {
      padding: 15px !important; }
      .property-details .property-btn .btn {
        padding: 8px 25px 7px; }
        .property-details .property-btn .btn.btn-dashed {
          padding: 9px 25px 8px; }
        .property-details .property-btn .btn + .btn {
          margin-left: 10px; }
    .property-section .column-space > div {
      padding: 0 12px; }
    .property-section .title-2 h2 {
      margin-top: -1px; }
    .property-section .title-3.text-start {
      margin-top: 1px; }
      .property-section .title-3.text-start h2 {
        margin-top: -2px; }
    .property-section .title-3 .pagination-tab {
      margin-top: -2px; }
    .property-section .property-3 .slick-list .slick-track .slick-slide > div {
      margin: 30px 15px; }
    .property-section.slick-between .title-3.text-start {
      margin-top: -4px; }
    .property-section.slick-between .property-1.slick-slider .slick-list {
      margin: 0 -12px; }
      .property-section.slick-between .property-1.slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
      height: calc(100% - 75px); }
    .property-grid-2 .filter-panel .top-panel h2 {
      margin-top: 0; }
    .property-grid-3 .property-grid.list-view .property-box .property-image {
      width: 35%; }
    .property-grid-3 .property-grid.list-view > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
    .property-grid-3 .filter-panel .top-panel h2 {
      margin-top: -1px; }
    .property-map .filter-panel .top-panel h2 {
      margin-top: -1px; }
    .property-grid-slider .property-grid.list-view .property-box .property-image {
      width: 31%; }
      .property-grid-slider .property-grid.list-view .property-box .property-image .bg-size {
        height: 300px; }
    .gallery-nav .slick-slide img {
      min-height: 78px; }
    .modal-form {
      top: 19px; }
    .single-property-images.ratio_40 .bg-size:before {
      padding-top: 40%; }
    .bg-comman-2::before {
      height: 355px; }
    .feature-section .modern-feature .feature-wrap .feature-content {
      padding-left: 25px; }
    .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
      top: 30px;
      left: 30px; }
    .feature-section .feature-image .feature-overlay {
      -webkit-transform: scale(0.9) translateY(-50%);
              transform: scale(0.9) translateY(-50%); }
    .feature-section .feature-image .bg-size:before {
      padding-top: 83.5%; }
    .feature-section .feature-1 .feature-wrapper {
      margin: 0 60px; }
      .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 500px; }
    .feature-section .feature-3 .slick-next {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      top: 43%; }
    .feature-section .feature-3 .slick-prev {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      top: 62%; }
    .feature-section .feature-content .details,
    .feature-section .feature-content .feature-price {
      padding: 30px; }
    .feature-section .feature-content .detail-list {
      padding: 25px;
      margin: 0; }
      .feature-section .feature-content .detail-list li {
        margin: 5px; }
        .feature-section .feature-content .detail-list li .d-flex h6 {
          margin-left: 10px; }
    .pricing-section .pricing-box {
      padding: 40px; }
    .pricing-section.pricing-inner .title-2 h2 {
      margin-top: -1px; }
    .offer-section.offer-inner .title-2 h2 {
      margin-top: -3px; }
    .offer-section .offer-wrapper {
      padding: 30px; }
      .offer-section .offer-wrapper .media .offer-icon {
        -webkit-transform: scale(0.9);
                transform: scale(0.9); }
      .offer-section .offer-wrapper .media .media-body {
        margin-left: 20px; }
    .offer-section.slick-between .slick-slider .slick-list {
      margin: 0 -12px; }
      .offer-section.slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px; }
    .my-gallery .find-cities .citi-overlay h6::after {
      width: 150px;
      right: -24px; }
    .video-details {
      padding: 40px; }
    .animate-rdi {
      margin-left: 18px; }
      .animate-rdi label {
        margin-right: 17px;
        padding-left: 17px;
        padding-right: 17px; }
    .layout-home2 .feature-section .feature-content {
      max-width: 500px; }
      .layout-home2 .feature-section .feature-content .label-cross {
        padding-top: 8px;
        padding-bottom: 5px;
        font-size: 14px;
        left: -34px; }
    .feature-3 .next-image {
      right: 5px;
      top: 213px;
      width: 89px;
      height: 89px; }
    .layout-home3 .banner-3 {
      width: 56%; }
      .layout-home3 .banner-3 h1 {
        line-height: 1.5; }
    .top-bar .top-content .top-bar-right li:first-child {
      width: 100%; }
    .layout-home4 .slider-image .home-content {
      padding: 40px 50px 40px 0; }
      .layout-home4 .slider-image .home-content h1 {
        line-height: 1.3; }
      .layout-home4 .slider-image .home-content p {
        width: 55%; } }
  
  @media (max-width: 1399px) {
    h2 {
      font-size: 28px; }
    h3 {
      font-size: 22px; }
    h4 {
      font-size: 20px; }
    h5 {
      font-size: 18px; }
    .title-3.text-start h2 {
      margin-top: -5px; }
    .our-agent .agent-image.bg-size:before {
      padding-top: 82%; }
    .contact_section .contact-content {
      width: 100%; }
    .agent-section .about-agent h3 {
      margin-top: -3px; }
    .modern-dot.slick-dotted {
      margin-bottom: 3px; }
    .theme-label .card-header h5 {
      margin-top: -1px; }
    .theme-title .theme-card .card-header h4 {
      margin-top: -3px;
      margin-bottom: -1px; }
    .theme-title .title-1 h2 {
      margin-bottom: -8px; }
    .theme-title .title-2 h2 {
      margin-top: -3px; }
    .title-2 h2 {
      margin-top: -2px; }
    .footer-light .footer-left-space {
      padding-left: 20px; }
    footer.footer-light .footer {
      margin-bottom: -6px; }
    .offer-section .title-1 h2 {
      margin-bottom: -8px; }
    .offer-section.offer-inner .title-2 h2 {
      margin-top: -4px; }
    .banner-section.layout3-bg .banner-3 h2,
    .banner-section.layout3-bg .banner-3 p {
      width: 100%; }
    .layout-home2 .feature-section .feature-content {
      margin-left: 50px; }
    .ratio-card .card-header h5 {
      margin-top: -4px; }
    .ratio-card .card-body h5 {
      margin-top: -1px; }
    .new-property .title-2 h2 {
      margin-top: -4px; }
    .new-property.pricing-property .title-2 h2 {
      margin-top: -4px; }
    .feature-section .feature-content .details h3 {
      margin-top: -3px; }
    .feature-section .feature-1 .feature-wrapper .feature-image {
      height: 490px; }
    .feature-section .feature-3 .slick-next {
      top: 70px;
      right: 70px; }
    .feature-section .feature-3 .slick-prev {
      top: 70px;
      right: 120px; }
    .property-grid-2 .filter-panel .top-panel h2 {
      margin-top: -2px; }
    .property-list-view .property-grid.list-view .property-box .property-image {
      width: 143%; }
    .testimonial-client .title-3.text-start {
      margin-top: 2px; }
    .about-main .title-2 h2,
    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
      margin-top: -4px; }
    .about-testimonial .title-2 h2 {
      margin-top: -3px; }
    .about-people .title-2 h2 {
      margin-top: -4px; }
    .pricing-section.pricing-inner .title-2 h2 {
      margin-top: -3px; }
    .faq-questions .title-3 h2 {
      margin-top: -3px; }
    .modal-form {
      padding: 20px;
      right: 16%; }
    .filter-cards .advance-card .advance-title {
      margin-top: -2px; }
    .terms-section .terms-wrap {
      margin-bottom: -5px; }
    .bg-comman-2.feature-section .title-2 h2 {
      margin-top: -3px; }
    .fnc-slide__heading-line {
      font-size: 80px; }
    .layout-9 .layout-right-img img {
      height: 560px; }
    .looking-icons ul li .looking-icon svg {
      width: 40px;
      height: 40px; }
    .home-section.layout-9 {
      min-height: 762px; }
    .layout-home8 {
      height: 750px;
      min-height: unset; }
    .blog-section .title-2 h2 {
      margin-top: -4px; }
    .user-dashboard .sidebar-user .user-profile .media .change-pic img,
    .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
      height: 60px;
      width: 65px; }
    .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
      font-size: 14px; }
    .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
      bottom: -5px; }
    .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
      margin-bottom: 2px; }
    .single-property-section .left-single h2 {
      margin-top: -4px; }
    .single-property .description-section .desc-box h4 {
      margin-top: -3px; }
    .single-property .description-section .desc-box .feature-dec h4,
    .single-property .description-section .desc-box .ratio3_2 h4 {
      margin-top: -4px; }
    .gallery-nav .slick-slide img {
      min-height: 70px; }
    .inner-title.title-3 h2 {
      margin-top: 1px; }
    .details-right h3 {
      margin-top: -2px; }
    .portfolio-creative .content-sec h3 {
      margin-top: -2px; }
    .about-section .about-2.about-wrap .about-content .our-details {
      padding: 30px; }
    .about-section .title-3.text-start {
      margin-top: -6px; }
    .about-section.about-inner .title-2 h2 {
      margin-top: -6px; }
    .testimonial-style-1 .title-2 h2 {
      margin-top: -7px; }
    .modern-client .comment-right .slick-arrow {
      left: 15px;
      top: 98.2%; }
    .modern-client .comment-right .slick-next {
      left: 70px;
      top: 98.2%; }
    .service-section.service-bg .title-3 {
      margin-top: -3px; }
      .service-section.service-bg .title-3.text-start h2 {
        margin-top: 0; }
    .service-section .title-2 h2 {
      margin-top: -3px; }
    .service-slider.arrow-gradient.arrow-right .slick-arrow {
      top: -58px; }
    .property-section .title-1 h2 {
      margin-bottom: -8px; }
    .property-section .title-3.text-start {
      margin-top: 0px; }
      .property-section .title-3.text-start h2 {
        margin-top: -3px; }
    .property-section .title-3 .pagination-tab {
      margin-top: -1px; }
    .property-section .title-2 h2 {
      margin-top: -3px; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
      height: calc(100% - 62px); }
    .property-section.slick-between .title-3.text-start {
      margin-top: -6px; }
    .arrow-gradient.arrow-right .slick-arrow {
      top: -84px; }
    .property-grid-3 .filter-panel .top-panel h2 {
      margin-top: -3px; }
    .property-map .filter-panel .top-panel h2 {
      margin-top: -3px; } }
  
  @media (max-width: 1399px) and (min-width: 1200px) {
    header.header-4 .menu .header-right li + li {
      margin-left: 8px; }
    header.header-4 .main-navbar .nav-menu > li {
      padding: 20px 3px; }
    .property-wrapper-grid .property-box .property-image .overlay-property-box {
      bottom: 8px; }
      .property-wrapper-grid .property-box .property-image .overlay-property-box .effect-round {
        width: 30px;
        height: 30px; }
    .filter-cards .advance-card .recent-property {
      margin-bottom: -2px; }
      .filter-cards .advance-card .recent-property ul li .media img {
        width: 62px;
        height: 42px; }
      .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
        margin-bottom: 3px; } }
  
  @media (max-width: 1366px) {
    .review .review-box .media .rating {
      padding: 0; }
    .details-right {
      padding: 28px; }
    .grid-box .property-text {
      padding: 22px; }
    .ratio_63 .property-wrapper-grid.list-view .property-box .bg-size::before {
      padding-top: 73%; }
    .property-section .property-wrapper-grid .property-grid > [class*="col-lg-4"] .property-box .property-details ul li:last-child, .property-section .property-wrapper-grid .property-grid > .col-xl-4 .property-box .property-details ul li:last-child {
      padding-left: 0;
      border: none; }
    .video-layout.parallax-home {
      height: 580px; }
    .property-section .ratio_65 .bg-size::before {
      padding-top: 70%;
      content: "";
      display: block; }
    .property-grid.list-view .property-box .property-details p {
      display: none; }
    .property-list-thumbnail .property-grid.list-view .property-image .slider-for .slick-slide {
      margin-bottom: -15px; }
    .property-grid-slider .property-grid .slider-nav .slick-slide img {
      min-height: 65px; }
    .tab-listing .property-details .my-listing {
      top: 22px; }
    .arrow-light .slick-arrow {
      width: 40px;
      height: 40px; }
    .arrow-light .slick-prev {
      left: 0; }
      .arrow-light .slick-prev:before {
        margin-left: -1px; }
    .arrow-light .slick-next {
      right: 0; }
      .arrow-light .slick-next:before {
        margin-left: 2px; }
    .property-grid-slider .property-grid .slider-for .slick-slide img {
      min-height: 250px; }
    .layout-home3 .banner-3 {
      padding: 35px; }
    .layout-home2 .arrow-light .slick-prev {
      left: 2px; }
    .layout-home2 .arrow-light .slick-next {
      right: 2px; }
    .modern-client .comment-right {
      left: -130px; }
    .service-slider.arrow-gradient.arrow-right .slick-prev {
      right: 12%; }
    .service-slider.arrow-gradient.arrow-right .slick-next {
      right: 8%; }
    .feature-section .feature-4 {
      margin-top: 50px; }
      .feature-section .feature-4.arrow-gradient .slick-arrow {
        left: unset !important;
        right: 0;
        top: 0; }
      .feature-section .feature-4.arrow-gradient .slick-prev {
        right: 5%; }
      .feature-section .feature-4 .slick-list {
        margin: -30px -12px -40px; }
        .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
          margin: 40px 12px; }
          .feature-section .feature-4 .slick-list .slick-track .slick-slide > div .feature-wrap .feature-content {
            -webkit-animation-delay: 1s;
                    animation-delay: 1s; }
    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
      margin-left: 20px; }
    .feature-section .feature-image .label-solid::before {
      top: 35px; }
    .feature-section .feature-image .bg-size:before {
      padding-top: 81%; }
    .feature-section .modern-feature .feature-wrap .feature-image {
      -webkit-box-shadow: 12px 0 26px rgba(0, 0, 0, 0.1);
              box-shadow: 12px 0 26px rgba(0, 0, 0, 0.1); }
    .video-section {
      padding-left: 70px;
      padding-right: 70px; }
    .new-property .feature-wrap {
      margin: 0 35px; }
    .subscribe-section .video-details .form-group input, .subscribe-section .video-details .form-group::after {
      width: 65%; } }
  
  @media (max-width: 1199px) {
    .single-property.mt-0.pt-0 {
      padding-bottom: 50px; }
    .property-details {
      padding: 10px !important; }
    header .main-navbar .nav-menu > li a .nav-submenu a {
      padding: 0 16px 0; }
    .about-section .about-wrap .about-content .our-details {
      border-radius: 0 0 10px 10px; }
    .video-layout.parallax-home {
      height: 495px; }
    .fnc-slide__action-btn {
      line-height: 3; }
      .fnc-slide__action-btn span {
        line-height: 3; }
    .fnc-slide__heading {
      margin-bottom: 12px; }
    .layout-home4 .slider-image .home-content .square-bg {
      width: 100%; }
    .property-grid-2 .property-wrapper-grid .property-grid.list-view .property-box .property-image {
      width: 40%; }
    .property-grid-2 .property-wrapper-grid .property-grid.list-view .property-box .property-details {
      padding: 20px !important; }
    .property-section .filter-panel .grid-list-filter .collection-grid-view ul {
      display: none; }
    .video-layout .video-details .left-sidebar {
      width: 440px; }
    .banner-inner {
      padding-top: 159px; }
    section {
      padding: 80px 0; }
    .small-section {
      padding: 50px 0; }
    header .main-navbar .nav-menu > li > a {
      padding: 7px 15px 5px; }
    header.header-9 .menu .brand-logo {
      margin-left: -25px; }
    .filter-panel {
      margin-bottom: 40px; }
      .filter-panel .grid-list-filter li > a,
      .filter-panel .grid-list-filter li .dropdown-toggle,
      .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 12px; }
      .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 10px 12px; }
      .filter-panel .d-lg-none .mobile-filter {
        padding: 8px 12px; }
      .filter-panel.tab-top-panel .filters ul li {
        padding: 10px 15px;
        min-width: 110px; }
    .video-layout .play-bg {
      height: 410px; }
    .layout-map .withmap-horizontal .search-panel .filter {
      padding: 40px 25px; }
      .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        width: 40px;
        height: 40px; }
        .layout-map .withmap-horizontal .search-panel .filter .media .icon-square i {
          font-size: 18px; }
      .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-right: 15px; }
    .layout-map .withmap-horizontal .search-panel .width-fit > div:first-child {
      max-width: 29%; }
    .layout-map .withmap-horizontal .search-panel .width-fit > div:nth-child(2) {
      max-width: 26.6%; }
    .modern-dot.slick-dotted {
      margin-bottom: 2px; }
    .modern-dot.property-3.slick-dotted {
      margin-bottom: 2px; }
    .coming-soon {
      min-height: auto; }
      .coming-soon .coming-soon-detail {
        min-height: auto; }
    .portfolio-details .portfolio-section {
      margin-top: 30px; }
    .property-section .property-2 .property-box .property-image .labels-left,
    .property-section .property-3 .property-box .property-image .labels-left {
      left: 15px; }
    .user-dashboard .dashboard-content .user-wrapper .sales-agent #agent-sales {
      margin-top: -36px; }
    .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
      margin-bottom: 3px; }
    .card-payment > div:nth-child(n + 3) .payment-card {
      margin-top: 30px; }
    .card-payment .payment-card.add-card .card-details {
      min-height: 176px;
      height: auto; }
    .card-payment .payment-card.american-express {
      height: unset; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: -5px; }
      .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        max-width: 48%;
        margin: 5px; }
    .property-wizard .feature-checkbox {
      margin: -5px -10px; }
      .property-wizard .feature-checkbox label {
        margin: 5px 10px; }
    .property-wizard .wizard-box .wizard-form-details .complete-details {
      width: 87%; }
    .coming-simple {
      height: auto; }
    .error-section .not-found p {
      max-width: 55%; }
    .accordion .card-header {
      padding: 15px 40px 15px 20px; }
      .accordion .card-header .card-link::after {
        right: 20px;
        top: 16px; }
    .accordion .card-body {
      padding: 20px; }
    .faq-section .faq-image img {
      width: 90%; }
    .user-about .map-image ul li img {
      width: 6%; }
    .user-about .about-image {
      margin-top: 52px; }
      .user-about .about-image .img-box img {
        max-width: 260px; }
      .user-about .about-image .side-left .side-effect::before, .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 295px); }
    .get-in-touch .contact-img img {
      width: 100%; }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
      padding-top: 112%; }
    .filter-cards .advance-card > h6 {
      margin-bottom: 25px; }
    .filter-cards .advance-card + .advance-card {
      margin-top: 30px; }
    .blog-list-section .blog-list .blog-wrap .blog-details h3,
    .blog-list-section .blog-list .blog-wrap .blog-details p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1; }
    .map-section iframe,
    .map-section .map {
      height: 350px;
      position: relative;
      margin-bottom: 40px; }
    .map-leftside iframe,
    .map-leftside .map {
      margin-bottom: 0; }
    .arrow-define {
      top: 75px; }
      .arrow-define::after {
        -webkit-transform: scaleY(-1);
                transform: scaleY(-1);
        bottom: 6px; }
    .with-modal-btn .top-panel {
      display: block; }
      .with-modal-btn .top-panel .grid-list-filter {
        margin-top: 15px; }
    .map-modal .map-section {
      padding: 0; }
    .fnc-slide__heading-line {
      font-size: 70px; }
    .home-section {
      height: auto; }
      .home-section.layout-5 .decor-image {
        bottom: 0; }
      .home-section.layout-6 {
        padding-top: 0; }
        .home-section.layout-6 .home-main {
          min-height: 880px; }
          .home-section.layout-6 .home-main .container > .row {
            min-height: 880px;
            padding-top: 0; }
      .home-section.layout-9 {
        padding: 80px 0;
        min-height: unset; }
        .home-section.layout-9 .home-main .home-content h1 {
          height: 96px; }
    .layout-9 .layout-right-img img {
      height: 500px; }
    .parallax-home .container > .row {
      height: 320px; }
    .looking-icons ul li .looking-icon {
      min-width: 130px; }
    .layout-6 .container > .row,
    .layout-5 .container > .row {
      padding: 80px 0; }
    .vertical-search {
      width: auto; }
    .search-withmap .vertical-search {
      width: 400px; }
    .layout-map {
      height: auto; }
    .filter-bottom-content {
      top: 135px; }
    .layout-home2 .home-main {
      padding-top: 160px;
      height: auto;
      min-height: auto; }
      .layout-home2 .home-main .feature-content {
        margin: 80px auto 80px 40px; }
    .layout-home2 .feature-section .feature-content {
      max-width: 480px; }
    .layout-home2 .arrow-light .slick-arrow {
      top: 66%; }
    .layout-home3 .slick-slider .slick-arrow {
      width: 80px;
      height: 80px; }
      .layout-home3 .slick-slider .slick-arrow::after {
        width: 50px;
        height: 50px; }
      .layout-home3 .slick-slider .slick-arrow::before {
        font-size: 16px; }
    .layout-home3 .slick-slider .slick-prev {
      left: 95px; }
    .layout-home3 .slick-slider .slick-next {
      right: 95px; }
    .layout-home3 .slick-arrow .slick-thumb-nav::after {
      top: 9px;
      left: 10px;
      width: 60px;
      height: 60px; }
    .layout-home3 .banner-3 {
      width: 57%;
      margin: 10px 0; }
    .layout-home3 .bg-layout-3 {
      height: auto;
      padding: 80px 0; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow {
      width: 50px;
      height: 50px; }
      .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
        width: 150px;
        height: 150px; }
    .layout-home4 .sync-slider .home-nav {
      left: 25px; }
      .layout-home4 .sync-slider .home-nav .slider-image {
        width: 90px;
        height: 60px; }
      .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
        margin: 20px 5px; }
    .layout-home4 .slider-image {
      height: auto; }
      .layout-home4 .slider-image .home-content {
        margin-bottom: 30px; }
    .layout-home4 .home-slider-4 .slider-image {
      padding: 80px 0;
      min-height: unset; }
    .top-bar .top-content .top-bar-right li + li {
      margin-left: 15px; }
    .top-bar.top-bar-7 .top-bar-right li > a {
      padding: 12px; }
    header.header-2::after {
      bottom: 80px; }
    header.header-2 .main-navbar .nav-menu > li .nav-link.active, header.header-2 .main-navbar .nav-menu > li .nav-link:hover, header.inner-page .main-navbar .nav-menu > li .nav-link.active, header.inner-page .main-navbar .nav-menu > li .nav-link:hover {
      color: var(--theme-default4) !important; }
    header.header-3 .toggle-nav {
      padding-top: 15px;
      padding-bottom: 15px; }
    header.header-3 .main-navbar .nav-menu > li {
      padding: 0; }
      header.header-3 .main-navbar .nav-menu > li .nav-link.active, header.header-3 .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default5) !important; }
    header.header-4 .main-navbar .nav-menu > li .nav-link.active, header.header-4 .main-navbar .nav-menu > li .nav-link:hover {
      color: var(--theme-default7) !important; }
    header.header-4 .menu .toggle-nav i {
      color: #586167; }
    header.header-6 .main-navbar .nav-menu > li .nav-link.active, header.header-6 .main-navbar .nav-menu > li .nav-link:hover {
      color: var(--theme-default9) !important; }
    header.header-7 .main-navbar .nav-menu > li .nav-link.active, header.header-7 .main-navbar .nav-menu > li .nav-link:hover {
      color: var(--theme-default10) !important; }
    header.header-9 .main-navbar .nav-menu > li .nav-link.active, header.header-9 .main-navbar .nav-menu > li .nav-link:hover {
      color: var(--theme-default) !important; }
    header.header-9 .menu .toggle-nav i {
      color: #586167; }
    header.header-centered nav .nav-menu {
      width: 300px;
      display: block; }
    header.header-centered nav .brand-logo {
      position: relative;
      left: unset;
      top: unset;
      width: 150px;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    header.header-centered #mainnav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .animate-rdi {
      margin-left: 0; }
      .animate-rdi .col {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .animate-rdi label {
      padding: 10px 15px; }
    .title-1 {
      padding-bottom: 40px; }
    .title-2 p {
      margin-bottom: 40px; }
    .title-3 {
      margin-bottom: 40px; }
    .breadcrumb-section {
      height: 400px; }
      .breadcrumb-section .breadcrumb-content {
        height: 400px;
        padding-top: 79px; }
      .breadcrumb-section #block {
        height: 400px !important; }
      .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div nav {
        padding-top: 0; }
    footer .footer {
      padding: 80px 0; }
    footer .footer-links .footer-content .footer-map,
    footer .footer-links .footer-content .footer-blog {
      padding-top: 0; }
    footer.footer-light .footer {
      margin-bottom: -1px; }
      footer.footer-light .footer .row > div:nth-child(4), footer.footer-light .footer .row > div:last-child {
        margin-top: 30px; }
    footer.footer-light .footer-links .footer-content {
      margin-top: 20px; }
    footer.footer-light .footer-details .footer-contact ul li + li {
      margin-top: 10px; }
    footer.footer-res .footer .row > div:nth-child(4), footer.footer-res .footer .row > div:last-child {
      margin-top: 30px; }
    footer.footer-res .footer-links .footer-content {
      margin-top: 20px;
      margin-bottom: -5px; }
    .footer-left-space {
      padding-left: 0; }
    .footer-bg .footer-details {
      margin-bottom: 30px; }
    .footer-bg .bottom-blog {
      margin-left: 0; }
    .footer-bg .footer-links .footer-content {
      margin-top: 20px; }
    .footer-custom-col .row > div:first-child, .footer-custom-col .row > div.order-lg {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .footer-custom-col .row > div:nth-child(3), .footer-custom-col .row > div:last-child {
      margin-top: 30px; }
    .footer-light .footer-left-space {
      padding-left: 0; }
    .footer-light .row {
      margin-bottom: -5px; }
    .arrow-gradient.bg-light-blue .slick-prev {
      margin-left: 48%; }
    .arrow-gradient.bg-light-blue .slick-next {
      margin-right: 48%; }
    .arrow-gradient.bg-light-blue .slick-arrow {
      top: -50px; }
    .blog-section.bg-comman-2::before {
      height: 320px; }
    .blog-1 .blog-box .img-box img {
      min-width: 221px;
      height: auto; }
    .blog-1 .blog-box .blog-content {
      padding: 20px; }
      .blog-1 .blog-box .blog-content .btn {
        padding: 6px 18px;
        line-height: 1.3;
        font-size: 14px; }
    .blog-2 .slick-list {
      margin: 0 -15px; }
      .blog-2 .slick-list .slick-track .slick-slide > div {
        margin: 0 15px; }
    .blog-wrap {
      -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
              box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); }
      .blog-wrap .blog-image .blog-label {
        left: 20px;
        bottom: 20px; }
      .blog-wrap .blog-details {
        padding: 20px; }
    .testimonial-1 .pepole-comment .client-msg {
      padding: 30px; }
      .testimonial-1 .pepole-comment .client-msg .quote {
        top: -10px;
        left: 30px; }
        .testimonial-1 .pepole-comment .client-msg .quote img {
          width: 50%; }
    .testimonial-1 .pepole-comment .media img {
      width: 60px;
      height: 60px; }
    .testimonial-1 .slick-list .slick-track .slick-slide > div {
      margin-top: 10px !important; }
    .our-client {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); }
      .our-client .client-right {
        padding: 30px 40px; }
        .our-client .client-right p {
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .our-client .quote-img {
        right: -80px;
        bottom: -10px; }
        .our-client .quote-img img {
          width: 50%; }
    .client-slider {
      width: 80%;
      padding: 40px; }
    .modern-client .comment-right {
      padding: 30px;
      left: 0px; }
      .modern-client .comment-right .slick-arrow {
        top: 90.2%; }
      .modern-client .comment-right .slick-arrow {
        left: 30px;
        top: 98.2%; }
      .modern-client .comment-right .slick-next {
        left: 82px;
        top: 98.2%; }
    .modern-client .right-align {
      top: 30px; }
    .testimonial-3 .slick-list {
      margin: -40px -20px; }
      .testimonial-3 .slick-list .slick-track .slick-slide > div {
        margin: 40px 20px; }
    .banner-1 {
      padding: 40px; }
      .banner-1 h2 {
        margin: 36px 0 34px;
        line-height: 1.55;
        letter-spacing: 1px; }
    .banner-3 {
      padding: 40px; }
      .banner-3 h2,
      .banner-3 p {
        width: 100%; }
    .banner-2 .banner-right h2 {
      line-height: 1.35; }
    .banner-2 .banner-right h6 {
      margin-bottom: 10px; }
    .banner-2 .banner-right p {
      -webkit-line-clamp: 2;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical; }
    .about-section .title-3 {
      margin-top: -12px; }
    .about-section .about-wrap.about-1 .slick-list {
      margin-bottom: -25px; }
      .about-section .about-wrap.about-1 .slick-list .slick-track .slick-slide {
        margin-bottom: 0; }
        .about-section .about-wrap.about-1 .slick-list .slick-track .slick-slide > div {
          margin-bottom: 25px; }
    .about-section .about-wrap.about-1 .about-content .our-details {
      padding: 30px;
      width: 80%;
      margin: -70px auto 0; }
    .about-box .agent-image .overlay-agent .agent-details {
      padding: 25px; }
    .arrow-white .slick-arrow {
      bottom: -85px; }
    .arrow-gradient.arrow-right .slick-arrow {
      top: -74px; }
    .service-section.service-bg::after {
      height: 190px; }
    .service-slider.arrow-gradient.arrow-right .slick-prev {
      right: 15%; }
    .service-slider.arrow-gradient.arrow-right .slick-next {
      right: 10%; }
    .service-slider.arrow-gradient.arrow-right .slick-arrow {
      top: -47px; }
    .service-slider .service-wrapper .service-details {
      padding: 40px 30px 30px; }
    .service-slider .service-wrapper .top-img-box {
      margin-left: 30px; }
    .service-slider .slick-list {
      margin-left: -12px;
      margin-right: -12px; }
      .service-slider .slick-list .slick-track .slick-slide > div {
        margin-left: 12px;
        margin-right: 12px; }
    .property-section .list-property .property-box {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
      .property-section .list-property .property-box .property-details .icon-property li + li::before {
        left: -22px; }
      .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
        height: calc(100% - 95px); }
    .property-section .property-box .property-details .icon-property li + li::before {
      left: -24px; }
    .property-grid-2 .property-details h3 {
      font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); }
    .property-grid-2 .property-details ul li {
      padding-left: 9px;
      padding-right: 5px; }
      .property-grid-2 .property-details ul li:first-child {
        padding-left: 0; }
    .property-grid-2 .property-details .property-btn .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .property-grid-2 .property-grid.list-view .property-box .property-image {
      width: 100%; }
    .property-grid-3 .property-grid.list-view .property-box .agent-image {
      width: 85%; }
    .property-map .property-grid.list-view .property-box .property-image {
      width: 40%; }
    .property-list-view .property-grid.list-view .property-box .property-image {
      width: 70%; }
    .gallery-nav .slick-slide img {
      min-height: 53px; }
    .single-property .description-section .menu-top li a {
      padding: 15px 7px; }
    .modal-form {
      position: relative;
      top: unset;
      right: unset;
      -webkit-transform: unset;
              transform: unset;
      margin-bottom: 30px; }
    .single-property-images.ratio_40 .bg-size:before {
      padding-top: 50%; }
    .line-tab.nav-tabs .nav-link {
      padding: 15px; }
    .bg-comman-2::before {
      height: 320px; }
    .feature-section .feature-content .detail-list li .d-flex h6 {
      margin-left: 8px;
      font-size: 15px; }
    .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
      top: 30px;
      right: 30px; }
    .feature-section .feature-1 .feature-wrapper .feature-image .signature,
    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      right: -25px; }
    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
      right: -10px; }
    .feature-section .feature-1 .feature-wrapper .property-details {
      margin-right: -250px; }
      .feature-section .feature-1 .feature-wrapper .property-details p {
        /* display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;  */
        }
    .feature-section .feature-image .bg-size:before {
      padding-top: 117%; }
    .feature-section .feature-2 .slick-dots {
      margin-top: 0; }
    .feature-section .modern-feature .feature-wrap .feature-image .bg-size:before {
      padding-top: 85%; }
    .feature-section .modern-feature .feature-wrap .feature-content {
      padding-left: 10px; }
      .feature-section .modern-feature .feature-wrap .feature-content .details,
      .feature-section .modern-feature .feature-wrap .feature-content .detail-list,
      .feature-section .modern-feature .feature-wrap .feature-content .feature-price {
        padding: 30px 0; }
    .my-gallery .row > div .row > div:first-child, .my-gallery .row > div .row > div:nth-child(3), .my-gallery .row > div .row > div:nth-child(4) {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .my-gallery .find-cities {
      height: 360px; }
      .my-gallery .find-cities .citi-overlay h6::after {
        right: -28px; }
    .icon-video {
      -webkit-transform: scale(0.9);
              transform: scale(0.9); }
    .subscribe-section .video-details {
      max-width: 730px; }
    .portfolio-creative .content-sec p {
      max-width: 100%; }
    .portfolio-creative.odd-even .row .content-sec {
      padding-left: 40px; }
    .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
      padding-right: 40px; } }
  
  @media (max-width: 1199px) and (min-width: 992px) {
    .property-section .property-wrapper-grid.list-view .property-box .property-details p {
      display: none; }
    .property-section .property-box .property-details > ul > li {
      font-size: 12px;
      padding-left: 5px; }
      .property-section .property-box .property-details > ul > li img {
        height: 14px;
        margin-right: 4px; }
    .property-wrapper-grid.list-view .property-box .property-image .bg-size::before {
      padding-top: 80%; }
    .blog-section .blog-1 .slick-prev {
      left: unset;
      top: 0;
      right: 25px; }
    .blog-section .blog-1 .slick-next {
      right: 0;
      top: 0;
      left: unset; }
    .property-section .property-wrapper-grid .property-box .property-image .overlay-property-box .effect-round {
      width: 30px;
      height: 30px; }
    .user-dashboard .sidebar-user .user-profile .media {
      display: block;
      text-align: center; }
      .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
        left: 0;
        right: 0;
        margin: 0 auto; }
      .user-dashboard .sidebar-user .user-profile .media .media-body {
        margin-top: 15px;
        margin-left: 0; }
        .user-dashboard .sidebar-user .user-profile .media .media-body h5 {
          margin-bottom: 6px; }
        .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
          margin-bottom: 5px; } }
  
  @media (max-width: 991px) {
    .compare-page .table-wrapper .table .property-name {
      min-width: 180px; }
    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
      margin-right: 20px; }
    .layout-map.vertical-map {
      min-height: unset; }
    h2 {
      font-size: 26px;
      line-height: 1.2; }
    h3 {
      font-size: 21px; }
    h4 {
      font-size: 19px; }
    h6 {
      font-size: 15px; }
    section {
      padding: 70px 0; }
    .loader-text h3 {
      margin-top: -20px; }
    .banner-2 .banner-right .button-banner .btn.btn-gradient {
      line-height: 2; }
    .single-property.mt-0.pt-0 {
      padding-bottom: 40px; }
    .blog-section .blog-1 .slick-prev {
      top: 45px;
      right: 35px;
      left: unset; }
    .blog-section .blog-1 .slick-next {
      top: 45px;
      right: 10px; }
    .video-section .play-icon {
      background-color: rgba(255, 255, 255, 0.5); }
    .user-dashboard.small-section .sidebar-user .dashboard-list {
      padding-top: 15px; }
    .about-section .about-wrap.about-1 .slick-list .slick-track .slick-slide > div {
      margin-bottom: 0; }
    .property-section .property-box .property-image .property-slider .slick-dots li button::before {
      font-size: 10px;
      width: 18px;
      height: 18px;
      line-height: 18px; }
    .video-layout.parallax-home {
      height: 475px; }
    .top-bar .top-content .top-bar-right li:first-child {
      display: none; }
    .horizontal-blog .blog-1 .blog-box .blog-content a.btn-lg {
      padding: 10px 20px; }
    .blog-section.bg-comman-2 .blog-1 .blog-box .blog-content a.btn-lg {
      padding: 10px 20px; }
    .banner-2 .banner-right .button-banner .btn {
      height: 50px;
      min-height: 40px; }
    .banner-section.parallax-image .banner-2 .banner-right .button-banner {
      min-height: 40px; }
      .banner-section.parallax-image .banner-2 .banner-right .button-banner .btn:after {
        height: 50px; }
      .banner-section.parallax-image .banner-2 .banner-right .button-banner .btn-light-bg {
        margin-left: 0; }
    .title-2 h2 {
      margin-top: -4px;
      margin-bottom: 10px; }
    .fnc-slide__action-btn {
      padding: 14px 20px; }
      .fnc-slide__action-btn::before {
        height: 48px;
        width: 48px; }
    .property-section .ratio_landscape .title-3.text-start.d-flex {
      display: block !important; }
      .property-section .ratio_landscape .title-3.text-start.d-flex ul.nav-tabs {
        margin-top: 10px; }
    .property-grid-2 .property-wrapper-grid .property-grid.list-view .property-box .property-details ul {
      margin-bottom: 8px; }
    .property-section .property-box .property-image .overlay-property-box .effect-round {
      width: 30px;
      height: 30px; }
    .video-layout {
      min-height: 110vh; }
      .video-layout .video-details .left-sidebar {
        position: unset;
        height: auto; }
    .theme-title .theme-card .card-header h4 {
      margin-top: -2px;
      margin-bottom: -1px; }
    .theme-title .title-2 h2 {
      margin-top: -4px; }
    .small-section {
      padding: 40px 0; }
    .column-space {
      margin-bottom: -30px; }
      .column-space > div {
        padding: 0 15px;
        margin-bottom: 30px; }
    .order-class {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .theme-card {
      padding: 20px; }
      .theme-card .card-header h5 {
        margin-bottom: 0; }
      .theme-card + .theme-card {
        margin-top: 35px; }
    .captcha {
      margin-bottom: 20px; }
    .simple-blog .title-3 {
      margin-top: -11px; }
    .contact-3 .title-3 {
      margin-top: -4px; }
    .login-wrap .log-in .title-3.text-start h2 {
      margin-top: -6px; }
    .layout-map .withmap-horizontal .search-panel .filter {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 20px 25px;
      position: relative; }
      .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        display: none; }
      .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-left: 0;
        max-width: unset; }
        .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
          display: none; }
      .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon {
        margin-top: 0; }
      .layout-map .withmap-horizontal .search-panel .filter + .filter {
        padding-top: 0; }
      .layout-map .withmap-horizontal .search-panel .filter .form-group .form-control {
        border-radius: 0; }
      .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-left: 15px; }
        .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
          display: block; }
      .layout-map .withmap-horizontal .search-panel .filter .btn {
        margin-top: 20px;
        padding-top: 8px;
        padding-bottom: 7px; }
    .layout-map .withmap-horizontal .search-panel .width-fit > div {
      max-width: 100% !important;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
        border-left: none; }
    .play-bg-image .icon-video a:after {
      top: -42px;
      left: -41px;
      width: 120px;
      height: 120px; }
    .new-property .title-2 h2 {
      margin-top: -4px; }
    .new-property .feature-section .feature-content .feature-price h6 {
      margin-bottom: -4px; }
    .blog-sidebar .filter-cards .advance-card .recent-property ul,
    .single-sidebar .filter-cards .advance-card .recent-property ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .blog-sidebar .filter-cards .advance-card .recent-property ul li,
      .single-sidebar .filter-cards .advance-card .recent-property ul li {
        width: 50%; }
        .blog-sidebar .filter-cards .advance-card .recent-property ul li:nth-child(2),
        .single-sidebar .filter-cards .advance-card .recent-property ul li:nth-child(2) {
          margin-top: 0; }
    .inner-title.title-3 h2 {
      margin-top: 1px; }
    .video-layout .video-details {
      position: relative;
      z-index: 1;
      padding-top: 0;
      padding-right: 30px; }
    .video-layout .play-bg {
      border-width: 10px; }
      .video-layout .play-bg::after {
        z-index: 0; }
    .logout-modal .modal-body p {
      font-size: 14px; }
    .my-profile .profile-info .information-detail + .information-detail {
      padding-top: 20px; }
    .my-profile .profile-info .information ul li + li {
      margin-top: 10px; }
    .card-payment > div:nth-child(n + 3) .payment-card {
      margin-top: 20px; }
    .about-testimonial .title-2 h2 {
      margin-top: -4px; }
    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
      margin-top: -5px; }
    .blog-2 {
      margin-bottom: -35px; }
      .blog-2.slick-initialized .slick-slide {
        margin-bottom: -6px; }
    .about-people .title-2 h2 {
      margin-top: -5px; }
    .property-map .filter-panel .top-panel h2 {
      margin-top: -4px; }
    .property-map .filter-bottom-content {
      z-index: 3; }
    .property-section .filter-panel .top-panel h2 {
      margin-top: -4px; }
    .terms-section h2 {
      margin-bottom: 20px;
      margin-top: -4px; }
    .terms-section .terms-wrap {
      margin-bottom: -4px; }
    .terms-section .terms-wrapper p {
      font-size: 15px; }
    .terms-section .terms-wrapper + .terms-wrapper {
      margin-top: 20px; }
    .terms-section .terms-wrapper ul li {
      font-size: 15px; }
    .terms-bottom-content {
      display: none; }
    .portfolio-creative .content-sec h3 {
      margin-top: -4px; }
    .portfolio-creative.odd-even .row .content-sec {
      padding-left: 20px; }
    .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
      padding-left: 20px;
      padding-right: 20px; }
    .details-right {
      margin-top: 30px; }
      .details-right h3 {
        margin-top: -4px; }
    .project-details {
      margin-top: 30px; }
    .portfolio-details .portfolio-section {
      margin-top: 10px; }
    .portfolio-grid .filter-panel {
      padding-bottom: 30px; }
    .portfolio-grid.creative-3 .row > div:nth-child(6) .overlay {
      margin-right: 0; }
    .grid-box .property-text {
      padding: 20px; }
    .brand-slider.slide-2 .logo-box img {
      width: 70px; }
    .log-in form .form-group {
      margin-bottom: 20px; }
    .log-in form .d-flex {
      margin-bottom: 20px; }
    .sign-up .title-3.text-start h2 {
      margin-top: 0; }
    .left-tablayout.single-sidebar {
      margin-top: 0;
      margin-bottom: 30px; }
    .right-line-tab {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: -5px 0; }
      .right-line-tab .nav-item {
        display: inline-block;
        margin: 3px 0; }
        .right-line-tab .nav-item .nav-link {
          border-right: none;
          border-bottom: 2px solid transparent;
          padding: 6px 15px; }
          .right-line-tab .nav-item .nav-link.active {
            border-left: none;
            border-bottom-color: var(--theme-default3); }
    .user-dashboard .sidebar-user {
      margin-bottom: 25px; }
      .user-dashboard .sidebar-user .user-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .user-dashboard .sidebar-user .user-profile .media {
          margin-bottom: 0; }
        .user-dashboard .sidebar-user .user-profile .connected-social {
          margin-left: 30px; }
    .provide-service .provide-details {
      margin-top: 30px;
      text-align: center; }
      .provide-service .provide-details p {
        margin-bottom: 20px; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: -5px; }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 49%;
                flex: 0 0 49%;
        max-width: 49%;
        padding: 5px;
        margin: 0; }
    .property-wizard .wizard-box .wizard-form-details {
      margin-top: 30px; }
      .property-wizard .wizard-box .wizard-form-details.col-xxl-9 {
        margin-top: 14px; }
      .property-wizard .wizard-box .wizard-form-details h2 {
        margin-top: -4px; }
      .property-wizard .wizard-box .wizard-form-details .complete-details {
        width: 100%; }
    .property-wizard .feature-checkbox {
      margin: -5px; }
      .property-wizard .feature-checkbox label {
        margin: 5px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
      padding: 0; }
      .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(n + 3) {
        margin-top: 5px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
      margin-top: 40px; }
    .single-property-section {
      bottom: -180px; }
      .single-property-section .single-title {
        display: block; }
        .single-property-section .single-title .right-single {
          text-align: left;
          margin-top: 20px; }
          .single-property-section .single-title .right-single .price {
            margin-top: 5px; }
      .single-property-section .left-single h2 {
        margin-top: -5px; }
      .single-property-section .left-single ul li > div img {
        width: 25px; }
    .single-property {
      margin-top: 140px; }
      .single-property .description-section .desc-box h4 {
        margin-top: -2px; }
      .single-property .description-section .desc-box .feature-dec h4,
      .single-property .description-section .desc-box .ratio3_2 h4 {
        margin-top: -3px; }
      .single-property .description-section .desc-box p {
        font-size: 14px;
        line-height: 1.7; }
      .single-property .description-section .about p:last-child {
        margin-bottom: -3px; }
    .user-about .about-content {
      max-width: 100%; }
    .user-about .map-image {
      margin-bottom: 30px;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .user-about .about-image {
      margin-bottom: 30px; }
      .user-about .about-image .side-left .side-effect::before, .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 433px); }
      .user-about .about-image .img-box.img-abs {
        right: 28%; }
    .faq-section .faq-image {
      margin-top: -36px; }
      .faq-section .faq-image h3 {
        margin-top: 0; }
      .faq-section .faq-image img {
        width: 65%; }
    .faq-questions {
      margin-top: 30px; }
    .agent-section .agent-wrap {
      padding-left: 20px; }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
      padding-top: 97%; }
    .agent-section .filter-panel {
      margin-top: -4px; }
    .agent-section .about-agent h3 {
      margin-top: -5px; }
    .get-in-touch .contact-img {
      margin-bottom: 20px; }
      .get-in-touch .contact-img img {
        width: 60%; }
    .contact_bottom .row > div:last-child {
      margin-top: 30px; }
    .contact_right {
      margin-top: 30px; }
      .contact_right .row > div + div {
        margin-top: 0; }
        .contact_right .row > div + div:last-child {
          margin-top: 30px; }
    .contact-bottom {
      height: auto; }
    .contact_section .contact-content {
      margin-bottom: 20px; }
      .contact_section .contact-content h2 {
        margin-top: -3px; }
    .contact_section .contact_wrap {
      padding: 20px; }
    .contact-map {
      height: auto;
      margin-bottom: -5px; }
    .download-section {
      text-align: center; }
      .download-section .download-wrap {
        margin-bottom: 20px; }
        .download-section .download-wrap h3 {
          margin-top: -5px; }
      .download-section .app-right .form-group {
        width: calc(100% - 140px); }
    .contact-2 .log-in {
      margin-bottom: 30px; }
      .contact-2 .log-in h2 {
        margin-top: -5px; }
    .coming-soon .coming-soon-detail .timer li > div {
      width: 80px;
      height: 80px; }
    .coming-soon .coming-soon-detail .timer li + li {
      margin-left: 15px;
      padding-left: 15px; }
      .coming-soon .coming-soon-detail .timer li + li::before {
        top: 30%; }
    .coming-soon .coming-soon-detail form input {
      padding: 10px 15px; }
    .coming-soon .cloud-img {
      height: 280px; }
    .coming-soon.coming-left .coming-soon-detail .timer li {
      padding: 15px 10px;
      margin: 0 15px; }
    .coming-simple .title-3.text-start {
      text-align: center !important; }
      .coming-simple .title-3.text-start h2 {
        padding-bottom: 5px; }
        .coming-simple .title-3.text-start h2::before {
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
    .coming-simple .row {
      text-align: center; }
    .coming-simple .ratio2_3 > img {
      height: 480px; }
    .coming-simple .ratio2_3.order-lg-1 {
      margin-top: -56px; }
    .error-section .not-found p {
      max-width: 100%; }
    .error-section .not-found h2 {
      line-height: 1.3; }
    .signup-modal .ratio_asos .bg-size::before {
      padding-top: 44%; }
    .signup-modal .signup-tab {
      padding: 30px; }
    .arrow-define {
      top: 63px; }
    .map-modal .left-sidebar {
      display: none; }
    .map-modal .modal-dialog .modal-content .map {
      height: 350px; }
    .map-modal .map-section {
      padding-left: 12px; }
      .map-modal .map-section iframe,
      .map-modal .map-section .map {
        margin-bottom: 0; }
    .left-sidebar {
      position: fixed;
      top: 0;
      left: -300px;
      width: 300px;
      z-index: 3;
      height: 100vh;
      background-color: #ffffff;
      overflow-y: auto;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      border-radius: 0; }
    .filter-bottom-content {
      display: block; }
      .filter-bottom-content > h6 {
        margin-bottom: 30px; }
        .filter-bottom-content > h6.text-end {
          font-weight: 500; }
      .filter-bottom-content.left-sidebar {
        left: -300px !important; }
        .filter-bottom-content.left-sidebar.open {
          left: 0 !important; }
      .filter-bottom-content.open {
        left: -1px; }
    .left-sidebar .row,
    .filter-bottom-content .row {
      margin-bottom: 8px; }
      .left-sidebar .row > div,
      .filter-bottom-content .row > div {
        margin-bottom: 8px; }
    .filter-panel {
      margin-bottom: 30px; }
      .filter-panel .grid-list-filter li > a,
      .filter-panel .grid-list-filter li .dropdown-toggle {
        padding: 6px 10px; }
      .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 10px; }
      .filter-panel .d-lg-none .mobile-filter {
        padding: 7px 10px; }
    .close-filter-bottom {
      color: var(--theme-default2) !important; }
      .close-filter-bottom.color-7 {
        color: var(--theme-default10) !important; }
    .fnc-slider {
      height: 600px;
      min-height: unset; }
    .fnc-slide__mask-inner {
      height: 740px;
      min-height: unset;
      margin-top: -400px; }
    .fnc-slide__mask {
      width: 300px;
      height: 400px;
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 16% 100%, 16% 12%, 85% 12%, 85% 89%, 16% 89%, 16% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 16% 100%, 16% 12%, 85% 12%, 85% 89%, 16% 89%, 16% 100%, 100% 100%, 100% 0%); }
    .fnc-slide__action-btn {
      font-size: 18px; }
    .fnc-slide__heading-line {
      font-size: 50px; }
    .fnc-slide__content {
      left: 30%; }
    .home-section.layout-6 .container > .row {
      padding: 70px 0; }
    .home-section.layout-6 .home-main {
      padding-top: 0 !important; }
    .home-section.layout-6 .arrow-light .slick-arrow {
      top: 0 !important;
      right: 0;
      left: unset; }
      .home-section.layout-6 .arrow-light .slick-arrow.slick-prev {
        right: 50px !important; }
    .home-section.layout-6 .home-slider-1 {
      margin-bottom: 70px; }
    .home-section.layout-6 .home-main {
      min-height: unset;
      height: auto; }
      .home-section.layout-6 .home-main .home-content > div img {
        width: 150px; }
      .home-section.layout-6 .home-main .container > .row {
        padding-top: 120px;
        min-height: unset;
        height: auto; }
        .home-section.layout-6 .home-main .container > .row .container {
          padding: 0; }
      .home-section.layout-6 .home-main .looking-icons {
        display: none; }
    .home-section.layout-9 {
      padding: 70px 0; }
      .home-section.layout-9::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../images/layout-9.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
        background-color: rgba(248, 249, 250, 0.96);
        background-blend-mode: overlay; }
      .home-section.layout-9 .home-main .home-content > div > img {
        width: 160px; }
      .home-section.layout-9 .home-main .home-content h1 {
        height: auto; }
    .looking-icons h5 {
      margin-bottom: 20px; }
    .layout-home8::after {
      height: calc(45px + (105 - 45) * ((100vw - 320px) / (991 - 320))); }
    .layout-home8 .home-content h1 {
      margin-top: -5px !important; }
    .layout-9 .layout-right-img {
      display: none; }
    .search-with-tab .tab-content .review-form > div:nth-child(n + 5) {
      margin-top: 16px; }
    .top-bar .top-content .top-bar-right {
      text-align: right; }
      .top-bar .top-content .top-bar-right li + li {
        margin-left: 10px; }
      .top-bar .top-content .top-bar-right li .flat-box {
        padding: 8px 15px; }
      .top-bar .top-content .top-bar-right .input-group input,
      .top-bar .top-content .top-bar-right .input-group .input-group-text {
        margin: 8px 0;
        padding: 0 15px; }
        .top-bar .top-content .top-bar-right .input-group input.dropdown,
        .top-bar .top-content .top-bar-right .input-group .input-group-text.dropdown {
          display: none; }
    .top-bar.top-bar-7 .top-content .top-bar-right li:last-child,
    .top-bar.top-bar-7 .top-content .top-bar-right li + li {
      margin-left: 6px; }
    .top-bar.top-bar-7 .top-content .top-bar-right li > a svg {
      width: 16px;
      height: 16px; }
    .top-bar.top-bar-7 .top-content .top-bar-right > li > a {
      padding: 9px 10px 10px; }
    .feature-3 .next-image {
      top: 377px; }
    .feature-3 .feature-content .detail-list {
      width: 100%; }
    .layout-home2 .home-main .feature-content {
      margin: 70px auto 70px 30px; }
    .layout-home3 .slick-slider .slick-prev {
      left: 15px; }
    .layout-home3 .slick-slider .slick-next {
      right: 15px; }
    .layout-home3 .bg-layout-3 {
      padding: 70px 0; }
    .layout-home3 .banner-3 {
      width: 67%; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow {
      width: 40px;
      height: 40px; }
      .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::before {
        font-size: 16px; }
      .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
        width: 140px;
        height: 140px; }
    .layout-home4 .sync-slider .home-nav .slider-image {
      width: 95px;
      height: 65px; }
    .layout-home4 .sync-slider .home-nav .slick-list {
      margin-left: -10px;
      margin-right: -10px; }
      .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
        margin-left: 10px;
        margin-right: 10px; }
    .layout-home4 .slider-image .home-content h1 {
      margin-top: 20px; }
    .layout-home4 .slider-image .home-content p {
      width: 65%; }
    .layout-home4 .slider-image .home-content .font-color4::after {
      top: -4px; }
    .layout-home4 .home-slider-4 .slider-image {
      padding: 70px 0; }
    .parallax-home .parallax-content {
      z-index: 1; }
    .parallax-home .parallax-right {
      width: 65%; }
    .parallax-home.video-layout .video-search {
      width: 125%; }
    .toggle-right svg {
      vertical-align: middle; }
    .vertical-search .left-sidebar {
      position: relative;
      left: unset !important;
      top: unset;
      height: auto;
      width: auto;
      z-index: unset;
      border-radius: 8px; }
    header.light-header .menu .brand-logo img {
      width: 130px; }
    header.header-4 .menu .header-right li .search-box {
      position: relative; }
      header.header-4 .menu .header-right li .search-box i {
        padding: 10px; }
      header.header-4 .menu .header-right li .search-box .form-control {
        left: 34px; }
      header.header-4 .menu .header-right li .search-box .form-group::after {
        left: 34px; }
      header.header-4 .menu .header-right li .search-box.open .form-control {
        width: 151px; }
      header.header-4 .menu .header-right li .search-box.open .form-group::after, header.header-4 .menu .header-right li .search-box.open .form-group::before {
        width: 153px; }
    header.header-4 .menu .header-right li + li {
      margin-left: 10px; }
    header.header-4 .menu .header-right li > a {
      padding: 10px; }
    header.header-4 .menu .brand-logo img {
      width: 120px; }
    .animate-rdi {
      position: absolute;
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      top: 0;
      right: 12px;
      border-radius: 5px;
      margin-right: 0; }
      .animate-rdi .col {
        display: block; }
      .animate-rdi label {
        margin-right: 0;
        padding: 10px;
        border-radius: 0;
        text-align: left;
        display: block;
        width: 145px;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px 15px; }
        .animate-rdi label + label {
          padding-top: 0; }
      .animate-rdi.show {
        top: 3px;
        opacity: 1;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
    .icon-video a {
      width: 40px;
      height: 40px; }
      .icon-video a i {
        margin-top: 0px;
        margin-left: 3px;
        font-size: 18px; }
    .icon-video .heart-animation {
      top: -20px;
      right: -20px;
      width: 80px;
      height: 80px; }
    .layout-map .withmap-horizontal .search-panel {
      margin-top: 0; }
      .layout-map .withmap-horizontal .search-panel .filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
          margin-left: 15px; }
          .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
            display: block; }
        .layout-map .withmap-horizontal .search-panel .filter .btn {
          margin-top: 20px;
          padding-top: 8px;
          padding-bottom: 7px; }
    .single-sidebar {
      position: relative;
      width: auto;
      left: unset;
      overflow: unset;
      height: auto;
      z-index: unset;
      margin-top: 30px; }
    .single-property-images.ratio_40 .bg-size:before {
      padding-top: 55%; }
    .arrow-image.main-property-slider .slick-arrow {
      width: 30px;
      height: 30px; }
      .arrow-image.main-property-slider .slick-arrow::before {
        font-size: 14px; }
      .arrow-image.main-property-slider .slick-arrow::after {
        width: 50px;
        height: 50px; }
    .home-view {
      height: 60vh; }
    .btn.btn-lg {
      padding: 10px 20px; }
    footer .footer {
      padding: 70px 0; }
    .footer-bg .footer-links .footer-content .input-group {
      margin-top: 30px; }
    .title-1 {
      padding-bottom: 30px; }
    .title-2 p {
      margin-bottom: 30px; }
    .title-3 {
      margin-bottom: 30px; }
    .breadcrumb-section .breadcrumb-content div {
      padding: 30px 35px;
      margin: 0 auto;
      text-align: center; }
      .breadcrumb-section .breadcrumb-content div h2 {
        margin-bottom: 10px; }
    .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div {
      padding-top: 40px;
      padding-bottom: 40px; }
      .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div h2 {
        line-height: 1.1;
        margin-top: 0; }
    .arrow-gradient.bg-light-blue .slick-prev {
      margin-left: 47%; }
    .arrow-gradient.bg-light-blue .slick-next {
      margin-right: 47%; }
    .arrow-gradient.bg-light-blue .slick-arrow {
      top: -40px; }
    .blog-1 .blog-box .blog-content {
      padding: 30px; }
    .blog-1 .blog-box .img-box img {
      min-width: 240px; }
    .blog-wrap .blog-image .blog-label {
      width: 50px;
      height: 50px; }
    .blog-wrap .blog-details {
      padding: 25px; }
      .blog-wrap .blog-details h3 {
        margin-top: 10px;
        line-height: 1.5; }
      .blog-wrap .blog-details p {
        margin-bottom: 10px; }
    .blog-grid,
    .blog-list {
      margin-bottom: -30px; }
      .blog-grid .blog-wrap,
      .blog-list .blog-wrap {
        margin-bottom: 30px; }
    .client-slider {
      margin-top: 54px;
      padding: 30px; }
      .client-slider .user-list {
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
      .client-slider h6 {
        margin-bottom: 16px; }
      .client-slider .client-rating {
        padding-bottom: 20px; }
      .client-slider p {
        margin-top: 60px;
        font-size: 15px; }
    .our-client .client-right {
      padding: 16px 40px; }
      .our-client .client-right p {
        -webkit-line-clamp: 3;
        margin-bottom: 10px; }
      .our-client .client-right .client-rating {
        margin-bottom: 10px; }
      .our-client .client-right h2 {
        font-size: 20px; }
    .our-client .quote-img {
      display: none; }
    .modern-client {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .modern-client .img-testimonial {
        width: 40%;
        margin: 0 auto; }
        .modern-client .img-testimonial .img-left img {
          -webkit-filter: none;
                  filter: none; }
      .modern-client .right-align,
      .modern-client .bottom-align {
        display: none; }
      .modern-client .comment-right {
        left: 0;
        bottom: -16px;
        margin: 0 auto; }
        .modern-client .comment-right .slick-arrow {
          top: -36px;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8); }
        .modern-client .comment-right .slick-prev {
          left: 46.8%; }
        .modern-client .comment-right .slick-next {
          left: 55%;
          border-radius: 4px; }
    .modern-dot .slick-dots {
      margin-top: 30px; }
    .modern-dot.slick-dotted {
      margin-bottom: 2px; }
    .testimonial-client .title-3.text-start {
      margin-top: 1px; }
    .banner-section .button-banner .btn + .btn {
      margin-left: 10px; }
    .banner-inner {
      padding-top: 149px; }
    .banner-1,
    .banner-3 {
      width: 100%;
      padding: 30px; }
    .banner-1 h6,
    .banner-1 h2 {
      margin-top: 20px; }
    .banner-2 {
      position: relative; }
      .banner-2:after {
        background-image: url(../images/mobile-bg.png);
        position: absolute;
        content: "";
        width: 42%;
        background-position: right;
        background-size: cover;
        height: 100%;
        top: 2px; }
      .banner-2 .banner-right h6 {
        margin-top: -4px; }
      .banner-2 .banner-right .button-banner .btn {
        line-height: 1.8; }
      .banner-2 .banner-right .button-banner .btn-light-bg {
        height: 48px; }
        .banner-2 .banner-right .button-banner .btn-light-bg::after {
          height: 53px; }
        .banner-2 .banner-right .button-banner .btn-light-bg span {
          vertical-align: -3px; }
    .arrow-gradient .slick-arrow {
      width: 32px;
      height: 32px; }
      .arrow-gradient .slick-arrow::before {
        font-size: 14px; }
    .arrow-gradient.arrow-right .slick-arrow {
      top: -85px; }
    .arrow-gradient.arrow-right .slick-prev {
      right: 50px; }
    .arrow-white .slick-prev {
      left: 41%; }
    .arrow-white .slick-next {
      right: 41%; }
    .about-section .about-wrap .about-content .our-details {
      padding: 30px; }
      .about-section .about-wrap .about-content .our-details h5 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis; }
      .about-section .about-wrap .about-content .our-details p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis; }
    .about-section .about-wrap.about-1 .about-content .our-details {
      padding: 20px; }
    .about-section .title-3.text-start {
      margin-top: -6px; }
    .service-section.service-bg .title-3 {
      margin-top: -4px; }
    .service-section .title-2 h2 {
      margin-top: -4px; }
    .service-section.service-2 .property-service > div .service-box .hover-line {
      margin-bottom: 30px; }
    .service-slider .service-wrapper .top-img-box > div {
      width: 56px;
      height: 56px; }
      .service-slider .service-wrapper .top-img-box > div img {
        width: 50%; }
    .service-slider.arrow-gradient.arrow-right .slick-arrow {
      top: -60px; }
    .service-slider.arrow-gradient.arrow-right .slick-prev {
      right: 20.5%; }
    .service-slider.arrow-gradient.arrow-right .slick-next {
      right: 15%; }
    .property-section .close-filter-bottom {
      color: var(--theme-default3) !important; }
    .property-section .property-box .property-details .icon-property li + li::before {
      left: -38px; }
    .property-section .nav-tabs {
      margin-bottom: 15px; }
      .property-section .nav-tabs .nav-item + .nav-item {
        margin-left: 20px; }
    .property-section .list-property .property-box .property-image .bg-size:before {
      padding-top: 50%; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
      height: 72%; }
      .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
        width: 80%; }
    .property-section .list-property .property-box .property-details .icon-property li + li::before {
      left: -82px; }
    .property-section .list-property.no-slider-property .property-box {
      margin: 0; }
    .property-section .title-2 h2 {
      margin-top: -4px; }
    .property-section .title-3.text-start h2 {
      margin-top: -4px; }
    .property-section.bg-comman-2::before {
      height: 355px; }
    .pagination-tab.nav-tabs {
      margin-bottom: 0; }
      .pagination-tab.nav-tabs .nav-item .nav-link {
        padding: 5px 13px 4px;
        display: block; }
      .pagination-tab.nav-tabs .nav-item + .nav-item {
        margin-left: 15px; }
    .no-slider-property .property-box {
      margin: 0 50px; }
      .no-slider-property .property-box .property-details .icon-property li + li::before {
        left: -52px; }
    .property-grid-3 .filter-panel .top-panel {
      display: block; }
      .property-grid-3 .filter-panel .top-panel h2 {
        margin-top: -4px; }
    .property-grid-3 .filter-panel .grid-list-filter {
      margin-top: 15px; }
    .property-grid-3 .filter-bottom-content .btn {
      width: 100%; }
    .property-grid-3 .property-grid.list-view .property-box .property-image {
      width: 90%; }
    .property-grid-slider .property-grid.list-view .property-box .property-image {
      width: 40%; }
    .property-grid-slider .property-grid .slider-nav .slick-slide img {
      min-height: 55px; }
    .property-map .filter-bottom-content {
      width: 300px;
      margin: 0;
      right: unset; }
      .property-map .filter-bottom-content .btn {
        width: 100%; }
    .property-map .property-grid.list-view .property-box .property-image {
      width: 65%; }
    .filter-panel .filters ul li {
      padding: 12px;
      min-width: 110px; }
      .filter-panel .filters ul li i {
        font-size: 25px; }
    .filter-panel.tab-top-panel .grid-list-filter li:last-child {
      margin-left: 10px; }
    .property-list-view .property-grid.list-view .property-box .property-image {
      width: 85%; }
    .bg-comman-2::before {
      height: 285px; }
    .feature-section .feature-content .feature-price li h3 {
      margin-top: -2px; }
    .feature-section .modern-feature .feature-wrap .feature-image {
      -webkit-box-shadow: 0px 0 16px 5px rgba(0, 0, 0, 0.05);
              box-shadow: 0px 0 16px 5px rgba(0, 0, 0, 0.05); }
      .feature-section .modern-feature .feature-wrap .feature-image .bg-size:before {
        padding-top: 70%; }
    .feature-section .modern-feature .feature-wrap .feature-content {
      padding-left: 0;
      margin-top: 30px; }
    .feature-section .modern-feature.arrow-gradient .slick-prev {
      right: 7% !important; }
    .feature-section .modern-feature .slick-list .slick-track .slick-slide > div {
      margin-top: 50px; }
    .feature-section .feature-3.slick-initialized .slick-slide {
      margin-bottom: 0; }
    .feature-section .classic-feature .feature-content .feature-price li h6 {
      margin-bottom: -4px; }
    .feature-section.bg-half {
      background: #f7f7fe; }
      .feature-section.bg-half::before {
        display: none; }
    .feature-section .feature-image .bg-size:before {
      padding-top: 70%; }
    .feature-section .feature-1 .slick-list {
      margin-bottom: -15px; }
      .feature-section .feature-1 .slick-list .slick-track .slick-slide {
        margin-bottom: 0; }
        .feature-section .feature-1 .slick-list .slick-track .slick-slide > div {
          margin-bottom: 15px; }
    .feature-section .feature-1 .feature-wrapper {
      position: relative; }
      .feature-section .feature-1 .feature-wrapper .row > div.order-md {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; }
      .feature-section .feature-1 .feature-wrapper .feature-image {
        height: 385px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .feature-section .feature-1 .feature-wrapper .feature-image .signature,
        .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
          -webkit-transform: scale(0.6);
                  transform: scale(0.6);
          right: -47px; }
        .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
          right: -20px; }
      .feature-section .feature-1 .feature-wrapper .property-details {
        margin: -40px auto 0; }
    .feature-section .feature-4 {
      margin-top: 46px; }
      .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: -4px; }
    .bg-comman-2.feature-section .title-2 h2 {
      margin-top: -4px; }
    .video-modal iframe {
      height: 275px; }
    .video-section {
      background-position: center right; }
      .video-section .row > div:last-child {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; }
      .video-section .play-icon {
        height: 100px; }
    .pricing-section .pricing-box {
      padding: 20px; }
      .pricing-section .pricing-box .pricing-details img {
        -webkit-transform: scale(0.9);
                transform: scale(0.9); }
      .pricing-section .pricing-box .pricing-details h3 {
        margin-top: 20px; }
      .pricing-section .pricing-box .pricing-details .pricing-svg {
        width: 40px;
        height: 40px; }
      .pricing-section .pricing-box .pricing-details .pricing-icon::after {
        width: 35px;
        height: 35px;
        -webkit-transform: translateX(9px);
                transform: translateX(9px); }
      .pricing-section .pricing-box ul {
        margin: 30px 0 36px; }
        .pricing-section .pricing-box ul li + li {
          margin-top: 10px; }
    .pricing-section.pricing-inner .title-2 h2 {
      margin-top: -4px; }
    .video-details {
      padding: 30px; }
    .my-gallery .find-cities {
      height: 280px; }
      .my-gallery .find-cities .citi-overlay h4 {
        margin-bottom: 10px; }
      .my-gallery .find-cities .citi-overlay h2 {
        margin-bottom: 15px; }
    .portfolio-creative .content-sec {
      padding: 20px; }
    .portfolio-creative .row {
      display: block; }
      .portfolio-creative .row + .row {
        padding-top: 30px; }
    .portfolio-creative .order-section div:nth-child(even) {
      margin-bottom: 30px; }
    .portfolio-creative .order-section div:last-child {
      margin-bottom: 0; }
    .blog-grid,
    .blog-right,
    .blog-list {
      margin-top: 30px; } }
  
  @media (max-width: 991px) and (min-width: 768px) {
    .ratio_63 .property-wrapper-grid.list-view .property-box .bg-size::before {
      padding-top: 100%; }
    .property-box-flat .no-slider-property .property-box {
      margin: 0 6px; }
    .property-section .property-box .property-details .icon-property li + li::before {
      display: none; } }
  
  @media (max-width: 767px) {
    .property-section .nav-tabs .nav-item .nav-link {
      background-color: rgba(255, 255, 255, 0.3); }
      .property-section .nav-tabs .nav-item .nav-link.active {
        background-color: #ffffff; }
    .box.text-affect .role {
      margin-bottom: 20px; }
    .property-2.list-view.no-sidebar .property-box .property-details {
      margin-top: 5px; }
    .single-property.mt-0.pt-0 {
      padding-bottom: 30px; }
    .property-grid-2 .property-wrapper-grid .property-grid.list-view .property-box .property-image {
      width: 100%; }
    .blog-single-detail .blog-title h3 {
      margin-top: 10px; }
    .blog-single-detail .blog-title .post-detail li {
      line-height: 1.7; }
    .footer-bg .bottom-blog .media .media-body h6 {
      line-height: 1.4; }
    footer.footer-brown .footer-details img {
      margin: 0 0 -16px; }
    .horizontal-blog .blog-1 .slick-prev {
      top: 36px;
      right: 26px;
      left: unset; }
    .horizontal-blog .blog-1 .slick-next {
      top: 36px;
      right: 4px; }
    .service-section .property-service > div .service-box .icon-round {
      margin: 0 auto 20px 0; }
    .video-layout.parallax-home {
      height: 390px; }
      .video-layout.parallax-home .video-search {
        padding: 0; }
    .banner-2 .banner-right .button-banner .btn + .btn:after {
      height: 55px; }
    .blog-section .blog-1 .slick-prev {
      left: -3px; }
    .blog-section .blog-1 .slick-next {
      right: -3px; }
    .property-section .ratio_landscape .title-3.text-start.d-flex .pagination-tab.nav-tabs {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start; }
    .video-layout .video-details .left-sidebar {
      width: auto; }
    .video-layout .overlay-content {
      right: 0;
      left: 0;
      margin: 0 auto;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .video-layout .video-search {
      width: 110%; }
    .toggle-nav i {
      font-size: 13px; }
    .title-3 {
      margin-top: -11px; }
      .title-3 p {
        margin-bottom: 0; }
    label {
      margin-bottom: 6px; }
    section {
      padding: 50px 0; }
    p {
      line-height: 1.4; }
    .small-section {
      padding: 30px 0; }
    .modal-header, .modal-body, .modal-footer {
      padding: 20px; }
    .modal-header {
      padding-bottom: 0; }
      .modal-header .btn-close {
        width: 25px;
        height: 25px; }
        .modal-header .btn-close span {
          font-size: 26px; }
    .map-modal .modal-dialog .modal-content .btn-close {
      width: 25px;
      height: 25px; }
      .map-modal .modal-dialog .modal-content .btn-close span {
        font-size: 26px;
        line-height: 0.85; }
    .modern-dot.property-3.slick-dotted {
      margin-bottom: 3px; }
    .btn.btn-gradient.color-4::after {
      -webkit-box-shadow: -5.15px 6.572px 13px var(--theme-default6);
              box-shadow: -5.15px 6.572px 13px var(--theme-default6); }
    .provide-service .provide-details .btn {
      padding: 10px 20px 9px; }
    .simple-blog .title-3 {
      margin-top: -10px; }
    .testimonial-client .title-3.text-start {
      margin-bottom: 27px; }
    .video-layout {
      padding-bottom: 20px; }
      .video-layout .video-search > div {
        padding: 10px; }
      .video-layout .video-search .dropdown .dropdown-menu {
        width: 130px; }
      .video-layout .video-search .input-group .input-group-text {
        width: 35px;
        height: 35px;
        padding: 0; }
        .video-layout .video-search .input-group .input-group-text svg {
          width: 17px;
          height: 17px; }
      .video-layout .video-details p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        width: 92%; }
      .video-layout .play-icon {
        position: absolute;
        left: 67%;
        bottom: 70px; }
      .video-layout .play-bg {
        width: 180px;
        height: 260px; }
    .title-2 {
      margin-bottom: -2px; }
    .progress {
      height: 8px; }
    .property-section.section-sm .property-2:not(.no-sidebar) {
      height: calc(100vh - 60px); }
    .get-in-touch .btn {
      padding: 10px 18px 9px; }
    .log-in h6 {
      margin-bottom: 10px; }
    .log-in .social-connect > div:nth-child(n + 3) {
      margin-top: 10px; }
    .theme-card .title-3 p {
      margin-bottom: -5px; }
    .theme-title .title-3 p {
      margin-bottom: -6px; }
    .ratio-card .card-header p {
      margin-bottom: -2px !important; }
    .ratio-card .card-body h5 {
      margin-bottom: 10px; }
    .home-search-6 .left-sidebar .row {
      margin-bottom: 0; }
      .home-search-6 .left-sidebar .row > div {
        margin-bottom: 0; }
    .box {
      width: 270px;
      height: 130px; }
      .box.text-affect .title {
        height: 86px; }
    .parallax-home.video-layout .video-search {
      width: 100%; }
    .property-map .filter-panel .top-panel h2 {
      margin-top: -4px; }
    .pricing-section .title-3 {
      margin-bottom: 27px; }
    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
      -webkit-transform: translateX(8px);
              transform: translateX(8px); }
    .about-main .title-2 {
      margin-bottom: -4px; }
    .blog-inner .title-2 {
      margin-bottom: -3px; }
    .banner-2 .banner-right h6 {
      margin-top: -3px; }
    .banner-2 .banner-right .button-banner .btn-light-bg::after {
      height: 55px; }
    .banner-2 .banner-right .button-banner .btn-light-bg span {
      vertical-align: -2px; }
    .download-section .app-right {
      margin-bottom: -2px; }
      .download-section .app-right .form-group {
        width: calc(100% - 116px); }
    .filter-cards .advance-card + .advance-card {
      margin-top: 25px; }
    .user-dashboard .sidebar-user .user-profile .media .media-body {
      margin-left: 15px; }
    .user-dashboard .property-overview .table tr th:first-child,
    .user-dashboard .property-overview .table tr td:first-child {
      min-width: 195px; }
    .card-payment .payment-card.add-card .card-details {
      min-height: 167px; }
    .privacy-setting .privacy-content .media .media-body h6 {
      margin-bottom: 5px; }
    .switch {
      width: 50px;
      height: 26px; }
      .switch .switch-state:before {
        height: 20px;
        width: 20px;
        bottom: 3px; }
      .switch input:checked + .switch-state:before {
        -webkit-transform: translateX(23px);
                transform: translateX(23px); }
    .privacy-setting .switch {
      width: 45px;
      height: 25px; }
      .privacy-setting .switch .switch-state:before {
        bottom: 4px; }
      .privacy-setting .switch input:checked + .switch-state:before {
        -webkit-transform: translateX(20px);
                transform: translateX(20px); }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data {
      display: block; }
      .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content + .account-content {
        margin-left: 0;
        margin-top: 20px; }
    .property-wizard .wizard-box .wizard-form-details form .form-group {
      margin-bottom: 10px; }
      .property-wizard .wizard-box .wizard-form-details form .form-group:last-child {
        margin-bottom: 0; }
    .property-wizard .wizard-box .wizard-form-details .wizard-step-3 .next-btn {
      margin-top: 25px; }
    .property-wizard .wizard-box .wizard-form-details .complete-details img {
      width: 63%; }
    .property-wizard .wizard-box .wizard-form-details form.dropzone {
      margin-bottom: 10px; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
      width: 40px;
      height: 40px; }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
        width: 24px;
        height: 24px; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5 {
      margin-bottom: 3px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .wizard-step-3 .next-btn {
      margin-top: 30px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content h3 {
      margin-bottom: 5px; }
    .user-about .about-image .img-box.img-abs {
      right: 8%; }
    .agent-section .our-agent-details ul li .media .icons-square {
      width: 25px;
      height: 25px; }
      .agent-section .our-agent-details ul li .media .icons-square svg {
        width: 13px;
        height: 13px; }
    .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter .grid-btn,
      .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter .list-btn {
        display: inline-block !important; }
    .agent-section .agent-grids .property-grid.list-view .property-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
      padding-top: 111%; }
    .agent-section .agent-wrap {
      padding-left: 0;
      border-left: none; }
    .coming-simple .site-construction h4 {
      line-height: 1.4; }
    .coming-simple .ratio2_3.order-lg-1 {
      margin-top: -42px; }
    .coming-simple form input {
      padding-left: 15px;
      padding-right: 15px; }
    .coming-soon .cloud-img {
      height: 230px;
      top: 0; }
    .error-section .not-found img {
      width: 100%; }
    .accordion .card-header .card-link::after {
      font-size: 12px;
      top: 17px; }
    .faq-section .faq-image {
      margin-top: -32px; }
    .faq-section form .btn {
      top: 32px; }
    .contact_section .contact-content {
      width: 100%; }
    .horizontal-blog .title-2 p {
      margin-bottom: 26px; }
    .blog-2 .slick-list {
      margin: 0 -12px; }
      .blog-2 .slick-list .slick-track .slick-slide > div {
        margin: 0 12px; }
    .simple-blog .title-3 {
      margin-bottom: 27px; }
    .blog-single-detail .blog-title .post-detail li:last-child {
      padding-left: 0;
      margin-left: 0;
      border: none; }
    .blog-list-section .blog-list .blog-wrap {
      display: block; }
      .blog-list-section .blog-list .blog-wrap .blog-details h3,
      .blog-list-section .blog-list .blog-wrap .blog-details p {
        -webkit-line-clamp: 3; }
    .portfolio-grid .filter-panel .top-panel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .fnc-slider {
      height: 500px; }
    .fnc-slide__content {
      left: 20%;
      padding: 30px; }
    .fnc-slide__heading-line {
      font-size: 40px; }
    .fnc-slide__action-btn {
      margin-left: 0; }
    .home-section.layout-6 .container > .row, .home-section.layout-5 .container > .row {
      padding: 50px 0; }
    .home-section.layout-5 {
      padding-top: 60px; }
      .home-section.layout-5 .row {
        margin: 0; }
      .home-section.layout-5 .home-main .home-content > div > img {
        width: 160px; }
      .home-section.layout-5 .home-main .looking-icons {
        margin-top: 40px; }
    .home-section.layout-6 .home-main .container > .row {
      padding-top: 100px; }
    .home-section.layout-9 {
      padding: 50px 0; }
    .looking-icons ul li h6 {
      margin-top: 15px !important; }
    .looking-icons ul li .looking-icon svg {
      width: 35px;
      height: 35px; }
    header.light-header .menu .brand-logo img {
      width: 120px; }
    header.header-2::after {
      bottom: 74px; }
    .layout-home2 .home-main {
      padding-top: 130px; }
    .layout-home2 .arrow-light .slick-arrow {
      top: 65%; }
    .layout-home2 .arrow-light .slick-prev {
      left: 10px; }
    .layout-home2 .arrow-light .slick-next {
      right: 10px; }
    .layout-home2 .feature-section .feature-content {
      max-width: 450px;
      margin: 0 auto; }
    .top-bar .top-content .top-bar-right li .flat-box {
      padding: 6px 12px; }
      .top-bar .top-content .top-bar-right li .flat-box i {
        font-size: 12px; }
      .top-bar .top-content .top-bar-right li .flat-box.search-sm i {
        vertical-align: 0; }
    .top-bar .top-content .top-bar-right li + li {
      margin-left: 6px; }
    .top-bar.top-bar-7 .top-content .top-bar-right li:last-child {
      margin-left: 6px; }
    .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box {
      padding: 5px 10px 6px;
      display: block; }
      .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box i {
        font-size: 12px; }
    .top-bar.top-bar-7 .top-content .top-bar-right .input-group {
      display: none; }
    .top-bar.top-bar-7 .top-content .top-bar-right > li > a {
      padding: 6px 8px 7px;
      display: block; }
    .layout-home3 .banner-3 {
      width: 65%;
      padding: 20px;
      -webkit-box-shadow: 2px 0px 20px 20px rgba(255, 255, 255, 0.7);
              box-shadow: 2px 0px 20px 20px rgba(255, 255, 255, 0.7); }
      .layout-home3 .banner-3 h1 {
        margin: 15px 0; }
      .layout-home3 .banner-3 p {
        margin-bottom: 15px; }
    .layout-home3 .slick-slider .slick-arrow {
      width: 60px;
      height: 60px; }
      .layout-home3 .slick-slider .slick-arrow::after {
        width: 35px;
        height: 35px;
        top: 12px;
        left: 12px; }
    .layout-home3 .bg-layout-3 {
      padding: 50px 0; }
    .layout-home3 .slick-arrow .slick-thumb-nav::after {
      width: 40px;
      height: 40px; }
    .feature-3 .next-image {
      top: 253px;
      width: 78px;
      height: 78px;
      right: 11px; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
      width: 90px;
      height: 90px;
      left: -26px;
      top: -26px; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-prev {
      left: 30px; }
    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-next {
      right: 30px; }
    .layout-home4 .sync-slider .home-nav .slider-image {
      width: 80px;
      height: 50px; }
    .layout-home4 .home-slider-4 .slider-image {
      padding: 50px 0; }
      .layout-home4 .home-slider-4 .slider-image .home-content {
        padding: 20px;
        text-align: center; }
        .layout-home4 .home-slider-4 .slider-image .home-content .font-color4 {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .layout-home4 .home-slider-4 .slider-image .home-content h6.line-right::after {
          display: none; }
        .layout-home4 .home-slider-4 .slider-image .home-content h1 {
          line-height: 1.5; }
    .layout-home4 .slider-image .home-content p {
      width: 100%; }
    .layout-home8 {
      height: 740px; }
      .layout-home8 .home-content {
        margin-bottom: 30px; }
        .layout-home8 .home-content h1 {
          margin-top: -4px !important; }
    .search-with-tab .nav-tabs .nav-item .nav-link {
      padding: 8px 16px; }
    .search-with-tab .tab-content .review-form > div:nth-child(n + 4) {
      margin-top: 16px; }
    .search-withmap .vertical-search {
      width: auto; }
    .breadcrumb-section {
      height: 350px; }
      .breadcrumb-section .breadcrumb-content {
        height: 350px;
        padding-top: 60px; }
      .breadcrumb-section.property-main {
        height: 460px; }
      .breadcrumb-section #block {
        height: 460px !important; }
      .breadcrumb-section.breadcrumb-sm {
        background-color: rgba(0, 0, 0, 0.25);
        background-blend-mode: overlay; }
        .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div h2 {
            margin-bottom: 10px; }
        .breadcrumb-section.breadcrumb-sm.breadcrumb-gradient {
          background-blend-mode: unset; }
    .single-property {
      margin-top: 60px; }
      .single-property .description-section .menu-top li a {
        padding: 0 14px 0 0;
        text-transform: capitalize; }
      .single-property .description-section .menu-top li.active a {
        border-bottom: none; }
      .single-property .page-section iframe {
        height: 250px; }
    .gallery-nav .slick-slide img {
      min-height: 46px; }
    .single-property-section .left-single > ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .single-property-section .left-single > ul > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
        max-width: 30%; }
    .single-property-section .left-single .share-buttons > div .share-hover {
      bottom: -40px; }
      .single-property-section .left-single .share-buttons > div .share-hover ul li {
        padding: 5px 10px; }
    .single-property-section .left-single .share-buttons > div:hover .share-hover {
      bottom: -35px; }
    .single-property-images.ratio_40 .bg-size:before {
      padding-top: 68%; }
    .single-property-images .single-property-section {
      position: relative;
      bottom: unset;
      padding: 30px 0; }
    .single-property-images ~ .single-property {
      margin-top: 0;
      padding-top: 0; }
    .home-view {
      height: 55vh; }
    .line-tab.nav-tabs .nav-link {
      padding: 15px 8px; }
    .btn {
      padding: 8px 18px; }
      .btn.btn-dashed {
        padding: 9px 18px; }
      .btn.btn-light-bg::after {
        height: 39px; }
    .theme-buttons > div {
      margin-left: -6px; }
      .theme-buttons > div .btn + .btn {
        margin-left: 6px; }
    .label.label-lg {
      padding: 8px 20px; }
    footer .footer {
      padding: 50px 0; }
    footer .footer-details p {
      margin-bottom: 10px; }
    footer .footer-details .footer-contact ul li + li {
      margin-top: 10px; }
    footer .sub-footer {
      text-align: center; }
      footer .sub-footer .text-end {
        text-align: center !important;
        margin-top: 5px; }
      footer .sub-footer.sub-footer-dark {
        padding-top: 16px; }
      footer .sub-footer.footer-light {
        padding-top: 8px; }
    footer .footer-links {
      padding-bottom: 15px; }
      footer .footer-links .footer-title span {
        display: block;
        top: 0;
        right: 0; }
        footer .footer-links .footer-title span i {
          font-size: 13px; }
      footer .footer-links h5 {
        margin-bottom: 0;
        line-height: 1.2; }
      footer .footer-links .footer-content {
        margin-top: 15px; }
        footer .footer-links .footer-content .footer-blog p {
          line-height: 1.6; }
        footer .footer-links .footer-content li + li {
          margin-top: 6px; }
      footer .footer-links.footer-details .footer-content {
        margin-top: 15px !important; }
    footer.footer-dark .footer-details .footer-content {
      margin-top: 15px; }
      footer.footer-dark .footer-details .footer-content p {
        margin-top: 10px; }
    footer.footer-light .footer-links .footer-content {
      margin-top: 15px; }
    footer.footer-light .footer-links .footer-title .according-menu {
      position: absolute;
      top: 0;
      right: 0; }
    footer.footer-res .footer-contact {
      margin-bottom: 3px; }
    footer.footer-res .footer .row > div:nth-child(4), footer.footer-res .footer .row > div:last-child {
      margin-top: 0; }
    footer.footer-res .footer .row > div:last-child .footer-links {
      padding-bottom: 0;
      margin-bottom: -3px; }
    footer.footer-res .footer-links .footer-content {
      margin-top: 15px;
      margin-bottom: 0; }
    .footer-bg .bottom-blog {
      padding-top: 20px; }
      .footer-bg .bottom-blog .footer-links .footer-title span {
        right: 6px; }
      .footer-bg .bottom-blog .footer-links .footer-content {
        margin-top: 15px; }
        .footer-bg .bottom-blog .footer-links .footer-content .row > div + div {
          margin-top: 15px; }
    .footer-bg .footer-links {
      padding-bottom: 20px; }
      .footer-bg .footer-links .footer-content {
        margin-top: 15px; }
        .footer-bg .footer-links .footer-content .input-group {
          margin-top: 20px; }
        .footer-bg .footer-links .footer-content li + li {
          margin-top: 6px; }
    .footer-custom-col .row > div:nth-child(3), .footer-custom-col .row > div:last-child, .footer-custom-col .row > div:nth-child(4),
    .footer-light .row > div:nth-child(3),
    .footer-light .row > div:last-child,
    .footer-light .row > div:nth-child(4) {
      margin-top: 0 !important; }
    .footer-custom-col .row > div:last-child .footer-links,
    .footer-light .row > div:last-child .footer-links {
      padding-bottom: 0; }
    .footer-brown .footer .row,
    .footer-dark .footer .row {
      margin-top: -3px; }
    .footer-brown .sub-footer {
      padding-top: 16px; }
      .footer-brown .sub-footer .text-end {
        margin-top: 0; }
    .footer-light .row {
      margin-bottom: -3px;
      margin-top: -3px; }
    .footer-light .footer-content {
      margin-bottom: -2px; }
    .ratio-card .card-body h5 {
      margin-top: -2px; }
    .ratio-card .card-body .row > div + div {
      margin-top: 20px; }
    .property-grid-slider .property-grid .slider-for .slick-list {
      height: 250px; }
    .property-grid-slider .property-grid .slider-nav .slick-slide img {
      min-height: unset;
      height: 84px;
      width: 100%; }
    .property-grid-slider .filter-panel .top-panel .grid-list-filter li:nth-child(2) {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .testimonial-1 .pepole-comment .client-msg {
      margin-bottom: 30px; }
    .client-slider {
      margin-top: 48px;
      width: 100%; }
      .client-slider .user-list {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); }
        .client-slider .user-list li .heart-bg {
          width: 40px;
          height: 40px;
          bottom: -20px;
          left: 48px; }
        .client-slider .user-list li .heart-icon {
          bottom: -12px;
          left: 57px; }
    .our-client .client-right {
      padding: 30px; }
      .our-client .client-right p {
        margin-top: -5px; }
      .our-client .client-right h6 {
        margin-bottom: -4px; }
    .our-client .client-left img {
      -webkit-box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.03);
              box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.03); }
    .modern-client .comment-right {
      bottom: -12px; }
      .modern-client .comment-right .slick-prev {
        left: 40%; }
      .modern-client .comment-right .slick-next {
        left: 50%; }
        .modern-client .comment-right .slick-next:after {
          right: 10px; }
    .testimonial-style-2 .title-3 {
      margin-bottom: 27px; }
    .banner-2 {
      overflow: hidden; }
      .banner-2 .banner-right {
        position: relative;
        padding: 30px;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.95); }
      .banner-2:after {
        width: 100%; }
    .banner-3 {
      padding: 30px; }
      .banner-3 p {
        font-size: 14px;
        line-height: 1.8; }
    .banner-inner {
      padding-top: 106px; }
    .about-box .bg-size:before {
      padding-top: 80%; }
    .arrow-white {
      margin-bottom: 75px; }
      .arrow-white .slick-arrow {
        width: 40px;
        height: 40px;
        bottom: -70px; }
      .arrow-white .slick-prev {
        left: 40%; }
      .arrow-white .slick-next {
        right: 40%; }
    .about-section .about-1 .bg-size {
      background-position: top !important; }
      .about-section .about-1 .bg-size:before {
        padding-top: 78%; }
    .about-section.ratio_square .title-3 p {
      margin-bottom: -3px; }
    .about-section .title-3 {
      margin-top: -11px; }
      .about-section .title-3.text-start p {
        margin-bottom: -3px; }
    .service-section .title-2 {
      margin-bottom: -5px; }
    .service-section .title-3 p {
      margin-bottom: -3px; }
    .service-section .title-3.text-start p {
      margin-bottom: -12px; }
    .service-section.service-bg::after {
      height: 150px; }
    .service-section.service-2 .property-service > div .service-box .hover-line {
      -webkit-transform: scale(0.9);
              transform: scale(0.9); }
    .service-section.service-2 .property-service > div .service-box .btn span {
      vertical-align: -1px; }
    .service-section.service-2 .property-service > div .service-box:hover .btn span {
      vertical-align: 0; }
    .service-section.service-2 .property-service > div .service-box .btn:hover span {
      vertical-align: -2px; }
    .service-section.service-2 .property-service.about-service > div .service-box .btn span {
      vertical-align: -1px; }
    .service-section.service-2.color-7 .property-service > div .service-box:hover .btn span {
      vertical-align: -1px; }
    .why-choose .title-2 {
      margin-bottom: -3px; }
    .about-testimonial .title-2 {
      margin-bottom: -3px; }
    .property-section .title-3 {
      margin-bottom: 27px; }
      .property-section .title-3.d-flex {
        display: block !important;
        margin-bottom: 30px; }
      .property-section .title-3 .pagination-tab {
        margin-top: 10px; }
    .property-section .title-2 {
      margin-bottom: -5px; }
    .property-section .ratio_landscape .title-2 {
      margin-bottom: -3px; }
    .property-section .property-box .property-details .property-btn .btn {
      padding: 8px 18px 7px; }
      .property-section .property-box .property-details .property-btn .btn.btn-dashed {
        padding: 9px 18px 8px; }
    .property-section .list-property .property-box .property-image .bg-size:before {
      padding-top: 60%; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
      width: 100%; }
    .property-section .list-property .property-box .property-details .icon-property li + li::before {
      left: -36px; }
    .property-section .list-property .property-box .text-center {
      margin-top: -19px; }
    .property-section .property-box-flat .property-box .property-image .label-white {
      padding: 8px 20px 7px; }
    .property-section .property-box-flat .property-box .property-details h3 {
      margin-top: 0; }
    .pagination-tab.nav-tabs {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: 10px; }
      .pagination-tab.nav-tabs .nav-item {
        margin-bottom: 0; }
    .slick-shadow .arrow-white .slick-arrow {
      bottom: -65px; }
    .no-slider-property .property-box {
      margin: 0; }
      .no-slider-property .property-box .property-details .icon-property li + li::before {
        left: -38px; }
    .filter-panel {
      position: relative; }
      .filter-panel .top-panel {
        display: block; }
        .filter-panel .top-panel .grid-list-filter {
          margin: 15px -5px -4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .filter-panel .top-panel .grid-list-filter li {
            margin: 5px; }
          .filter-panel .top-panel .grid-list-filter .grid-btn,
          .filter-panel .top-panel .grid-list-filter .list-btn {
            display: none !important; }
      .filter-panel .d-lg-none .mobile-filter {
        padding: 8px 10px; }
        .filter-panel .d-lg-none .mobile-filter svg {
          margin-left: 10px;
          vertical-align: -4px; }
      .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 10px; }
      .filter-panel.with-modal-btn .top-panel .grid-list-filter {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .filter-panel.tab-top-panel .grid-list-filter li:last-child {
        margin-left: 5px; }
      .filter-panel.tab-top-panel .grid-list-filter li:nth-child(2) {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; }
    .property-grid.list-view .property-box {
      display: block; }
    .property-grid-3 .property-grid.list-view .property-box .property-image,
    .property-grid-3 .property-grid.list-view .property-box .agent-image {
      width: 100%; }
    .property-map .property-grid {
      padding-top: 25px; }
      .property-map .property-grid.list-view .property-box .property-image {
        width: 100%; }
    .property-map .top-panel .grid-list-filter li:nth-child(2) {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .property-grid-slider .property-grid .slider-for .slick-slide #block {
      height: 285px !important; }
    .property-grid-slider .property-grid .slider-nav {
      margin-right: -3px; }
    .property-list-view .property-grid.list-view .property-box .property-image {
      width: 100%; }
    .bg-comman-2::before {
      height: 245px; }
    .feature-section .title-3 {
      margin-bottom: 27px; }
    .feature-section .feature-content .detail-list li .label-lg {
      padding: 8px 12px 6px; }
    .feature-section .feature-content .detail-list li .d-flex .label-lg {
      padding: 6px 12px 4px; }
    .feature-section .feature-1 .feature-wrapper {
      margin: 0; }
      .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 450px; }
    .feature-section .feature-3 .slick-list {
      margin-left: -5px; }
    .feature-section .feature-3.slick-initialized .slick-slide {
      margin-bottom: -1px; }
    .feature-section .feature-3 .feature-content .details,
    .feature-section .feature-3 .feature-content .feature-price {
      padding: 20px; }
    .feature-section .feature-3 .feature-content .detail-list {
      padding: 15px 18px; }
    .feature-section .feature-3 .feature-content .details p {
      margin-top: 10px; }
    .feature-section .feature-3 .feature-image .feature-overlay {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 210px;
      height: 169px; }
    .feature-section .feature-3 .slick-next,
    .feature-section .feature-3 .slick-prev {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
    .feature-section .modern-feature .feature-wrap .feature-image .feature-overlay {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 210px;
      height: 169px; }
    .feature-section .modern-feature.arrow-gradient .slick-prev {
      right: 10% !important; }
    .my-gallery .row > div .row > div:nth-child(3), .my-gallery .row > div .row > div:nth-child(4) {
      -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
              order: unset; }
    .my-gallery .find-cities .citi-overlay h6::after {
      width: 130px;
      right: -16px; }
    .video-section {
      padding-left: 20px;
      padding-right: 20px; }
    .offer-section .offer-wrapper .media .offer-icon {
      width: 80px;
      height: 80px; }
      .offer-section .offer-wrapper .media .offer-icon img {
        height: 40px; }
    .offer-section .offer-wrapper .media .media-body {
      margin-left: 15px; }
    .video-details h2 {
      margin: 15px 0 8px; }
    .video-details p {
      margin-bottom: 15px; }
    .new-property .feature-wrap {
      margin: 0; }
    .new-property .title-2 h2 {
      margin-top: -5px; }
    .subscribe-section .video-details .form-group {
      margin-bottom: 20px; }
      .subscribe-section .video-details .form-group input {
        width: 80%;
        padding: 10px 15px 8px; }
      .subscribe-section .video-details .form-group::after {
        width: 80%; }
    .arrow-define {
      font-size: 13px; }
    .blog-section.bg-comman-2::before {
      height: 300px; }
    .blog-1 .blog-box .img-box img {
      min-width: 239px; } }
  
  @media (max-width: 719px) {
    .property-section .property-box-flat .property-box .property-details h3 {
      margin-top: -2px; } }
  
  @media (max-width: 576px) {
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-detail p {
      width: 100%; }
    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
      -webkit-transform: translateX(9px);
              transform: translateX(9px); }
    .parallax-home .container > .row {
      height: 240px; }
    .breadcrumb-section {
      height: 270px; }
      .breadcrumb-section .breadcrumb-content {
        height: 270px;
        padding-top: 56px; }
    .toggle-right svg {
      width: 20px; }
    header.header-4 .menu .brand-logo img {
      margin-bottom: 0; }
    header.light-header .menu .header-right li .or:after {
      color: #586167; }
    .home-section.layout-5 {
      padding-top: 56px;
      padding-bottom: 40px; } }
  
  @media (max-width: 575px) {
    h2 {
      font-size: 24px; }
    h3 {
      font-size: 20px;
      line-height: 1.4; }
    h4 {
      font-size: 18px; }
    h5 {
      font-size: 16px; }
    h6 {
      font-size: 14px;
      line-height: 1.5; }
    p {
      font-size: 14px;
      line-height: 1.5; }
    .label {
      padding: 3px 8px 2px; }
    .form-control {
      font-size: 14px; }
    .layout-map.layout-home2 {
      min-height: 500px; }
    .pricing-property .feature-section.ratio_landscape .feature-wrap {
      overflow-x: hidden; }
    .review .review-box {
      position: relative; }
      .review .review-box .media img.img-70 {
        width: 50px !important; }
      .review .review-box .media .media-body {
        margin-left: 15px;
        margin-top: 6px; }
        .review .review-box .media .media-body h6 {
          margin-bottom: 2px; }
      .review .review-box .media .rating {
        position: absolute;
        left: 150px;
        top: 29px; }
      .review .review-box + .review-box {
        margin-top: 15px; }
      .review .review-box.review-child {
        margin-left: 30px; }
    .review .review-box.review-child {
      margin-left: 35px; }
    .review .review-box .media .media-body p.mb-0 {
      width: 90%; }
    .blog-single-detail.theme-card .property-slider:hover .slick-prev {
      width: 16px;
      height: 16px; }
      .blog-single-detail.theme-card .property-slider:hover .slick-prev::before {
        font-size: 18px; }
    .blog-single-detail.theme-card .property-slider:hover .slick-next {
      width: 16px;
      height: 16px; }
      .blog-single-detail.theme-card .property-slider:hover .slick-next::before {
        font-size: 18px; }
    .grid-box .property-text {
      padding: 16px; }
    .portfolio-grid .filter-panel .filters ul li {
      min-width: 100px; }
    .agent-section .about-agent div.row {
      margin-bottom: -8px; }
    .agent-section .about-agent p {
      margin-bottom: 8px; }
    .column-space {
      margin-bottom: -20px; }
      .column-space > div {
        margin-bottom: 20px; }
    .parallax-home.video-layout {
      height: auto;
      min-height: auto; }
      .parallax-home.video-layout .video-search .dropdown {
        display: none; }
    .feature-section .feature-3 .feature-content {
      -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0 23px rgba(0, 0, 0, 0.08); }
      .feature-section .feature-3 .feature-content .details {
        padding: 20px !important; }
      .feature-section .feature-3 .feature-content .detail-list {
        padding: 15px 18px !important; }
      .feature-section .feature-3 .feature-content .feature-price {
        padding: 20px !important; }
    .fnc-slide__action-btn {
      padding: 10px 10px; }
      .fnc-slide__action-btn::before {
        height: 40px;
        width: 40px; }
      .fnc-slide__action-btn span {
        font-size: 12px; }
    .testimonial-client .testimonial-4 .modern-client {
      position: relative; }
    .tab-icon .filters ul li lord-icon {
      width: 35px;
      height: 35px; }
    section {
      padding: 40px 0; }
    .progress {
      height: 5px; }
    .grid-list-filter .dropdown-menu {
      min-width: 160px; }
    .title-2 {
      margin-bottom: -4px; }
      .title-2 h2 {
        margin-top: -2px; }
      .title-2 p {
        line-height: 1.7; }
    .title-3 p {
      margin-bottom: 0; }
    .title-3.text-start h2 {
      margin-top: -5px; }
    .contact_right {
      margin-top: 20px; }
    .theme-title .title-1 h2 {
      margin-bottom: -7px; }
    .theme-title .theme-card .card-header h4 {
      margin-top: -1px; }
    .theme-title .title-2 h2 {
      margin-top: -3px; }
    .theme-card .title-2 {
      margin-bottom: -6px; }
    .theme-card .title-3 p {
      margin-bottom: -2px; }
    .theme-pagination {
      margin-top: 20px; }
    .property-map .theme-pagination {
      margin-bottom: 30px; }
    .testimonial-style-2 .title-3 {
      margin-top: -12px; }
    .ratio-card .card-body ul {
      margin-bottom: -5px; }
    footer .footer {
      padding: 40px 0; }
    footer .footer-links .footer-content .footer-blog p {
      font-size: 13px; }
    .footer-bg .bottom-blog .slick-initialized .slick-slide {
      margin-bottom: -5px; }
    .footer-bg .footer-details {
      padding: 20px 15px; }
    .alert-success {
      max-width: unset; }
    .portfolio-creative .order-section {
      margin-bottom: -20px !important; }
      .portfolio-creative .order-section div:nth-child(even) {
        margin-bottom: 20px; }
    .theme-card + .theme-card {
      margin-top: 20px; }
    .captcha {
      margin-bottom: 15px; }
    .theme-label .card-header h5 {
      margin-top: -2px; }
    .my-gallery .title-1 h2 {
      margin-bottom: -2px; }
    .my-gallery .row .col .row {
      margin-bottom: -20px; }
      .my-gallery .row .col .row > div {
        margin-bottom: 20px; }
    .offer-section .title-1 h2 {
      margin-bottom: -7px; }
    .offer-section .offer-wrapper {
      padding: 20px; }
      .offer-section .offer-wrapper .media .media-body h3 {
        margin: 10px 0; }
    .video-layout {
      padding-bottom: 40px; }
      .video-layout .video-details {
        width: 100%;
        padding: 0; }
        .video-layout .video-details p {
          width: 100%;
          overflow: unset;
          -webkit-line-clamp: unset; }
      .video-layout .icon-video {
        position: relative;
        left: unset;
        -webkit-transform: unset;
                transform: unset;
        top: unset;
        margin-bottom: 20px; }
      .video-layout .row > div.video:last-child {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; }
      .video-layout .play-icon {
        position: relative;
        bottom: unset;
        left: unset;
        margin: 0; }
      .video-layout .play-bg {
        width: auto;
        height: auto;
        border: none; }
        .video-layout .play-bg img {
          display: none; }
        .video-layout .play-bg::after {
          display: none; }
      .video-layout .video-search {
        width: 100%; }
        .video-layout .video-search .input-group {
          border-right: none; }
          .video-layout .video-search .input-group input {
            padding-right: 0; }
    .video-details h2 {
      margin: 10px 0 4px; }
    .new-property .title-2 {
      margin-bottom: -7px; }
    .pricing-section .title-3 {
      margin-bottom: 17px; }
    .pricing-section .pricing-box .pricing-details h3 {
      margin-bottom: 4px; }
    .pricing-section .pricing-box .pricing-details .pricing-svg {
      width: 40px;
      height: 40px; }
    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
      width: 35px;
      height: 35px;
      left: -1px; }
    .pricing-section .pricing-box ul {
      margin: 20px 0 26px; }
      .pricing-section .pricing-box ul li + li {
        margin-top: 5px; }
    .pricing-section.pricing-inner .title-2 h2 {
      margin-top: -3px; }
    .filter-panel {
      
      }
      .filter-panel .top-panel .grid-list-filter {
        margin-top: 10px;
        margin-bottom: 0; }
      .filter-panel .d-lg-none .mobile-filter {
        padding: 6px 10px; }
    .tab-listing .filter-panel {
      margin-bottom: 20px; }
    .property-grid-2 .filter-panel .top-panel h2 {
      margin-bottom: 5px; }
    .property-map .filter-panel .top-panel h2 {
      margin-top: -3px; }
    .privacy-setting .common-card .common-header p {
      margin-top: 5px; }
    .logout-modal .modal-body h6 {
      margin-bottom: 4px; }
    .logout-modal .modal-body p {
      font-size: 13px; }
    .signup-modal .signup-tab h4 {
      margin-top: 20px;
      margin-bottom: 15px; }
    .testimonial-client .title-3.text-start {
      margin-top: 2px; }
    .pricing-inner .title-2 p {
      margin-bottom: 16px; }
    .line-tab.nav-tabs .nav-link {
      padding: 10px 8px; }
    .terms-section h2 {
      margin-top: -5px;
      margin-bottom: 15px;
      line-height: 1.5; }
    .terms-section .terms-wrapper p {
      font-size: 14px;
      margin-bottom: 10px; }
    .terms-section .terms-wrapper h4 {
      margin-bottom: 6px;
      line-height: 1.5; }
    .terms-section .terms-wrapper ul li {
      font-size: 14px; }
    .our-client .client-right {
      padding: 20px; }
      .our-client .client-right h3 {
        margin-bottom: 5px; }
      .our-client .client-right h6 {
        margin-bottom: -6px; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body {
      padding: 0 15px; }
    .property-wizard .wizard-form-details.log-in .title-3 {
      margin-bottom: 20px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
      margin-top: 30px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .wizard-step-3 .next-btn {
      margin-top: 20px; }
    .left-sidebar,
    .blog-sidebar {
      padding: 20px; }
    .filter-cards .advance-card .category-property ul li + li,
    .filter-cards .advance-card .recent-property ul li + li {
      margin-top: 10px; }
    .filter-cards .advance-card > h6::before {
      bottom: -6px; }
    .blog-sidebar .filter-cards .advance-card .recent-property ul li,
    .single-sidebar .filter-cards .advance-card .recent-property ul li {
      width: 100%; }
      .blog-sidebar .filter-cards .advance-card .recent-property ul li:nth-child(2),
      .single-sidebar .filter-cards .advance-card .recent-property ul li:nth-child(2) {
        margin-top: 10px; }
      .blog-sidebar .filter-cards .advance-card .recent-property ul li .media .media-body h5,
      .single-sidebar .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
        margin-bottom: 5px; }
    .blog-wrap .blog-details {
      padding: 20px; }
    .blog-grid,
    .blog-list {
      margin-bottom: -20px; }
      .blog-grid .blog-wrap,
      .blog-list .blog-wrap {
        margin-bottom: 20px; }
    .blog-single-detail .leave-comment {
      margin-top: 20px; }
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date {
      margin-left: 10px; }
    .blog-single-detail .comment-section h4 {
      margin-bottom: 15px; }
    .portfolio-creative .content-sec h3 {
      margin-top: -5px; }
    .details-right {
      padding: 20px; }
      .details-right h3 {
        margin-top: -5px;
        margin-bottom: 8px; }
    .project-details {
      margin-top: 15px; }
      .project-details h3 {
        margin-top: 0;
        margin-bottom: 12px; }
      .project-details .detail-container {
        padding: 6px 0; }
    .portfolio-details .portfolio-section {
      margin-top: 6px; }
    .portfolio-grid .property-text h3 {
      margin-bottom: 6px; }
    .grid-box .property-text h3 {
      margin-top: -4px; }
    .portfolio-creative .row + .row {
      padding-top: 20px; }
    .log-in form .form-group {
      margin-bottom: 15px; }
    .log-in .divider {
      margin: 10px 0; }
    .login-wrap .log-in .title-3.text-start h2 {
      margin-top: -5px; }
    .coming-simple .site-construction h4 {
      font-size: 16px; }
    .coming-simple .site-construction p {
      margin-bottom: 20px; }
    .coming-simple .title-3 h6 {
      margin-bottom: 6px; }
    .coming-simple .ratio2_3 > img {
      height: 400px; }
    .coming-simple form input {
      font-size: 14px; }
      .coming-simple form input::-webkit-input-placeholder {
        font-size: 14px; }
      .coming-simple form input::-moz-placeholder {
        font-size: 14px; }
      .coming-simple form input:-ms-input-placeholder {
        font-size: 14px; }
      .coming-simple form input::-ms-input-placeholder {
        font-size: 14px; }
      .coming-simple form input::placeholder {
        font-size: 14px; }
    .coming-soon.coming-left .coming-soon-detail .timer li {
      margin: 0 5px; }
    .coming-soon .cloud-img {
      height: 170px; }
    .coming-soon .coming-soon-detail form input {
      font-size: 14px; }
    .coming-soon .coming-soon-detail form .form-group button {
      padding: 8px 14px; }
    .property-grid.list-view .property-box .agent-image {
      border-right: none;
      border-bottom: 1px solid #eee; }
    .user-dashboard .sidebar-user {
      margin-bottom: 20px; }
      .user-dashboard .sidebar-user .user-profile {
        display: block;
        padding: 20px 20px 0; }
        .user-dashboard .sidebar-user .user-profile .connected-social {
          margin-left: 0;
          margin-top: 15px; }
          .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
            bottom: -3px; }
        .user-dashboard .sidebar-user .user-profile .media .media-body h5 {
          margin-bottom: 5px; }
        .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
          margin-bottom: 2px; }
    .user-dashboard .dashboard-content {
      margin-bottom: -20px; }
      .user-dashboard .dashboard-content .common-card {
        margin-bottom: 20px; }
      .user-dashboard .dashboard-content .user-wrapper .available-property .radial-property .apexcharts-datalabels-group .apexcharts-datalabel-label {
        font-size: 32px; }
      .user-dashboard .dashboard-content .property-section {
        margin-bottom: 20px; }
    .right-line-tab .nav-item .nav-link {
      padding: 3px 8px; }
    .my-profile .profile-info .user-name h5 .label {
      padding: 4px 8px 3px; }
    .my-profile .profile-info .user-name .rating {
      display: block;
      margin-left: 0; }
    .my-profile .profile-info .user-detail {
      margin: 5px -10px 5px; }
      .my-profile .profile-info .user-detail li {
        margin: 2px 10px; }
    .my-profile .profile-info .information ul li span:first-child {
      min-width: unset; }
    .card-payment > div:nth-child(n + 2) .payment-card {
      margin-top: 15px; }
    .card-payment .payment-card .card-details .card-number > div img {
      width: 9%; }
      .card-payment .payment-card .card-details .card-number > div img:last-child {
        width: 3%;
        margin-left: 5px; }
    .create-tab .create-property-form .form-inputs > h6 {
      margin-bottom: 15px;
      padding-bottom: 5px; }
    .create-tab .create-property-form .form-inputs + .form-inputs {
      margin-top: 15px; }
    .create-tab .create-property-form .btn {
      margin-top: 15px; }
    .dropzone .dz-message {
      margin: 0; }
    .dropzone i {
      font-size: 40px; }
    .user-about .about-image {
      margin-top: 42px;
      margin-bottom: 20px; }
      .user-about .about-image .side-left .side-effect::before, .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 350px); }
      .user-about .about-image .img-box img {
        max-width: 205px; }
      .user-about .about-image .img-box.img-abs {
        right: 140px; }
    .user-about .about-content {
      margin-bottom: 20px; }
      .user-about .about-content h3 {
        margin-bottom: 10px; }
    .user-about .about-listing {
      padding: 20px; }
    .user-about .map-image {
      margin-bottom: 15px; }
    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
      margin-top: -4px; }
    .about-testimonial .title-2 {
      margin-bottom: -4px; }
      .about-testimonial .title-2 h2 {
        margin-top: -3px; }
    .blog-grid,
    .blog-right,
    .blog-list {
      margin-top: 20px; }
    .blog-inner .title-2 {
      margin-top: -4px; }
    .get-in-touch .contact-img img {
      width: 70%; }
    .contact_section .contact_wrap h4 {
      margin-bottom: 10px;
      margin-top: 5px; }
    .contact_section.contact_wrap_2 .contact-detail > div:last-child {
      margin-top: 20px; }
    .contact_section.contact_wrap_2 .row {
      margin: 0; }
    .contact_bottom .row > div + div, .contact_bottom .row > div:last-child {
      margin-top: 20px; }
    .contact_right .row > div + div {
      margin-top: 20px; }
      .contact_right .row > div + div:last-child {
        margin-top: 20px; }
    .contact-2 .log-in {
      margin-bottom: 20px; }
    .agent-section .agent-wrap {
      border-top: 1px solid #eee; }
    .agent-section .agent-content {
      padding: 20px; }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
      padding-top: 60%; }
    .agent-section .our-agent-details {
      margin-top: 10px; }
    .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter .grid-btn,
    .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter .list-btn {
      display: none !important; }
    .agent-section .agent-grids .property-grid.list-view .property-box {
      display: block; }
    .agent-section .filter-panel {
      margin-top: -2px; }
    .agent-social li a {
      width: 25px;
      height: 25px; }
      .agent-social li a i {
        font-size: 12px; }
    .accordion .card + .card {
      margin-top: 15px; }
    .faq-section .faq-image {
      margin-top: -29px; }
      .faq-section .faq-image h3 {
        margin-bottom: 4px; }
    .faq-section form .form-group input {
      padding: 14px 15px 12px; }
    .faq-questions {
      margin-top: 20px; }
      .faq-questions .title-3 h2 {
        line-height: 1.3; }
    .play-bg-image .icon-video a {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
    .icon-video .heart-animation {
      top: -16px;
      right: -15px;
      width: 70px;
      height: 70px; }
    .column-sm {
      margin-bottom: -20px; }
      .column-sm > div {
        margin-bottom: 20px; }
    .filter-panel .filters ul {
      margin: -5px -2px; }
      .filter-panel .filters ul li {
        padding: 8px;
        margin: 5px 2px; }
        .filter-panel .filters ul li i {
          display: none; }
    .filter-panel .mobile-filter {
      position: relative;
      bottom: unset; }
    .filter-panel .d-lg-none {
      text-align: left; }
    .with-modal-btn .d-lg-none {
      margin-top: 10px; }
    .with-modal-btn .top-panel .grid-list-filter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .with-modal-btn .top-panel .grid-list-filter li:first-child {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4; }
    .arrow-define {
      top: 40px;
      right: -10px; }
      .arrow-define::after {
        width: 26px;
        height: 26px;
        bottom: 8px;
        left: -27px; }
    .single-property-section .single-title {
      padding: 20px; }
      .single-property-section .single-title .right-single {
        text-align: left; }
      .single-property-section .single-title .label {
        padding: 3px 6px; }
    .single-property-section .left-single h2 {
      margin-top: -4px; }
    .single-property-section .left-single ul li > div img {
      width: 22px; }
    .single-property-section .left-single ul li > div .ruler-tool {
      width: 22px;
      height: 22px; }
    .single-property .page-section {
      padding: 20px; }
      .single-property .page-section hr {
        margin: 20px 0; }
    .single-property #details h4,
    .single-property .about h4 {
      display: block; }
      .single-property #details h4 a,
      .single-property .about h4 a {
        display: block;
        margin-top: 10px; }
    .single-property .description-section .desc-box h4 {
      margin-top: -1px;
      margin-bottom: 15px; }
      .single-property .description-section .desc-box h4.mt-5 {
        margin-top: 25px !important; }
    .single-property .description-section .desc-box p {
      margin-bottom: 10px; }
    .single-property .description-section .desc-box .feature-dec h4,
    .single-property .description-section .desc-box .ratio3_2 h4,
    .single-property .description-section .desc-box #floor_plan h4 {
      margin-top: -2px; }
    .single-property .description-section .desc-box + .desc-box {
      margin-top: 20px; }
    .single-property-images .single-property-section {
      padding-bottom: 20px; }
    .single-property-images .slick-prev {
      left: 15px; }
    .single-property-images .slick-next {
      right: 15px; }
    .single-property-images.ratio_40 .bg-size:before {
      padding-top: 80%; }
    .image_section {
      margin-bottom: 30px; }
      .image_section .row > div {
        margin-top: 15px; }
    .line-tab.nav-tabs {
      display: block;
      text-align: center; }
      .line-tab.nav-tabs li {
        display: block; }
    .map-section iframe,
    .map-section .map {
      height: 300px; }
    .infoBox .marker-detail {
      width: 150px; }
      .infoBox .marker-detail img {
        width: 150px; }
      .infoBox .marker-detail .detail-part ul li:last-child {
        padding-left: 0;
        display: block;
        margin-top: 4px; }
      .infoBox .marker-detail .detail-part span,
      .infoBox .marker-detail .detail-part a {
        font-size: 12px; }
    .leaflet-marker-icon.leaflet-interactive {
      width: 30px !important;
      height: 30px !important; }
    .custom-dropdown .custom-dropdown-menu {
      width: 280px; }
    header .menu .header-right .dropdown .dropdown-menu {
      margin-top: 25px; }
    header.header-1 .menu .header-right li a svg {
      width: 15px; }
    header.header-2::after {
      bottom: 60px; }
    header.header-2 .menu .header-right li a svg {
      width: 15px; }
    header.header-4 .menu .brand-logo img {
      width: 110px; }
    header.header-4 .menu .header-right li .search-box i {
      padding: 7px 8px;
      font-size: 11px;
      line-height: 1.2; }
    header.header-4 .menu .header-right li .search-box span {
      display: none; }
    header.header-4 .menu .header-right li .search-box .form-control {
      left: 40px; }
    header.header-4 .menu .header-right li .search-box .form-group {
      position: absolute;
      border: none;
      height: 100%;
      width: 185px;
      -webkit-transform: translateY(-35px) scaleY(0);
              transform: translateY(-35px) scaleY(0);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      top: 32px;
      right: 0;
      height: 45px; }
      header.header-4 .menu .header-right li .search-box .form-group input {
        border-radius: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: unset;
        transition: unset;
        padding: 10px 15px; }
      header.header-4 .menu .header-right li .search-box .form-group::after {
        left: 40px; }
      header.header-4 .menu .header-right li .search-box .form-group::after, header.header-4 .menu .header-right li .search-box .form-group::before {
        border-radius: 5px;
        -webkit-transition: unset;
        transition: unset; }
    header.header-4 .menu .header-right li .search-box.open i {
      border-radius: 5px; }
    header.header-4 .menu .header-right li .search-box.open .form-group {
      -webkit-transform: translateY(0) scaleY(1);
              transform: translateY(0) scaleY(1);
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      header.header-4 .menu .header-right li .search-box.open .form-group input {
        opacity: 1;
        visibility: visible;
        -webkit-transition: unset;
        transition: unset; }
      header.header-4 .menu .header-right li .search-box.open .form-group::before, header.header-4 .menu .header-right li .search-box.open .form-group::after {
        -webkit-transition: unset;
        transition: unset; }
    header.header-4 .menu .header-right li .search-box.open .form-control {
      -webkit-transition: unset;
      transition: unset; }
    header.header-4 .menu .header-right li > a {
      padding: 6px; }
      header.header-4 .menu .header-right li > a svg {
        height: 14px;
        vertical-align: -2px; }
    header.header-4 .menu .header-right li + li {
      margin-left: 4px; }
    header.light-header .menu .header-right li a svg {
      width: 15px; }
    header.header-9 .menu .brand-logo {
      margin-left: -16px; }
    .toggle-nav.with-text i {
      color: var(--theme-default7) !important; }
    .toggle-nav.with-text span {
      display: block; }
    .fnc-slider {
      height: 460px; }
    .fnc-nav__control {
      width: 93px;
      font-size: 13px;
      height: 44px; }
    .fnc-slide__mask {
      display: none; }
    .fnc-slide__content {
      left: 50%;
      top: 34%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      padding: 20px;
      width: 80%; }
    .fnc-slide__heading-line {
      font-size: 32px; }
    .fnc-slide__action-btn {
      margin-left: 0; }
      .fnc-slide__action-btn span {
        line-height: 25px; }
        .fnc-slide__action-btn span:after {
          line-height: 25px; }
    .home-section.layout-5 .home-main {
      padding: 40px 0; }
      .home-section.layout-5 .home-main .home-content > div > img {
        width: 140px; }
    .home-section.layout-6 .home-slider-1 {
      margin-bottom: 30px; }
    .home-section.layout-6 .home-main .home-content > div img {
      width: 120px; }
    .home-section.layout-6 .home-main .home-content > div h6 {
      margin-top: 10px; }
    .home-section.layout-6 .home-main .container > .row {
      padding-top: 80px; }
    .home-section.layout-6 .container > .row {
      padding: 40px 0; }
    .home-section.layout-9 {
      padding: 40px 0; }
      .home-section.layout-9 .home-main .home-content > div > img {
        width: 120px; }
      .home-section.layout-9 .home-main .home-content h6 {
        margin-top: 10px; }
    .layout-home8 {
      height: auto; }
      .layout-home8 .home-content {
        margin-bottom: 20px; }
        .layout-home8 .home-content h1 {
          margin-bottom: 10px; }
    .looking-icons {
      margin-top: 30px; }
      .looking-icons h5 {
        margin-bottom: 20px; }
      .looking-icons ul {
        margin: -5px -10px; }
        .looking-icons ul li {
          margin: 5px; }
          .looking-icons ul li .looking-icon {
            padding: 10px;
            min-width: 90px; }
    .layout-home3 .bg-layout-3 {
      padding: 40px 0; }
    .layout-home2 .home-main {
      padding-top: 90px; }
    .layout-home2 .arrow-light .slick-arrow {
      top: 61%; }
    .layout-home2 .feature-section .feature-content {
      margin: 40px auto;
      padding: 10px; }
    .layout-map .withmap-horizontal .search-panel .filter {
      padding: 20px 0; }
    .layout-map.header-map {
      height: 400px; }
    .top-bar .top-content {
      padding: 15px 0; }
      .top-bar .top-content .top-bar-right li .flat-box {
        padding: 5px 10px; }
    .top-bar.top-bar-7 .top-content .top-bar-right > li a,
    .top-bar.top-bar-7 .top-content .top-bar-right > li .flat-box {
      padding: 4px 8px 6px; }
    .top-bar.top-bar-7 .top-content .top-bar-right > li a svg {
      vertical-align: -4px;
      width: 14px;
      height: 14px; }
    .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box {
      padding: 4px 8px 5px; }
      .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box i {
        font-size: 11px; }
    .top-right-toggle {
      margin-left: 20px; }
      .top-right-toggle svg {
        vertical-align: middle;
        color: #586167;
        width: 20px;
        height: 20px; }
    .sm-input {
      width: 170px; }
    .feature-3 .next-image {
      display: none !important; }
    .arrow-light .slick-arrow {
      width: 30px;
      height: 30px; }
    .arrow-light .slick-prev:before {
      margin-left: -2px; }
    .arrow-light .slick-next:before {
      margin-left: 3px; }
    .layout-home4 .home-slider-4 .slider-image {
      padding: 40px 0; }
      .layout-home4 .home-slider-4 .slider-image .home-content {
        margin-bottom: 45px; }
    .layout-home4 .sync-slider .home-nav .slick-list {
      margin-left: -5px;
      margin-right: -5px; }
      .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
        margin-left: 5px;
        margin-right: 5px; }
    .search-with-tab .tab-content {
      padding: 20px; }
      .search-with-tab .tab-content .review-form > div:nth-child(n + 3) {
        margin-top: 16px; }
    .search-with-tab .nav-tabs .nav-item .nav-link {
      font-size: 14px; }
    .label-heart {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
      .label-heart.ms-2 {
        margin-left: 4px !important; }
    .title-1 {
      padding-bottom: 20px; }
      .title-1 h2 {
        padding-top: 10px; }
    .title-2 h2 {
      margin-bottom: 5px; }
    .title-2 p {
      margin-bottom: 20px; }
    .title-3 {
      margin-bottom: 20px; }
      .title-3 h2 {
        margin: 6px 0 6px; }
    .breadcrumb-section .breadcrumb-content div {
      padding: 20px 25px; }
      .breadcrumb-section .breadcrumb-content div h2 {
        margin-bottom: 8px; }
    .blog-section.bg-comman-2::before {
      height: 248px; }
    .blog-1 .blog-box .img-box img {
      min-width: 198px; }
    .blog-1 .blog-box .blog-content {
      padding: 15px; }
      .blog-1 .blog-box .blog-content p {
        margin-bottom: 20px; }
    .blog-1 .slick-list {
      margin: -22px -12px; }
      .blog-1 .slick-list .slick-track .slick-slide > div {
        margin: 22px 12px; }
    .blog-2 .slick-list {
      margin: 0 -12px; }
      .blog-2 .slick-list .slick-track .slick-slide > div {
        margin: 0 12px; }
    .horizontal-blog .title-2 p {
      margin-bottom: 13px; }
    .simple-blog .title-3 {
      margin-bottom: 17px; }
    .modern-client .comment-right {
      position: relative;
      left: 0;
      bottom: 0;
      margin-top: 70px;
      padding: 35px 20px 20px; }
      .modern-client .comment-right .media {
        display: block; }
        .modern-client .comment-right .media .client-rating {
          margin-bottom: 10px; }
      .modern-client .comment-right h3 {
        margin-bottom: 2px; }
    .modern-client .img-testimonial {
      z-index: 2;
      width: 30%;
      margin-left: 20px;
      position: absolute; }
    .modern-client .label-heart i {
      margin: 0 0px -2px 1px; }
    .testimonial-3 .slick-list {
      margin: -30px -12px; }
      .testimonial-3 .slick-list .slick-track .slick-slide > div {
        margin: 30px 12px; }
    .client-slider {
      padding: 20px; }
      .client-slider h6 {
        /* font-size: 14px;
        letter-spacing: 10px;  */
        }
      .client-slider p {
        font-size: 14px;
        margin-top: 50px; }
    .slick-between .slick-slider .slick-list {
      margin: 0 -12px; }
      .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0px 12px; }
    .testimonial-style-1 .title-2 h2 {
      margin-top: -6px; }
    .testimonial-style-1 .slick-dots li {
      margin: 0 2px; }
    .testimonial-style-2 .title-3 {
      margin-bottom: 17px; }
    .testimonial-client .title-3.text-start {
      margin-bottom: 17px; }
    .banner-inner {
      padding-top: 96px; }
    .banner-1,
    .banner-3 {
      padding: 20px; }
    .banner-1 h2 {
      line-height: 1.5;
      margin-bottom: 20px;
      margin-top: 15px;
      letter-spacing: normal; }
    .banner-section .button-banner .btn + .btn {
      margin-left: 4px; }
    .banner-3 h2 {
      line-height: 1.35;
      margin: 15px auto 10px; }
    .banner-3 p {
      margin-bottom: 15px; }
    .banner-2 .banner-right {
      padding: 20px; }
      .banner-2 .banner-right h6 {
        margin-top: -4px; }
    .about-section .title-1 h2 {
      margin-bottom: -2px; }
    .about-section .about-wrap .about-content .our-details {
      width: 85% !important; }
      .about-section .about-wrap .about-content .our-details a {
        margin-top: -3px;
        display: block; }
    .about-section.ratio_square .title-3 p {
      margin-bottom: -3px; }
    .about-section .title-3.text-start {
      margin-top: -4px; }
      .about-section .title-3.text-start p {
        margin-bottom: -3px; }
    .about-section .about-2.about-wrap .about-content .our-details {
      padding: 20px; }
    .about-section.about-inner .title-2 h2 {
      margin-top: -5px; }
    .arrow-white {
      margin-bottom: 65px; }
      .arrow-white .slick-arrow {
        bottom: -60px; }
      .arrow-white .slick-prev {
        left: 37%; }
      .arrow-white .slick-next {
        right: 37%; }
    .about-box .agent-image .overlay-agent .agent-details {
      padding: 20px; }
      .about-box .agent-image .overlay-agent .agent-details h5 {
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .about-box .agent-image .overlay-agent .agent-details p {
        margin: 10px 0; }
      .about-box .agent-image .overlay-agent .agent-details ul li a {
        width: 30px;
        height: 30px; }
        .about-box .agent-image .overlay-agent .agent-details ul li a > img {
          height: 12px; }
    .about-people .title-2 h2 {
      margin-top: -4px; }
    .service-section .title-2 {
      margin-bottom: -7px; }
    .service-section .property-service > div .service-box {
      padding: 20px; }
      .service-section .property-service > div .service-box .icon-round {
        width: 80px;
        height: 80px;
        margin-bottom: 10px; }
    .service-section .title-2 {
      margin-bottom: -4px; }
      .service-section .title-2 h2 {
        margin-top: -3px; }
    .service-section.service-bg .title-3 {
      margin-top: -3px; }
    .service-section.service-2 .property-service > div .service-box {
      padding: 20px; }
      .service-section.service-2 .property-service > div .service-box p {
        margin-bottom: 20px; }
      .service-section.service-2 .property-service > div .service-box .hover-line {
        margin-bottom: 25px; }
    .service-section.service-2 .property-service > div .icon-line-color {
      bottom: -20px; }
    .service-section .property-service > div .service-box p {
      font-size: 13px;
      margin-bottom: -1px; }
    .service-slider .slick-list {
      margin-top: -15px;
      margin-bottom: -24px; }
      .service-slider .slick-list .slick-track .slick-slide > div {
        margin-top: 24px;
        margin-bottom: 24px; }
    .service-slider .service-wrapper .service-details {
      padding: 40px 20px 20px; }
      .service-slider .service-wrapper .service-details p {
        font-size: 13px; }
      .service-slider .service-wrapper .service-details h3 {
        margin-bottom: 10px; }
    .service-slider .service-wrapper .top-img-box {
      margin-left: 20px; }
    .why-choose .title-2 {
      margin-bottom: -4px; }
    .slick-shadow .arrow-white .slick-arrow {
      bottom: -53px; }
    .property-section .title-1 h2 {
      margin-bottom: -7px; }
    .property-section .filter-panel {
      
      }
      .property-section .filter-panel .top-panel h2 {
        margin-top: -3px; }
    .property-section .title-2 {
      margin-bottom: -7px; }
      .property-section .title-2 h2 {
        margin-top: -3px; }
    .property-section .title-3 {
      margin-bottom: 17px; }
      .property-section .title-3.text-start h2 {
        margin-top: -3px; }
      .property-section .title-3.d-flex {
        margin-bottom: 20px; }
    .property-section.slick-between .title-3.text-start {
      margin-top: -5px; }
    .property-section .ratio_landscape .title-2 {
      margin-bottom: -4px; }
    .property-section .property-box .property-image .overlay-plus span {
      font-size: 56px; }
    .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
      width: 30px;
      height: 30px;
      min-width: 30px;
      margin-right: 10px; }
    .property-section .property-box .property-details .property-svg {
      width: 14px;
      height: 14px;
      display: block;
      margin-top: -1px;
      margin-left: 1px; }
    .property-section .property-box-flat .property-box .property-details h3 {
      margin-top: -4px; }
    .property-section .property-1 .property-box .property-image .labels-left .label {
      padding: 4px 10px 3px; }
    .property-section .property-3 .slick-list {
      margin: -30px -12px; }
      .property-section .property-3 .slick-list .slick-track .slick-slide > div {
        margin: 30px 12px; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
      padding: 20px; }
    .property-section .listing-hover-property {
      margin-bottom: -20px; }
      .property-section .listing-hover-property > div {
        margin-bottom: 20px; }
      .property-section .listing-hover-property .property-box .bottom-property {
        bottom: -60px; }
        .property-section .listing-hover-property .property-box .bottom-property h5 {
          margin-bottom: 4px; }
        .property-section .listing-hover-property .property-box .bottom-property > div {
          padding: 10px; }
    .property-section .property-map .filter-panel {
      margin-bottom: 0; }
    .property-map .filter-panel {
      margin-bottom: 0; }
    .grid-slider .slick-arrow,
    .thumbnail-slider .slick-arrow,
    .main-property-slider .slick-arrow {
      width: 30px;
      height: 30px; }
    .property-grid-slider .property-grid .slider-for .slick-slide #block {
      height: 305px !important; }
    .property-grid-slider .property-grid .slider-for .slick-slide video {
      top: 40% !important; }
    .property-grid-3 .filter-panel .top-panel h2 {
      margin-top: -3px; }
    .property-grid-3 .property-grid.list-view .property-box .agent-image:hover .overlay-content {
      left: 52%; }
    .arrow-gradient .slick-arrow {
      width: 30px;
      height: 30px; }
      .arrow-gradient .slick-arrow::before {
        font-size: 13px; }
    .feature-section .title-3 {
      margin-bottom: 17px; }
    .feature-section .feature-2 .slick-dots {
      bottom: -15px; }
    .feature-section .feature-2 .feature-box .feature-bottom {
      padding: 20px; }
      .feature-section .feature-2 .feature-box .feature-bottom h3 {
        margin-bottom: 0; }
    .feature-section .feature-2.dot-gradient {
      margin-bottom: 15px !important; }
    .feature-section .feature-image,
    .feature-section .feature-content {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .feature-section .feature-image .label {
      padding: 5px 10px 3px; }
    .feature-section .feature-image .label-solid::before {
      top: 27px; }
    .feature-section .feature-1 .feature-wrapper .property-details {
      max-width: 430px;
      padding: 20px; }
      .feature-section .feature-1 .feature-wrapper .property-details .round-half {
        top: -22px;
        right: -17px;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
        .feature-section .feature-1 .feature-wrapper .property-details .round-half i {
          margin-top: 18px;
          margin-left: 0; }
      .feature-section .feature-1 .feature-wrapper .property-details a .d-flex {
        display: block !important; }
      .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
        margin-left: 0; }
      .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
        margin-top: 5px; }
    .feature-section .feature-content .feature-price {
      margin-bottom: 5px; }
      .feature-section .feature-content .feature-price li h3 {
        margin-top: -4px;
        margin-bottom: 0; }
    .feature-section .feature-content .details,
    .feature-section .feature-content .feature-price {
      padding: 20px; }
    .feature-section .feature-content .detail-list {
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .feature-section .feature-content .detail-list li:first-child {
        margin-left: 0; }
      .feature-section .feature-content .detail-list li .d-flex h6 {
        font-size: 14px; }
    .feature-section .feature-content .details h3 {
      margin-top: -5px; }
    .feature-section .feature-content .details p {
      margin-bottom: -3px; }
    .feature-section .feature-3 .slick-list {
      margin-left: -12px;
      margin-right: -12px; }
      .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
        margin-left: 12px;
        margin-right: 12px; }
    .feature-section .feature-3 .feature-content .details,
    .feature-section .feature-3 .feature-content .feature-price {
      padding: 20px 0; }
    .feature-section .feature-3 .feature-content .feature-price {
      margin-bottom: 0;
      padding-bottom: 0; }
    .feature-section .feature-4 {
      margin-top: 30px; }
      .feature-section .feature-4.arrow-gradient .slick-arrow {
        top: 15px; }
      .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: -5px; }
    .feature-section .title-1 h2 {
      margin-bottom: -2px; }
    .feature-section .modern-feature .feature-wrap .feature-content {
      margin-top: 20px; }
      .feature-section .modern-feature .feature-wrap .feature-content .details,
      .feature-section .modern-feature .feature-wrap .feature-content .feature-price {
        padding: 20px 0; }
      .feature-section .modern-feature .feature-wrap .feature-content .detail-list {
        padding: 15px 0; }
    .box {
      width: 220px;
      height: 105px; }
      .box.text-affect .title {
        height: 78px; }
    .parallax-home.video-layout .row > div:last-child {
      -webkit-box-ordinal-group: unset;
          -ms-flex-order: unset;
              order: unset; }
    .parallax-home .parallax-right {
      width: 75%; }
    .bg-comman-2.feature-section .title-2 h2 {
      margin-top: -3px; }
    .new-property .feature-section .feature-content .feature-price {
      margin-bottom: 0; }
      .new-property .feature-section .feature-content .feature-price li h3 {
        margin-top: -4px; }
      .new-property .feature-section .feature-content .feature-price h6 {
        margin-bottom: -1px; }
    .new-property .feature-section .feature-content .detail-list {
      padding: 15px 15px !important; }
      .new-property .feature-section .feature-content .detail-list li:first-child {
        margin-left: 5px; }
    .new-property .feature-section .feature-content .details p {
      margin-bottom: -5px; }
    .new-property .title-2 h2 {
      margin-top: -4px; }
    .home-main.feature-section.new-property .feature-content .detail-list {
      padding: 15px 15px !important; }
      .home-main.feature-section.new-property .feature-content .detail-list li:first-child {
        margin-left: 5px; }
    .layout-home2 .feature-content .detail-list {
      padding: 15px 20px !important; }
      .layout-home2 .feature-content .detail-list li:first-child {
        margin-left: 5px; }
    .pricing-property .feature-image,
    .pricing-property .feature-content {
      -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0 23px rgba(0, 0, 0, 0.08); }
    .video-section {
      padding-left: 0;
      padding-right: 0; }
      .video-section .play-icon {
        height: auto; }
    .icon-video {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); } }
  
  @media (max-width: 567px) {
    .theme-card .title-3 p {
      margin-bottom: -5px; } }
  
  @media (max-width: 544px) {
    .theme-card .title-2 {
      margin-bottom: -3px; }
    .simple-blog .title-3 {
      margin-bottom: 14px; }
    .testimonial-client .title-3.text-start {
      margin-bottom: 14px; }
    .pricing-section .title-3 {
      margin-bottom: 14px; }
    .property-section .title-3 {
      margin-bottom: 14px; }
    .feature-section .title-3 {
      margin-bottom: 14px; } }
  
  @media (max-width: 526px) {
    .testimonial-style-2 .title-3 {
      margin-bottom: 14px; }
    .about-section.ratio_square .title-3 p {
      margin-bottom: -6px; }
    .about-section .title-3.text-start p {
      margin-bottom: -6px; }
    .property-section .ratio_landscape .title-2 {
      margin-bottom: -7px; } }
  
  @media (max-width: 518px) {
    .new-property .title-2 {
      margin-bottom: -4px; }
    .new-property .feature-section .feature-content .details p {
      margin-bottom: -2px; }
    .horizontal-blog .title-2 p {
      margin-bottom: 16px; }
    .service-section .title-2 {
      margin-bottom: -4px; } }
  
  @media (max-width: 502px) {
    .property-section .title-2 {
      margin-bottom: -4px; } }
  
  @media (max-width: 480px) {
    .layout-home4 .slider-image .home-content .font-color4::after {
      display: none; }
    .feature-section .title-1 hr {
      margin: 14px auto 0; }
    .loader-wrapper .loader-text h3 {
      font-size: 18px; }
    .loader-text img {
      height: 100px; }
    .layout-map.layout-home2 {
      min-height: auto; }
    .compare-page .table-wrapper .table .property-name {
      min-width: 120px; }
    .details-right {
      margin-top: 18px; }
    .horizontal-blog .blog-1 .slick-prev,
    .horizontal-blog .blog-1 .slick-next {
      display: none !important; }
    .horizontal-blog .blog-1 .blog-box .blog-content a.btn-lg {
      padding: 6px 15px; }
    .blog-section.bg-comman-2 .blog-1 .blog-box .blog-content a.btn-lg {
      padding: 6px 15px; }
    .property-details h3 {
      margin-bottom: 6px; }
    .property-details ul,
    .property-details p {
      margin-bottom: 12px; }
    .property-section .property-box .property-image .seen-data {
      /* top: 14px;
      right: 14px;
       */
       }
      .property-section .property-box .property-image .seen-data svg {
        margin-right: 4px; }
    .home-section.layout-5 .row > div p {
      margin-bottom: 18px; }
    .service-section .property-service > div .service-box .icon-round {
      width: 55px;
      height: 55px; }
      .service-section .property-service > div .service-box .icon-round svg {
        width: 22px;
        height: 22px; }
    .layout-home4 .home-slider-4 .slider-image .home-content {
      padding: 20px 18px 20px 18px; }
    .blog-section.bg-comman-2 .blog-1 .slick-prev,
    .blog-section.bg-comman-2 .blog-1 .slick-next {
      display: none !important; }
    .layout-home4 .slider-image .home-content .font-color4 {
      font-size: 12px; }
    .layout-home4 .sync-slider .home-slider-4 img.img-icon {
      display: none; }
    .property-section .property-box .property-image .property-slider .slick-dots li button::before {
      font-size: 8px; }
    .testimonial-style-2 .title-3 {
      margin-top: -11px; }
    .theme-title .theme-card .card-header h4 {
      margin-top: -1px; }
    .loader-text h3 {
      margin-top: -15px; }
    .provide-service .service-img {
      width: 200px;
      margin: 0 auto; }
    .blog-1 .blog-box .img-box img {
      height: 300px;
      -o-object-fit: cover;
         object-fit: cover; }
    .blog-1.slick-initialized .slick-slide {
      margin-bottom: -6px; }
    .blog-single-detail .comment-section .comment-box .media img {
      width: 50px; }
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i,
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i {
      margin-right: 5px;
      line-height: 1.2; }
    header.light-header .menu .brand-logo {
      width: 110px; }
    header.header-9 .menu .brand-logo {
      width: auto; }
    .service-section .title-3,
    .about-section .title-3 {
      margin-top: -11px; }
    .modern-client .img-testimonial {
      width: 30%; }
    .modern-client .comment-right {
      margin-top: 45px;
      padding-top: 30px; }
    .btn.btn-lg {
      padding: 6px 15px;
      line-height: 1.3; }
    .signup-modal .signup-tab {
      padding: 20px; }
      .signup-modal .signup-tab form .form-group svg {
        width: 20px;
        height: 20px; }
    .btn-social span {
      padding-left: 10px;
      padding-right: 10px; }
    .social-connect > div:nth-child(odd) {
      padding-right: 5px; }
    .social-connect > div:nth-child(even) {
      padding-left: 5px; }
    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content {
      display: block; }
      .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li + li {
        margin-top: 15px; }
    .coming-soon .coming-soon-detail .timer li {
      font-size: 13px; }
      .coming-soon .coming-soon-detail .timer li > div {
        width: 70px;
        height: 70px; }
      .coming-soon .coming-soon-detail .timer li + li {
        margin-left: 10px;
        padding-left: 10px; }
        .coming-soon .coming-soon-detail .timer li + li::before {
          font-size: 20px; }
    .coming-soon.coming-left .coming-soon-detail .timer li {
      padding: 15px 10px; }
    .coming-simple .ratio2_3 > img {
      height: 350px; }
    .coming-simple .ratio2_3.order-lg-1 {
      margin-top: -38px; }
    .property-wizard .wizard-box .wizard-step-container .wizard-steps {
      display: block;
      -ms-flex-wrap: unset;
          flex-wrap: unset; }
      .property-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; }
    .faq-section .faq-image {
      margin-top: -36px; }
      .faq-section .faq-image img {
        width: 100%; }
    .home-section.layout-5 .home-main .looking-icons {
      display: none; }
    .home-section.layout-5 .row > div p {
      font-size: 14px; }
    .layout-home3 .banner-3 {
      width: 90%; }
    .parallax-home .parallax-right {
      width: 100%;
      opacity: 0.1; }
    .user-about .about-listing ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .user-about .about-listing ul li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; }
        .user-about .about-listing ul li h4 {
          margin-bottom: 4px; }
        .user-about .about-listing ul li:nth-child(n + 3) {
          margin-top: 15px; }
        .user-about .about-listing ul li + li {
          margin-left: 0; }
    .user-about .about-image .img-box.img-abs {
      right: 50px; }
    .captcha .text {
      font-size: 13px; }
    .spinner {
      margin: 10px 10px 7px 10px !important; }
    .download-section .download-wrap ul li + li {
      margin-left: 0; }
    .blog-1 .blog-box {
      display: block;
      padding-left: 0; }
      .blog-1 .blog-box .blog-content {
        padding: 20px; }
        .blog-1 .blog-box .blog-content > span {
          margin-top: -4px;
          display: block; }
        .blog-1 .blog-box .blog-content h3 {
          margin: 10px 0 8px; }
      .blog-1 .blog-box .img-box img {
        border-radius: 0; }
      .blog-1 .blog-box .img-box::after {
        border-radius: 0; }
    .property-section .nav-tabs .nav-item + .nav-item {
      margin-left: 15px; }
    .property-section .property-box .property-image .labels-left {
      top: 15px; }
    .property-section .property-box .property-image .overlay-plus .like-bottom {
      bottom: 15px;
      right: 15px; }
    .property-section .property-box .property-image .overlay-plus .seen-data {
      top: 15px;
      right: 15px; }
    .property-section .property-box .property-image .overlay-property-box .effect-round,
    .property-section .property-box .property-image .overlay-property-box .effect-round1 {
      width: 35px;
      height: 35px; }
      .property-section .property-box .property-image .overlay-property-box .effect-round i,
      .property-section .property-box .property-image .overlay-property-box .effect-round1 i {
        font-size: 14px;
        margin-top: 3px;
        margin-left: 1px; }
    .property-section .property-box .property-details .icon-property li + li::before {
      left: -16px; }
    .property-section .list-property .property-box .property-details .icon-property li + li::before {
      left: -18px; }
    .property-section .list-property .property-box .property-image .bg-size:before {
      padding-top: 80%; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 8px; }
    .property-section .property-2 .property-box .property-image .labels-left,
    .property-section .property-box-flat .property-box .property-image .labels-left {
      left: -3px; }
    .property-section .property-box-flat .property-box .property-image .label-white {
      right: 15px;
      top: 15px; }
    .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
      bottom: 15px;
      right: 50px; }
    .gallery-nav {
      margin: 2px 0 0 -2px; }
      .gallery-nav .slick-slide {
        margin: 0 2px; }
        .gallery-nav .slick-slide img {
          min-height: 37px; }
    .single-property-section .left-single > ul > li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
    .single-property .description-section .desc-box .single-gallery {
      margin-bottom: -5px; }
    .feature-section .feature-4.arrow-gradient .slick-prev {
      right: 12% !important; }
    .feature-section .feature-4.slick-initialized .slick-slide {
      margin-bottom: -3px; }
    .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
      top: 15px;
      right: 15px; }
    .feature-section .feature-1 .feature-wrapper .feature-image h4 {
      font-size: 14px; }
    .feature-section .feature-image .feature-overlay {
      width: 126px !important;
      height: 100px !important; }
      .feature-section .feature-image .feature-overlay span {
        font-size: 40px;
        margin-top: 0; }
    .feature-section .feature-image .label {
      text-transform: capitalize; }
    .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
      top: 15px;
      left: 15px; }
    .feature-section .modern-feature .feature-wrap .feature-content .details,
    .feature-section .modern-feature .feature-wrap .feature-content .feature-price {
      padding: 20px 0; }
    .feature-section .feature-content .feature-price {
      margin-bottom: -3px; }
      .feature-section .feature-content .feature-price li + li {
        margin-left: 20px; }
    .feature-section .feature-content .details p {
      margin-top: 12px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden; }
    .feature-section .feature-content .detail-list {
      margin: 0; }
      .feature-section .feature-content .detail-list li {
        margin: 5px; }
        .feature-section .feature-content .detail-list li .d-flex .label-lg {
          padding: 6px 12px; }
    .new-property .feature-section .feature-content .details h3 {
      margin-top: -4px; }
    .new-property .feature-section .feature-content .feature-price h6 {
      margin-bottom: -6px; }
    .video-modal iframe {
      height: 200px; }
    .video-modal .modal-dialog .modal-content .modal-body .close {
      right: 0;
      top: -30px; }
    .offer-section .offer-wrapper {
      padding: 20px;
      text-align: center; }
      .offer-section .offer-wrapper .media {
        display: block; }
        .offer-section .offer-wrapper .media .offer-icon {
          margin: 0 auto 20px; }
        .offer-section .offer-wrapper .media .media-body {
          margin-left: 0; }
          .offer-section .offer-wrapper .media .media-body h6 {
            display: inline-block; }
    .video-details p,
    .video-details h2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      text-overflow: ellipsis;
      overflow: hidden; }
    .video-details h2 {
      -webkit-line-clamp: 2; } }
  
  @media (max-width: 437px) {
    .portfolio-grid .filter-panel .filters ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .portfolio-grid .filter-panel .filters ul li {
        min-width: calc(50% - 4px); }
    .blog-single-detail .blog-title .post-detail li:last-child {
      padding-left: 15px;
      margin-left: 15px;
      border-left: 1px solid #eee; }
    .blog-single-detail .blog-title .post-detail li:nth-last-child(2) {
      padding-left: 0;
      margin-left: 0;
      border: none; }
    .service-slider .slick-list {
      margin-top: -33px; }
    .service-section .title-3.text-start p {
      margin-bottom: 23px; } }
  
  @media (max-width: 420px) {
    .review .review-box .media .media-body p.mb-0 {
      width: 100%; }
    .top-bar .header-right .right-menu ul li.cart ul.nav-submenu {
      width: 250px; }
      .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
        height: 50px; }
    .video-layout {
      height: 710px; }
    .property-section .ratio_55 .bg-size::before {
      padding-top: 60%; }
    h2 {
      font-size: 22px; }
    .terms-section h2 {
      margin-top: -3px; }
    .new-property .title-2 h2 {
      margin-top: -3px; }
    .testimonial-style-1 .title-2 h2 {
      margin-top: -5px; }
    .my-gallery .title-1 h2 {
      margin-bottom: -3px; }
    .about-section .title-1 h2 {
      margin-bottom: -3px; }
    .custom-dropdown .custom-dropdown-menu.form-dropdown {
      right: -70px; }
    .home-section.layout-5 {
      padding-top: 46px;
      padding-bottom: 30px; }
      .home-section.layout-5 .home-main .home-content > div > img {
        width: 120px; }
    .parallax-home .container > .row {
      height: 200px; }
    .blog-section .title-2 h2 {
      margin-top: -3px; }
    .new-property.pricing-property .title-2 h2 {
      margin-top: -3px; }
    .offer-section.offer-inner .title-2 h2 {
      margin-top: -3px; }
    .about-main .title-2 h2,
    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
      margin-top: -3px; }
    .about-people .title-2 h2 {
      margin-top: -3px; }
    .blog-inner .title-2 {
      margin-top: -3px; }
    .user-about .about-image .side-left .side-effect::before, .user-about .about-image .side-left .side-effect::after {
      width: calc(100% - 280px); }
    .property-wizard .wizard-box .wizard-form-details h2 {
      margin-top: -3px; }
    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
      margin-left: auto;
      display: table;
      text-align: right;
      margin-top: 10px; }
    .infoBox > img {
      margin: 0px -13px -21px 0px !important;
      width: 16px; }
    .infoBox .marker-detail {
      width: 130px;
      margin-left: -10px; }
      .infoBox .marker-detail img {
        width: 130px; }
    .leaflet-popup-content .infoBox .marker-detail {
      margin-left: -2px; }
    .about-box .bg-size:before {
      padding-top: 108%; }
    .download-section .app-right .input-app {
      display: block; }
    .download-section .app-right .form-group {
      width: 100%;
      margin-bottom: 15px; }
    .contact-3 .title-3 {
      margin-top: -3px; }
    .coming-simple .ratio2_3.order-lg-1 {
      margin-top: -30px; }
    .coming-simple .site-construction h4 {
      font-size: 15px; }
    .coming-soon .cloud-img {
      height: 130px;
      top: 100px; }
    .layout-home2 .feature-section .feature-content .label-cross {
      font-size: 13px; }
    .layout-home4 .sync-slider .home-nav {
      left: 15px; }
      .layout-home4 .sync-slider .home-nav .slider-image {
        width: 75px;
        height: 54px; }
    .layout-home4 .slider-image .home-content {
      padding-right: 20px; }
      .layout-home4 .slider-image .home-content h1 {
        margin-bottom: 8px; }
      .layout-home4 .slider-image .home-content p {
        margin-bottom: 20px; }
      .layout-home4 .slider-image .home-content h2 {
        margin-top: 20px; }
    .home-main.feature-section .feature-price {
      display: block; }
      .home-main.feature-section .feature-price li + li {
        margin-left: 0; }
    .top-bar .top-content .top-bar-right li .flat-box .fa-home {
      margin-right: 0; }
    .top-bar .top-content .top-bar-right li .flat-box span {
      display: none; }
    .header-layout-3 .contact-number i {
      padding: 6px;
      margin-right: 6px; }
    .property-section .property-box .property-details .icon-property li {
      padding-left: 0; }
      .property-section .property-box .property-details .icon-property li + li::before {
        display: none; }
    .property-section .property-box .property-details .icon-property + .icon-property {
      margin-top: 15px; }
    .property-section .listing-hover-property .property-box:hover::after {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), to(rgba(0, 0, 0, 0.8)));
      background-image: linear-gradient(to bottom, transparent 35%, rgba(0, 0, 0, 0.8) 100%); }
    .property-grid-3 .filter-panel .top-panel .grid-list-filter li {
      display: block; }
      .property-grid-3 .filter-panel .top-panel .grid-list-filter li .dropdown-toggle,
      .property-grid-3 .filter-panel .top-panel .grid-list-filter li .filter-bottom-title {
        display: inline-block; }
    .property-grid-slider .property-grid .slider-for .slick-slide video {
      top: 36% !important; }
    .feature-section .title-1 h2 {
      margin-bottom: -3px; }
    .feature-section .feature-content .feature-price {
      display: block;
      margin-bottom: -2px; }
      .feature-section .feature-content .feature-price li {
        display: block; }
        .feature-section .feature-content .feature-price li .btn {
          margin-top: 15px; }
        .feature-section .feature-content .feature-price li + li {
          margin-left: 0; }
    .feature-section .feature-4.slick-initialized .slick-slide {
      margin-bottom: 2px; }
    .feature-section .feature-1 .feature-wrapper .property-details {
      max-width: 360px; }
    .login-wrap .log-in .title-3.text-start h2 {
      margin-top: 0px; }
    .sign-up .title-3.text-start h2 {
      margin-top: 2px; } }
  
  @media (max-width: 413px) {
    .theme-card .title-3 p {
      margin-bottom: -3px; } }
  
  @media (max-width: 404px) {
    .footer-bg .bottom-blog .slick-initialized .slick-slide {
      margin-bottom: -1px; } }
  
  @media (max-width: 391px) {
    .my-gallery .title-1 h2 {
      margin-bottom: -7px; } }
  
  @media (max-width: 388px) {
    .service-slider .slick-list {
      margin-top: -30px; }
    .simple-blog .title-3 {
      margin-bottom: 17px; }
    .pricing-section .title-3 {
      margin-bottom: 17px; }
    .about-section.ratio_square .title-3 p {
      margin-bottom: -3px; }
    .about-section .title-3.text-start p {
      margin-bottom: -3px; }
    .testimonial-client .title-3.text-start {
      margin-bottom: 17px; }
    .testimonial-style-2 .title-3 {
      margin-bottom: 17px; }
    .property-section .title-3 {
      margin-bottom: 17px; }
    .property-section .ratio_landscape .title-2 {
      margin-bottom: -4px; }
    .feature-section .title-3 {
      margin-bottom: 17px; } }
  
  @media (max-width: 375px) {
    .portfolio-grid .filter-panel .filters ul li {
      min-width: 160px; }
    .blog-single-detail .blog-title .post-detail li {
      display: block;
      padding-left: 0 !important;
      margin-left: 0 !important;
      border: none !important; }
    .coming-soon .coming-soon-detail .timer li > div {
      width: 62px;
      height: 62px; }
    .coming-soon .coming-soon-detail .timer li + li {
      margin-left: 5px;
      padding-left: 5px; }
      .coming-soon .coming-soon-detail .timer li + li::before {
        font-size: 14px; } }
  
  @media (max-width: 360px) {
    .new-property .feature-section .feature-content .detail-list li:first-child {
      margin-left: 0; }
    .feature-section .feature-1 .slick-list .slick-track .slick-slide > div {
      margin-bottom: 0; }
    .feature-section .title-1 hr {
      margin: 8px auto 0; }
    .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li {
      padding: 16px 10px; }
    .review .review-box .media .media-body {
      margin-top: 0; }
    .review .review-box .media .rating {
      top: 46px;
      left: 63px; }
    .single-property .description-section .desc-box p {
      margin-bottom: 22px; }
    .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
      margin-right: 8px; }
    .portfolio-grid .filter-panel .filters ul li {
      min-width: 155px; }
    .log-in .btn.btn-dashed {
      padding: 9px 14px; }
    .social-connect > div:nth-child(odd) {
      padding-left: 5px; }
    .social-connect > div:nth-child(even) {
      padding-right: 3px; }
    .feature-section .feature-content .detail-list li:last-child {
      margin-left: 0; }
    .toggle-nav {
      padding-top: 22px; }
    .blog-single-detail .blog-title .post-detail li {
      display: block; }
      .blog-single-detail .blog-title .post-detail li + li {
        padding-left: 0;
        margin-left: 0;
        border: none; }
    .feature-section .feature-1 .feature-wrapper .property-details ul li img {
      display: none; }
    li .parallax-home.video-layout {
      height: 280px; }
    .banner-2 .banner-right .button-banner .btn + .btn:after {
      height: 50px; }
    .property-section .property-box .property-details > ul > li > img {
      margin-right: 3px;
      height: 14px; }
    .fnc-slide__content {
      width: 88%; }
    .banner-2 .banner-right .button-banner .btn-light-bg::after {
      height: 50px; }
    .property-details h3 {
      margin-bottom: 3px; }
    header .header-right .right-menu ul .dropdown {
      padding: 10px 2px; }
    header.header-9 .menu .brand-logo {
      margin-left: -14px; }
    .property-section .property-box .property-image .overlay-property-box {
      right: 8px;
      bottom: 2px; }
    .feature-section .feature-content .detail-list li .d-flex .label-lg {
      padding: 5px 12px;
      font-size: 14px; }
    .feature-section .feature-4.slick-initialized .slick-slide {
      margin-bottom: -4px; }
    .feature-section .feature-1 .feature-wrapper .property-details {
      max-width: 280px; }
    .blog-1 .blog-box .img-box img {
      height: 260px; }
    .blog-inner .title-2 {
      margin-bottom: -4px; }
    .grid-box .property-text h3 {
      margin-top: -3px; }
    .log-in form .d-flex {
      display: block !important; }
      .log-in form .d-flex a {
        display: block;
        margin-top: 10px; }
      .log-in form .d-flex.next-btn {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; }
    .log-in .btn-social i {
      padding: 10px 10px 10px 10px; }
    .log-in .btn-social span {
      padding-left: 8px;
      padding-right: 8px; }
    .coming-simple .ratio2_3 > img {
      height: 310px; }
    .coming-simple .ratio2_3.order-lg-1 {
      margin-top: -22px; }
    .coming-simple form .form-group button {
      position: relative;
      margin-top: 10px; }
    .tab-listing .property-details .my-listing {
      top: 17px;
      right: 20px; }
    .card-payment .payment-card .card-details .card-number > div img {
      width: 12%; }
      .card-payment .payment-card .card-details .card-number > div img:last-child {
        width: 4%; }
    .property-wizard .wizard-box .wizard-form-details .complete-details img {
      width: 80%; }
    .faq-section .faq-image {
      margin-top: -24px; }
    footer .sub-footer p {
      font-size: 13px; }
    footer .sub-footer .sub-footer-link li {
      font-size: 13px; }
      footer .sub-footer .sub-footer-link li + li {
        margin-left: 10px; }
    footer.footer-brown .sub-footer .footer-social ul li + li {
      margin-left: 10px; }
    .label.label-lg {
      padding: 5px 10px 3px;
      font-size: 14px; }
    .user-about .about-listing ul {
      -ms-flex-wrap: unset;
          flex-wrap: unset;
      display: block; }
      .user-about .about-listing ul li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        display: block; }
        .user-about .about-listing ul li:nth-child(n + 2) {
          margin-top: 15px; }
    .user-about .about-image .side-left .side-effect::before, .user-about .about-image .side-left .side-effect::after {
      width: calc(100% - 250px); }
    .user-about .about-image .img-box img {
      max-width: 205px; }
    .user-about .about-image .img-box.img-abs {
      right: 5%; }
    .property-grid-slider .property-grid .slider-nav .slick-slide img {
      height: 65px; }
    .home-section.layout-5 {
      padding-bottom: 20px; }
    .box {
      width: 205px;
      height: 90px; }
      .box.text-affect .title {
        height: 58px; }
    .vertical-search .left-sidebar {
      padding: 20px; }
    .layout-home4 .home-slider-4 .slider-image .home-content h1 {
      font-size: 23px; }
    .layout-home4 .home-slider-4 .slider-image .home-content p {
      font-size: 13px; }
    .layout-home4 .slider-image .home-content p {
      width: 100%; }
    .gallery-nav .slick-slide img {
      min-height: 30px; }
    .single-feature > div {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
    .single-property-section .left-single ul li > div span {
      font-size: 13px; }
    .banner-1 {
      margin-top: 20px; }
      .banner-1 .big-gradient {
        top: -56px;
        font-size: 100px; }
      .banner-1 .small-white {
        top: -37px;
        font-size: 45px; }
    .about-section .about-wrap.about-1 .about-content .our-details {
      padding: 20px;
      margin-top: -50px; }
    .about-section .about-wrap .about-content .about-image .overlay-content ul {
      margin-bottom: 8px;
      -webkit-transform: scale(0.9);
              transform: scale(0.9); }
    .about-section .about-wrap .about-content .our-details p {
      -webkit-line-clamp: 2; }
    .arrow-white .slick-prev {
      left: 34%; }
    .arrow-white .slick-next {
      right: 34%; }
    .property-details {
      padding: 15px !important; }
      .property-details ul li {
        font-size: 12px; }
    .property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round {
      margin-top: 0; }
    .property-section .property-box .property-image .overlay-property-box .effect-round,
    .property-section .property-box .property-image .overlay-property-box .effect-round1 {
      -webkit-transform: scale(0.7);
              transform: scale(0.7); }
      .property-section .property-box .property-image .overlay-property-box .effect-round i,
      .property-section .property-box .property-image .overlay-property-box .effect-round1 i {
        margin-left: 0; }
    .property-section .property-box .property-image .labels-left .label {
      padding: 3px 8px 2px; }
    .property-section .property-box .property-image .overlay-plus span {
      font-size: 45px; }
    .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
      padding: 20px; }
    .property-section .list-property .property-box .property-image .bg-size:before {
      padding-top: 90%; }
    .property-section .list-property .property-box .text-center {
      margin-top: -16px; }
    .property-section .property-1 .property-details {
      padding: 20px; }
    .property-section .property-box-flat .property-box .property-image .label-white {
      padding: 5px 10px 4px; }
    .property-grid-2 .property-details ul li {
      padding-left: 6px;
      padding-right: 4px; }
    .feature-section .feature-content .feature-price {
      margin-bottom: 4px; }
    .feature-section .feature-wrap .feature-content .feature-price {
      display: block; }
      .feature-section .feature-wrap .feature-content .feature-price li {
        display: block; }
        .feature-section .feature-wrap .feature-content .feature-price li + li {
          margin-left: 0; }
    .feature-section .feature-1 .feature-wrapper .property-details .property-btn a + a {
      margin-left: 3px; }
    .feature-section .feature-1 .feature-wrapper .feature-image {
      height: 290px; }
      .feature-section .feature-1 .feature-wrapper .feature-image .signature,
      .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); }
      .feature-section .feature-1 .feature-wrapper .feature-image .signature {
        right: -70px;
        bottom: 8px; }
      .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        right: -32px;
        bottom: 32px; }
    .feature-section .feature-image .feature-overlay {
      width: 70px !important;
      height: 60px !important; }
      .feature-section .feature-image .feature-overlay span {
        font-size: 30px; }
    .feature-section .modern-feature.arrow-gradient .slick-prev {
      right: 16% !important; }
    .feature-section .modern-feature .feature-wrap .feature-content .feature-price li + li {
      margin-left: 0;
      margin-top: 0; }
    .subscribe-section .video-details .form-group input, .subscribe-section .video-details .form-group::after {
      width: 100%; }
    .video-modal iframe {
      height: 160px; } }
  
  @media (max-width: 339px) {
    .property-2.list-view.no-sidebar .property-box .property-details ul li {
      padding-right: 2px; }
      .property-2.list-view.no-sidebar .property-box .property-details ul li:last-child {
        padding-right: 0; }
    .portfolio-grid .filter-panel .filters ul li {
      min-width: 135px; }
    .theme-card .title-2 {
      margin-bottom: -6px; } }
  
  @media (max-width: 334px) {
    .theme-card .title-3 p {
      margin-bottom: -6px; } }
  
  @media (max-width: 327px) {
    .blog-single-detail .comment-section .comment-box .media.inner-comment {
      margin-left: 0; }
    .theme-card .title-2 h2 {
      margin-top: -4px; } }
  
  @media (max-width: 320px) {
    .modern-dot.slick-dotted {
      margin-bottom: 1px; }
    .agent-social li a i {
      margin-top: 2px; }
    .infoBox .marker-detail {
      width: 125px; }
      .infoBox .marker-detail img {
        width: 125px; }
    .layout-home4 .slider-image .home-content p {
      width: 100%; } }
  
  /**=====================
       Responsive css start
  ==========================**/