/*!
Template Name: Directory
Template URI:
Author:
Author URI:
Description: Description
Version: 1.0.0
Text Domain:
Tags:
*/

/*============================================
    CSS INDEX
    =============================
    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

    ================================
/*============================================


/* ============ COMMON CSS START ============= */
body {
    margin: 0;
    padding: 0;
    outline: 0;
}

:root {
    --primary_color: #2F80ED;
    --secondary_color: #F0F6FE;
    --primary_font_color: #171C26;
    --secondary_font_color: #737E8C;
    --info_color: #FF7700;
    --lato-font-family: 'Lato', sans-serif;
    --poppins-font-family: 'Poppins', sans-serif;
}

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

.common_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: #ffffff24;
    transition: transform 0.3s ease-in-out;
    border-radius: 8px;
}

.common_btn:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
}

.common_title {
    /* max-width: 785px; */
    margin: auto;
    margin-bottom: 30px;
}

.common_title h2, .common_title h1{
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 32px;
    font-family: var(--poppins-font-family);
}

.common_title p {
    font-family: var(--lato-font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;

}

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

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.common_sub_title h4,
.blog_title,
.category_content,
.featured_item,
.feature_thumb img,
.fe_item_body h2,
.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 {
    transition: all .3s ease-in-out;
}
.footer_list.text-left{
    float: left;
}
span.text-muted{
  margin: auto 10px;
}
ul.ftr li{
  float: left;
}
/* ul.ftr{
    display: inline-flex;
} */
ul.ftr li a{
  color: #fff;
}
ul.ftr li a:hover{
  color: var(--info_color);
}
/* ============ common font family =============== */
.anime_text span,
.com_sub_banner_raging_list ul li a span,
.com_sub_banner_text p,
.com_sub_list ul li span,
.com_add span,
.company_details_inner p,
.com_sub_banner_rating p,
.com_sub_banner_rating span,
.company_pricing_right span .company_pricing_left h5 {
    font-family: var(--lato-font-family)
}

.company_common_title h2,
.com_sub_banner_text h1 {
    font-family: var(--poppins-font-family);
}

/* ============ COMMON CSS END =============== */

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

/* HEADER SECTION CSS START HERE */
.header_section {
    box-shadow: 0px 6px 15px rgba(66, 66, 66, 0.06);
    padding: 20px 0px;
}

.header_inner .header_menu ul li {
    position: relative;
    margin-left: 25px;
}

.header_inner .header_menu ul li a {
    color: var(--primary_font_color);
    font-size: 16px;
    text-decoration: none;
    padding: 44px 0px;
}

.header_inner .header_menu ul li:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: var(--info_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(25px);
    opacity: 1;
}

.header_inner .header_menu ul li .sub_menu ul {
    position: absolute;
    width: 251px;
    background-image: linear-gradient(to left top, #3328e1, #02134e);
    top: 50px;
    left: -18px;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

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

.header_inner .header_menu ul li .sub_menu ul li a:hover {
    background: #fff;
    color: var(--primary_font_color);
}

.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(--info_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;

}

.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: 99999;
    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: 50%;
    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 MENU SECTION CSS END HERE */

/* HERO SECTION CSS START HERE */
.hero_area {
    background-image: url(../../assets/images/info/hero-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 165px 0px 160px 0px;
    background-color: rgb(23 28 38 / 93%);
    background-blend-mode: overlay;
    height: 700px;
    width: 100%;
    display: inline-table;
    background-size: cover;
}

.hero_inner_title h2, .hero_inner_title h1 {
    font-size: 60px;
    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: 30px;
    padding: 20px;
    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;
}

.search-input::placeholder {
    color: var(--secondary_font_color);
}

.select2-selection__arrow {
    display: none;
}
.select2-container{
    display: block;
}
.select2-container--default .select2-selection--single {
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--secondary_font_color) !important;
    padding-left: 0px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 270px !important;
    overflow-y: auto;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background-color: var(--secondary_font_color);
    border-radius: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(66, 66, 66, 0.24);
    color: var(--secondary_font_color);
    outline: none;
    border-radius: 5px;
}
.select2-search--dropdown .select2-search__field{
    padding: 8px;
}
.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: 12px 38px;
    font-size: 18px;
}

.h_text p {
    font-size: 15px;
}

.search-input {
    width: 100%;
    border: none;
    outline: none;
    color: var(--secondary_font_color);
}

span.select2-dropdown {
    /* width: 362px !important; */
    margin-top: 15px;
    margin-left: -12px;
    border: none;
    background: var(--secondary_color);
    border-radius: 5px !important;
    z-index: 999999999;
}

.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(--info_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, .hero_content h1 {
    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(--info_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;
    font-family: var(--poppins-font-family);
    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(47, 128, 237, 0.2);
}

/* CATEGORY SECTION END HERE */

/* FEATURED SECTION START HERE */
.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);
}

.feature_thumb .thumb_img .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: 9999;
}

.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 10px 20px;
    border-bottom: 1px dashed #737E8C;
}

.fe_item_body h2 {
    color: var(--primary_font_color);
    font-weight: 600;
    font-size: 20px;
    display: inline-block;


}

.fe_item_body ul li span {
    margin-left: 10px;
}

.fe_footer_middle {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px 18px;
}

.fe_item_body:hover h2 {
    color: var(--info_color);
}

.fe_item_footer {
    padding: 10px 20px 20px;
}

.fe_item_body ul li {
    padding-bottom: 3px;
}

.fe_item_body ul li i {
    margin-right: 8px;
}

.fe_footer_left .rating {
    background-color: var(--info_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);
}

.work_content h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    padding: 0px 30px;
    line-height: 28px;
    font-family: var(--poppins-font-family);
}

.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 40px;
    position: relative;
}

.company_item:hover .common_sub_title h4 {
    color: var(--info_color);
}

.company_info h4 {
    color: var(--primary_font_color);
    font-weight: 600;
    font-size: 20px;
    font-family: var(--poppins-font-family);
}

.title_right i {
    color: var(--info_color);
    margin-right: 8px;
}

.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 SECTION END HERE */

/* REVIEW SECTION START HERE */
.review_section {
    background-color: #F0F6FE;
    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 10px;
    font-weight: 400;
}

.review_star .star_list {
    padding: 10px 0px;
}

.review_star .star_list ul li i {
    color: var(--info_color);
    margin-right: 3px;
}

.review_date {
    margin-top: 10px;
}

.review_date span {
    color: var(--primary_font_color);
    margin-left: 10px;
}

.review_desc p {
    font-family: var(--lato-font-family);
}

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

.blog_title {
    text-decoration: none;
    color: var(--primary_font_color);
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
    display: inline-block;
    font-family: var(--poppins-font-family);
}

.blog_item:hover .blog_title {
    color: var(--info_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(--info_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(--info_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-image: url('../../assets/images/info/subscribe_bg.png');
    padding: 40px 0px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.subscribe_form_section {
    position: relative;
    max-width: 500px;
    margin: auto;
}

input.subscribe_input {
    padding: 12px 10px 12px 20px;
    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: 15px 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(--info_color);
}

.footer_social_list ul li a {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    margin-right: 18px;
    display: block;
    color: var(--primary_font_color);
}

.footer_social_list ul li a:hover {
    background-color: var(--info_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(--info_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: #424242;
    padding: 24px 0px;
    /* text-align: center; */
}

.footer_bottom_content p {
    color: #fff;
    font-size: 16px;
    /* word-spacing: 3px; */
    margin-bottom: 0px;
}

.footer_bottom_content p a {
    color: var(--info_color);
    margin: 5px;
    font-weight: 700;
}

/* 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: 250px 0px; */
    /* margin: 10px 0px; */
}

.login_bg {
    background-position: center;

}

.auth-form-icon img {
    background-color: var(--info_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#username_auth_input,
input#name_auth_input,
input#password_auth_input1 {
    border: none;
    outline: none;
    color: var(--secondary_font_color);
    font-size: 17px;
    width: 70%;
}

.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#username_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(--info_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(--info_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(--info_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(--info_color);
    font-weight: 700;
}

.forget_pass a {
    color: var(--info_color);
    font-weight: 700;
}

/* 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: var(--secondary_color);
    padding: 65px 0px 30px;
}

.sub-banner-inner {
    text-align: center;
}

.sub-banner-inner .common_title {
    margin-bottom: 0;
}

.info_vision,
.info_mission {
    display: flex;
}

.top_subtitle h4 {
    color: var(--info_color);
    font-family: var(--poppins-font-family);
    font-weight: 600;
    font-size: 20px;
}

.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(--info_color);
    margin-right: 15px;
}

.about_support_list ul li {
    margin-bottom: 15px;
}

.about_support_right img {
    width: 100%;
}

.monitor_item {
    background: var(--info_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 {
    padding: 10px 15px;
    /* width: 50px;
    height: 50px; */
    /* display: block; */
    line-height: 44px;
    color: var(--primary_font_color);
    font-weight: 700;
    margin-right: 7px;
    text-align: center;
    box-shadow: 0px 8px 14px rgba(115, 126, 140, 0.12);
    border-radius: 10%;
    transition: all .3s ease-in-out;
    /* border: 1px solid; */
    background-color: #e7e7e7;
}

.pagination ul li .pati_active {
    background-color: var(--primary_color);
    color: var(--secondary_color);
}

.pagination ul li a:hover {
    background: var(--info_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;
}

.select_one {
    margin-right: 20px;
}

.select_one,
.select_two {
    width: 200px;
    position: relative;
}

select {
    width: 100%;
    padding: 14px 20px;
    background: var(--secondary_color);
    border: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    color: var(--secondary_font_color);
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    width: 100%;
    /* padding: 16px 20px;
    background: var(--secondary_color); */
    border: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    color: var(--secondary_font_color);
    outline: none;
}
.select2-container--open .select2-dropdown{
    left: 12px;
}

/* span.select2.select2-container.select2-container--default{
    font-weight: 400!important;
    font-size: 16px;
} */
.icon_image img {
    position: absolute;
    top: 50%;
    right: 17px;
    z-index: 1;
}

/* 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 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: #3b5998;
}

.social_blog_list ul li:nth-child(2) {
    background-color: #0072b1;
}

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

.com_reply_btn {
    text-align: end;
}

.com_reply_btn:hover a {
    color: var(--info_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;
}

input#contactname,
input#contactemail {
    width: 100%;
    margin-bottom: 20px;
}

input#contactname,
input#contactemail {
    border: none;
    background: var(--secondary_color);
    padding: 14px;
    border-radius: 4px;
    outline: none;
    color: var(--secondary_font_color);
}

textarea#comment-reply,
input#name::placeholder,
input#email::placeholder,
input#contactname::placeholder,
input#contactname::placeholder,
input#paymentCard::placeholder {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-size: 14px;
    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 16px 16px 10px;
    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 span {
    color: var(--primary_font_color);
    font-weight: 700;
    font-size: 20px;
    margin: 0;
}

.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(--info_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);
    font-size: 15px;
    padding-right: 12px;
    font-family: var(--lato-font-family);
    transition: all .3s ease-in-out;
}

.widget_search_list ul li a:hover {
    color: var(--info_color);
}

/* BLOG DETAILS END */

/* CONTACT SECTION START */
.contact_section {
    background-image: url(../images/info/contact_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0px;
}

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

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

/* ADD LISTING SECTION END */

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

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

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

/* PRICING SECTION END HERE */

/* COMPANY DETAILS PAGE CSS START HERE */

.com_sub_banner_text h1,
.com_sub_banner_text p,
.com_sub_list ul li span,
.com_add span {
    /* color: #fff; */
    color: #171C26;
}

.com_sub_banner_text p,
.com_sub_list ul li span,
.com_add span {
    font-weight: 400;
    font-size: 14px;
}

.com_sub_banner_text p {
    padding: 3px 0px;
}

.com_sub_banner_text h1 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0px;
    color: #171C26;
}

/* .com_sub_banner_text h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0px;
} */
.com_logo img {
    margin-right: 16px;
}

.com_sub_list ul li img,
.com_add img {
    margin-right: 5px;
}

.com_sub_list ul li {
    margin-right: 12px;
}

.company_sub_banner {
    /* background-image: url('../images/company/company-banner.webp'); */
    padding: 70px 0px 60px 0px;
    /* background-size: cover; */
}


/* .company_banner_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
} */

.com_sub_banner_raging_list ul li a {
    /* border: 1px solid #fff; */
    border: 1px solid #171C26;
    padding: 5px 10px;
    /* margin-left: 16px; */
    border-radius: 4px;
    display: inline-block;
}


.com_sub_banner_raging_list ul li a span {
    /* color: #fff; */
    color: #171C26;
    font-weight: 600;
    font-size: 16px;
}

.com_sub_banner_raging_list ul li a img {
    margin-right: 6px;
}

.company_banner_left {
    display: flex;
    flex-wrap: wrap;
}

.company_common_title h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
}

.com_des_bottom_para_one {
    padding: 14px 0px 20px 0px;
}

.com_des_bottom_para_two {
    padding-bottom: 10px;
}

.com_des_bottom_para_three {
    padding-top: 6px;
}

.company_details_inner p {
    color: #737E8C;
}
/* .company_details_inner {
    box-shadow: 0px 8px 24px rgb(33 85 152 / 76%)
} */

.com_des_top_para_one {
    padding: 14px 0px 20px 0px;
}

.com_sub_list ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.com_sub_banner_raging_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.com_sub_banner_rating {
    /* text-align: end; */
    margin: 10px auto;
}
.com_sub_banner_rating1 ul p{
    margin-bottom: 3px;
}.com_sub_banner_rating1 ul li{
    margin-bottom: 10px;
}

.com_sub_banner_rating p,
.com_sub_banner_rating span {
    color: #171C26;
    font-weight: 400;
    font-size: 16px;
}

.com_sub_banner_rating span {
    background: var(--info_color);
    border-radius: 5px;
    padding: 0px 4px;
    margin-right: 7px;
    /* display: inline-block; */
}


.amine_list_item {
    display: flex;
    align-items: center;
}

.company_aminetes_list {
    padding-top: 20px;
}

.company_aminetes_list ul li {
    margin: 0px 20px 20px 0px;
}

.widget.company_amenites {
    padding-bottom: 9px;
}


.company_pricing_right span,
.company_pricing_left h5 {
    color: var(--primary_font_color);
}

.company_pricing_left h5 {
    font-weight: 600;
}



.company_pricing_item.even {
    background: var(--secondary_color);
    border-radius: 4px;
}

.company_pricing_left {
    width: 100%;
    /* max-width: 545px; */
}

.amine_list_item .anime_img {
    width: 30px;
    height: 30px;
    background: var(--secondary_color);
    text-align: center;
    /* line-height: 37px; */
    border-radius: 33px;
    /* margin-right: 10px; */
}
.amine_list_item .anime_text{
    margin-left: 5px;
}
.company_aminetes_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between; */
}

.company_pricing_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    padding: 15px 20px;
}

.widget.company_pricing {
    padding-bottom: 1px;
}

.accordion-body.company_accordion_body {
    padding: 5px 53px 5px 30px;
}

button.accordion-button {
    font-family: var(--poppins-font-family);
    color: #424242;
}

.accordion-button:not(.collapsed) {
    color: #000 !important;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button span {
    margin-right: 16px;
}

.accordion-body.company_accordion_body p {
    font-family: var(--lato-font-family);
    font-size: 14px;
    line-height: 14px;
}

.accordion-item {
    border: none;
}

.accordion-button {
    padding: 12px 0px;
}

.company_video {
    margin-top: 20px;
}

.company_video iframe {
    border-radius: 10px;
}

.accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

.accordion-button::after {
    display: none;
}

.swiper-wrapper.swipper_preview_image {
    /* height: 450px !important; */
    width: 100% !important;
    padding: 20px 0;
}

.swiper-wrapper.swipper_preview_image img {
    width: 100% !important;
    border-radius: 8px !important;
}

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-wrapper.small_slider img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.company_star_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}

.company_star_list ul {
    display: flex;
    flex-wrap: wrap;
}

.company_star_list ul li {
    width: 215px;
    line-height: 33px;
}

.company_star_list ul li span {
    font-family: var(--lato-font-family);
    font-size: 14px;
    color: #000000;
    margin-right: 10px;
}

.company_star_list {
    max-width: 450px;
}

.company_total_star {
    text-align: center;
    border: 1px solid #DDDDDD;
    padding: 20px 12px;
    border-radius: 8px;
    margin-right: 50px;
}

.company_star_section {
    margin-top: 20px;
}

.company_comment {
    display: flex;
}

.company_comment_publish_date {
    display: flex;
    font-size: 14px;
    font-family: 'Lato';
    color: #737E8C;
}

.company_revi_list {
    color: var(--info_color);
    margin-top: 8px;
}

.company_comment_name {
    margin-right: 15px;
}

.company_comment_publish_date span {
    margin-right: 6px;
}

.company_total_star h3 {
    font-family: var(--poppins-font-family);
    font-weight: 600;
    font-size: 20px;
    color: var(--info_color);
}

.company_star_inner i {
    color: #FF7700;
}

.rev_comment_image_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.rev_comment_image_list ul li {
    margin-right: 10px;
}

.rev_comment_image_list ul li img {
    border-radius: 5px;
}

.rev_comment_image_list {
    margin-top: 18px;
}

.company_comment_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.company_comment_footer .com_reply_btn a {
    color: #2F80ED;
}

.company_star_list.rev_footer_add_comment {
    width: 100%;
    margin: 10px 0px;
}

.upload_wrapper.rev_footer_add_comment_box {
    width: 100%;
    cursor: pointer;
    border: 1px dashed;
    text-align: center;
    height: 194px;
    margin: 10px 0px;
}

.upload_wrapper.rev_footer_add_comment_box img {
    padding-top: 64px;
}

li.add_review_list {
    display: flex;
    align-items: center;
    padding: 6px 0px;
    margin-right: 9px;
}

.company_sidebar_common_title h4 {
    font-family: var(--poppins-font-family);
    font-weight: 600;
    font-size: 20px;
    margin: 0;
}

.company_sidebar_common_title {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.company_sidebar_common_title span img {
    margin-right: 10px;
}

.com_business_inner_item {
    display: flex;
}

.business_info_title h2 {
    font-family: var(--poppins-font-family);
    font-weight: 600;
    font-size: 20px;
    color: #171C26;
    margin: 0;
}

.business_img {
    margin-right: 14px;
}

.business_info_title span {
    margin-right: 6px;
}


li.business_info_item_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

.business_info_item_list_left span {
    font-family: var(--poppins-font-family);
    font-weight: 600;
    color: #424242;
}

.business_info_item_list_right span {
    font-size: 14px;
    font-family: var(--lato-font-family);
}

.business_img img {
    border-radius: 5px;
}

.business_info_social_list ul {
    display: flex;
    align-items: center;
}

.business_info_social_list ul li a {
    color: var(--primary_font_color);
    margin-left: 15px;
}

.business_info_social_list ul {
    text-align: center;
}

.business_info__btn {
    text-align: center;
    margin-top: 25px;
}

.business_info__btn a {
    background: #2F80ED;
    box-shadow: 0px 14px 20px rgba(47, 128, 237, 0.12);
    border-radius: 8px;
    color: #fff;
    font-family: var(--lato-font-family);
    padding: 15px 20px;
    display: inline-block;
}

.com_business_price_range ul {
    display: flex;
}

.com_business_price_range ul li input {
    width: 60px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
}

.com_business_price_range ul li span {
    color: var(--info_color);
    font-family: var(--lato-font-family);
    margin: 0px 11px;
}

.com_business_statistic ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.com_business_statistic ul li {
    margin-right: 30px;
    padding-bottom: 13px;
}

.com_business_statistic ul li img {
    margin-right: 5px;
}

.widget.com_business_statistic_widget {
    padding-bottom: 0;
}

.com_business_map_link {
    height: 240px;
    width: 100%;
}

.com_business_map_footer {
    display: flex;
    gap: 12px;
    margin-top: 35px;
}

.com_listing_text h6 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}

.com_listing_text p {
    font-style: normal;
    font-size: 14px;
}

.com_listing_thumb {
    height: 54px;
    width: 54px;
    line-height: 54px;
}

.com_listing_nearby_company {
    text-decoration: none;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.widget.com_business_map {
    padding-bottom: 20px;
}

.rev_comment_image_list ul {
    margin-bottom: 10px;
}

.com_business_map_footer_left span,
.com_listing_text h6 {
    font-family: var(--lato-font-family);
}

.company_sidebar_listing_img img {
    border-radius: 5px;
}

.featured_item.blog_details {
    overflow: inherit;
    position: relative;
}

.promoto_logo.blog_details img {
    z-index: 9999;
    left: -11px;
    top: 10px;
}

/* COMPANY DETAILS PAGE CSS END HERE */


/* CART DETAILS PAGE CSS START HERE */
.cart_section {
    margin-bottom: 120px;
}

.cart_common_title h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
}

.cart_page_info_bottom ul,
.cart_page_info_top ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    flex-direction: row;
    align-items: center;
}

.cart_page_info_top {
    margin-left: -15px;
}

.cart_page_info_top ul li span {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--primary_font_color);
}

.cart_page_info_top ul li input#cartQuantity {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--primary_font_color);
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 120px;
    text-align: center;
}

.cart_page_info_top ul li span.cartTotal {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: var(--info_color);
}

.cart_page_info_img span {
    padding: 0 15px;
}

.cart_gift_box {
    width: 84px;
    height: 84px;
}

.cart_page_info hr {
    margin: 40px 0;
    color: #dddddd;
}

.cart_page_info_bottom ul li span {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--primary_font_color);
}

.cart_page_info_bottom .cart-coupon-field {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--secondary_font_color);
    position: absolute;
}

.cart_coupun_bottom_line {
    height: 1px;
    width: 150px;
    background-color: var(--secondary_font_color);
    position: relative;
    left: 0;
    bottom: -20px;
    margin-top: 10px;
}

.cart_page_info_bottom .cart-apply-coupon-btn {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--info_color);
    border: 1px solid var(--info_color);
    border-radius: 5px;
    padding: 15px 25px;
}

/* .cart_total_bill{
    width: 270px;
    margin-left: auto;
} */
.cart_total_title,
.cart_total_list,
.cart_checkout_btn {
    margin-left: 50px;
}

.cart_total_list ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.cart_total_list_left span {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #424242;
}

.cart_total_list_right span {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400 span;
    font-size: 16px;
    line-height: 16px;
    color: var(--primary_font_color);
}

.cart_tax {
    margin: 10px 0 20px 0;
}

.cart_final_total_left span {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: var(--primary_font_color);
}

.cart_final_total_right span {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
}

.cart_checkout_btn button {
    width: 100%;
    margin-top: 40px;
}

.cart_checkout_btn span {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    text-transform: capitalize;
}

/* CART DETAILS PAGE CSS END HERE */

/* PAYMENT DETAILS PAGE CSS END HERE */

.payment_billing_area,
.payment_area,
.payment_card_info {
    box-shadow: 0px 8px 24px rgba(115, 126, 140, 0.14);
}

.payment_billing_info {
    padding: 40px;
}

.payment_billing_info input.billing_name {
    background: #F0F6FE;
    padding: 16px 20px;
    border: none;
    border-radius: 5px;
    width: 98%;
}

.payment_billing_info label {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #171C26;
    margin: 20px 0;
}

.paymrnt_billing_star {
    color: var(--info_color);
    margin-left: 3px;
}

.payment_billing_title h2,
.payment_title h2 {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #DDDDDD;
    padding: 40px 0 20px 0;
    color: #171C26;
}

.payment_billing_img {
    padding-left: 20px;
    margin-right: 10px;
}

.payment_area {
    margin-top: 40px;
}

.payment_paypal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 10px 0;
    margin-bottom: 15px;
}

.payment_payple_text {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #171C26;
}

.payment_card_info {
    padding: 0 15px 40px 15px;
    margin-top: -10px;
}

.payment_card_info_top label,
.payment_card_info_bottom label {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #424242;
}


.payment_button,
.payment_button_res {
    margin-top: 60px;
    padding: 20px 60px;
}

.payment_button_res {
    display: none;
}

.payment_grand_total h2 {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #171C26;
}

.payment_grand_total_title h4 {
    margin: 40px 0 20px 0;
}

.payment_subtotal {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 40px;
}

.payment_grand_total_title {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.payment_total_left span {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #424242;
}

.payment_total_right span {
    font-family: var(--poppins-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #171C26;
}

/* PAYMENT DETAILS PAGE CSS END HERE */

/* SEARCH PAGE DETAILS PAGE CSS END HERE */
.search_page_section {
    margin-bottom: 40px;
}

.title_orange_color {
    color: var(--info_color);
}

.search_item_title ul li span {
    font-size: 14px;
}

.search_company_logo img {
    border-radius: 50%;
    border: 2px solid var(--info_color);
}

.search_vertical_line {
    padding: 0 6px;
}

.search_page_pagination {
    padding-top: 80px;
}

.search_page_pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: center;
    justify-content: center;
}

.search_page_pagination ul li {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #737E8C;
}

.search_page_pagination .active {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: var(--primary_color);
    color: var(--secondary_color);
}

.search_page_search_field ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.search_page_search_field ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.search_page_search_field .search_field input {
    padding: 15px;
}

.search_page_search_field .search_field {
    width: 200px;
    padding-left: 15px;
    margin: 20px 0;
    position: relative;
}

.search_page_search_field .search_field img {
    position: absolute;
    right: 20px;
    top: 16px;
}

.search_page_search_field ul li {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--secondary_font_color);
}

.search_page_search_field ul li span {
    padding-right: 5px;
}

.search_page_info {
    padding: 15px 30px;
    border-radius: 5px;
    border: 1px solid rgba(66, 66, 66, 0.24);
    box-shadow: 0px 6px 15px rgba(66, 66, 66, 0.06);
    border-radius: 12px;
    margin-bottom: 30px;
}

.search_page_info .search_btn {
    padding: 5px 20px;
    border-radius: 8px;
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 10px;
}

.search_page_info ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.search_page_info h6 {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--primary_font_color);
}

.search_page_info p {
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--secondary_font_color);
}

.search_page_info p {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.search_page_info li.search_info_middle {
    border-right: 1px solid rgba(66, 66, 66, 0.24);
    border-left: 1px solid rgba(66, 66, 66, 0.24);
    padding: 0 15px;
}

.search_page_company,
.search_page_sidebar_search {
    background-color: #F0F6FE;
    padding: 15px;
    border-radius: 8px;
}

.search_page_sidebar_search .search_sidebar_search input {
    background: #FFFFFF;
}

.search_page_company .com_listing_nearby_company {
    background-color: #ffffff;
    width: 100%;
    height: 65px;
}

.search_page_company .search_company_list_title {
    margin: 20px 0;
    font-weight: 500;
    font-size: 16px;
}

.search_page_company .search_company_list h6 {
    /* font-weight: 500; */
    margin-bottom: 4px;
    font-size: 14px;
}

.search_company_list p {
    font-size: 14px;
}

.search_page_keywords li {
    margin: 3px;
}

.search_page_keywords ul li a {
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 3px;
}

.search_keywords .search_company_list_title {
    margin: 10px 0 0 0;
}

.search_page_sidebar_search .search_company_list_title {
    margin: 15px 0;
}

.search_page_search_icon {
    position: absolute;
    top: 20%;
    left: 12px;
    color: var(--secondary_font_color);
}

.search_page_arrow_icon {
    position: absolute;
    top: 20%;
    right: 12px;
    color: var(--secondary_font_color);
}

.widget-search form.search_sidebar_search input {
    padding: 10px;
}

.widget-search form.search_sidebar_search input::placeholder {
    padding-left: 50px;
}

.search_sidebar_search select.form-select,
.search_page_search_field .form-select {
    padding: 10px 0 10px 60px;
    border: none;
    border-radius: 8px;
    font-family: var(--lato-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #737E8C;

}

.search_sidebar_search .form-select,
.search_page_search_field .form-select {
    background-image: none;
}

.search_page_search_field .form-select {
    background-color: var(--secondary_color);
    padding: 10px 20px;
}

.search_hero_card {
    margin: 1px 0px 30px 0px;
}

/* SEARCH PAGE DETAILS PAGE CSS END HERE */
/* Featured Logo Start */
select#hselect{
  background: #fff!important;
}
.circle5 {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 26px;
    font-family: 'Frank Ruhl Libre', serif;
    color: white;
    text-align: center;
    background: #000;
    padding-top: 6.5px;
    padding-left: 1px;
    font-weight: 800;
}

.circle5 span {
    color: white;
}

/* Featured Logo Start */
/* Custom Code Start */
/* .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #ffffff;
    z-index: 9999999999;
    transform: translate(0, 0) scale(1);
    transition: 0.3s;
    box-shadow: 0 5px 16px
} */

.header_section.is-sticky {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    background: #fafafa;
    width: 100%;
    top: 0;
    z-index: 99999;
    backdrop-filter: blur(10px);
    animation: slideDown 0.70s ease-out;
  }

  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }

.search_box_area {
    max-width: 600px !important;
    border-radius: 4px !important;
    box-shadow: 0px 0px 18px rgb(0 0 0/15%) !important;
}

.search_form {
    display: flex !important;
    flex-wrap: wrap !important;
}

.nav-0 {
    padding-left: 0;
    padding-right: 0;
}

.search_desc,
.search_loc {
    padding: 10px 16px 12px 16px !important;
    border: none !important;
    width: calc(100%/2 - 28px) !important;
    margin-right: 2px !important;
    font-size: 16px !important;
    height: 46px !important;
    margin-top: 2px !important;
    margin: 0 !important;
}

.input-separator {
    background: #ddd !important;
    height: 32px !important;
    margin-top: 9px !important;
    width: 1px !important;
}

.search_icon {
    background: #e00707 !important;
    color: #fff !important;
    width: 54px !important;
    text-align: center !important;
    display: block !important;
    border: 0px !important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    line-height: 44px !important;
    font-size: 22px !important;
    cursor: pointer !important;
    transition: all .3s ease-in-out !important;
}

.search_icon:hover {
    background: rgba(224, 7, 7, 0.8) !important;
}

.nav-0 {
    transition: visibility 1s, opacity 0.5s linear;
}

a.button.border {
    top: 5px !important;
}

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

    .search_desc,
    .search_loc {
        width: 100% !important;
        box-shadow: 0px 0px 9px rgb(0 0 0/9%) !important;
    }

    a.button.border {
        top: 0 !important;
    }

    .text-center {
        text-align: center !important;
    }

    .search_loc {
        margin-bottom: 5px !important;
    }

    input {
        margin-left: 2px !important;
    }

    input:focus {
        outline: 2px solid #027a97 !important;
    }

    .search_icon {
        width: 100% !important;
        margin-top: 2px !important;
    }

    .input-separator {
        background: #ddd !important;
        height: 1px !important;
        width: 100% !important;
    }

    .nav-0 {
        display: none;
    }

    .search_icon {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }
}
i.fa-regular.fa-circle-xmark,p.clr_rd{
    color: red!important;
}
p.clr_grn{
    color: green!important;
}
.cursor-pointer{
    cursor: pointer;
}
span.cursor-pointer a{
    color: var(--secondary_font_color)!important;

}
ul.lst li a{
    font-size: 17px;
}
.dltbtn{
    cursor: pointer;
}
.antiquewhite{
    background: antiquewhite;
}
.threedots span{
    margin-right: 10px;border:none
}
.threedots {
    align-content: center;
}
i.fa-solid.fa-bookmark {
    color: #FF7700 !important;
}