/*!
Template Name: Directory
Author:  Sellerend
Author URI: TemplateMonster.com 
Version: 1.0.0
*/

/*============================================ 
    CSS INDEX 01
    =============================
    01. HEADER SECTION
    02. MOBILE MENU
    03. HERO SECTION
    04. CATEGORY SECTION
    05. FEATURED SECTION
    06. WORK SECTION
    07. COMPANY SECTION
    08. REVIEW SECTION
    09. BLOG SECTION
    10. SUBSCRIBE SECTION
    11. FOOTER SECTION
    12. REGISTRATION SECTION
    13. ABOUT US SECTION
    14. BLOG SECTION
    15. BLOG DETAILS
    16. CONTACT SECTION
    17. ADD LISTING SECTION
    18. 404 
    19. CONFIRMATION
    20. INVOICE SECTION
    21. PRICING SECTION
    22. DASHBOARD
    23. PAYMENT METHOD
    ================================ 

    CSS INDEX 02
    =============================
    01. INDEX TWO HEADER SECTION

}
/*============================================


/* ============ COMMON CSS START ============= */
body {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: "Inter", sans-serif;
}
:root {
    --primary_color : #FF7700;
    --secondary_color: #F0F6FE;
    --primary_font_color: #171C26;   
    --secondary_font_color: #737E8C;
}
a {
    text-decoration: none;
}
p, span, li {
    color: var(--secondary_font_color);
}
p, ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
.common_btn {
    padding: 15px 22px;
    display: inline-block;
    color: #fff !important;
    background-color: var(--primary_color);
    border-radius: 8px;
    position: relative;
    border: none;
    outline: none;
}
.common_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: #fff;
    transition: transform 0.3s ease-in-out;
    border-radius: 8px;
    opacity: .10;
}
.common_btn:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%; 
} 
.common_title {
    max-width: 700px;
    margin: auto;
    margin-bottom: 30px;
}
.common_title h2,
.home_2_blog_title h2 {
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 30px;
}
.common_title p {
    font-size: 18px;
    color: #000;
} 
.common_sub_title h4 {
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 20px;
}
.mb-120 {
    margin-bottom: 120px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mt-10 {
    margin-top: 10px;
}
.common_sub_title h4 , 
.blog_title,
.category_content,
.featured_item ,
.feature_thumb img,
.fe_item_body h2,
.listing_full_body a,
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next,
.work_item,
.blog_title, 
.blog_item .blog_image img,
.footer_social_list ul li  a,
.search_list ul li a,
.footer_list ul li,
.company_save_btn i, 
.company_submit_review_btn i,
.company_save_btn, 
.company_submit_review_btn,
.company_save_btn a, 
.company_submit_review_btn a,
.company_social_link ul li a,
.home-2-search-btn,
.home_2_lst_left p,
.home-2-category-list-item .cat-icon-img,
.city_list_item,
.top-city__wrapper-item-content a,
.top-city__wrapper-item-image img,
.home-2-category-list-item:hover .home-2-category-list-item-name{
    transition: all .3s ease-in-out;
}
/* ============ COMMON CSS END =============== */

/* ===========================================  
     GENERAL STYLE
/* =========================================== */

/* HEADER SECTION CSS START HERE */
.header_inner .header_menu ul li {
    position: relative;
    margin-left: 25px; 
}
.header_inner .header_menu ul li a { 
    text-decoration: none;
    color: #fff;
    padding: 30px 0px;
}
.header_inner .header_menu ul li.active:after {
    transform: translateY(10px);  
    opacity: 1;
}
.header_inner .header_menu ul li a i {
    padding-left: 5px;
}
.menu_section {
    padding: 20px 0px; 
}
a.sub_menu_active {
    color: #fff !important;
    background: var(--primary_color);
}
a.mb_active {
    color: var(--primary_color) !important;
}
.sticky-menu {
    background-color: var(--primary_font_color);
    padding: 20px 0px; 
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999999999 !important;
}
.header_inner .header_menu ul li:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: var(--primary_color);
    width: 100%;
    height: 2px;
    transform: translateY(0px); 
    transition: all .3s ease-in-out; 
    opacity: 0; 
}  
.header_inner .header_menu  ul li:hover:after {
    transform: translateY(10px);  
    opacity: 1;
}  
.header_inner .header_menu ul li .sub_menu ul {
    position: absolute;
    width: 251px;
    background: var(--secondary_color);
    top: 50px;
    left: -18px;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    border-radius: 3px;
}
.header_inner .header_menu ul li:hover .sub_menu ul {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
.header_inner .header_menu ul li .sub_menu ul li {
    padding: 0;
    margin-left: 0;
    border-bottom: 1px solid #dddddd26;
}
.header_inner .header_menu ul li .sub_menu ul li:last-child{
    border-bottom: none;
}
.header_inner .header_menu ul li .sub_menu ul li a {
    display: inline-block;
    width: 100%;
    padding: 10px 8px 10px 15px;
    height: 100%;
    transition: all .3s ease-in-out;
    color: var(--primary_font_color);
}
.header_inner .header_menu ul li .sub_menu ul li a:hover{
    background: var(--primary_color);
    color: #fff;
}
.header_inner .header_menu ul li .sub_menu ul li::after {
    background-color: transparent;
}
.common_btn img {
    margin: -4px 5px 0px 0px;
}
.common_btn i {
    margin-right: 6px;
}
.registration_btn {
    background-color: var(--secondary_color);
    padding: 15px 22px;
    display: inline-block;
    border-radius: 8px;
}
.registration_btn a {
    margin-top: 2px;
    transition: all .3s ease-in-out;
}
.registration_btn a:hover {
    color: var(--primary_color);
}
.registration_btn a, .registration_btn span  {
   color: var(--primary_font_color);
   padding: 12px 0px;
}
.registration_btn span {
    padding: 0px 5px;
}
.registration_btn img {
    padding-right: 6px;
    margin-bottom: 2px;
}
.registration_btn {
    margin: 0px 25px;
}
.add_listing_btn span, .add_listing_btn i {
    color: #fff;
}
/* HEADER SECTION CSS ENDING HERE */

/* MOBILE MENU SECTION CSS START HERE */
.mobile-menu .header-top {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999;
}
.header-logo a img {
    width: 130px;
    height: auto;
}
.mobile-menu .header-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:var(--secondary_color);
    padding: 18px;
}
.mobile-menu .header-item .header-item-right span i {
    font-size: 30px;
    color: var(--primary_font_color);
}
.mobile-menu .header-item .header-item-right span i.fa-solid.fa-xmark {
    display: none;
}
.mobile-menu .header-item .header-item-right.hhhh span i {
    display: none;
}
.mobile-menu .header-item .header-item-right.hhhh span i.fa-solid.fa-xmark {
    display: block;
}
.mobile-menu .header-bottom {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: #fff;
    width: 100%;
    transform: scaleY(0);
    transform-origin: top;
    height: 100%;
    overflow-y: scroll;
    padding: 0 20px;
    padding-bottom: 60px;
    transition: all 0.3s ease;
}
.mobile-menu .header-bottom.open {
    transform: scaleY(1);
}
.mobile-menu .header-bottom .header-menu > ul {
    padding: 0;
    padding-top: 120px;
}
.mobile-menu .header-bottom .header-menu ul li{
    list-style: none;
    border-bottom: 1px solid var(--secondary_color);
    padding: 18px 0px;
    margin: 0px 25px;
}
.mobile-menu .header-bottom .header-menu ul li:last-child {
    border-bottom: none;
}
.mobile-menu .header-bottom .header-menu ul li.m  a {
    position: relative; 
}
.mobile-menu .header-bottom .header-menu ul li.m > a::after {
    top: 0;
    right: 0;
    font-weight: 700;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    transition:  all .3s ease-in-out;
    position: absolute;
}
.mobile-menu .header-bottom .header-menu ul li ul {
    display: none;
    margin: 15px 0;
}
.mobile-menu .header-bottom .header-menu ul li.m > a {
    position: relative;
}
.mobile-menu .header-bottom .header-menu ul li a {
    font-size: 18px;
    font-weight: 500;
    color: black;
    text-decoration: none;
    display: block;
}
.mobile-menu .header-bottom .header-menu ul li span i {
    position: absolute;
    right: 25px;
    font-size: 15px;
}
.mobile_reg,
.mobile_add_listing_btn .common_btn {
    width: 100%;
    text-align: center;
}
.mobile_reg {
    margin: 0;
    margin: 20px 0px;
}
.mobile_add_listing_btn .common_btn {
    padding: 15px 22px;
}
/* MOBILE MENU SECTION CSS END HERE */

/* HERO SECTION CSS START HERE */
.hero_area {
    background-image: url(../../assets/images/info/demo01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000b8;
    background-blend-mode: overlay;
    width: 100%;
    display: inline-table;
    background-size: cover;
}
.hero_content {
    margin: 210px 0px 260px;
}
.hero_inner_title h2 {
    font-size: 65px;
    font-weight: 700;
    margin-bottom: 15px;
}
.hero_inner_title p {
    font-weight: 500;
    font-size: 24px;
}
.h_text span {
    color: var(--primary_font_color);
    font-weight: 600;
    font-size: 16px;
}
.hero_inner_title {
    text-align: center;
}
.hero_card {
    display: flex;
    background: #FFFFFF;
    border: 1px solid rgba(66, 66, 66, 0.24);
    box-shadow: 0px 6px 15px rgba(66, 66, 66, 0.06);
    border-radius: 80px;
    padding: 18px 30px;
    align-items: center;
    margin: 80px 0px 30px 0px;
}
.hero_item_one {
    border-right: 0.5px solid rgba(66, 66, 66, 0.24);
    padding: 0px 14px;
}
.h_text {
    width: 100%;
}
.search-input::placeholder{
    color: var(--secondary_font_color);
}
 
.card_inner:first-child .hero_item_one {
    padding-left: 0px;
}
.card_inner:nth-child(3) .hero_item_one {
   border: none;
}
.card_inner {
    width: 100%;
}
.serach-btn {
    border: none;
    outline: none;
    padding: 14px 40px;
    font-size: 18px;
    border-radius: 30px;
}
.h_text p {
    font-size: 15px;
}
.search-input{
    width: 100%;
    border: none;
    outline: none;
    color: var(--secondary_font_color);
}
.search_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.search_list ul li a {
    padding-left: 12px;
    text-decoration: none;
    font-size: 14px;
}
.search_list ul li a:hover {
    color: var(--primary_color);
}
.search_list ul li:first-child {
    font-size: 14px;
    font-weight: 600;
}
.search_list ul li:first-child,
.search_list ul li a,
.hero_content p,
.hero_content h2 {
    color: #fff;
}
/* HERO SECTION END HERE */

/* CATEGORY SECTION START HERE */
.category_content {
    padding: 30px 10px;
    box-shadow:  0px 8px 14px rgba(115, 126, 140, 0.12);
    border-radius: 8px;  
}
.category_content:hover h2 {
   color: var(--primary_color);
} 
.category_content:hover img {
    transform: scale(1.1)
}
.category_content h2 {
    font-size: 16px;
    color: var(--primary_font_color);
    font-weight: 600;
    margin-bottom: 2px;
    transition: all .3s ease-in-out;
} 
.category_title {
    margin: 0;
}
.category_content img {
    padding-bottom: 18px;
    transition: all .3s ease-in-out;
}
.brows_btn2, .brows_btn {
    box-shadow: 0px 13px 20px rgba(255, 119, 0, 0.2);
     
}
/* CATEGORY SECTION END HERE */

/* FEATURED SECTION START HERE */
.featured_listing_section {
    background: #fff9f1;
    padding: 80px 0px;
}
.featured_item {
    overflow: hidden;
    border: 0.5px solid #737e8c5c;
    border-radius: 8px;
}
.featured_item:hover {
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);  
}
.overlay {
    background: linear-gradient(180deg, rgba(240, 246, 254, 0) 0%, #171C26 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.featured_item:hover .feature_thumb .thumb_img img {
    transform: scale(1.1);
}
.feature_thumb .thumb_img img {
    width: 100%;
}
.feature_thumb .thumb_overflow {
    overflow: hidden;
}
.feature_thumb {
    position: relative;
}
.thumb_content {
    color: #fff;
}
.thumb_icon, .thumb_logo {
    position: absolute;
    z-index: 99999999;
}
.thumb_icon {
    bottom: 10px;
    left: 21px;
}
.thumb_icon span {
    color: #fff;
    margin-left: 8px;
}
.thumb_icon a {
    color: #fff;
    text-decoration: none;
}
.thumb_logo {
    bottom: -21px;
    right: 21px;
}
.fe_item_body {
    padding: 20px 20px 12px 20px;
    border-bottom: 1px dashed #737E8C;
}
.fe_item_body h2, .listing_full_body a {
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 3px;
    text-decoration: none;
}
.fe_item_body ul li span {
    margin-left: 10px;
}
.fe_footer_middle {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px 12px;
}
.fe_footer_right img {
    width: 16px;
}
.fe_item_body:hover h2 {
    color: var(--primary_color);
}
.fe_item_footer {
    padding: 15px 20px 15px;
}
.fe_item_body ul li {
    padding-bottom: 5px;
}
.fe_item_body ul li i {
    margin-right: 8px;
}
.fe_footer_left .rating {
    background-color: var(--primary_color);
    color: #fff;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 12px;
}
/* FEATURED SECTION END HERE */

/* WORK SECTION START HERE */
.work_item {
    background: #fff;
    padding: 50px 40px;
    border-radius: 12px;
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    transition: all .3s ease-in-out;
}
.work_item:hover {
    transform: translateY(-20px)
}
.work_content h4,
.how-work__wrapper-content h4,
.why-choose__wrapper-item h4  {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 0px 30px;
    line-height: 26px;
}
.work_img {
    background: #F0F6FE;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    border-radius: 50%;
    display: block;
    margin-bottom: 18px;
}
.work_content {
    max-width: 313px;
    margin: auto;
}
/* WORK SECTION END HERE */

/* COMPANY SECTION START HERE */
.company_item {
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
    display: flex;
    padding: 30px;
    position: relative;
    transition: all .3s ease-in-out;
}
.company_item:hover {
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.25);
}
.company_item:hover .common_sub_title h4 {
    color: var(--primary_color);
}
.company_info h4 {
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 20px;
}
.title_right i {
    margin-right: 8px;
}
.fa-solid.fa-bookmark {
    color: var(--primary_color);
}
.company_info {
    width: 100%;
}
.promoto_logo img {
    position: absolute;
    left: -11px;
    top: 14px;
}
.company_info img {
    margin-right: 8px;
}
.company_logo img {
    margin-right: 20px;
}
.c_mid {
    padding: 0px 15px;
}
.company_item.style_two {
    flex-direction: column;
}
.company_item.style_two h4 {
    font-size: 17px;
}
.company_item.style_two .conpany_title {
    margin-top: 13px;
}
/* COMPANY SECTION END HERE */

/* REVIEW SECTION START HERE */
.review_section {
    background-color: #fff9f1;
    padding: 100px 0px;
}
.review_wraper {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
    padding: 35px 40px;
    position: relative;
}
.review_content .review_left img {
    margin-right: 20px;
}
.review_title {
    font-size: 20px;
}
.review_title .client_name {
    color: var(--primary_color);
    font-weight: 600;
}
.review_title .client_para {
    padding: 0px 20px;
    font-weight: 400;
}
.review_star .star_list {
    padding: 10px 0px;
}
.review_star .star_list ul li i {
    color: var(--primary_color);
    margin-right: 3px;
}
.review_date {
    margin-top: 10px;
}  
.review_date span {
    color: var(--primary_font_color);
    margin-left: 10px;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
   right: 0;
   left: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 22px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 22px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -20px;
    width: 52px;
    height: 52px;
    background: #F0F6FE;
    box-shadow: 0px 4px 17px rgb(23 28 38 / 14%);
    border-radius: 50%;
    top: 70%;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: -20px;
    width: 52px;
    height: 52px;
    background: #F0F6FE;
    box-shadow: 0px 4px 17px rgb(23 28 38 / 14%);
    border-radius: 50%;
    margin-bottom: 30px;
    top: 30%;
}
.swiper-button-prev:hover {
    background-color: var(--primary_color);
    color:#fff;
}
.swiper-button-next:hover {
    background-color: var(--primary_color);
    color: #fff;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    color: #000;
    background: #F0F6FE;
    box-shadow: 0px 4px 17px rgb(23 28 38 / 14%);
    opacity: .90;
}
/* REVIEW SECTION END HERE */

/* BLOG SECTION START HERE */
.blog_image img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.blog_title {
    text-decoration: none;
    color: var(--primary_font_color);
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0px;
    display: inline-block;
}
.blog_item:hover .blog_title {
    color: var(--primary_color);
}
.blog_image {
    overflow: hidden;
} 
.blog_item:hover .blog_image img {
    transform: scale(1.1);
}
.author-date .date i , .comment i, .author_name i{
    color: var(--primary_color);
    font-weight: 700;
    margin-right: 6px;
}
.author-date .date a, .comment a , .author_name a{
    color: var(--secondary_font_color);
}
.author-date .date, .author_name {
    margin-right: 40px;
}
.blog_btn {
    font-size: 16px;
    color: var(--primary_font_color);
    padding-top: 12px;
    display: inline-block;
    transition: all .3s ease-in-out;
}
.blog_btn:hover{
    color: var(--primary_color);
}
.blog_btn i {
    margin-left: 10px;
}
.blog_content {
    padding: 30px;
    box-shadow: 0px 8px 24px rgb(115 126 140 / 14%);
    border-radius: 8px;
}
/* BLOG SECTION END HERE */

/* SUBSCRIBE SECTION START HERE */
.subscriber_area {
    background-color: #fff9f1;
    padding: 40px 0px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.subscribe_form_section {
    position: relative;
    max-width: 600px;
    margin: auto;
}
input.subscribe_input {
    padding: 10px 10px 10px 30px;
    border-radius: 8px;
    border: none;
    width: 100%;
    outline: none;
    height: 80px;
}
button.subscribe_btn {
    position: absolute;
    top: 13%;
    right: 4%;
    border: none;
    background: var(--primary_color);
    color: #fff;
    padding: 13px 30px;
    border-radius: 8px;
    font-size: 20px;
}
input.subscribe_input::placeholder , .subscribe_input{
    color: var(--secondary_font_color);
    font-size: 18px;
}
/* SUBSCRIBE SECTION END HERE */

/* FOOTER SECTION START HERE */
.footer_top {
    background-image: url('../../assets/images/footer/footer_bg.png');
    padding: 120px 0px 70px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: rgba(23, 28, 38, 0.9);
    background-blend-mode: overlay;
    color: #fff;
}
.footer_list ul li a {
    color: #fff;
    transition: all .3s ease-in-out;
}
.footer_list ul li:hover , .footer_list ul li:hover a{
    transform: translateX(10px); 
    color: var(--primary_color);
}
.footer_social_list ul li a {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-right: 18px;
    display: block;
    color: var(--primary_font_color);
}
.footer_social_list ul li  a:hover {
    background-color: var(--primary_color);
    color: #fff;
}
.footer_list ul li {
    padding-bottom: 15px;
}
.footer_list ul li i {
    margin-right: 10px;
}
.footer_desc p {
    margin: 18px 0px 20px 0px;
    color: #fff;
}
.footer_title h4 {
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 12px;
    font-size: 22px;
    font-weight: 700;
}
.footer_title h4::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    background-color: var(--primary_color);
    left: 0;
    bottom: 0;
}
.footer_list .address {
    display: flex;
}
.footer_list .address_icon {
    margin-right: 10px;
}
.footer_list .address_para, .address_para p {
    color: #fff;
}
.footer_list .address_para h3 {
    font-size: 20px;
    font-weight: 600;
}
.footer_bottom {
    background-color: var(--primary_font_color);
    padding: 24px 0px;
    text-align: center;
}
.footer_bottom_content p {
    color: #fff;
    font-size: 16px;
    word-spacing: 3px;
}
.footer_bottom_content p a {
    color: var(--primary_color);
    margin-left: 10px;
}
.scrollToTop {
    position: fixed;
    bottom: -30%;
    right: 5%;
    z-index: 9999;
}
.scrollToTop i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
    background: var(--primary_color);
    text-align: center;
}
/* FOOTER SECTION END HERE */

/* REGISTRATION SECTION START */
.bg-account {
    background-image: url('../images/auth/auth.png');
    margin:120px 0px;
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}
.forget-bg {
    background-repeat: no-repeat;
    padding: 200px 0px;
    margin: 10px 0px;
}
.login_bg {
    background-position: center;
     
}
.auth-form-icon img {
    background-color: var(--primary_color);
    padding: 12px;
    border-radius: 4px;
}
.auth_wrapper {
    box-shadow: 0px 0px 40px rgba(66, 66, 66, 0.16);
    border-radius: 16px;
    padding: 50px 35px;
    background: #fff;
}
input#email_auth_input, 
input#password_auth_input,  
input#name_auth_input,
input#password_auth_input1{
    border: none;
    outline: none;
    color: var(--secondary_font_color);
    font-size: 17px;
}
.auth__btn {
    background: var(--primary_color);
    color: #fff;
    border: none;
    display: inline-block;
    width: 100%;
    padding: 13px;
    font-size: 17px;
    margin-top: 15px;
    box-shadow: 0px 6px 24px rgba(47, 128, 237, 0.16);
    border-radius: 8px;
}
.input-group, input#email_auth_input,
input#password_auth_input, input#name_auth_input,
input#password_auth_input1 {
    background:var(--secondary_color);
}
span.auth-form-icon {
    padding: 12px 20px 12px 12px;
}
.input-group.auth-border {
    border-left: 2px solid var(--primary_color);
    border-radius: 8px;
    background: var(--secondary_color);
}
label.label_title {
    color: var(--primary_font_color);
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}
.social_item {
    border-radius: 8px;
    margin-bottom: 20px;
    width: calc(50% - 12px);
}

.social_item:nth-child(1),
.social_item:nth-child(2),
.social_item:nth-child(3),
.social_item:nth-child(4){
    transition: all .3s ease-in-out;
}
.social_item:nth-child(1) {
    border: 1px solid var(--primary_color);
}
.social_item a {
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.social_item a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: #ede9e98c;
    transition: transform 0.3s ease-in-out;
    z-index: -1;
}
.social_item a:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%; 
} 
.social_item:nth-child(2) {
    border: 1px solid #1877F2;
}
.social_item:nth-child(3) {
    border: 1px solid var(--primary_font_color);
}
.social_item:nth-child(4) {
    border: 1px solid #1DA1F2;
}
.social_item:nth-child(1) span {
    color: var(--primary_color);
}
.social_item:nth-child(2) span {
    color: #1877F2;
}
.social_item:nth-child(3) span {
    color: var(--primary_font_color);
}
.social_item:nth-child(4) span {
    color: #1DA1F2;
}
.social_item_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.social_item span {
    padding-left: 16px;
    font-size: 18px;
}
.or {
    position: relative;
    padding: 30px 0px;
}
.or::after , .or::before{
    position: absolute;
    content: "";
    width: 269px;
    background-color: #ddd;
    height: 2px;
    top: 50%;
}
.or::after {
    left: 0;
}
.or::before {
    right: 0;
}
.or h4 {
    font-size: 20px;
    color: var(--primary_font_color);
}
sup.star {
    color: red;
    font-weight: 700;
}
.auth_text {
    margin-top: 10px;
}
.auth_text a {
    color: var(--primary_color);
    font-weight: 700;
}
.forget_pass a {
    color: var(--primary_color);
    font-weight: 700;
}
.forget_header {
    padding-top: 20px !important;
}
nav.menu.forget_menu ul li a {
    color: #000;
}
/* REGISTRATION SECTION END */

/* ABOUT US SECTION START  */
.about_inner {
    background-image: url('../images/about/background-bg.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.sub-banner {
    background-image: url(../../assets/images/subbanner/demo1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000b8;
    background-blend-mode: overlay;
    width: 100%;
    display: inline-table;
    background-size: cover;
}
.sub-banner-inner {
    text-align: center;
    padding: 100px 0px;
}
h2.sub_banner_title {
    color: #fff;
}
.breadcrumb-item.active {
    color: var(--primary_color);
    font-weight: 600;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    font-weight: 600;
}
li.breadcrumb-item a {
    color: #fff;
    font-weight: 600;
}
.sub-banner-inner .common_title {
    margin-bottom: 0;
}
.info_vision, 
.info_mission {
    display: flex;
}
.top_subtitle h4 {
    color: var(--primary_color);
}
.info_vision_img img, .info_mission_img img {
    margin-right: 20px;
}
.info_vision_text, 
.info_mission_text {
    max-width: 400px;
}
.info_right_img_one {
    margin-bottom: -138px;
    margin-left: 62px;
}
.info_right_img_two {
    margin-top: -100px;
}
.about_support_list ul li i {
    color: var(--primary_color);
    margin-right: 15px;
}
.about_support_list ul li {
    margin-bottom: 15px;
}
.about_support_right img {
    width: 100%;
}
.monitor_item {
    background: var(--primary_color);
    text-align: center;
    padding: 60px 0px;
    box-shadow: 0px 30px 48px rgba(255, 119, 0, 0.14);
    border-radius: 12px;
    
}
.monitor_item h2, 
.monitor_item p {
    color: var(--secondary_color);
}
.monitor_item h2 {
    font-weight: 700;
    font-size: 32px;
    padding-top: 30px;
}
.client_slider_content {
    margin-top: 16px;
}
/* ABOUT US SECTION END  */

/* BLOG SECTION END */
.pagination ul {
    display: flex;
    flex-wrap: wrap;
}
.pagination ul li a {
    width: 44px;
    height: 44px;
    display: block;
    line-height: 44px;
    color: var(--primary_font_color);
    font-weight: 700;
    margin-right: 10px;
    text-align: center;
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);
    border-radius: 50%;
    transition: all .3s ease-in-out;
}
.pagination ul li a:hover {
    background: var(--primary_color);
    color: #fff;
}
.filter_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.filter_left {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.nice-select.home_select {
    background: transparent;
    border: none;
    width: 100%;
    padding: 0;
}
.nice-select.home_select .list {
    width: 100%;
}
.nice-select.home_select .current {
    color: #737E8C;
}
.nice-select.home_select:after {
    height: 10px;
    width: 10px;
}
.select_one {
    margin-right: 20px;
}
.select_one , .select_two {
    width: 200px;
    position: relative;
}
.filter_search_item input, .input_style {
    width: 100%;
    padding: 14px 20px;
    background: var(--secondary_color);
    border: none;
    border-radius: 4px;
    color: var(--secondary_font_color);
    outline: none;
}
.filter_search_item .nice-select {
    width: 100%;
    background: var(--secondary_color);
    height: 53px;
    border: none;
    line-height: 52px;
    font-size: 16px;
}
.filter_search_item .nice-select .list {
    width: 100%;
}

 

.icon_image img {
    position: absolute;
    top: 32%;
    right: 17px;
}
/* BLOG SECTION END */

/* BLOG DETAILS START */
.widget {
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
    padding: 30px;
}
.blog_details_post_info {
    margin: 10px 0px 15px;
}
.blog_top_wrapper {
    padding: 50px 35px;
}
.blog_details_title {
    margin: 0;
}
.blog_details_img img {
    width: 100%;
}
.blockquote {
    background-color: var(--secondary_color);
    padding: 20px;
    border-radius: 4px;
}
.blockquote p {
    font-size: 16px;
    font-style: italic;
    padding-top: 12px;
}
.blockquote strong {
    font-size: 14px;
    font-style: italic;
}
.second_title h4 {
    line-height: 30px;
}
.blog_second_img img {
    width: 100%;
    margin-top: 20px;
    border-radius: 10px;
}
.blog_details_para p {
    text-align: justify;
}
.blog_social_section {
    padding: 20px 0px 20px 20px;
    background: #fff;
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
}
.blog_social_section, .social_blog_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.social_blog_list_title {
    margin-right: 20px;
}
.social_blog_list_title h4 {
    margin: 0;
}
.social_blog_list ul li {
    margin-right: 18px;
    border-radius: 4px;
}
.social_blog_list ul li a {
    padding: 8px 20px;
    color: #fff;
    display: block;
}
.social_blog_list ul li a i {
    padding-right: 10px;
}
.social_blog_list ul li:nth-child(1) {
    background-color: #1877F2;
}
.social_blog_list ul li:nth-child(2) {
    background-color: #E4405F;
}
.social_blog_list ul li:nth-child(3) {
    background-color: #1DA1F2;
}
.blog_review_title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.blog_review_title_txt h4 {
    margin: 0;
}
.review_btn {
    background-color: var(--secondary_color);
    color: var(--secondary_font_color) !important;
}
.blog_review_title_btn img {
    margin-right: 10px;
}
.com_list_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.com_list_info .com_thumb {
    padding: 0px 20px 20px 0px;
}
.com_thumb img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}
/* component */
.company_star_list {
    width: 100%;
    margin: 20px 0px;
}

.company_star_list ul {
    display: flex;
    flex-wrap: wrap;
}
.add_review_list {
    display: flex;
    align-items: center;
    width: 230px;
    padding-bottom: 10px;
}
.star-rating {
    display:flex;
    flex-direction: row-reverse;
    font-size: 20px;
    justify-content: space-around;
    padding: 0px 10px 0px 10px;
    text-align:center;
    width: 120px;
}
.star-rating input {
    display:none;
}
.star-rating label {
    color:#ccc;
    cursor:pointer;
}
.star-rating :checked ~ label {
    color:var(--primary_color);
}
.star-rating label:hover,
.star-rating label:hover ~ label {
    color:var(--primary_color);
}
.com_para {
    padding-bottom: 20px;
}
.com_reply_btn {
    text-align: end;
}
.com_reply_btn:hover a {
    color: var(--primary_color);
}
.com_reply_btn a {
    color: var(--secondary_font_color);
    transition: all .3s ease-in-out;
}
.blog_review_section {
    padding: 20px 35px;
}
.comment-respond {
    padding: 35px;
}
.com_reply_btn i {
    padding-right: 3px;
}
.incomment_list {
    padding: 30px 0px;
}
.replay_list {
    padding: 30px 0px 0px 30px;
    border-top: 1px solid #ddd;
}
.com_content h4 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
}
input#name {
    margin-right: 24px;
}
textarea#comment-reply, 
input#name, 
input#email {
    border: none;
    background: var(--secondary_color);
    padding: 20px;
    border-radius: 4px;
    outline: none;
    color: var(--secondary_font_color);
}
textarea#comment-reply {
    width: 100%;
}
input#name, input#email {
    /* width: calc(100% / 2 - 15px);
    margin-bottom: 20px; */
}
textarea#comment-reply,
input#name::placeholder, 
input#email::placeholder {
    color: var(--secondary_font_color);
}
.comment_res_btn {
    border: none;
    outline: none;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.comment_res_title {
    padding-bottom: 30px;
}
.widget-search input.search {
    background: var(--secondary_color);
    border: none;
    padding: 16px 20px;
    width: 100%;
    border-radius: 8px;
    outline: none;
}
.widget-search input.search::placeholder, 
.widget-search input.search {
    color: var(--secondary_font_color);
}
form.widget-form {
    position: relative;
}
.widget-search .search-icon {
    position: absolute;
    top: 34%;
    right: 12px;
    color: var(--secondary_font_color)
}
.widget-title {
    margin-bottom: 30px;
}
.widget-title span {
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    position: relative;
}

.widget-title span::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 4px;
    background-color: var(--primary_color);
    bottom: -10px;
    border-radius: 2px;
}
.widget-title span::after {
    position: absolute;
    content: "";
    border-bottom: 5px dotted var(--primary_color);
    width: 30px;
    bottom: -10px;
    left: 43px;
}

.widget-item .widget-thumb {
    margin-right: 15px;
}
.widget-content h6 {
    font-size: 16px;
    font-weight: 600;
    color: black;
    margin-bottom: 4px;
    transition: all .3s ease-in-out;
}
.widget-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    transition: all .3s ease-in-out;
}
.widget-content:hover h6 {
    color: var(--primary_color);
}
a:last-child .widget-item {
    border: none;
    padding-bottom: 0;
}
.widget_search_list ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.widget_search_list ul li a {
    color: var(--secondary_font_color);
    transition: all .3s ease-in-out;
    background: #f7f7fb;
    margin-right: 10px;
    padding: 6px 15px;
    margin-top: 13px;
    display: inline-block;
    border-radius: 3px;
}
.widget_search_list ul li a:hover {
    color: var(--primary_color);
}
.blog-keywords-title {
    margin-bottom: 15px !important;
}
.listing_gallery_info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.listing_gallery_info ul li {
    font-size: 15px;
    font-weight: 500;
}

.listing_gallery_info ul li {
    color: #000;
    font-size: 15px;
}
.gallery_img_item img {
    width: 100%;
    height: auto;
}

.listing_gallery h2 {
    font-size: 28px;
    font-weight: 700;
}
/* BLOG DETAILS END */

/* CONTACT SECTION START */
.contact_section {
    background-image: url(../images/info/contact_bg.png);
    background-repeat: no-repeat;
    background-position: center; 
}
input.con_name,
input.con_email,
textarea.con_textarea {
    width: 100%;
    padding: 16px;
    border: none;
    background: var(--secondary_color);
    border-radius: 4px;
    outline: none;
    color: var(--secondary_font_color);
}
.contact_wrapper {
    box-shadow: 0px 8px 24px rgb(115 126 140 / 14%);
    border-radius: 18px;
    padding: 70px 70px 70px 270px;
    background-color: #fff;
    position: relative;
}
.contact_content_mobile, 
.contact_content{
    background: var(--primary_color);
    box-shadow: 0px 16px 34px rgba(47, 128, 237, 0.16);
    border-radius: 18px;
    padding: 60px;
}
input.con_email, input.con_name {
    margin-bottom: 20px;
}
.contact_content {
    position: absolute;
    left: -25%;
    top: 16%;
    width: 400px;
}  
.common_title.contact_title h2 {
    color: #fff;
}
.com_inner_text h4 {
    margin-bottom: 4px;
}
.contact_btn {
    border: none;
    margin-top: 16px;
}
.con_item {
    display: flex;
    margin-bottom: 15px;
}
.com_inner_text, 
.com_inner_text p{
    color: #fff;
}
.com_add_img img {
    margin-right: 10px;
}
.contact_field.error .error_text {
    display: block;
}

.contact_field .error_text {
    margin: 0px 0px 20px 0px;
    display: none;
    color: red;
}
.contact_field.error .contact_input_item {
    border-color: red;
}
 
 

/* CONTACT SECTION END */

/* ADD LISTING SECTION START */
.listing_form_title {
    background-color: var(--secondary_color);
    padding: 20px;
    border-radius: 4px;
}
.listing_form_title h4 {
    margin: 0;
}
.add_listing_form {
    box-shadow :0px 5px 10px rgba(115, 126, 140, 0.08);
    padding: 40px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 40px;
}
.listing_file_up { 
    display: none;
}
input.listing_input, textarea.listing_input {
    background: #F0F6FE;
    padding: 16px 20px;
    border: none;
    width: 100%;
    outline: none;
    color: var(--secondary_font_color);
    border-radius: 4px;
}
.listing_input_title {
    font-weight: 600;
    font-size: 16px;
    color: var(--primary_font_color);
    margin-bottom: 12px;
}
.listing_input {
    width: 100%;
}
.upload_wrapper {
    width: 100%;
    height: 330px;
    cursor: pointer;
    border: 1px dashed;
    text-align: center;
}
.upload_wrapper .listing_file_up {
    width: 100%;
    height: 100%; 
}
.upload_wrapper img  {
    padding-top: 150px;
}
.add_listing_form:last-child {
    margin-bottom: 0px;
}
/* listing full gird */

.filter_search_btn {
    display: flex;
    justify-content: space-between;
}
.search_btn {
    margin-right: 10px;
}
.rating_label input {
    margin: 0;
    padding: 0;
}
.rating_item_one ul, 
.rating_item_two ul,
.rating_item_three ul,
.rating_item_four ul,
.rating_item_five ul {
    display: flex;
    align-items: center;
}

.rating_item_one ul li , 
.rating_item_two ul li,
.rating_item_three ul li,
.rating_item_four ul li,
.rating_item_five ul li {
    list-style: none;
}
.rating_item_one ul li i, 
.rating_item_two ul li i,
.rating_item_three ul li i,
.rating_item_four ul li i,
.rating_item_five ul li i {
    font-size: 17px;
}
.rating_item_one, 
.rating_item_two,
.rating_item_three,
.rating_item_four{
    margin-bottom: 10px;
}
.widget-amenities .rating_container {
  margin-bottom: 10px;
}
.widget-amenities .rating_container:last-child {
    margin-bottom: 0px;
}
.rating_item_one ul li:nth-child(1) i ,
.rating_item_one ul li:nth-child(2) i, 
.rating_item_one ul li:nth-child(3) i,
.rating_item_one ul li:nth-child(4) i,
.rating_item_one ul li:nth-child(5) i {
    color: var(--primary_color);
}
.rating_item_two ul li:nth-child(1) i ,
.rating_item_two ul li:nth-child(2) i, 
.rating_item_two ul li:nth-child(3) i,
.rating_item_two ul li:nth-child(4) i {
    color: var(--primary_color);
}
.rating_item_three ul li:nth-child(1) i ,
.rating_item_three ul li:nth-child(2) i, 
.rating_item_three ul li:nth-child(3) i {
    color: var(--primary_color);
}
.rating_item_four ul li:nth-child(1) i ,
.rating_item_four ul li:nth-child(2) i  {
    color: var(--primary_color);
}
.rating_item_five ul li:nth-child(1) i {
    color: var(--primary_color);
}
/* checkbox customization */
.rating_container {
    display: flex;
    align-items: center;
    text-align: start;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
/* Hide the browser's default checkbox */
.rating_container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.ratting_checkmark {
    position: absolute;
    top: 4;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 3px;
}
/* On mouse-over, add a grey background color */
.rating_container:hover input ~ .ratting_checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.rating_container input:checked ~ .ratting_checkmark {
    background-color: var(--primary_color);
}
/* Create the checkmark/indicator (hidden when not checked) */
.ratting_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.rating_container input:checked ~ .ratting_checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.rating_container .ratting_checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.search_btn .common_btn, .reset_btn .common_btn {
    padding: 15px 48px; 
}
.filter_btn .common_btn {
    width: 100%;
    margin-bottom: 20px;
}
.list_and_grid_view_btn {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.list_and_grid_btn_one button,
.list_and_grid_btn_two button {
    background: #F0F6FE;
    border: none;
    outline: none;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 3px;
    color: var(--secondary_font_color);
    transition: all .3s ease-in-out;
}
.list_and_grid_btn_one button:hover,
.list_and_grid_btn_two button:hover {
    background-color: var(--primary_color);
    color: #fff;
}
.list_and_grid_btn_one button i,
.list_and_grid_btn_two button i {
    padding-right: 7px;
}
button.grid_active {
    background-color: var(--primary_color);
    color: #fff;
}
.list_and_grid_btn_two button {
    margin-left: 10px;
}
.listing_full_grid_item {
    display: flex;
    align-items: center;
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
    padding: 25px;
    position: relative;
    transition: all .3s ease-in-out;
}
.listing_full_grid_item:hover {
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.25);
}
.listing_full_grid_item:hover .lis_item_sm_title a {
    color: var(--primary_color);
}

.listing_full_grid_item .fe_item_body {
    padding: 0 !important;
    padding-bottom: 10px !important;
}
.listing_full_grid_item .thumb_content {
    width: 100%;
}
.listing_full_grid_item .thumb_img img {
    border-radius: 10px;
    width: 300px;
    height: 200px;
}
.listing_full_grid_item .fe_item_footer {
    padding: 15px 0px 15px;
}
.listing_full_grid_item .thumb_img {
    position: relative;
    margin-right: 30px;
}
.listing_grid_overlay {
    background: linear-gradient(180deg, rgba(240, 246, 254, 0) 0%, #171C26 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 10px;
}
.listing_full_grid_item .fe_item_body h2 {
    font-size: 25px;
    margin: 0;
}
.listing-inner-title {
    margin-bottom: 5px;
}
.fe_item_footer.listing_full_grid_footer {
    max-width: 235px;
    justify-content: space-between;
}
.thumb_logo.listing img {
    width: auto;
    height: auto;
}
.listing_full_grid_item .thumb_logo {
    right: 15px;
    top: 15px;
}
.listing_icon i.fa-regular.fa-bookmark {
    color: var(--primary_color);
    font-size: 15px;
    padding-right: 3px;
}
.listing_icon {
    cursor: pointer;
}
/* ADD LISTING SECTION END */
/* Listing details section start here */
.company_info_logo img {
    width: 230px;
    height: 230px;
    border-radius: 100%;
}
.company_info_left {
    display: flex;
    align-items: center;
}
.company-rating {
    display: flex;
    align-items: center;
}
.company-rating li:nth-child(1),
.company-rating li:nth-child(2),
.company-rating li:nth-child(3) {
    color: var(--primary_color);
}
.company-rating li:nth-child(6){
    padding-left: 7px;
}
.company_social_link ul li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #fff;
    background: var(--primary_color);
}
.company_social_link {
    margin: 7px 0px;
}
.company_social_link ul {
    display: flex;
    align-items: center;
}
.company_info_content h2 {
    font-size: 28px;
    font-weight: 700;
}
.company_info_content {
    margin-left: 20px;
}
.company_short_info p {
    margin: 7px 0px;
}
.company_btn_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 7px;
}
.company_save_btn a, 
.company_submit_review_btn a {
    color: var(--primary_color);
    font-weight: 600;
    padding: 7px 18px;
    display: inline-block; 
}
.company_save_btn, 
.company_submit_review_btn  {
    border: 1px solid var(--primary_color);
    border-radius: 7px;
}
.company_submit_review_btn:hover,
.company_save_btn:hover {
    background-color: var(--primary_color);
    color: #fff;
    border-radius: 7px;
    border: 1px solid var(--primary_color);
}
.company_submit_review_btn:hover a ,
.company_submit_review_btn:hover i,
.company_save_btn:hover a,
.company_save_btn:hover i {
    color: #fff;
}
.company_save_btn i, 
.company_submit_review_btn i {
    font-size: 15px;
    color: var(--primary_color);
    margin-right: 6px; 
}
.company_submit_review_btn {
    margin-left: 15px;
}
.company_link p i {
    color: var(--primary_color);
    width: 25px;
    height: 25px;
}
.company_link p a {
    color: var(--primary_color);
}
.company-rating {
    padding-bottom: 8px;
}
.direction_btn a {
    padding: 10px 18px;
    margin-top: 16px;
}
.listing_map iframe {
    width: 100%;
}
.table-text {
    font-weight: 500;
}
.table-text-color {
    color: #000 !important;
}
.overview {
    margin-bottom: 10px !important;
}
.widget-title.overview h2 {
    font-size: 22px;
    font-weight: 600;
}
.info_table tr td {
    padding: 10px 0px 10px;
    color: var(--secondary_font_color);
}
.amenities_list .rating_container {
    margin: 15px 32px 5px 0px;
}
.gallery_icon i {
    color: var(--primary_color);
    padding-right: 4px;
}
/* Listing details section end here */

/* 404 PAGE SECTION START */
.four-zero-inner {
    text-align: center;
    padding-top: 70px;
}
.four_zero_content {
    max-width: 500px;
    margin: auto;
}
.four_zero_content p {
    margin: 20px 0px;
}
.four-zero-inner img {
    padding-bottom: 30px;
}
/* 404 PAGE SECTION END */

/* CONFIRMATION SECTING START */
.confirmation_item img {
    background: var(--secondary_color);
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.confirm_title h4 {
    font-size: 28px;
    font-weight: 700;
}
.confirmation_item { 
    background: #FFFFFF;
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);
    border-radius: 8px;
    padding: 60px 95px;
    text-align: center;
}
p.con_sub_para {
    padding: 30px 0px 16px;
    font-size: 17px;
}
.con_footer_text {
    text-align: center;
    padding-top: 30px;
}
.con_footer_text a {
    color: var(--primary_color);
}
/* CONFIRMATION SECTING END */

/* LOADER SECTION START */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	background: var(--primary_color);
}
.preloader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.preloader-icon {
	width: 72px;
	height: 72px;
	display: inline-block;
	padding: 0px;		
}
.preloader-icon span {
	position: absolute;
	display: inline-block;
	width: 72px;
	height: 72px;
	border-radius: 100%;
	background: #fff;
	-webkit-animation: preloader-fx 1.6s linear infinite;
	-moz-animation: preloader-fx 1.6s linear infinite;
	animation: preloader-fx 1.6s linear infinite;		
}
.preloader-icon span:last-child {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s; 
	-moz-animation-delay: -0.8s; 
}
@keyframes preloader-fx {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        opacity: 0.5; 
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        opacity: 0; 
    } 
}
@-webkit-keyframes preloader-fx {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        opacity: 0.5; 
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        opacity: 0; 
    } 
}  
/* LOADER SECTION END */

/* INVOICE SECTION START */
.invoice_area {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgb(115 126 140 / 14%);
    border-radius: 8px;
    padding: 60px;
    max-width: 900px;
    margin: auto;
}
.invoice_account h3 {
    font-weight: 600;
    font-size: 20px;
}
.Supplier_add h5, .customer_add h5 {
    font-weight: 700;
}
.invoice_account p {
    padding-bottom: 8px;
}
.invoice_account {
    border-bottom: 1px solid #ddd;
    padding-bottom: 60px;
}
.invoice_footer ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.invoice_footer ul li {
    margin-right: 20px;
    padding-top: 10px;
}
/* INVOICE SECTION END */

/* PRICING SECTION START HERE */
.pricing_item {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
    padding: 40px;
    cursor: pointer;
}
.pricing_inner.col-md-4:nth-child(2) .pricing_item {
    display: none;
}
li.pricing_doot i {
    color: #ddd !important;
}
.pricing_btn , 
.pricing_item,
.pricing_list ul li,
.pricing_title  p,
.pricing_title  p span,
.pricing_title  h4 ,
.pricing_top_btn,
.pricing_top_btn span {
    transition: all .3s ease-in-out;
}
.pricing_item:hover {
    background-color: var(--primary_color);
    transform: translateY(-10px);
}
.pricing_item:hover .pricing_btn,
.pricing_item:hover .pricing_top_btn, 
.pricing_item:hover .pricing_top_btn span {
    background-color: #fff;
    color: var(--primary_font_color) !important;
}
.pricing_item:hover .pricing_list ul li ,
.pricing_item:hover .pricing_title p,
.pricing_item:hover .pricing_title  p span,
.pricing_item:hover .pricing_title h4 ,
.pricing_item:hover .pricing_list ul li i {
    color: #fff !important;
}
.pricing_list ul li {
    padding-bottom: 10px;
}
.pricing_list ul li i {
    margin-right: 10px;
    color: var(--primary_color);
    font-weight: 700;
    transition: all .3s ease-in-out;
}
.pricing_title h4 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}
.pricing_title {
    text-align: center;
    margin-bottom: 25px;
}
.pricing_title p {
    font-size: 20px;
    color: var(--secondary_font_color);
}
.pricing_title p span {
    font-size: 50px;
    font-weight: 800;
    color: var(--primary_color);
}
.pricing_list {
    padding-bottom: 40px;
}
.pricing_btn {
    padding: 12px 40px;
    width: 100%;
    background-color: var(--primary_color);
}
.pricing_top_btn {
    background: var(--primary_color);
    max-width: 110px;
    text-align: center;
    margin: auto;
    margin-top: -45px;
    margin-bottom: 32px;
    border-radius: 6px;
    padding: 8px;
}
.pricing_top_btn span {
    color: #fff;
}
.pricing_swipper {
    position: relative;
}
.popular_listing_item {
    margin-bottom: 80px;
    width: 100%;
}
/* PRICING SECTION END HERE */

/* DASHBOARD SECTION START HERE */
.user_profile img {
    width: 200px;
    height: 200px;
    border-radius: 100px;
}
.user_profile {
    text-align: center;
    padding: 40px 0px;
    border-bottom: 1px solid #fff;
}
.user_profile p {
    font-size: 21px;
    color: #fff;
    font-weight: 600;
    padding-top: 10px;
}
.dashboard_sidebar {
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
    border-radius: 8px;
    background: #6c1cff;
}
.tab ul li,
.tab ul li:hover,
.tablinks.active_tab  {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.tab ul li {
    color: #fff;
    padding: 10px 23px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all .3s ease-in-out;
}
.tab ul li:hover {
    background: #fff;
    color: var(--primary_color);
}
.tab ul li:hover a {
    color: var(--primary_color);
}
.dasboard_menu {
    padding: 30px 0px 20px 30px;
}
.tablinks.active_tab {
    background: #fff;
    color: var(--primary_color);
    margin-right: -10px;
}
.tab ul li i {
    padding-right: 6px;
}
.tab ul li a {
    transition: all .3s ease-in-out;
    color: #fff;
    display: inline-block;
    width: 100%
}
.profile_input_item label,
.credit_card_item label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
}
.profile_input_item {
    margin-bottom: 20px;
}
.account_title h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
}
.account_title h2::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 4px;
    background-color: var(--primary_color);
    bottom: -12px;
    border-radius: 2px;
}
.account_title h2::after {
    position: absolute;
    content: "";
    border-bottom: 5px dotted var(--primary_color);
    width: 35px;
    bottom: -12px;
    left: 48px;
}
img.profile_listing_thumb {
    width: 170px !important;
    height: 120px !important;
}
.profile_listing_grid {
    overflow: hidden;
}
.profile_action_icon_list ul {
    display: flex;
    align-items: center;
}
.profile_action_icon_list ul li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
    display: inline-block;
    transform: translateY(-500px);
}
.profile_action_icon_list ul li:nth-child(1) a {
    transition: all .2s ease-in-out;
    background-color: var(--primary_color);
}
.profile_action_icon_list ul li:nth-child(2) a {
    transition: all .3s ease-in-out;
    background-color: red;
}
.profile_action_icon_list ul li:nth-child(3) a {
    transition: all .4s ease-in-out;
    background-color: #28a745;
}
.profile_action_icon_list ul li:nth-child(4) a {
    transition: all .5s ease-in-out;
    background-color: #17a2b8;
}
.profile_action_icon_list ul li a i {
    margin: 0;
}
.listing_full_grid_item:hover .profile_action_icon_list ul li a {
    transform: translateY(0px);
}
/* tooltip customization */
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #000;
    color: #fff;
    position: absolute;
    padding: 0px 15px;
    bottom: -40px;
    left: -50px;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    z-index: 999999999999;
    visibility: hidden;
    border-radius: 3px;
}
[data-title] {
    position: relative;
}
.acc_listing_dropdown {
    width: 200px;
    margin: 0 0 0 auto;
    margin-bottom: 30px;
    display: flex;
}
.ls_save_icon {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}
.listing_full_grid_footer.dashboard_ls_grid {
    max-width: 260px;
}
/* tooltip customization */

/* DASHBOARD SECTION END HERE */

/* Payent method  */
.active_payment {
    background-color:#f7f7fb !important;
}
.payment_tablinks, 
.active_payment {
    color: #3f3e50;
    border: none;
    padding: 15px 30px;
    background: transparent;
}
.payment_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e6e6eb;
    border-radius: 5px;
}
.payment_tablinks {
    width: calc(100% / 3);
    text-align: center;
}
.payment_tablinks i {
    padding-right: 3px;
    color: #3f3e50;
}
button#credit_card_btn {
    border-right: 1px solid #e6e6eb;
}
button#paypal_btn {
    border-right: 1px solid #e6e6eb;
}
.expiration_group {
    display: flex;
}
.credit_card_item {
    margin-bottom: 20px;
}
.continue_paypal h5,
.bank_transfer_inner h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 14px;
}
.bank_acc_item h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.bank_acc_item {
    margin-top: 22px;
}

/* 
    ============================
            index two 
    ============================ 
*/

/* ================= Home two hero section ================= */

.home_2_hero_area {
    background-image: url(../../assets/images/info/demo02.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000b8;
    background-blend-mode: overlay;
    width: 100%;
    display: inline-table;
    background-size: cover;
}
.home_2.hero_content {
    margin: 160px 0px 170px !important;
}
.home-2-text-content h2 {
    color: #fff;
}
.home-2-top-category h2,
.home-2-banner-search h2 {
    font-size: 25px;
    text-transform: capitalize;
    line-height: 34px;
}
.home-2-banner-search h2 {
    position: relative;
    margin-bottom: 30px;
}
.home-2-banner-search h2:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 4px;
    background-color: #fff;
    bottom: -12px;
    border-radius: 2px;
}
.home-2-banner-search h2:after {
    position: absolute;
    content: "";
    border-bottom: 5px dotted #fff;
    width: 30px;
    bottom: -12px;
    left: 43px;
}
.home-2-category-list-item .cat-icon-img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
    line-height: 66px;
    margin: auto;
}
.home-2-hero-category-list {
    margin-top: 22px;
}
.home-2-hero-category-list .col-md-4:nth-child(1) .cat-icon-img {
    background: #A0153E;
}
.home-2-hero-category-list .col-md-4:nth-child(2) .cat-icon-img {
    background: #86469C;
}
.home-2-hero-category-list .col-md-4:nth-child(3) .cat-icon-img {
    background: #00aa6c;
}
.home-2-hero-category-list .col-md-4:nth-child(4) .cat-icon-img{
    background: #008000;
}
.home-2-hero-category-list .col-md-4:nth-child(5) .cat-icon-img {
    background: #6C0345;
}
.home-2-hero-category-list .col-md-4:nth-child(6) .cat-icon-img {
    background: var(--primary_color);
}
.home-2-category-list-item .cat-icon-img img {
    width: 40px;
    height: 40px;
}
.home-2-category-list-item {
    border: 1px dashed #fff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
}

.home-2-category-list-item:hover .cat-icon-img {
    transform: scale(1.1)
}
.home-2-category-list-item:hover .home-2-category-list-item-name {
    color: var(--primary_color);
}
.home-2-category-list-item-name {
    color: rgb(255 255 255 / 63%);
    margin-top: 10px;
    display: inline-block;
}
.home-2-banner-search {
    background: #00000078;
    padding: 34px 40px;
    border-radius: 20px;
    margin-left: 15px;
}
.home-2-top-category {
    margin-right: 15px;
}
.home_2_form_group label {
    color: #fff;
    width: 100%;
    margin-bottom: 8px;
}
.nice-select.home-2-input {
    width: 100%;
    margin-bottom: 20px;
    background: transparent;
    height: 52px;
    line-height: 50px;
}
.nice-select.home-2-input .current {
    font-size: 16px;
    color: #fff;
}
.nice-select.home-2-input .list {
    width: 100%;
}
.nice-select.home-2-input:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 10px; 
    right: 17px;
    width: 10px;
}
input.home-2-input {
    background-color: transparent;
    outline: none;
    width: 100%;
    padding: 14px 20px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #fff;
}
input.home-2-input::placeholder {
    color: #fff;
}
.home_2_form_group {
    margin-top: 20px;
}
.home-2-search-btn {
    padding: 15px 22px;
    display: inline-block;
    color: #fff !important;
    background-color: var(--primary_color);
    border: none;
    outline: none;
    border-radius: 4px;
    width: 100%;
    font-weight: 700;
}
.home-2-search-btn:hover {
    background: #fff;
    color: #000 !important;
}
/* ================= Home two hero section ================= */

/* ================= Home two info location list section ================= */
.home_2_info_item {
    padding: 30px 20px;
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);
    border-radius: 8px;
}
.home_2_listing_info ul li:nth-child(1) .home_2_lst_item {
    background: #00ef0714;
} 
.home_2_listing_info ul li:nth-child(1) .home_2_lst_right span {
    background: #1a761c;
    color: #fff;
} 
.home_2_listing_info ul li:nth-child(2) .home_2_lst_item {
    background: #ff77001c;
} 
.home_2_listing_info ul li:nth-child(2) .home_2_lst_right span {
    background: var(--primary_color);
    color: #fff;
} 
.home_2_listing_info ul li:nth-child(3) .home_2_lst_item {
    background: #6c1cff42;
} 
.home_2_listing_info ul li:nth-child(3) .home_2_lst_right span {
    background: var(--primary_color);
    color: #fff;
}
.home_2_listing_info ul li:nth-child(4) .home_2_lst_item {
    background: #c5080838;
} 
.home_2_listing_info ul li:nth-child(4) .home_2_lst_right span {
    background: #c50808;
    color: #fff;
}
.home_2_listing_info ul li:nth-child(5) .home_2_lst_item {
    background: #df9f2a38;
} 
.home_2_listing_info ul li:nth-child(5) .home_2_lst_right span {
    background: #df9f2a;
    color: #fff;
}
.home_2_listing_info ul li:nth-child(6) .home_2_lst_item {
    background: #9f009226;
} 
.home_2_listing_info ul li:nth-child(6) .home_2_lst_right span {
    background: #9f0092de;
    color: #fff;
}
.home_2_listing_info ul li:nth-child(7) .home_2_lst_item {
    background: #0a0ae326;
} 
.home_2_listing_info ul li:nth-child(7) .home_2_lst_right span {
    background: #07079de3;
    color: #fff;
} 
.home_2_lst_left p {
    color: #000;
    font-weight: 500;
}
.home_2_listing_info ul li {
    margin-top: 10px;
}
.home_2_listing_info ul li:hover .home_2_lst_left p {
    transform: translateX(20px);
}
.home_2_lst_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 4px;
}
.home_2_lst_right span {
    padding: 5px 13px;
    border-radius: 4px;
    color: #000;
}
.home_2_info_title h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
}
.home_2_info_title p {
    color: #000;
    font-weight: 500;
}
.home_2_info_title {
    position: relative;
    margin-bottom: 40px;
}
.home_2_info_title:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 4px;
    background-color: var(--primary_color);
    bottom: -13px;
    border-radius: 2px;
}
.home_2_info_title:after {
    position: absolute;
    content: "";
    border-bottom: 5px dotted var(--primary_color);
    width: 30px;
    bottom: -13px;
    left: 43px;
}
.location_lst_btn {
    width: 100%;
    padding: 10px 20px;
    border-radius: 4px;
    text-align: center;
}

/* ================= Home two info location list section ================= */

/* ================= Home two latest listing section ================= */

.home-2-latest-listing-title h6,
.home_2_testmonial_title h6,
.home_2_blog_title h6 {
    color: var(--primary_color);
    font-weight: 600;
}
.home-2-listing-thumb-img img {
    width: 100%;
    transition: all .3s ease-in-out;
}
.home-2-auth-img img {
    width: 50px;
    height: 50px;
    border-radius: 30px;
    margin-right: 10px;
}
.home-2-latest-listing-title {
    text-align: center;
    margin-bottom: 60px;
}
.home-2-latest-listing-item {
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.home-2-latest-listing-item:hover .home-2-listing-thumb-img img {
    transform: scale(1.1);
}
.home_2.thumb_icon {
    position: absolute;
    right: 30px;
    text-align: end;
    bottom: 50px;
}
.home_2.thumb_icon i {
    color: var(--primary_color);
    margin-right: -2px;
}
.cat {
    top: 20px;
    position: absolute;
    right: 30px;
    background: #fff;
    padding: 5px 25px;
    border-radius: 10px;
}
.home-2-lst-img {
    position: relative;
    overflow: hidden;
}
.cat span {
    color: #000;
    font-size: 17px;
}
.home-2-rating .rating_container {
    margin: 0;
    padding: 0;
}
.extra-info {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 99;
}
.home-2-lst-content p {
    margin-bottom: 15px;
}
.auth_name span {
    color: #fff;
}
.home-2-auth-img {
    position: relative;
}
.home-2-lst-img::after {
    position: absolute;
    content: "";
    height: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    background-image: linear-gradient(transparent, #111111a3), linear-gradient(transparent, #111111bf);
}
.home-2-lst-link {
    padding-bottom: 70px;
}
.swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--primary_color);
    opacity: 1;
    margin: 0px 10px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: "";
    height: 24px;
    width: 24px;
    border-color: var(--primary_color);
    border: 3px dotted var(--primary_color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
/* ================= Home two latest listing section ================= */

/* ================= Home two testmonial section section ================= */
.home_2_testmonial_section {
    background: #fff9f1;
    padding: 80px 0px;
}
.home_2_testmonial_title h2,
.home_2_testmonial_item p {
    color: #000;
}
.home_2_testmonial_item {
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 14px;
    padding: 40px 30px 50px;
}
.home_2_testmonial_img img {
    border-radius: 10px;
    margin-right: 24px;
}
.home_2_testmonial_author {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home_2_test_auth_info h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.home_2_tst_feeback p {
    padding-top: 20px;
    font-weight: 500;
    font-size: 16px;
}
.testmonial_item_inner {
    padding-bottom: 80px;
}
.home_2_testmonial_title {
    text-align: center;
    margin-bottom: 47px;
}
.home_2_tst_icon_img img {
    width: 50px;
    height: auto;
}

/* ================= Home two  blog section section ================= */

.home_2_blog_info_title a {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    padding-top: 10px;
    display: inline-block;
    line-height: 34px;
    color: var(--primary_font_color);
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.home_2_blog_item:hover .home_2_blog_info_title a {
   color: var(--primary_color);
}
.home_2_blog_image:hover img {
   transform: scale(1.1)
}
.home_2_blog_image {
    overflow: hidden;
    border-radius: 10px;
}
.home_2_blog_image img {
    width: 100%;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.home_2_blog_content {
    padding-top: 30px;
}
.home_2_blog_meta_info ul {
    display: flex;
    flex-wrap: wrap;
}
.home_2_blog_meta_info ul li {
    margin-right: 30px;
}
.home_2_blog_meta_info {
    padding-bottom: 6px;
}
.home_2_blog_meta_info ul li i {
    color: var(--primary_color);
    margin-right: 5px;
}
.home_2_blog_section {
    background: #fff9f1;
    padding: 100px 0px 150px;
}
.home_2_blog_title {
    padding-bottom: 60px;
}
.home_2_blog_list_item {
    display: flex;
    align-items: center;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}
.home_2_blog_list_item:last-child {
    border-bottom: none;
}
.home_2_sm_blog_content h2 a {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 25px;
    color: var(--primary_font_color);
    transition: all .3s ease-in-out;
    display: inline-block;
}
.home_2_blog_list_item_content {
    margin-left: 30px;
}
.home_2_sm_blog_content a {
    color: var(--primary_color);
    font-weight: 600;
}
.home_2_blog_list_item_img {
    border-radius: 10px;
    overflow: hidden;
}
.home_2_blog_list_item_img img {
    transition: all .3s ease-in-out;
}
.home_2_sm_blog_content a i {
    transition: all .3s ease-in-out;
}
.home_2_blog_list_item:hover .home_2_blog_list_item_img img {
    transform: scale(1.1)
}
.home_2_blog_list_item:hover .home_2_sm_blog_content h2 a {
   color: var(--primary_color);
}
.home_2_blog_list_item:hover .home_2_sm_blog_content a i {
   margin-left: 5px;
}

/* ================= Home two  blog section section ================= */

/* ================= Home  city list  section section ================= */
.city_list_item {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);
    border: 1px solid #ff770030;
}
.city_list_item:hover {
    transform: scale(1.1);
}
.city_list_item:hover .home_2_lst_left p {
    color:var(--primary_color);
}
.city_list_item .home_2_lst_right span {
    background: #ededed;
    color: #000;
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);
}
/* ================= Home city list section section ================= */


/* ================= Home city list section section ================= */

.hero_area--home3 {
    background-image: url(../../assets/images/info/demo03.png);
}
.home_3_hero_content {
    padding: 90px 0px;
}

.search_box_item input,
.search_box_item_btn button,
select#location {
    border: none;
    outline: none;
    border-radius: 50px;
    width: 100%;
}
.search_box_item input {
    padding: 20px 20px 20px 60px;
}
.search_box_item_btn button {
    padding: 18px;
    background: var(--primary_color);
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    transition: all .3s ease-in-out;
}
.search_box_item_btn button:hover {
    box-shadow: 0px 13px 20px rgba(255, 119, 0, 0.2);
}

.common_select_item .nice-select {
    width: 100%;
    margin-bottom: 30px;
    padding: 11px 20px 7px 60px;
    height: 62px;
    border-radius: 50px;
    font-size: 17px;
    font-family: inherit;
}
.nice-select.listing_select:after, 
.common_select_item .nice-select:after {
    height: 10px;
    width: 10px;
    right: 25px;
}
.common_select_item .nice-select.open .list,
.common_select_item .nice-select .list {
    left: 30px;
    width: 90%;
}

.search_box_location_item {
    position: relative;
}
.home_3_search_box_location_icon {
    position: absolute;
    top: 60%;
    transform: translateY(60%);
    left: 26px;
}
.home_3_search_box_category_icon {
    position: absolute;
    transform: translateY(80%);
    bottom: -116px;
    padding-left: 27px;
}
.home_3_inner_content {
    text-align: center;
    margin-bottom: 60px;
}
.home_3_inner_content h2 {
    color: #fff;
    font-size: 65px;
    font-weight: 700;
}
.home_3_inner_content p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.search_box_item {
    margin-bottom: 30px;
    position: relative;
}
.home_3_search_box_icon {
    position: absolute;
    top: 50%;
    left: 26px;
    transform: translateY(-50%);
}
.home_3_banner_category ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.home_3_banner_category ul li p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}
.home_3_banner_category {
    margin-top: 60px;
}
/* ================= Home city list section section ================= */


/* ================= Home 3 city section section ================= */
.top-city {}
.top-city__area {}
.top-city__title {
    text-align: center;
    margin-bottom: 50px;
}
.top-city__title h6 {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary_color);
} 
.top-city__title p {}
.top-city__wrapper {}
.top-city__wrapper-item {
    position: relative;
}
.top-city__wrapper-item-image {
    position: relative; 
    overflow: hidden;
    border-radius: 10px;
}
.top-city__wrapper-item-image:after {
    background-image: linear-gradient(179.89deg, rgba(0, 0, 0, 0) 40.73%, rgba(11, 11, 11, 0.9) 89.09%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
}
.top-city__wrapper-item-image img {
    width: 100%;
}
.top-city__wrapper-item-content {
    position: absolute;
    bottom: 30px;
    padding: 0px 30px;
}
.top-city__wrapper-item-content p,
.top-city__wrapper-item-content a {
    color: #fff;
}
.top-city__wrapper-item-content a {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
}
.top-city__wrapper-item:hover .top-city__wrapper-item-content a {
    color: var(--primary_color);
}
.top-city__wrapper-item:hover .top-city__wrapper-item-image img {
    transform: scale(1.1);
}
.top-city__wrapper-item-content p {
    font-size: 18px;
}

/* ================= Home 3 city section section ================= */


/* ================= Home 3 why choose section section ================= */
.why-choose {
    background: var(--primary_color);
    padding: 120px 0px;
}
.why-choose__area {}
.why-choose__title {
    margin-bottom: 50px;
}
.why-choose__title h2,
.why-choose__title p,
.why-choose__wrapper-item p,
.why-choose__wrapper-item {
    color: #fff;
}
.why-choose__wrapper {}
.why-choose__wrapper-item {
    text-align: center;
}
.why-choose__wrapper-item img {
    margin-bottom: 30px;
}
.why-choose__wrapper-item h4 {}
.why-choose__wrapper-item p {
    font-size: 15px;
}


/* ================= Home 3 why choose section section ================= */



/* ================= Home 3 how work section section ================= */
.how-work {}
.how-work__area {
    
}
.how-work__title {
    margin-bottom: 50px;
}
.how-work__wrapper {
    background-image: url(../../assets/images/icon/line-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}
.how-work__wrapper-item {
    -webkit-box-shadow: 0px 6px 20px 0px rgba(228, 226, 238, 0.8);
    -moz-box-shadow: 0px 6px 20px 0px rgba(228, 226, 238, 0.8);
    box-shadow: 0px 6px 20px 0px rgba(228, 226, 238, 0.8);
    text-align: center;
    padding: 30px 30px 0px;
    border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
    max-width: 350px;
    background-color: #fff;
    margin: auto;
}
.how-work__wrapper-content {
    padding-bottom: 50px;
}
.how-work__wrapper-content img {
    margin-bottom: 20px;
}
.how-work__wrapper-content h4 {}
.how-work__wrapper-content p {
  
}

/* ================= Home 3 how work section section ================= */

/* ================= Home 3 blog section section ================= */
.blog_section.home-3 {
    background-color: #fff9f1;
    padding: 120px 0px;
}
.blog_item--home-3 {
    text-align: center;
    background-color: #fff;
}
.blog_item--home-3 .blog_content {
    padding: 20px;
}
.blog_item--home-3 .author-date {
    justify-content: space-between;
}
.blog_item--home-3 .author-date .date {
    margin-right: 0;
}
/* ================= Home 3 blog section section ================= */