: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: 300px;
   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: 300px;
   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::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 30px 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 {
   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 {
   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: 40px;
   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(11px + (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: 15px;
   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(11px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
 }

 .property-details p {
   line-height: 1.6;
   font-size: 15px;
   margin-bottom: 20px;
 }

 .property-details ul {
   margin-bottom: 18px;
   display: flex;
   justify-content: space-between;
 }

 .property-details ul li {
   padding-left: 40px;
   padding-right: 8px;
   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: 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;
   -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;
 }

 .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: 12px;
   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;
   right: 20px;
   top: 20px;
   padding: 1px 8px 2px;
   border-radius: 5px;
   background-color: #1c2d3a;
 }

 .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: transparent;
   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.9s;
   transition: 0.9s;
   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.9s;
   transition: 0.9s;
 }

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

 .map-section iframe,
 .map-section .map {
   width: 100%;
   height: 100%;
   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: 600;
 }

 .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: 14px;
   font-weight: 500;
 }

 .infoBox .marker-detail .detail-part a {
   float: right;
   color: var(--theme-default3);
   text-decoration: underline;
 }

 .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-initialized .slick-slide {
   margin-bottom: -6px;
 }

 .slick-initialized .slick-slide:focus {
   outline: none;
 }

 .slick-initialized .slick-slide>div:focus {
   outline: none;
 }

 .slick-initialized .slick-slide>div>div:focus {
   outline: none;
 }

 .slick-initialized .slick-slide>div>div a:focus {
   outline: none;
 }

 .slick-initialized .slick-arrow {
   z-index: 1;
 }

 .slick-between .slick-slider .slick-list {
   margin: 0 -25px;
 }

 .slick-between .slick-slider .slick-list .slick-track .slick-slide>div {
   margin: 0 25px;
 }

 .slick-shadow .slick-list {
   margin-bottom: -30px !important;
 }

 .slick-shadow .slick-list .slick-track .slick-slide {
   margin-bottom: 0;
 }

 .slick-shadow .slick-list .slick-track .slick-slide>div {
   margin-bottom: 30px !important;
 }

 .feature-slider .slick-slide,
 .grid-slider .slick-slide,
 .slider-for .slick-slide,
 .main-property-slider .slick-slide {
   margin-bottom: -5px;
 }

 .feature-slider .slick-arrow,
 .grid-slider .slick-arrow,
 .slider-for .slick-arrow,
 .main-property-slider .slick-arrow {
   width: 35px;
   height: 35px;
   border-radius: 100%;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .feature-slider .slick-arrow:before,
 .grid-slider .slick-arrow:before,
 .slider-for .slick-arrow:before,
 .main-property-slider .slick-arrow:before {
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   font-size: 14px;
   opacity: 1;
 }

 .feature-slider .slick-arrow:hover,
 .grid-slider .slick-arrow:hover,
 .slider-for .slick-arrow:hover,
 .main-property-slider .slick-arrow:hover {
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .feature-slider .slick-prev:before,
 .grid-slider .slick-prev:before,
 .slider-for .slick-prev:before,
 .main-property-slider .slick-prev:before {
   content: "\f060";
 }

 .feature-slider .slick-next:before,
 .grid-slider .slick-next:before,
 .slider-for .slick-next:before,
 .main-property-slider .slick-next:before {
   content: "\f061";
 }

 .arrow-light .slick-arrow {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   background-color: rgba(255, 255, 255, 0.1);
 }

 .arrow-light .slick-prev:before,
 .arrow-light .slick-next:before {
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   font-size: 14px;
   margin-left: 1px;
 }

 .arrow-light .slick-prev {
   left: -75px;
 }

 .arrow-light .slick-prev:before {
   content: "\f053";
 }

 .arrow-light .slick-next {
   right: -75px;
 }

 .arrow-light .slick-next:before {
   content: "\f054";
 }

 .dot-gradient {
   margin-bottom: 25px !important;
 }

 .dot-gradient .slick-dots {
   position: relative;
 }

 .dot-gradient .slick-dots li button {
   width: 20px;
   height: 20px;
   border-radius: 100%;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .dot-gradient .slick-dots li button::before {
   background-image: var(--theme-gradient7);
   width: 10px;
   height: 10px;
   opacity: 0.3;
   left: 5px;
   top: 5px;
   border-radius: 100%;
   color: transparent;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .dot-gradient .slick-dots li.slick-active button {
   position: relative;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .dot-gradient .slick-dots li.slick-active button::before {
   opacity: 1;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .dot-gradient .slick-dots li.slick-active button::after {
   background-color: var(--theme-default3);
   opacity: 0.2;
   border-radius: 100%;
 }

 .modern-dot.slick-dotted {
   margin-bottom: 3px;
 }

 .modern-dot.property-3.slick-dotted {
   margin-bottom: 2px;
 }

 .modern-dot .slick-dots {
   position: relative;
   bottom: unset;
   margin-top: 50px;
 }

 .modern-dot .slick-dots li {
   width: auto;
   height: auto;
 }

 .modern-dot .slick-dots li button {
   width: 5px;
   height: 5px;
   border-radius: 100%;
   opacity: 0.5;
   background-color: var(--theme-default5);
 }

 .modern-dot .slick-dots li button::before {
   display: none;
 }

 .modern-dot .slick-dots li.slick-active button {
   opacity: 1;
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
 }

 .modern-dot.color-7 .slick-dots li button {
   background-color: var(--theme-default10);
 }

 .modern-dot.color-7 .slick-dots li.slick-active button {
   background-color: var(--theme-default10) !important;
 }

 .arrow-image .slick-arrow {
   width: 100px;
   height: 100px;
   border-radius: 100%;
   -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
   box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
 }

 .arrow-image .slick-arrow::before {
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   font-size: 18px;
   color: var(--theme-default5);
   position: relative;
   z-index: 1;
 }

 .arrow-image .slick-arrow::after {
   position: absolute;
   content: '';
   width: 70px;
   height: 70px;
   background: #ffffff;
   border-radius: 100%;
   top: 15px;
   left: 15px;
 }

 .arrow-image .slick-arrow .slick-thumb-nav::after {
   position: absolute;
   content: '';
   width: 70px;
   height: 70px;
   background: #ffffff;
   border-radius: 100%;
   top: 15px;
   left: 15px;
 }

 .arrow-image .slick-next::before {
   content: "\f061";
 }

 .arrow-image .slick-prev {
   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-image .slick-prev::before {
   content: "\f060";
 }

 .arrow-image.main-property-slider .slick-arrow {
   width: 40px;
   height: 40px;
   background: #ffffff;
 }

 .arrow-image.main-property-slider .slick-arrow::after {
   width: 60px;
   height: 60px;
   background-color: rgba(255, 255, 255, 0.3);
   top: -10px;
   left: -10px;
   -webkit-animation: heartbit 2s ease-out;
   animation: heartbit 2s ease-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
 }

 .arrow-image.main-property-slider .slick-arrow::before {
   color: var(--theme-default3);
   font-size: 16px;
 }

 .arrow-image.color-7 .slick-arrow::before {
   color: var(--theme-default10);
 }

 .logo-box {
   display: inline-block;
 }

 .logo-box a {
   display: inline-block;
   margin: 0 auto;
 }

 .logo-box img {
   margin: 0 auto;
 }

 .arrow-gradient {
   position: relative;
 }

 .arrow-gradient .slick-arrow {
   position: absolute;
   width: 38px;
   height: 38px;
   border-radius: 5px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .arrow-gradient .slick-arrow::before {
   font-size: 16px;
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   opacity: 1;
   color: var(--theme-default6);
   -webkit-transition: 0.5s;
   transition: 0.5s;
   display: block;
   margin-top: 1px;
 }

 .arrow-gradient .slick-arrow::after {
   background-color: var(--theme-default6);
   border-radius: 5px;
   opacity: 0.15;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .arrow-gradient .slick-arrow:hover,
 .arrow-gradient .slick-arrow:focus {
   background-image: var(--theme-gradient9);
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .arrow-gradient .slick-arrow:hover::before,
 .arrow-gradient .slick-arrow:focus::before {
   color: #ffffff;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .arrow-gradient .slick-arrow:hover::after,
 .arrow-gradient .slick-arrow:focus::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);
   -webkit-transition: 0.5s;
   transition: 0.5s;
   z-index: -1;
 }

 .arrow-gradient .slick-prev::before {
   content: "\f060";
 }

 .arrow-gradient .slick-next::before {
   content: "\f061";
 }

 .arrow-gradient.arrow-right .slick-arrow {
   top: -89px;
 }

 .arrow-gradient.arrow-right .slick-prev {
   right: 58px;
   left: unset;
 }

 .arrow-gradient.arrow-right .slick-prev::after {
   opacity: 0.2;
 }

 .arrow-gradient.arrow-right .slick-next {
   right: 0px;
 }

 .brand-slider {
   margin-bottom: -1px;
 }

 .brand-slider .slick-list .slick-track {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .brand-slider .slick-list .slick-slide>div>div {
   text-align: center;
 }

 /**=====================
     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: 67px auto 0;
   position: relative;
 }

 .client-slider h6,
 .client-slider p {
   color: #ffffff;
 }

 .client-slider h6 {
   letter-spacing: 16px;
   text-transform: uppercase;
   margin-bottom: 25px;
   font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
   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-default9) !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: #878787;
 }

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

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

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

 .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: rgba(255, 255, 255, 0.1);
 }

 .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(../images/others/snow.png), url(../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: 98%;
   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: 0px;
   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(../images/banner-3.jpg);
   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: 23%;
   left: 95%;
   -webkit-animation: flying 37s ease-in-out -5.5s infinite alternate;
   animation: flying 37s ease-in-out -5.5s infinite alternate;
 }

 .layout-home8 .dotWrapper-2 {
   top: 6%;
   left: 54%;
   -webkit-animation: flying 44s ease-in-out -8.7s infinite alternate;
   animation: flying 44s ease-in-out -8.7s infinite alternate;
 }

 .layout-home8 .dotWrapper-3 {
   top: 46%;
   left: 82%;
   -webkit-animation: flying 58s ease-in-out -5.9s infinite alternate;
   animation: flying 58s ease-in-out -5.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-4 {
   top: 35%;
   left: 87%;
   -webkit-animation: flying 55s ease-in-out -1.3s infinite alternate;
   animation: flying 55s ease-in-out -1.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-5 {
   top: 23%;
   left: 59%;
   -webkit-animation: flying 57s ease-in-out -9.8s infinite alternate;
   animation: flying 57s ease-in-out -9.8s infinite alternate;
 }

 .layout-home8 .dotWrapper-6 {
   top: 20%;
   left: 68%;
   -webkit-animation: flying 64s ease-in-out -0.3s infinite alternate;
   animation: flying 64s ease-in-out -0.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-7 {
   top: 29%;
   left: 54%;
   -webkit-animation: flying 31s ease-in-out -6.3s infinite alternate;
   animation: flying 31s ease-in-out -6.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-8 {
   top: 75%;
   left: 93%;
   -webkit-animation: flying 32s ease-in-out -1.9s infinite alternate;
   animation: flying 32s ease-in-out -1.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-9 {
   top: 20%;
   left: 76%;
   -webkit-animation: flying 61s ease-in-out -4.6s infinite alternate;
   animation: flying 61s ease-in-out -4.6s infinite alternate;
 }

 .layout-home8 .dotWrapper-10 {
   top: 47%;
   left: 6%;
   -webkit-animation: flying 31s ease-in-out -8.4s infinite alternate;
   animation: flying 31s ease-in-out -8.4s infinite alternate;
 }

 .layout-home8 .dotWrapper-11 {
   top: 33%;
   left: 8%;
   -webkit-animation: flying 62s ease-in-out -9.1s infinite alternate;
   animation: flying 62s ease-in-out -9.1s infinite alternate;
 }

 .layout-home8 .dotWrapper-12 {
   top: 75%;
   left: 27%;
   -webkit-animation: flying 32s ease-in-out -9.9s infinite alternate;
   animation: flying 32s ease-in-out -9.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-13 {
   top: 13%;
   left: 50%;
   -webkit-animation: flying 48s ease-in-out -7.6s infinite alternate;
   animation: flying 48s ease-in-out -7.6s infinite alternate;
 }

 .layout-home8 .dotWrapper-14 {
   top: 22%;
   left: 89%;
   -webkit-animation: flying 38s ease-in-out -0.5s infinite alternate;
   animation: flying 38s ease-in-out -0.5s infinite alternate;
 }

 .layout-home8 .dotWrapper-15 {
   top: 33%;
   left: 70%;
   -webkit-animation: flying 46s ease-in-out -2.2s infinite alternate;
   animation: flying 46s ease-in-out -2.2s infinite alternate;
 }

 .layout-home8 .dotWrapper-16 {
   top: 78%;
   left: 58%;
   -webkit-animation: flying 37s ease-in-out -8.8s infinite alternate;
   animation: flying 37s ease-in-out -8.8s infinite alternate;
 }

 .layout-home8 .dotWrapper-17 {
   top: 60%;
   left: 25%;
   -webkit-animation: flying 50s ease-in-out -2.3s infinite alternate;
   animation: flying 50s ease-in-out -2.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-18 {
   top: 70%;
   left: 74%;
   -webkit-animation: flying 41s ease-in-out -9.9s infinite alternate;
   animation: flying 41s ease-in-out -9.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-19 {
   top: 39%;
   left: 57%;
   -webkit-animation: flying 55s ease-in-out -6.2s infinite alternate;
   animation: flying 55s ease-in-out -6.2s infinite alternate;
 }

 .layout-home8 .dotWrapper-20 {
   top: 17%;
   left: 16%;
   -webkit-animation: flying 53s ease-in-out -7.6s infinite alternate;
   animation: flying 53s ease-in-out -7.6s infinite alternate;
 }

 .layout-home8 .dotWrapper-21 {
   top: 97%;
   left: 71%;
   -webkit-animation: flying 36s ease-in-out -8.1s infinite alternate;
   animation: flying 36s ease-in-out -8.1s infinite alternate;
 }

 .layout-home8 .dotWrapper-22 {
   top: 43%;
   left: 68%;
   -webkit-animation: flying 46s ease-in-out -5.7s infinite alternate;
   animation: flying 46s ease-in-out -5.7s infinite alternate;
 }

 .layout-home8 .dotWrapper-23 {
   top: 1%;
   left: 11%;
   -webkit-animation: flying 47s ease-in-out -4.3s infinite alternate;
   animation: flying 47s ease-in-out -4.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-24 {
   top: 40%;
   left: 81%;
   -webkit-animation: flying 43s ease-in-out -3.6s infinite alternate;
   animation: flying 43s ease-in-out -3.6s infinite alternate;
 }

 .layout-home8 .dotWrapper-25 {
   top: 48%;
   left: 30%;
   -webkit-animation: flying 55s ease-in-out -6.9s infinite alternate;
   animation: flying 55s ease-in-out -6.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-26 {
   top: 54%;
   left: 7%;
   -webkit-animation: flying 67s ease-in-out -4.8s infinite alternate;
   animation: flying 67s ease-in-out -4.8s infinite alternate;
 }

 .layout-home8 .dotWrapper-27 {
   top: 36%;
   left: 93%;
   -webkit-animation: flying 59s ease-in-out -4.3s infinite alternate;
   animation: flying 59s ease-in-out -4.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-28 {
   top: 74%;
   left: 83%;
   -webkit-animation: flying 54s ease-in-out -8.9s infinite alternate;
   animation: flying 54s ease-in-out -8.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-29 {
   top: 37%;
   left: 66%;
   -webkit-animation: flying 41s ease-in-out -7.7s infinite alternate;
   animation: flying 41s ease-in-out -7.7s infinite alternate;
 }

 .layout-home8 .dotWrapper-30 {
   top: 11%;
   left: 85%;
   -webkit-animation: flying 44s ease-in-out -9s infinite alternate;
   animation: flying 44s ease-in-out -9s infinite alternate;
 }

 .layout-home8 .dotWrapper-31 {
   top: 20%;
   left: 6%;
   -webkit-animation: flying 58s ease-in-out -6s infinite alternate;
   animation: flying 58s ease-in-out -6s infinite alternate;
 }

 .layout-home8 .dotWrapper-32 {
   top: 61%;
   left: 85%;
   -webkit-animation: flying 52s ease-in-out -9.3s infinite alternate;
   animation: flying 52s ease-in-out -9.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-33 {
   top: 27%;
   left: 64%;
   -webkit-animation: flying 67s ease-in-out -7.8s infinite alternate;
   animation: flying 67s ease-in-out -7.8s infinite alternate;
 }

 .layout-home8 .dotWrapper-34 {
   top: 12%;
   left: 92%;
   -webkit-animation: flying 37s ease-in-out -0.5s infinite alternate;
   animation: flying 37s ease-in-out -0.5s infinite alternate;
 }

 .layout-home8 .dotWrapper-35 {
   top: 53%;
   left: 37%;
   -webkit-animation: flying 66s ease-in-out -9.4s infinite alternate;
   animation: flying 66s ease-in-out -9.4s infinite alternate;
 }

 .layout-home8 .dotWrapper-36 {
   top: 53%;
   left: 40%;
   -webkit-animation: flying 31s ease-in-out -6.6s infinite alternate;
   animation: flying 31s ease-in-out -6.6s infinite alternate;
 }

 .layout-home8 .dotWrapper-37 {
   top: 82%;
   left: 53%;
   -webkit-animation: flying 50s ease-in-out -5.1s infinite alternate;
   animation: flying 50s ease-in-out -5.1s infinite alternate;
 }

 .layout-home8 .dotWrapper-38 {
   top: 10%;
   left: 27%;
   -webkit-animation: flying 38s ease-in-out -3s infinite alternate;
   animation: flying 38s ease-in-out -3s infinite alternate;
 }

 .layout-home8 .dotWrapper-39 {
   top: 93%;
   left: 87%;
   -webkit-animation: flying 42s ease-in-out -8.4s infinite alternate;
   animation: flying 42s ease-in-out -8.4s infinite alternate;
 }

 .layout-home8 .dotWrapper-40 {
   top: 28%;
   left: 77%;
   -webkit-animation: flying 22s ease-in-out -7s infinite alternate;
   animation: flying 22s ease-in-out -7s infinite alternate;
 }

 .layout-home8 .dotWrapper-41 {
   top: 40%;
   left: 57%;
   -webkit-animation: flying 63s ease-in-out -0.8s infinite alternate;
   animation: flying 63s ease-in-out -0.8s infinite alternate;
 }

 .layout-home8 .dotWrapper-42 {
   top: 27%;
   left: 40%;
   -webkit-animation: flying 51s ease-in-out -6.2s infinite alternate;
   animation: flying 51s ease-in-out -6.2s infinite alternate;
 }

 .layout-home8 .dotWrapper-43 {
   top: 22%;
   left: 85%;
   -webkit-animation: flying 38s ease-in-out -6s infinite alternate;
   animation: flying 38s ease-in-out -6s infinite alternate;
 }

 .layout-home8 .dotWrapper-44 {
   top: 21%;
   left: 80%;
   -webkit-animation: flying 46s ease-in-out -1.9s infinite alternate;
   animation: flying 46s ease-in-out -1.9s infinite alternate;
 }

 .layout-home8 .dotWrapper-45 {
   top: 77%;
   left: 90%;
   -webkit-animation: flying 63s ease-in-out -2.3s infinite alternate;
   animation: flying 63s ease-in-out -2.3s infinite alternate;
 }

 .layout-home8 .dotWrapper-46 {
   top: 70%;
   left: 78%;
   -webkit-animation: flying 53s ease-in-out -8.8s infinite alternate;
   animation: flying 53s ease-in-out -8.8s infinite alternate;
 }

 .layout-home8 .dotWrapper-47 {
   top: 100%;
   left: 69%;
   -webkit-animation: flying 64s ease-in-out -9.5s infinite alternate;
   animation: flying 64s ease-in-out -9.5s infinite alternate;
 }

 .layout-home8 .dotWrapper-48 {
   top: 50%;
   left: 5%;
   -webkit-animation: flying 62s ease-in-out -4.6s infinite alternate;
   animation: flying 62s ease-in-out -4.6s infinite alternate;
 }

 .layout-home8 .dotWrapper-49 {
   top: 63%;
   left: 32%;
   -webkit-animation: flying 31s ease-in-out -0.4s infinite alternate;
   animation: flying 31s ease-in-out -0.4s infinite alternate;
 }

 .layout-home8 .dotWrapper-50 {
   top: 61%;
   left: 29%;
   -webkit-animation: flying 63s ease-in-out -3s infinite alternate;
   animation: flying 63s ease-in-out -3s 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: 9px 8px;
   transform-origin: 9px 8px;
   -webkit-animation: rotating 16s ease-in-out -1.3s infinite;
   animation: rotating 16s ease-in-out -1.3s infinite;
 }

 .layout-home8 .dot-2 {
   -webkit-transform-origin: 15px 12px;
   transform-origin: 15px 12px;
   -webkit-animation: rotating 26s ease-in-out -2s infinite;
   animation: rotating 26s ease-in-out -2s infinite;
 }

 .layout-home8 .dot-3 {
   -webkit-transform-origin: -5px -14px;
   transform-origin: -5px -14px;
   -webkit-animation: rotating 22s ease-in-out -9.5s infinite;
   animation: rotating 22s ease-in-out -9.5s infinite;
 }

 .layout-home8 .dot-4 {
   -webkit-transform-origin: 1px -6px;
   transform-origin: 1px -6px;
   -webkit-animation: rotating 23s ease-in-out -4.3s infinite;
   animation: rotating 23s ease-in-out -4.3s infinite;
 }

 .layout-home8 .dot-5 {
   -webkit-transform-origin: 10px -14px;
   transform-origin: 10px -14px;
   -webkit-animation: rotating 25s ease-in-out -0.8s infinite;
   animation: rotating 25s ease-in-out -0.8s infinite;
 }

 .layout-home8 .dot-6 {
   -webkit-transform-origin: 12px -7px;
   transform-origin: 12px -7px;
   -webkit-animation: rotating 12s ease-in-out -2.4s infinite;
   animation: rotating 12s ease-in-out -2.4s infinite;
 }

 .layout-home8 .dot-7 {
   -webkit-transform-origin: -3px 4px;
   transform-origin: -3px 4px;
   -webkit-animation: rotating 25s ease-in-out -3.6s infinite;
   animation: rotating 25s ease-in-out -3.6s infinite;
 }

 .layout-home8 .dot-8 {
   -webkit-transform-origin: 11px -7px;
   transform-origin: 11px -7px;
   -webkit-animation: rotating 15s ease-in-out -9s infinite;
   animation: rotating 15s ease-in-out -9s infinite;
 }

 .layout-home8 .dot-9 {
   -webkit-transform-origin: -7px -11px;
   transform-origin: -7px -11px;
   -webkit-animation: rotating 15s ease-in-out -5.6s infinite;
   animation: rotating 15s ease-in-out -5.6s infinite;
 }

 .layout-home8 .dot-10 {
   -webkit-transform-origin: 7px 11px;
   transform-origin: 7px 11px;
   -webkit-animation: rotating 27s ease-in-out -2.6s infinite;
   animation: rotating 27s ease-in-out -2.6s infinite;
 }

 .layout-home8 .dot-11 {
   -webkit-transform-origin: -7px -12px;
   transform-origin: -7px -12px;
   -webkit-animation: rotating 23s ease-in-out -4.7s infinite;
   animation: rotating 23s ease-in-out -4.7s infinite;
 }

 .layout-home8 .dot-12 {
   -webkit-transform-origin: -12px -8px;
   transform-origin: -12px -8px;
   -webkit-animation: rotating 17s ease-in-out -5.3s infinite;
   animation: rotating 17s ease-in-out -5.3s infinite;
 }

 .layout-home8 .dot-13 {
   -webkit-transform-origin: 2px 8px;
   transform-origin: 2px 8px;
   -webkit-animation: rotating 19s ease-in-out -9.9s infinite;
   animation: rotating 19s ease-in-out -9.9s infinite;
 }

 .layout-home8 .dot-14 {
   -webkit-transform-origin: -6px 6px;
   transform-origin: -6px 6px;
   -webkit-animation: rotating 30s ease-in-out -5.9s infinite;
   animation: rotating 30s ease-in-out -5.9s infinite;
 }

 .layout-home8 .dot-15 {
   -webkit-transform-origin: 3px 6px;
   transform-origin: 3px 6px;
   -webkit-animation: rotating 25s ease-in-out -1.9s infinite;
   animation: rotating 25s ease-in-out -1.9s infinite;
 }

 .layout-home8 .dot-16 {
   -webkit-transform-origin: -9px 5px;
   transform-origin: -9px 5px;
   -webkit-animation: rotating 17s ease-in-out -0.1s infinite;
   animation: rotating 17s ease-in-out -0.1s infinite;
 }

 .layout-home8 .dot-17 {
   -webkit-transform-origin: 10px 15px;
   transform-origin: 10px 15px;
   -webkit-animation: rotating 14s ease-in-out -1.5s infinite;
   animation: rotating 14s ease-in-out -1.5s infinite;
 }

 .layout-home8 .dot-18 {
   -webkit-transform-origin: 13px 13px;
   transform-origin: 13px 13px;
   -webkit-animation: rotating 14s ease-in-out -9.6s infinite;
   animation: rotating 14s ease-in-out -9.6s infinite;
 }

 .layout-home8 .dot-19 {
   -webkit-transform-origin: -4px -14px;
   transform-origin: -4px -14px;
   -webkit-animation: rotating 18s ease-in-out -5.7s infinite;
   animation: rotating 18s ease-in-out -5.7s infinite;
 }

 .layout-home8 .dot-20 {
   -webkit-transform-origin: 12px 2px;
   transform-origin: 12px 2px;
   -webkit-animation: rotating 27s ease-in-out -5s infinite;
   animation: rotating 27s ease-in-out -5s infinite;
 }

 .layout-home8 .dot-21 {
   -webkit-transform-origin: -14px 1px;
   transform-origin: -14px 1px;
   -webkit-animation: rotating 28s ease-in-out -0.2s infinite;
   animation: rotating 28s ease-in-out -0.2s infinite;
 }

 .layout-home8 .dot-22 {
   -webkit-transform-origin: -14px -8px;
   transform-origin: -14px -8px;
   -webkit-animation: rotating 27s ease-in-out -10s infinite;
   animation: rotating 27s ease-in-out -10s infinite;
 }

 .layout-home8 .dot-23 {
   -webkit-transform-origin: 2px 3px;
   transform-origin: 2px 3px;
   -webkit-animation: rotating 26s ease-in-out -9.8s infinite;
   animation: rotating 26s ease-in-out -9.8s infinite;
 }

 .layout-home8 .dot-24 {
   -webkit-transform-origin: -10px 13px;
   transform-origin: -10px 13px;
   -webkit-animation: rotating 16s ease-in-out -0.4s infinite;
   animation: rotating 16s ease-in-out -0.4s infinite;
 }

 .layout-home8 .dot-25 {
   -webkit-transform-origin: -7px 3px;
   transform-origin: -7px 3px;
   -webkit-animation: rotating 27s ease-in-out -7.4s infinite;
   animation: rotating 27s ease-in-out -7.4s infinite;
 }

 .layout-home8 .dot-26 {
   -webkit-transform-origin: 2px -14px;
   transform-origin: 2px -14px;
   -webkit-animation: rotating 25s ease-in-out -2.5s infinite;
   animation: rotating 25s ease-in-out -2.5s infinite;
 }

 .layout-home8 .dot-27 {
   -webkit-transform-origin: 1px -5px;
   transform-origin: 1px -5px;
   -webkit-animation: rotating 27s ease-in-out -9.5s infinite;
   animation: rotating 27s ease-in-out -9.5s infinite;
 }

 .layout-home8 .dot-28 {
   -webkit-transform-origin: -14px -14px;
   transform-origin: -14px -14px;
   -webkit-animation: rotating 28s ease-in-out -1.3s infinite;
   animation: rotating 28s ease-in-out -1.3s infinite;
 }

 .layout-home8 .dot-29 {
   -webkit-transform-origin: -14px 13px;
   transform-origin: -14px 13px;
   -webkit-animation: rotating 11s ease-in-out -6.5s infinite;
   animation: rotating 11s ease-in-out -6.5s infinite;
 }

 .layout-home8 .dot-30 {
   -webkit-transform-origin: -12px -13px;
   transform-origin: -12px -13px;
   -webkit-animation: rotating 18s ease-in-out -3.2s infinite;
   animation: rotating 18s ease-in-out -3.2s 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;
   padding: 12px 20px 12px;
 }

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

 ol {
   list-style-position: outside;
   margin-left: 20px;
 }

 ol li {
   display: list-item;
   font-family: Roboto, sans-serif;
   color: #647589;
 }

 /**=====================
       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) {
   .container {
     max-width: 1400px;
   }

   .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: 25px !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: 16px !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) {
   .breadcrumb-section.single-property-images {
     height: auto;
   }

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

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

   .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
==========================**/