/* @font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular.ttf);
} */

/*=======================================
 import Montserrat 
=======================================*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Onest:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Satisfy&display=swap');

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest/Onest-Bold.ttf);
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest/Onest-ExtraBold.ttf);
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest/Onest-SemiBold.ttf);
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest/Onest-Medium.ttf);
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest/Onest-Regular.ttf);
}

:root {
    /* --theme-primary: #3651A2; */
    --theme-primary: #007fc0;
    --theme-accent: #F5A41D;
    --theme-secondary: #F5F7F8;
    --theme-white-rgb: 255, 255, 255;
    --theme-black-rgb: 0, 0, 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Onest';
}

/* site preloader */
.loader-bg {
    width: 100%;
    padding: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    transition: 0.3s linear;
    background: #000000b5;
    position: fixed;
    z-index: 999999;
    height: 100%;
}

.loader-11 {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 5px solid;
    border-color: #008ad0 #008ad0 transparent transparent;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.loader-11:after,
.loader-11:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid;
    border-color: transparent transparent var(--theme-accent) var(--theme-accent);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-animation: rotationBack 0.5s linear infinite;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.loader-11:before {
    width: 75px;
    height: 75px;
    border-color: #FFF #FFF transparent transparent;
    -webkit-animation: rotation 1.5s linear infinite;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* end site preloader */
.blog-details-page .blog-banner img {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    object-position: center;
}

.blog-right-contact-section.new-contact-form-section {
    background-color: #DBE4FF;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
    display: inline-block;
}

.round-button i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3952A2;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
}

.light-grey {
    color: #B2B2B2;
}

.dark-grey {
    color: #828282;
}

.yellow {
    color: #F4A41D;
}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #000;
}

p {
    margin: 0;
    font-size: 24px;
    font-family: 'Onest';
}

.h-auto {
    height: auto !important;
}

.single-trending .content-section p {
    margin: 0;
    font-size: 18px;
    font-family: 'Onest';
    line-height: 24px;
}

.common-btn a {
    font-size: 16px;
    color: #fff;
    background-color: var(--theme-primary);
    border-radius: 12px;
    padding: 14px 45px;
    display: inline-block;
    text-align: center;
    font-family: 'Onest';
    font-weight: 600;
    line-height: 1.4em;
}

.common-btn-inactive a {
    font-size: 16px;
    color: var(--theme-primary);
    background-color: #fff;
    border-radius: 12px;
    border: 2px solid var(--theme-primary);
    padding: 14px 45px;
    display: inline-block;
    text-align: center;
    font-family: 'Onest';
    font-weight: 600;
    line-height: 1.4em;
}

.common-btn-inactive a img {
    width: 25px;
    margin-right: 20px;
}

.subtitle p {
    font-size: 26px;
}

.heading p {
    font-size: 16px;
    margin: 0;
}

/* p.description {
    color: #A5A5A5;
    font-size: 24px;
    margin: 0;
} */

.heading h5 {
    /* font-size: 24px; */
    /* color: #fff; */
    margin: 0;
    /* font-weight: 600; */
    /* color: #242222; */
    font-family: 'Onest';
}

/* a.common-btn {
    font-size: 18px;
    background-color: #fff;
    color: #579EFF;
    display: inline-block;
    padding: 8px 35px;
    text-decoration: none;
    border-radius: 18px;
    line-height: 24px;
} */
a.common-btn,
html body .ctm-btn-area .ctm-btn,
.ctm-btn {
    display: inline-block;
    color: #fff;
    /* background-color: #3952A2; */
    background-color: #007fc0;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 14px 40px;
    letter-spacing: 0.6px;
    border: none;
    cursor: pointer;
    border-radius: 15px;
    min-width: 180px;
    transition: all 0.4s;

    &:hover {
        background-color: var(--theme-accent);
        color: #fff;
    }

    &.ctm-outline-btn {
        background-color: transparent;
        color: #007fc0;
        outline: 2px solid #007fc0;
        outline-offset: -2px;

        &:hover {
            background-color: var(--theme-accent);
            color: #fff;
            outline-color: var(--theme-accent);
        }
    }
}

a.common-btn {
    padding: 8px 20px;
    border-radius: 15px;
    min-width: 140px;
}

.lumber {
    background-color: #FFE3CB;
}

.mimi-Pink {
    background-color: #FFD7E3;
}

.alice-Blue {
    background-color: #E6F2FF;
}

.Vista-Blue {
    color: #869BDE;
}

.chinese-blue {
    color: var(--theme-primary);
}

/* common styles */

.section-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
}

.section-subtitle {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #A5A5A5;
}

/* -------------- */

header {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

header .menu {
    padding: 0 50px;
}

header .menu .navbar {
    height: 80px;
}

header .menu .navbar .navbar-brand img {
    width: 170px;
}

header .menu .navbar .navbar-collapse {
    justify-content: end;
}

header .menu .navbar .navbar-collapse ul li {
    position: relative;
}

header .menu .navbar .navbar-collapse ul li.active::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 45px;
    background-color: #08509D;
    left: 50%;
    transform: translateX(-50%);
    top: -14px;
}

header .menu .navbar .navbar-collapse ul li.active::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #08509D;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
}

header .menu .navbar .navbar-collapse ul li a {
    padding: 0 25px;
    font-size: 17px;
    font-family: 'Onest';
    color: #000;
}

header .menu .navbar .navbar-collapse .header-profile {
    padding-left: 25px;
}

header .menu .navbar .navbar-right .header-profile {
    position: relative;
}

header .menu .navbar .header-profile a img {
    width: 35px;
}

.profile-list {
    padding: 25px 25px;
    background: #FFFFFF;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.25);
    border-radius: 20px 20px;
    position: absolute;
    top: 100px;
    z-index: 115;
    right: -78px;
    display: none;
}

header .menu .navbar .navbar-right .profile-btn {
    margin-left: 60px;
}

header .menu .navbar .navbar-right .profile-btn img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

header .menu .navbar .navbar-right .profile-list::before {
    position: absolute;
    content: '';
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.profile-list.show {
    display: block;
}

header .menu .navbar .navbar-right .profile-list ul li {
    display: block;
    padding-bottom: 15px;
}

header .menu .navbar .navbar-right .profile-list ul li:last-child {
    padding-bottom: 0;
}

header .menu .navbar .navbar-right .profile-list ul li a {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    color: #2C2C2C;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
    margin-right: 28px;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo.yellow {
    background-color: #FFDD78;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo.light-yellow {
    background-color: #FFFDC6;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo.ball-blue {
    background-color: #2FA8CC;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo.purple {
    background-color: #514C7E;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo.orange {
    background-color: #FF8E3D;
}

header .menu .navbar .navbar-right .profile-list ul li a .profile-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
}

.home-page {
    background-color: var(--theme-secondary);
    padding-bottom: 20px;
}

.home-page .col-lg-3 {
    padding: 0;
    z-index: 11;
}

.home-page .category-section {
    background-color: #fff;
    margin-top: 22px;
    padding: 20px 80px 0;
    border-top-right-radius: 16px;
    position: relative;
}

.home-page .category-section .category-list {
    padding-bottom: 25px;
}

.home-page .category-section .category-list ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.home-page .category-section .category-list ul li {
    padding-bottom: 10px;
    display: block;
}

.single-category {
    display: flex;
    /* justify-content: space-between;*/
    align-items: center;
}

.single-category img {
    width: 35px;
    height: 35px;
    margin-right: 15px;
}

.single-category p {
    font-weight: lighter;
    width: 150px;
    font-size: 16px;
}

.home-page .category-section .header {
    color: #000;
    padding-bottom: 20px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
}

.home-page .category-section .button-section ul li {
    padding-bottom: 20px;
}

.home-page .category-section .button-section ul li a {
    padding: 10px 14px;
    display: inline-block;
    border: 1px solid #869BDE;
    border-radius: 9px;
    font-size: 16px;
    color: #3952A2;
    width: 100%;
}

.home-page .category-section .button-section ul li a i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 9px;
    border: 1px solid #3952A2;
    margin-right: 15px;
}

.home-page .category-section-bottom {
    padding: 0 90px;
    background-color: #ebf0ff;
}

.home-page .category-section-bottom .button-section .common-btn {
    color: #fff;
    background-color: #3952A2;
    /* width: 100%; */
    text-align: center;
    padding: 12px 32px;
    margin: 30px 0;
}

/* .home-page .home-page-right {
    padding: 30px 70px 20px;
} */
.home-page .home-page-right {
    padding: 30px 00px 20px;
}

.home-page .home-page-right .search-section {
    padding-bottom: 10px;
}

.search-area {
    position: relative;
}

.search-area input {
    height: 66px;
    width: 100%;
    border-radius: 12px;
    border-style: none;
    padding-left: 32%;
    color: var(--theme-primary);
    font-weight: 700;
}

.search-area input:focus {
    outline: none;
}

.search-area .place-search {
    position: absolute;
    width: 30%;
    top: 50%;
    left: 1%;
    transform: translateY(-50%);
}

.search-area .image-section {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
}

.search-area .place-search input {
    height: 50px;
    border-radius: 12px;
    border-style: none;
    background-color: #E7EFF3;
    padding-left: 15px;
}

.search-area .place-search .locate-btn {
    position: absolute;
    right: 0;
}

.search-area .place-search a i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    background-color: #F4A41D;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
}

.user-notification ul {
    padding: 10px 18px;
    background-color: #fff;
    border-radius: 18px;
    display: flex;
    gap: 15px;
    justify-content: center;
    box-shadow: 3px 3px 35px rgb(0 0 0 / 8%);
}

.user-notification ul li a {
    height: 55px;
    width: 55px;
    display: inline-block;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
}

.about-section .slick-list {
    padding-top: 3.5% !important;
    padding-bottom: 6% !important;
    padding-left: 15% !important;
    padding-right: 15% !important;
}

.about-section .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.about-section .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s, opacity 1s;
}

.about-section.slick-snext,
.about-section .slick-sprev {
    display: block;
}

.about-section .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    transform: translate3d(0, 0, 20px);
    z-index: 2;
}

.about-section .slick-snext {
    opacity: 1;
    transform: translate3d(20%, 0, 0px);
    z-index: 1;
}

.about-section .slick-sprev {
    opacity: 1;
    transform: translate3d(-20%, 0, 0px);
}

.about-section .test {
    display: block;
    width: 100%;
    height: 300px;
}

.about-section .test img {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.about-section .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    align-items: center;
    bottom: -25px;
}

.about-section .slick-dots li {
    margin: 0 0.25rem;
}

.about-section .slick-dots li {
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #D5E4F5;
    text-indent: -9999px;
    transition: all 0.6s;
}

.about-section .slick-dots li.slick-active {
    background-color: #007AFF;
    height: 5px;
    width: 50px;
    border-radius: 50px;
}

.about-section .slick-prev,
.about-section .slick-next {
    top: unset;
    bottom: -45px;
    z-index: 1;
    border: 1px solid #3952A2;
    height: 45px;
    width: 45px;
    border-radius: 5px;
}

.about-section .slick-prev:before,
.about-section .slick-next:before {
    color: #000;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.about-section .slick-prev {
    left: 10%;
}

.about-section .slick-prev:before {
    content: '\f053';
}

.about-section .slick-next {
    right: 10%;
}

.about-section .slick-next:before {
    content: '\f054';
}

.about-section .rev_slider .test {
    position: relative;
}

.about-section .rev_slider .test .content-section {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6%;
}

.about-section .rev_slider .test .content-section .heading h5 {
    color: #fff;
}

.about-section .rev_slider .test .content-section ul {
    padding: 20px 0 45px 20px;
}

.about-section .rev_slider .test .content-section ul li {
    list-style-type: disc;
    color: #fff;
    padding-bottom: 5px;
    display: block;
}

.service-section {
    padding-top: 20px;
}

.service-section .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .section-header h6 {
    font-size: 28px;
    margin: 0;
    color: #000;
    line-height: 36px;
} */

.service-section .service-content {
    padding: 12px 0;
}

.service-section .service-content ul li {
    display: inline-block;
    padding: 0 15px 15px 0;
}

.single-service {
    display: inline-block;
    width: 220px;
    text-align: center;
    padding: 12px 0;
    border-radius: 14px;
    background-color: #fff;
    height: 100%;
}

.single-service img {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}

.single-service p {
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    color: #000;
    font-family: 'Onest';
}


/*trending section*/

.trending-section .section-header {
    display: flex;
    justify-content: space-between;
}

.trending-section .section-header .button-section a {
    display: inline-block;
    padding-right: 10px;
}

.trending-section .section-header .button-section a i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #3952A2;
    border-radius: 5px;
    color: #000;
}

.trending-section .trending-bottom {
    padding: 15px 0 0 0;
}

.trending-section .trending-bottom .col-lg-4,
.trending-section .trending-bottom .col-xl-4 {
    z-index: 111;
}

.single-trending {
    padding: 0 20px;
    /* margin-bottom: 40px; */
    display: flex;
    flex-direction: column;
    height: 100%;
}

.single-trending .image-section img {
    width: 100%;
    height: 160px;
    border-radius: 16px 16px 0 0;
}

.single-trending .content-section {
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 11%);
    position: relative;
    border-bottom-left-radius: 16px;
    z-index: 11;
    height: 100%;
    margin-bottom: 30px;
}

.single-trending .content-section .sub-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single-trending .content-section ul li {
    display: block;
    line-height: 20px;
}

.single-trending .content-section .sub-title span {
    font-size: 18px;
}

.single-trending .content-section ul li a {
    color: #000;
    padding: 4px 0;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
}

.single-trending .content-section .button-section {
    position: absolute;
    bottom: -16%;
    right: -12%;
}

.single-trending .content-section .button-section a {
    display: inline-block;
    border: 12px solid var(--theme-secondary);
    background-color: var(--theme-secondary);
    border-radius: 50%;
}

.single-trending .content-section .button-section a i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background-color: #D5E4F5;
    font-size: 24px;
    box-shadow: 0 0 6px rgb(213 228 245 / 26%);
    color: #3952A2;
    transition: all 0.4s;

    &:hover {
        background-color: #ffe8c2;
        color: var(--theme-accent);
    }
}

.trending-section .trending-bottom .button-section .common-btn {
    color: #fff;
    background-color: #3952A2;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 16px 45px;
}


/*blog section*/

.blog-section .section-header .button-section .small-btn {
    background-color: #D5E4F5;
    color: #8599D9;
    font-size: 18px;
    padding: 12px 38px;
    border-radius: 10px;
    display: inline-block;
}

.blog-section {
    padding: 0 55px 40px;
    background-color: var(--theme-secondary);
    position: relative;
    z-index: 1;
}

/* .blog-section .section-header h6 {
    padding-bottom: 5px;
    font-family: 'Onest';
    font-weight: bold;
} */

/* .blog-section .section-header p {
    color: #A5A5A5;
    font-size: 16px;
    line-height: 24px;
} */

.blog-section .section-header .button-section {
    float: right;
}

/* .blog-section::after {
    position: absolute;
    content: '';
    width: 75%;
    height: 95vh;
    top: -460px;
    left: 0;
    background-color: #EBF0FF;
    z-index: -1;
} */

.single-blog .image-section {
    position: relative;
    margin: 20px 0 15px;
    overflow: hidden;
    border-radius: 16px;
}

.single-blog .image-section img {
    width: 100%;
    height: 220px;
}

.single-blog .icon-section {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-radius: 10px 0 0 0;
    transition: all 0.4s;

    &:hover {
        background-color: var(--theme-accent);
        color: #000;
    }
}

.single-blog .icon-section img {
    padding: 16px;
    height: 60px;
    width: 60px;
}

.single-blog .content-section p {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 5px;
    line-height: 28px;
}

.single-blog .content-section p.description {
    font-size: 16px;
    font-weight: 400;
    color: #595959;
    padding-bottom: 0;
    line-height: 22px;
}


/*user-review-section*/

.user-review-section {
    padding: 0 55px;
    background-color: var(--theme-secondary);
}

.user-review-section .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .user-review-section .section-header .button-section a {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 12px 40px;
    letter-spacing: 0.6px;
    color: #fff;
    background-color: #3952A2;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
} */

.user-review-section .section-header .button-section a img {
    width: 15px;
}

.user-review-section .user-review-content {
    padding: 20px 0 30px 0;
}

.single-user-review {
    padding-bottom: 10px;
}

.single-user-review .user-info {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.single-user-review .user-info .user-name {
    padding-left: 15px;
}

.single-user-review .user-info img {
    width: 90px;
    border-radius: 16px;
    height: 90px;
}

.single-user-review .date p {
    color: #000;
    font-size: 16px;
}

.single-user-review .place p {
    color: #B2B2B2;
    font-size: 16px;
    line-height: 24px;
}

.single-user-review .user-info .user-name .title p {
    font-family: 'Onest';
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
}

.single-user-review .user-info .user-name ul li {
    display: inline-block;
    margin-right: 2px;
}

.single-user-review .user-info .user-name ul li i {
    color: #F4A41D;
}

.single-user-review .content-section {
    padding-top: 10px;
}

.single-user-review .content-section p {
    padding-bottom: 5px;
    font-size: 16px;
    text-align: justify;
}

.single-user-review .content-section a {
    /* padding-top: 20px; */
    font-weight: 600;
    display: inline-block;
}

footer {
    padding: 30px 55px;
}

footer .section-header {
    padding-bottom: 30px;
}

footer .section-header a img {
    width: 190px;
}

footer .footer-content .footer-list p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

footer .footer-content .footer-list ul {
    padding-top: 10px;
}

footer .footer-content .footer-list ul li {
    padding-bottom: 6px;
    display: block;
}

footer .footer-content .footer-list ul li a {
    color: #3E3E3E;
    font-size: 16px;
    font-weight: 400;
}


/*register page*/

.register-section .col-lg-6 {
    padding: 0;
}

.register-section .register-left {
    background-color: #C4D2FF;
    padding: 60px 0;
    height: 100%;
}

.register-section .register-left .logo-section {
    padding: 0 100px;
    text-align: center;
}

.register-section .register-left .logo-section a img {
    width: 270px;
}

.register-section .register-left .content-section {
    padding: 0 100px 50px;
    text-align: center;
}

.register-section .register-left .content-section img {
    width: 270px;
}

.register-section .register-left .content-section .heading h5 {
    color: var(--theme-primary);
    font-weight: bold;
    padding: 30px 0 20px;
}

.register-section .register-left .content-section p {
    color: #3E3F42;
    font-weight: 600;
    line-height: 34px;
}

.register-section .register-left .image-section {
    text-align: end;
}

.register-section .register-left .image-section img {
    width: 500px;
}

.register-section .register-right {
    padding: 60px 100px;
}

.register-section .register-right .form-section {
    text-align: center;
    padding-bottom: 30px;
}

.register-section .register-right .form-section .image-section {
    padding-bottom: 20px;
}

.register-section .register-right .form-section .image-section img {
    width: 220px;
}

.register-section .register-right .form-section h5.heading {
    color: #222223;
    font-weight: 700;
}

.register-section .register-right p {
    font-weight: 500;
    color: #B4B6BD;
    font-size: 15px;
}

.register-section .register-right p a {
    color: var(--theme-primary);
}

.register-section .register-right .form-section p {
    padding: 10px 0 25px;
}

.register-section .register-right .form-content form .col-lg-6 {
    padding: 0 15px;
}

.register-section .register-right .form-content form .common-btn {
    text-align: center;
    padding-bottom: 20px;
}

.register-section .register-right .form-content form .common-btn a {
    font-size: 24px;
    padding: 20px 80px;
}

.register-section .register-right .form-content form .common-btn-inactive a {
    font-size: 24px;
    padding: 20px 90px;
}

.signup {
    color: var(--theme-primary);
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 14px 0;
    background-color: #EBF0FF;
    border-radius: 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.signup:hover {
    color: var(--theme-primary);
}

.signup img {
    width: 30px;
    margin-right: 20px;
}

.register-section .register-right .form-section .linebreak p {
    padding: 0;
}

.linebreak p {
    font-weight: 500;
    color: #bdbdbd;
    text-align: center;
    display: block;
    position: relative;
}

.linebreak p::before {
    position: absolute;
    content: '';
    height: 1.5px;
    left: 0;
    width: 40%;
    top: 50%;
    background-color: #bdbdbd;
}

.linebreak p::after {
    position: absolute;
    content: '';
    height: 1.5px;
    right: 0;
    width: 40%;
    top: 50%;
    background-color: #bdbdbd;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}

label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

.form-control {
    height: 48px;
    border-radius: 12px;
    border: 1px solid #bdbdbd;
    font-size: 16px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #bdbdbd;
}

.password-notice p {
    color: #B4B6BD;
    font-size: 22px;
    padding-top: 20px;
    display: inline-block;
}

form .form-group .custom-checkbox a {
    color: var(--theme-primary);
}

form .form-group .pass-icon {
    position: relative;
}

form .form-group .image-section {
    position: absolute;
    width: 25px;
    top: 50%;
    transform: translateY(-50%);
}

form .form-group .image-section button {
    border: none;
    background: none;
    cursor: pointer;
}

.forgot-pass a {
    color: var(--theme-primary);
    font-size: 20px;
    font-weight: 600;
    float: right;
}

form .button-section {
    text-align: center;
    padding-top: 30px;
}

/* .button-section button {
    font-size: 20px;
    padding: 22px 70px;
    line-height: 28px;
    border-radius: 20px;
    background-color: var(--theme-primary);
    color: #fff;
    font-weight: 600;
    border: none;
    cursor: pointer;
} */

.button-section button.inactive {
    background-color: #fff;
    color: #000;
    border: 1px solid var(--theme-primary);
    margin-left: 18px;
}

.button-section button:focus {
    box-shadow: none;
    outline: none;
}

form .modal .modal-dialog {
    max-width: 700px;
}

form .modal .modal-content {
    box-shadow: 0px 2px 16px 2px rgb(0 0 0 / 25%);
    border-radius: 25px;
}

form .modal .modal-content .modal-body .description {
    padding: 27px 0 57px;
}

form .modal .modal-content button {
    padding: 35px 96px;
    margin: 50px 0;
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 80px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 48px;
    width: 48px;
    background-color: #E1E9FF;
    border-radius: 5px;
    transform: translateY(-50%);
}

.custom-checkbox input:checked~.checkmark {
    background-color: #c4d2ff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked~.checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 50%;
    top: 50%;
    width: 8px;
    height: 16px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.sign-in .register-right .form-section {
    padding-bottom: 0;
}


/*otp page*/

form .digit-group label {
    display: block;
    margin-bottom: 20px;
}

html body form .digit-group input {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border: 2px solid var(--theme-primary);
    text-align: center;
    font-size: 16px;
    color: white;
    margin-right: 10px;
    border-radius: 10px;
}

form .digit-group input:focus {
    outline: var(--theme-primary);
    border-color: var(--theme-primary);
}

form .digit-group input.active {
    background-color: var(--theme-primary);
}

form .digit-group .splitter {
    padding: 0 5px;
    color: #222020;
    font-size: 24px;
    margin-right: 30px;
}

.register-right .form-content form .description {
    padding-top: 40px;
    text-align: center;
}


/*advertisement1 page*/

.advertisement1-section,
.common-section {
    padding: 40px 60px;
    background-color: var(--theme-secondary);
}

.advertisement1-section .section-header {
    padding-bottom: 30px;
}

.advertisement1-section .section-header p {
    color: #666666;
    padding-top: 5px;
}

select.form-control {
    height: 48px !important;
}

/*common select2 dropdown*/

.select2-container .select2-selection--single {
    height: 48px;
    border-radius: 12px;
    border: 2px solid #bdbdbd;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    color: #828282;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 20px;
}

.select2-results__option {
    display: block;
}

.input-group-text {
    padding: 0;
    border-radius: 16px 0 0 16px;
    border: none;
    background-color: #E1E5F0;
}

.input-group-text .form-control {
    border: 2px solid #E1E5F0;
    background-color: #E1E5F0;
}

.input-group-text .select2-container {
    width: 150px;
}

.input-group-text .select2-container .select2-selection--single {
    border-radius: 12px 0 0 12px;
    background-color: #E1E5F0;
}

.add-more-btn a {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    display: block;
    height: auto;
}

.add-more-btn i {
    border: 2px solid #292D32;
    color: #000;
    padding: 4px 4.82px;
    font-size: 13px;
    border-radius: 6px;
    margin-right: 8px;
}
.remove_field {
    transition: all 0.3s ease;
    margin-left: 3px;
    margin-top: 2px !important;
    display: inline-block;
}
.remove_field:hover {
    transition: all 0.3s ease;
    color: var(--theme-primary);
}
.single-promotion {
    background-color: #fff;
    box-shadow: 0px 3px 16px 2px rgba(54, 81, 162, 0.16);
    border-radius: 20px;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px 20px;
    text-align: center;
    border: 2px solid #fff;
}

.single-promotion img {
    padding: 12px 12px;
    background-color: #E5ECFF;
    border-radius: 15px;
    margin-bottom: 25px;
    width: 70px;
    border: 2px solid #fff;
}

.single-promotion p {
    /* height: 70px; */
    font-size: 18px;
    font-weight: 600;
    color: #29292B;
}


/* p.sub-title{
    font-size: 25px;
    font-weight: 600;
    color: #29292B;
    margin: 0;
} */

.promotion-section {
    padding-bottom: 50px;
}

.promotion-section .section-header {
    padding-bottom: 25px;
}

.promotion-section .promotion-content ul {
    display: flex;
    flex-wrap: wrap;
}

.promotion-section .promotion-content ul li {
    width: 20%;
    flex-wrap: wrap;
    margin-right: 30px;
    cursor: pointer;
}

.promotion-content ul li.active .single-promotion img {
    border: 2px solid var(--theme-primary);
}

.promotion-content ul li.active .single-promotion {
    border: 2px solid var(--theme-primary);
    background-color: #E5ECFF;
}

.promotion-content ul li.active .single-promotion p.sub-title {
    color: var(--theme-primary);
}

.promotion-content ul li:last-child {
    margin-right: 0;
}

.business-category-section {
    padding-bottom: 50px;
}

.single-business-category {
    cursor: pointer;
    text-align: center;
    margin-right: 15px;
}

.single-business-category img {
    padding: 20px 20px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 15px;
    border: 2px solid #fff;
    width: 85px;
    height: 85px;
    display: inline-block;

    &:hover {
        background-color: #fff1d7;
    }
}

.single-business-category p {
    color: #3E3E3E;
    font-size: 18px;
    line-height: 32px;
}

.business-category-section .section-header {
    padding-bottom: 25px;
}

.single-business-category.active img {
    border: 2px solid var(--theme-primary);
    background-color: #E0E8FF;
}

.single-business-category.active p {
    color: var(--theme-primary);
}

.sub-category-section {
    padding-bottom: 40px;
}

.sub-category-section .section-header {
    padding-bottom: 25px;
}

.single-sub-category {
    font-size: 18px;
    color: var(--theme-primary);
    background-color: #fff;
    border: 1px solid var(--theme-primary);
    padding: 12px 36px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 20px 20px 0;
    font-weight: 600;

    &:hover {
        color: var(--theme-primary);
    }

    &.active {
        color: #fff;
        background-color: var(--theme-primary);
    }
}

.sub-category-content ul li.active .single-sub-category {
    color: #fff;
    background-color: var(--theme-primary);
}

/* .keyword-section {
    padding-bottom: 40px
} */

.keyword-section .section-header {
    padding-bottom: 25px;
}

.keyword-section .search-area input {
    background-image: none;
    padding-left: 70px;
}

.search-area .form-group {
    position: relative;
}

.file-upload-section {
    padding-bottom: 30px;
}

.file-upload .image-box {
    height: 380px;
    background: #E5ECFF;
    cursor: pointer;
    overflow: hidden;
    border: 2.2px dashed var(--theme-primary);
    /* border-radius: 18px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.file-upload .image-box .image-section img {
    display: inline-block;
}

.file-upload .image-box img {
    height: 100%;
    width: 100%;
    /* display: none; */
}

.file-upload .image-box p {
    font-size: 32px;
    color: #313131;
    font-weight: 600;
}

.file-upload .image-box .subtitle {
    padding-top: 30px;
}

.file-upload .image-box .subtitle p {
    color: #666666;
    font-size: 26px;
}

.file-upload .image-box .image-section {
    padding-bottom: 60px;
}

.offer-calculate {
    padding-bottom: 30px;
}

.offer-calculate .section-header {
    padding-bottom: 25px;
}

.add-text-section {
    padding-bottom: 25px;
}

.add-text-section .section-header {
    padding-bottom: 25px;
}

.advertisement1-section .button-section {
    text-align: center;
    gap: 15px;
}

.advertisement1-section .button-section .common-btn {
    padding-bottom: 50px
}


/*inquiry page*/

.inquiry-section {
    padding: 60px 80px;
    background: linear-gradient(90deg, #E2EBF8 0%, #EBF0FA 95.18%);
}

.inquiry-section .inquiry-area .col-lg-6 {
    padding: 0;
}

.inquiry-section .inquiry-area .image-section {
    height: 100%;
}

.inquiry-section .inquiry-area .image-section img {
    border-radius: 20px 0 0 20px;
    height: 730px;
    width: 100%;
}

.inquiry-section .inquiry-form .section-header p {
    color: #666;
    font-weight: 500;
}

.inquiry-section .inquiry-form .section-header p a {
    color: var(--theme-primary);
}

.inquiry-section .inquiry-form {
    background-color: #fff;
    padding: 40px 45px;
    border-radius: 20px 0 0 20px;
}

.inquiry-section .inquiry-form .section-header {
    padding-bottom: 30px;
}

.inquiry-section .inquiry-form .section-header .heading {
    padding-bottom: 5px;
}


/*category webpage*/

.category-webpage {
    background-color: var(--theme-secondary);
    padding-top: 30px;
}

.category-webpage .search-section {
    padding: 0 110px 30px;
}

.category-webpage .search-section .button-section .common-btn-inactive a {
    font-size: 18px;
    width: unset;
    padding: 14px 20px;
}


/* .category-webpage .search-section .button-section .common-btn-inactive a img{
    padding-right: 20px;
} */

.search-area-location .search-area input {
    padding-left: 18%;
}

.search-area-location .search-area .place-search .locate-btn {
    position: absolute;
    right: unset;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.category-webpage .slider-section {
    padding: 0 100px 30px;
}

.category-webpage .slider-section .single-slider img {
    width: 97%;
    height: 250px;
    border-radius: 25px;
}

.baby-care-section .section-header {
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
}

.baby-care-section .section-header .button-section a {
    color: var(--theme-primary);
    font-size: 22px;
}

.baby-care-section .baby-care-content .col-lg-3 {
    padding: 0;
}

.baby-care-section .baby-care-content .filter-section {
    padding: 25px 40px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 20px rgba(163, 163, 163, 0.14);
    border-radius: 0 12px 12px 0;
}

.prodNav {
    font-size: 18px;
    background: #E4EBFF;
    border-radius: 32px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding: 5px
}

.prodNav .ptItem {
    padding: 12px 35px;
    line-height: 20px;
    border-radius: 32px;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
    color: var(--theme-primary);
}

.prodNav .ptItem.active {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #ffffff;
}

.prodMain {
    display: none;
    padding: 20px 20px;
}

.prodMain.active {
    display: block;
}

.single-filter-list {
    padding-bottom: 15px;
}

.single-filter-list p {
    font-size: 20px;
    color: var(--theme-primary);
    padding-bottom: 10px;
}

.single-filter-list ul li {
    padding-bottom: 12px;
    display: block;
}

.single-filter-list ul li .custom-checkbox {
    padding-left: 60px;
    font-size: 20px;
    color: #272626;
}

.single-filter-list ul li .checkmark {
    height: 36px;
    width: 36px;
    border: 1px solid #C4D2FF;
    background-color: #ffffff;
}

.prodMain .button-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prodMain .button-section p {
    font-size: 20px;
    color: var(--theme-primary);
    font-weight: 500;
    text-transform: capitalize;
}

.prodMain .button-section a i {
    font-size: 24px;
    color: var(--theme-primary);
}

.baby-care-section .section-header {
    padding-bottom: 20px;
}


/*custom radio*/

.custom-radio {
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radiomark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #BDBDBD;
}

.custom-radio input:checked~.radiomark {
    background-color: var(--theme-primary);
}

.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-radio input:checked~.radiomark:after {
    display: block;
}

.single-filter-list .range-slider-rating {
    padding-bottom: 60px;
}

.range-slider {
    width: 100%;
    position: relative;
}

#range {
    -webkit-appearance: none;
    width: 100%;
}

#range:focus {
    outline: none;
}

#range::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animation: 0.2s;
    background: linear-gradient(90deg, var(--theme-primary) var(--range-progress), #C4D2FF var(--range-progress));
    border-radius: 1rem;
}

#range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 0.25rem solid var(--theme-primary);
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    height: 36px;
    width: 36px;
    transform: translateY(calc(-50% + 5px));
    background-image: url(../images/star\ 39.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#tooltip {
    position: absolute;
    bottom: -1.25rem;
}

#tooltip span {
    position: absolute;
    text-align: center;
    display: block;
    line-height: 1;
    padding: 10px 30px 10px 10px;
    color: #fff;
    border-radius: 8px;
    background: var(--theme-primary);
    font-size: 1.25rem;
    left: 50%;
    transform: translate(-50%, 0);
    background-image: url(../images/star\ 39.png);
    background-repeat: no-repeat;
    background-position: 80% 50%;
}

#tooltip span:before {
    position: absolute;
    content: "";
    left: 50%;
    top: -8px;
    transform: translateX(-50%) rotate(180deg);
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: var(--theme-primary);
}

/* ul.product-category-slider .slick-track{
    width: auto !important;
} */
.product-category-slider li:not(.new-catogery-section li) {
    margin-right: 20px;
    width: auto !important;
}

.product-category-slider li .single-product-category {
    padding: 12px 14px;
    border: 2px solid #BBC7ED;
    border-radius: 13px;
    display: flex;
    align-items: start;
    justify-content: start;
    color: #666666;
    /* text-align: center; */
    font-size: 18px;
    width: 100%;
    margin-bottom: 0;
}

.product-category-slider li .single-product-category img {
    margin-right: 10px;
    display: inline-block;
    width: 25px;
}

.product-category-slider li.active .single-product-category {
    color: var(--theme-accent);
    border: 2px solid var(--theme-accent);
}

.baby-care-category-right .sub-category-content {
    padding-bottom: 30px;
}

.baby-care-category-right .single-sub-category {
    border-radius: 10px;
    font-size: 18px;
    color: #666666;
    background-color: unset;
    padding: 10px 20px;
    margin: 0 15px 15px 0;
    line-height: 26px;
}

.baby-care-category-right ul li.active .single-sub-category {
    background-color: #C2D2FF;
    color: var(--theme-primary);
}

.baby-care-section .baby-care-category-right .product-category-content {
    padding-bottom: 40px;
}

.single-product-category {
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 30px;
}

.single-product-category .product-category-detail {
    padding: 5px 10px;
}

.single-product-category .product-category-detail .image-section {
    position: relative;
    padding-bottom: 10px;
}

.single-product-category .product-category-detail .image-section .button-section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .4s ease;
}

.single-product-category .product-category-detail .image-section .button-section a {
    padding: 8px 15px;
    background-color: rgba(20, 29, 58, 0.85);
    border-radius: 18px;
    color: #fff;
    font-size: 14px;
}

.single-product-category .product-category-detail .image-section .button-section a i {
    color: #fff;
}

.single-product-category .product-category-detail img {
    width: 100%;
    border-radius: 20px;
}

.single-product-category .product-category-detail .heading {
    padding: 2px 0;
}

.single-product-category .product-category-detail .heading h5 {
    font-size: 18px;
    color: #000;
}

.single-product-category .product-category-detail a {
    font-size: 16px;
    color: #666;
    padding-bottom: 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.single-product-category .product-category-detail a i {
    padding-right: 5px;
    color: var(--theme-primary);
}

.single-product-category .product-category-rating {
    background-color: #C4D2FF;
    padding: 12px 10px;
    border-radius: 0 0 20px 20px;
}

.single-product-category .product-category-rating p {
    color: #212122;
    font-size: 16px;
}

.single-product-category .product-category-rating ul li {
    color: var(--theme-primary);
    font-size: 16px;
    font-weight: 500;
}

.single-product-category .product-category-rating .rating {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    align-items: center;
}

.rating ul li i {
    color: var(--theme-accent);
}

.single-product-category .product-category-rating p img {
    padding-right: 10px;
}

.single-product-category:hover .product-category-detail .image-section .button-section {
    opacity: 1;
}

.information-section {
    padding: 30px 90px;
    background-color: #e6f7ff;
    margin-top: 20px;
}

.information-section .content-section {
    padding-bottom: 40px;
}

.information-section .content-section .heading {
    padding-bottom: 25px;
}

.information-section .content-section p {
    font-size: 24px;
    line-height: 29px;
    color: #666;
}

.rating-content {
    padding: 15px 20px;
    background-color: #C3D2FF;
    border-radius: 16px;
}

.rating-content p {
    font-size: 16px;
    color: #212122;
    font-weight: 600;
}

.rating-content .subtitle p {
    color: var(--theme-primary);
}

.rating-content .rating-heading {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}

.rating-content .rating {
    display: flex;
    justify-content: space-between;
}

.profile-tabs-title {
    font-weight: 600;
}

.faq-section {
    padding: 30px 90px;
    margin-top: 40px;
    background-color: #fff;
}

.faq-section .section-header {
    padding-bottom: 20px;
}

.faq-section p {
    font-size: 22px;
}

.faq-section .single-accordion {
    border: unset;
    padding: 16px 40px;
}

.faq-section .single-accordion.active {
    background-color: #e6f7ff;
    border-radius: 16px;
}

.faq-section .card-header {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    border-bottom: unset;
    background-color: unset;
    padding: 5px 5px;
}

.faq-section .card-header .card-link {
    display: flex;
    justify-content: space-between;
}

.faq-section .card-header .card-link .icon-section i {
    color: #666;
}

.faq-section #accordion .single-accordion .card-header .card-link:not(.collapsed) .icon-section i {
    color: var(--theme-primary);
}

.faq-section .card-body {
    font-size: 20px;
    color: #666;
    padding: 0 40px;
}

#nomore-pcities {
    font-size: 22px;
}

.product-link-list {
    padding: 30px 90px;
}

.product-link-list .sub-category-content .single-sub-category {
    padding: 16px 20px;
    font-size: 18px;
    border-radius: 16px;
    margin: 0 20px 20px 0;
    border: 2px solid #BBC7ED;
    color: #666;
    background-color: unset;
}

.product-link-list .sub-category-content ul li.active .single-sub-category {
    background-color: #DBE4FF;
    border: 2px solid var(--theme-primary);
    color: var(--theme-primary);
}

.product-link-list .button-section a {
    font-size: 22px;
    color: var(--theme-primary);
    display: inline-block;
}

.product-link-list .button-section a i {
    padding-left: 8px;
}

.banner-section {
    padding: 0 90px 40px;
}

.banner-section .image-section {
    position: relative;
}

.banner-section .image-section::before {
    position: absolute;
    content: '';
    background-image: url(../images/Vector\ 1.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.banner-section .image-section img {
    background-color: var(--theme-primary);
    width: 100%;
    height: 220px;
}

.banner-section .content-section {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.banner-section .content-section .heading h5 {
    color: #fff;
    padding-right: 50px;
}

.banner-section .content-section .button-section .common-btn a {
    width: unset;
    font-size: 20px;
    padding: 16px 40px;
    background-color: var(--theme-accent);
}

.footer-list .button-section .common-btn-inactive a {
    width: unset;
    padding: 14px 26px;
    font-size: 18px;
    color: var(--theme-primary);
}

.footer-list .button-section .common-btn-inactive a i {
    padding-right: 15px;
    color: #000;
}

.copyright-section {
    padding: 20px 60px;
    background-color: var(--theme-primary);
}

.copyright-section p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.pagination-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination-section p {
    color: var(--theme-primary);
    font-size: 24px;
}

.pagination {
    padding: 24px 32px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 2px 10px 2px rgb(170 184 226 / 37%);
}

.pagination li {
    padding-right: 5px;
}

.pagination-section .pagination .page-link {
    border: 1px solid #fff;
    padding: 8px 14px;
    color: #000;
}

.pagination-section .pagination .page-link i {
    color: var(--theme-primary);
}

.pagination-section .page-item.active .page-link {
    color: #000;
    background-color: #fff;
    border-color: var(--theme-primary);
    border-radius: 10px;
}

.pagination-section .pagination .page-link:focus {
    box-shadow: none;
}

.pagination-section .pagination .page-link:hover {
    color: unset;
    background-color: unset;
}

.product-category-list-horizontal .single-product-category {
    padding: 20px 20px;
}

.product-category-list-horizontal .image-section {
    height: 100%;
}

.product-category-list-horizontal .image-section img {
    border-radius: 20px;
    width: 280px;
}

.product-category-list-horizontal .product-category-rating .order-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-category-list-horizontal .product-category-rating .order-info p {
    color: var(--theme-primary);
}

.product-category-list-horizontal .product-category-rating .order-info .common-btn a {
    width: unset;
    padding: 14px 34px;
    background-color: var(--theme-accent);
    border-radius: 50px;
    font-size: 20px;
    line-height: 28px;
}

.product-category-list-horizontal .single-product-category .product-category-detail .heading h5 {
    font-size: 30px;
}

.product-category-list-horizontal .home-banner-card h5 {
    font-size: 20px !important;
}

.product-category-list-horizontal .single-product-category .product-category-detail a {
    font-size: 24px;
}

.product-category-list-horizontal .single-product-category .product-category-rating {
    padding: 0 10px;
    background-color: #fff;
}

.product-category-list-horizontal .single-product-category .product-category-rating ul li {
    font-size: 20px;
}

.product-category-list-horizontal .single-product-category .product-category-rating p {
    font-size: 24px;
}

.product-category-list-horizontal .single-product-category .product-category-rating .rating {
    justify-content: left;
}

.product-category-list-horizontal .single-product-category .product-category-rating .rating ul {
    padding-right: 25px;
}

header .user-notification ul {
    width: 260px;
}

header .menu .navbar .navbar-collapse .user-notification ul li a {
    padding: 0 0;
}


/*list business page*/

.list-business-section .image-section {
    background: linear-gradient(180deg, #EAF4FF 0%, #FFFFFF 100%);
    height: 100%;
    border-radius: 20px 0 0 20px;
    display: flex;
    align-items: center;
}

.list-business-section .inquiry-form {
    border-radius: 0px 20px 20px 0px;
}


/*list-business-step-section*/

.list-business-step-section .section-header {
    padding: 40px 100px 0px 100px;
    background-color: #EFF5F8;
}

.list-business-step-content {
    background-color: var(--theme-secondary);
}

#multistepsform {
    text-align: center;
    position: relative;
}

#multistepsform fieldset {
    padding-bottom: 60px;
    box-sizing: border-box;
    position: relative !important;
    /* background-color: var(--theme-secondary); */
}

#multistepsform fieldset .section-header .heading h5 {
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
}

#multistepsform fieldset .section-header .description p {
    color: #0058dc;
    color: #8e8d8d;
    text-align: start;
    font-size: 16px;
}

#multistepsform fieldset .form-content {
    text-align: left;
    padding: 50px 100px;
}

#multistepsform fieldset .form-content .add-more-btn {
    /* float: right; */
}

#multistepsform fieldset .form-content .form-group .select2-container {
    width: 100% !important;
}

#multistepsform fieldset:not(:first-of-type) {
    display: none;
}

#multistepsform .action-button {
    background: var(--theme-primary);
    font-weight: bold;
    color: #fff;
    transition: 150ms;
    border: 0 none;
    line-height: 36px;
    border-radius: 1px;
    cursor: pointer;
    padding: 28px 70px;
    border-radius: 20px;
    font-size: 28px;
    border: 2px solid var(--theme-primary);
    width: 400px;
    display: inline-block;
}

#multistepsform .action-button.active {
    background-color: #fff;
    border: 2px solid var(--theme-primary);
    color: #141313;
    margin-right: 50px;
}

#multistepsform .fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2c3e50;
    margin-bottom: 10px;
}

#multistepsform .fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

#multistepsform #progressbar {
    padding: 40px 100px;
    overflow: hidden;
    counter-reset: step;
}

#multistepsform #progressbar li {
    list-style-type: none;
    color: #414141;
    text-transform: capitalize;
    font-size: 18px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 600;
}

#multistepsform #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333232;
    background: transparent;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    border: 2px solid #828282;
}

#multistepsform #progressbar li:after {
    content: "";
    width: 65%;
    height: 1px;
    background: #000000;
    position: absolute;
    left: -33%;
    top: 35%;
    z-index: 0;
}

#multistepsform #progressbar li:first-child:after {
    content: none;
}

#multistepsform #progressbar li.active {
    color: #141414;
}

#multistepsform #progressbar li.active:before,
#multistepsform #progressbar li.active:after {
    background: var(--theme-accent);
    color: white;
    border-color: var(--theme-accent);
}


/*custom toggle switch*/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B0BEC5;
    border: 2px solid #B0BEC5;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: #ECEFF1;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

input:checked+.slider::before {
    background-color: #fff;
}

input:checked+.slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.form-content .content-section {
    padding-bottom: 30px;
}

.form-content .manage-time .button-section .common-btn {
    text-align: left;
}

.form-content .manage-time .button-section .common-btn a {
    padding: 28px 80px;
    font-size: 28px;
    line-height: 36px;
}

.single-time-selection {
    padding-bottom: 15px;
}

.single-time-selection .form-group {
    margin-bottom: 0;
}

.single-time-selection .description {
    display: flex;
    justify-content: center;
}

.single-time-selection .description p {
    font-size: 18px;
    color: #414141;
    font-weight: 600;
}

.single-time-selection .title p {
    font-size: 18px;
    color: #414141;
    font-weight: 600;
}

#multistepsform fieldset .form-content .content-section p {
    color: #666;
    padding-top: 5px;
    line-height: 34px;
    font-size: 16px;
}

#multistepsform fieldset .form-content .payment-method-selection {
    padding: 60px 0;
}

#multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
    width: 28%;
}

#multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li .single-sub-category {
    width: 100%;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #bdbdbd;
    color: #414141;
}

#multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li.active .single-sub-category {
    border-color: var(--theme-primary);
    background-color: #E6ECFF;
    color: var(--theme-primary) !important;
}

.catalog-content {
    display: flex;
}

.catalog-content li {
    flex-wrap: wrap;
    margin-right: 30px;
    width: 20%;
}

.catalog-content li:last-child {
    margin-right: 0;
}

.single-catalog {
    padding: 20px 20px;
    border: 2px solid var(--theme-primary);
    background-color: #fff;
    display: inline-block;
    border-radius: 16px;
    width: 100%;
}

.single-catalog img {
    padding: 15px 15px;
    background-color: #C4D2FF;
    border-radius: 10px;
    margin-bottom: 18px;
    width: 60px;
}

.single-catalog .content-section {
    padding-bottom: 0;
}

.single-catalog .content-section .heading h5 {
    font-size: 20px;
    font-weight: 500;
    color: #242222;
}

.single-catalog .content-section p {
    font-size: 22px;
    color: #666;
}

.catalog-content li.active .single-catalog {
    background-color: var(--theme-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.catalog-content .nav-item .single-catalog {
    height: 100%;
}

.catalog-content li.active .single-catalog img {
    background-color: #fff;
}

.catalog-content li.active .single-catalog .content-section .heading h5 {
    color: #fff;
}

.catalog-content li.active .single-catalog .content-section p {
    color: #fff;
}

#multistepsform fieldset .form-content .catalog-content li.active .single-catalog .content-section p {
    color: #fff;
}

#multistepsform fieldset .form-content .upload-catalog .catalog-content {
    padding: 25px 0 50px 0;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    border: 2px solid var(--theme-primary);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: var(--theme-primary);
}

.catalog-file-upload .file-upload-section {
    padding-bottom: 0;
    padding-top: 25px
}

.catalog-file-upload .file-upload-section .file-upload .image-box {
    height: 215px;
    /* width: 270px; */
    background: #fff;
    gap: 10px;
}

.catalog-file-upload .file-upload-section .file-upload .image-box .icon-section {
    padding-bottom: 25px;
}

.catalog-file-upload .file-upload-section .file-upload .image-box .icon-section a i {
    height: 50px;
    width: 50px;
    border-radius: 10px;
    background-color: #C4D2FF;
    line-height: 50px;
    font-size: 25px;
    color: var(--theme-primary);
}

.catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
    padding: 10px 35px;
    font-size: 18px;
    font-weight: 600;
    color: #414141;
    box-shadow: 0px 3px 8px #C4D2FF;
    display: inline-block;
    background-color: #fff;
    border-radius: 8px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: var(--theme-primary);
}

.list-business-verify-section {
    padding: 60px 80px;
    background-color: var(--theme-secondary);
}

.verification-section {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 14px #D2D8E8;
    padding: 20px 0;
    text-align: center;
}

.verification-section .image-section {
    padding-bottom: 20px;
}

.verification-section .image-section img {
    width: 350px;
}

.verification-section .content-section .heading h5 {
    color: #242222;
    padding-bottom: 20px;
}

.verification-section .content-section p {
    color: #242222;
    line-height: 34px;
    padding-bottom: 30px;
}

.verification-section .content-section .common-btn {
    padding-bottom: 34px;
}

.verification-section .content-section .common-btn a {
    font-size: 30px;
    width: unset;
    padding: 28px 110px;
}

.verification-section .description p {
    color: #99A4C5;
    font-size: 18px;
    margin-top: 15px;

}

.list-business-verify-section .verification-section .form-content form .button-section a {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 15px 2px #C4D2FF;
    border-radius: 10px;
    padding: 20px 40px;
    font-size: 28px;
    color: #414141;
}

.add-input {
    padding-top: 15px;
}

.add-input .remove_field {
    color: var(--theme-primary);
}


/*pricing-page*/

.advertisement1-section .pricing-container .section-header {
    width: 60%;
    display: inline-block;
}

.pricing-switcher {
    display: inline-block;
    text-align: end;
    width: 39%;
}

.ellipse {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(85.76deg, #FD1C5A 3.26%, #FFE7F1 96.87%), linear-gradient(115.66deg, #FD1C5A 10.82%, #FFB1D1 89.34%), linear-gradient(115.66deg, #FD1C5A 10.82%, #FFB1D1 89.34%);
    position: relative;
}

.blue-ellipse {
    background: linear-gradient(85.76deg, #1976D2 3.26%, #E1E9FF 96.87%);
}

.golden-ellipse {
    background: linear-gradient(85.76deg, var(--theme-accent) 3.26%, #FFF7E9 96.87%);
}

.green-ellipse {
    background: linear-gradient(85.76deg, #11D100 3.26%, #EAFFF1 96.87%);
}

.red-ellipse {
    background: linear-gradient(85.76deg, #F5511D 3.26%, #FFE7DF 96.87%);
}

.ellipse::before {
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    background: #fff;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.pricing-header {
    padding-bottom: 15px;
}

.pricing-header .pricing-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.pricing-header .pricing-section .title p {
    font-size: 28px;
    font-weight: 700;
    color: #000;
}

.pricing-header .plan-title .subtitle p {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    line-height: 32px;
}

.pricing-header .plan-title .description p {
    font-size: 20px;
    color: #666;
}

.pricing-switcher .fieldset {
    display: inline-block;
    position: relative;
    /* padding: 2px; */
    border-radius: 56px;
    background-color: #fff;
    box-shadow: 0px 3px 16px 2px rgb(196 210 255 / 30%)
}

.pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 230px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    cursor: pointer;
    font-size: 28px;
    color: #000;
    margin: 0%;
}

.pricing-switcher .switch {
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 230px;
    background-color: var(--theme-primary);
    border-radius: 50em;
    transition: transform 0.5s;
}

.pricing-switcher input[type="radio"]:checked+label+.switch,
.pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
    transform: translateX(230px);
}

.pricing-switcher input[type="radio"]:checked+label {
    color: #fff;
}

.no-js .pricing-switcher {
    display: none;
}

.pricing-list form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pricing-list li {
    position: relative;
    width: 31%;
    margin: 0 25px 25px 0;
}

.pricing-list li.active .pricing-wrapper li,
.pricing-list li:hover .pricing-wrapper li {
    background-color: var(--theme-primary);
}

.pricing-list li.active .pricing-wrapper li .pricing-header .pricing-section .title p,
.pricing-list li:hover .pricing-wrapper li .pricing-header .pricing-section .title p {
    color: #fff;
}

.pricing-list li.active .pricing-wrapper li .pricing-header .plan-title .subtitle p,
.pricing-list li:hover .pricing-wrapper li .pricing-header .plan-title .subtitle p {
    color: #fff;
}

.pricing-list li.active .pricing-wrapper li .pricing-header .plan-title .description p,
.pricing-list li:hover .pricing-wrapper li .pricing-header .plan-title .description p {
    color: #dddddd;
}

.pricing-list li.active .pricing-body .pricing-features li,
.pricing-list li:hover .pricing-body .pricing-features li {
    color: #dddddd;
}

.pricing-list li.active .pricing-body .pricing-features li i,
.pricing-list li:hover .pricing-body .pricing-features li i {
    color: #fff;
}

.pricing-features {
    /* height: 320px; */
    padding-bottom: 60px;
}

.pricing-features>li {
    display: flex;
    padding-bottom: 5px;
    color: #666;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    align-items: baseline;
    margin-bottom: unset;
}

.pricing-features li i {
    color: #11D100;
    padding-right: 12px;
    font-size: 14px;
}

.pricing-wrapper>li .button-section {
    position: absolute;
    text-align: center;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
}

.pricing-wrapper {
    position: relative;
    height: 100%;
}

.pricing-wrapper.is-switched .is-visible {
    transform: rotateY(180deg);
    animation: rotate 0.5s;
}

.pricing-wrapper.is-switched .is-hidden {
    transform: rotateY(0);
    animation: rotate-inverse 0.5s;
    opacity: 0;
}

.pricing-wrapper.is-switched .is-selected {
    opacity: 1;
}

.pricing-wrapper.is-switched.reverse-animation .is-visible {
    transform: rotateY(-180deg);
    animation: rotate-back 0.5s;
}

.pricing-wrapper.is-switched.reverse-animation .is-hidden {
    transform: rotateY(0);
    animation: rotate-inverse-back 0.5s;
    opacity: 0;
}

.pricing-wrapper.is-switched.reverse-animation .is-selected {
    opacity: 1;
}

.pricing-wrapper>li {
    background-color: #ffffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
    padding: 20px 20px;
    width: 100%;
}

.pricing-wrapper>li.is-ended::after {
    display: none;
}

.advertisement1-section .pricing-wrapper li .common-btn {
    padding-bottom: 0;
}

.advertisement1-section .pricing-wrapper li .common-btn button {
    padding: 16px 32px;
    background-color: #fff;
    color: var(--theme-primary);
    border: 2px solid var(--theme-primary);
}

.pricing-wrapper li .common-btn a {
    font-size: 24px;
    color: var(--theme-primary);
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 50px;
    border: 2px solid var(--theme-primary);
    line-height: 32px;
}

.pricing-wrapper .is-visible {
    position: relative;
    z-index: 5;
    height: 100%;
}

.pricing-wrapper .is-hidden {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    transform: rotateY(180deg);
}

.pricing-wrapper .is-selected {
    z-index: 3 !important;
}

.navbar-right {
    padding-left: 70px;
}


/*wishlist page*/

.advertisement1-section .search-area input {
    padding-left: 6%;
    height: 50px;
}

.wishlist-section {
    padding: 40px 50px;
    background-color: #fff;
    border-radius: 25px;
}

.single-wishlist {
    padding: 25px 25px;
    border-radius: 20px;
    border: 2px solid #C4D2FF;
    margin-bottom: 30px;
}

.single-wishlist .image-section {
    padding-bottom: 10px;
    text-align: center;
}

.single-wishlist .image-section img {
    border-radius: 20px;
    width: 100%;
    height: 200px;
}

.wishlist-content .content-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.wishlist-content .content-heading p {
    font-size: 24px;
    font-weight: 600;
}

.wishlist-content .content-heading .icon-section a i {
    padding: 10px;
    border-radius: 50%;
    background-color: #F2F5FF;
    color: #F10C0C;
    font-size: 20px;
}

.information-list li {
    display: block;
    padding-bottom: 8px;
    font-size: 20px;
    color: #666;
}

.information-list li a {
    color: #666;
    display: inline-block;
}

.information-list li a img {
    margin-right: 20px;
    width: 25px;
}

.single-wishlist .rating {
    padding-bottom: 10px;
}

.single-wishlist .rating ul li i {
    font-size: 28px;
}

.wishlist-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wishlist-cart .icon-section i {
    font-size: 36px;
    color: #ED0F0F;
}

.wishlist-cart .common-btn a {
    font-size: 18px;
    color: #fff;
    background-color: var(--theme-accent);
    border-radius: 44px;
    padding: 10px 26px;
    font-weight: 500;
    line-height: 28px;
}


/*profile page main*/

.profile-main-section {
    padding-bottom: 60px;
}

.my-profile-section {
    background-color: #fff;
    border: 2px solid #C4D2FF;
    border-radius: 25px 25px;
}

.my-profile-section .cover-photo img {
    border-radius: 25px 25px 10px 10px;
    height: 280px;
    width: 100%;
}

.my-profile-section .profile-details-section {
    padding: 16px 16px;
    border-radius: 0 0 25px 25px;
}

.my-profile-section .cover-photo {
    position: relative;
}

.my-profile-section .cover-photo .profile-image {
    position: absolute;
    bottom: -35%;
    left: 2%;
}

.my-profile-section .cover-photo .profile-image img {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 2px 14px 1px rgb(196 196 196 / 73%);
}

.profile-information .heading h5 {
    font-size: 32px;
    color: #000;
    padding-bottom: 5px;
    line-height: 40px;
}

.profile-information p {
    font-size: 24px;
    color: #666;
    line-height: 30px;
}

.profile-information .location {
    padding: 10px 0 15px;
}

.profile-information .location p {
    font-size: 18px;
    padding: 8px 20px;
    background-color: #E6ECFF;
    display: inline-block;
    border-radius: 5px;
    line-height: 22px;
}

.social-list ul li {
    padding-right: 20px;
}

.social-list ul li img {
    padding: 8px 8px;
    border-radius: 12px;
    border: 2px solid #C4D2FF;
    width: 45px;
}

.edit-profile a {
    padding: 10px 16px;
    font-size: 20px;
    color: #404040;
    border: 1.6px solid #C4D2FF;
    border-radius: 10px;
    display: inline-block;
}

.edit-profile a img {
    margin-right: 15px;
    width: 30px;
}

.additional-details {
    padding: 20px 20px;
    background-color: #fff;
    border-radius: 25px;
    border: 2px solid #C4D2FF;
    margin-bottom: 20px;
}

.additional-details .details-heading {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}

.additional-details .details-heading .title p {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.details-content {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}

.details-content:last-child {
    padding-bottom: 0;
}

.details-content .icon-section {
    padding-right: 16px;
}

.details-content .list-info p {
    font-size: 18px;
    line-height: 24px;
    color: #C4D2FF;
    padding-bottom: 2px
}

.details-content .list-info p.chinese-blue {
    color: var(--theme-primary);
}

.details-content .list-info p.black-olive {
    color: #3F3F3F;
}

.details-content .list-info p.dark-charcoal {
    color: #2e2e2e;
}

.my-business-btn {
    text-align: center;
}

/* --------------------------------- */
/* my profile new css */
/* --------------------------------- */

.product-card {
    background-color: #fff;
    color: #030E27;
    height: 100%;
    padding: 16px;
    position: relative;
    border-radius: 16px;
}

.product-card-thumbnail-img {
    height: 200px;
    width: 100%;
    max-height: 200px;
    object-fit: contain;
    border-radius: 12px;
    background-color: #e8edff;
    background-color: #e6f7ff;
}

.product-card-content h6 {
    font-size: 18px;
    font-weight: 600;
}

.product-card-content p {
    font-size: 16px;
}

.product-card-content h6 span {
    font-size: 15px;
    font-weight: 400;
    color: #434856;
}

.card-order-btn {
    background-color: #030E27;
    color: #fff;
    height: 46px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: absolute;
    bottom: -16px;
    right: 16px;
    transition: all 0.4s;
}

.card-order-btn:hover {
    background-color: var(--theme-accent);
    color: #030E27;
}

.product-card .edit-btn,
.product-card .delete-btn {
    background-color: var(--theme-primary);
    color: #fff;
    padding: 12px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;

    &:hover {
        background-color: var(--theme-accent);
    }
}

.product-card .edit-btn img,
.product-card .delete-btn img {
    object-fit: contain;
    max-width: 22px;
    min-width: 22px;
    width: auto;
}

.product-card-action-btns {
    gap: 10px;
    position: absolute;
    top: 25px;
    right: 25px;
}

/* --------------------------------- */
/* my profile new css end */
/* --------------------------------- */

.profile-tab-section .nav-tabs {
    /* justify-content: space-between; */
    padding: 10px 20px;
    /* background-color: #EBF0FF; */
    border-radius: 12px;
    margin-bottom: 40px;
    gap: 15px;
}

.profile-tab-section .nav-tabs li a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    display: inline-block;
    padding: 12px 25px;
    /* border-radius: 10px; */
    color: #7484a1;
    background-color: rgba(210, 240, 255, 1)    ;
}

.profile-tab-section .nav-tabs li a.active {
    background-color: var(--theme-primary);
    box-shadow: 0px 3px 14px 1px rgb(187 199 237 / 50%);
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 12px;
}

/* .profile-tab-section .tab-content #menu1 {
    padding: 30px 40px;
    background-color: #fff;
    border-radius: 22px;
    border: 2px solid #C4D2FF;
} */

.single-product-category.profile-page .image-section img {
    width: 100%;
    height: 300px;
}

.profile-tab-section .tab-content .single-product-category {
    padding: 20px 20px;
    border: 2px solid #C4D2FF;
    border-radius: 24px;
}

.profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section {
    text-align: end;
}

.profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section a i {
    padding: 12px 12px;
    background-color: #F2F5FF;
    color: #F10C0C;
    border-radius: 50%;
    font-size: 22px;
}

.profile-tab-section .tab-content .single-product-category .product-category-detail .description p {
    color: #666;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 10px;
}

.profile-tab-section .tab-content .single-product-category .product-category-detail .price p {
    color: var(--theme-primary);
    font-size: 34px;
    line-height: 41px;
    font-weight: 600;
    padding-bottom: 15px;
}

.category p {
    padding: 8px 20px;
    background-color: #E6ECFF;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    color: #666;
    line-height: 20px;
}

.profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
    font-size: 30px;
}

.profile-tab-section .tab-content .product-category-rating .order-info .common-btn a img {
    width: 25px;
    margin-right: 20px
}

.analytics-section ul li {
    padding: 48px 52px;
    display: flex;
    align-items: center;
}

.analytics-overview-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.single-overview {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 16px 2px rgba(196, 210, 255, 0.5);
    border-radius: 12px;
    margin-right: 40px;
    width: 260px;
    justify-content: space-between;
}

.single-overview:last-child {
    margin-right: 0
}

.single-overview .title p {
    font-size: 26px;
    line-height: 32px;
    color: #414141;
}

.chart-section {
    padding: 20px 20px;
    border: 2px solid #C4D2FF;
    border-radius: 20px;
    background-color: #fff;
    /* height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;*/
    margin-bottom: 30px;
}

#pie-chart {
    width: 100%;
    height: 350px;
}

#chartContainer {
    width: 100%;
    height: 350px;
}

#chartContainer3 {
    width: 100%;
    height: 350px;
}

#chartContainer4 {
    width: 100%;
    height: 350px;
}

.chart-header .title p {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.chart-header .form-group .form-control {
    border: 1px solid #C3D2FF;
    border-radius: 5px;
}

.total-views {
    text-align: end;
}

.total-views p {
    font-size: 16px
}

.total-views p span {
    color: var(--theme-primary);
    font-size: 28px;
    font-weight: 600;
}

.dots {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #c4d2ff;
}

.analytics-action-list li {
    font-size: 28px;
    line-height: 34px;
    color: #000;
    padding-bottom: 42px;
}

.analytics-section .analytics-action-list li {
    padding: 0 0 25px 0;
    justify-content: space-between;
}

.analytics-section .analytics-action-list li:last-child {
    padding: 0;
}

.analytics-action-list li .dots {
    margin-right: 70px;
}

.analytics-action-list li p {
    margin-left: auto;
}

.no-data-msg {
    padding-top: 30px;
}

.no-data-msg p {
    font-size: 22px;
    line-height: 27px;
    color: #666;
    text-align: center;
}

.no-data-msg p a:hover {
    color: var(--theme-primary);
}

.leads-section .leads-header {
    padding-bottom: 30px;
}

.leads-header .heading h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4em;
    color: #000;
    padding-bottom: 10px;
}

.leads-header .heading a {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4em;
    color: var(--theme-primary);
}

.advertisement1-section .leads-header .common-btn {
    padding-bottom: 0;
}

.leads-header .common-btn a {
    padding: 15px 40px;
}

.category-search-section .search-area .search .form-group {
    z-index: 1;
}

.search .results {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #EBF0FF;
    padding: 20px 40px 10px;
    border-radius: 0 0 16px 16px;
}

.search input:focus+.results {
    display: block
}

.search .results li {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #A6BCFF;
}

.search .results li:last-child {
    border-bottom: none;
}

.search .results li a {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #666666;
}

.search .results li a:hover {
    color: var(--theme-primary);
}

.advertisement1-section .category-search-section {
    padding-bottom: 20px;
}

.advertisement1-section .category-search-section .button-section {
    display: flex;
    justify-content: end;
}

.advertisement1-section .category-search-section .button-section .common-btn {
    padding-right: 34px;
    padding-bottom: 0;
}

.advertisement1-section .category-search-section .button-section .common-btn a {
    font-size: 16px;
    border: 2px solid var(--theme-primary);
    line-height: 1.4em;
    padding: 15px 40px;
}

.advertisement1-section .category-search-section .button-section .common-btn-inactive a {
    padding: 15px 40px;
    line-height: 1.4em;
}

.leads-section .calender-filter {
    padding-bottom: 40px;
}

.calender-filter .icon-section i {
    font-size: 20px;
    color: var(--theme-primary);
    padding: 10px 10px;
    background: #FFFFFF;
    border: 1px solid #C4D2FF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.calender-filter .description p {
    font-size: 18px;
    line-height: 1.4em;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.calender-input .form-group {
    margin-bottom: 0;
}

.calender-input input {
    min-height: 45px;
    border-radius: 10px;
    background-color: #fff;
    border-style: none;
    font-size: 18px;
    color: #5B5B5B;
    padding: 0 25px;
}

.calender-input input:focus {
    outline: none;
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar thead {
    background-color: #EBF0FF;
}

.ui-datepicker-calendar thead th {
    padding: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #414141;
    line-height: 2rem;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 4px;
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #666;
    font-size: 14px;
    text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: var(--theme-accent);
    color: #fff;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: var(--theme-accent);
    color: white;
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("../images/previous.png");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('../images/next.png');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a>span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}

.single-leads {
    padding: 20px 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 16px 2px rgba(225, 229, 240, 0.85);
    border-radius: 20px;
    margin-bottom: 30px;
}

.header-info {
    text-align: end;
}

.header-info li {
    display: block;
    font-size: 22px;
    line-height: 27px;
    color: #666666;
    padding-bottom: 10px;
}

.header-info li:last-child {
    padding-bottom: 0;
}

.header-info li img {
    padding-right: 50px;
}

.single-leads .leads-header-section {
    padding-bottom: 20px;
    border-bottom: 1px solid #C4D2FF;
}

.single-leads .leads-header-section .heading .title p {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #242222;
    padding-bottom: 10px;
}

.single-leads .leads-header-section .heading .description p {
    font-size: 22px;
    line-height: 27px;
    color: #666666;
}

.single-leads .content-section ul {
    padding-bottom: 10px;
}

.single-leads .content-section ul li {
    display: block;
    padding-top: 12px;
}

.single-leads .content-section ul li .subtitle p {
    font-size: 22px;
    font-weight: 600;
    color: #2C2C2C;
    line-height: 27px;
    padding-bottom: 5px;
}

.single-leads .content-section ul li .description p {
    font-size: 22px;
    line-height: 27px;
    color: #666;
}

.single-leads .content-section .common-btn {
    text-align: end;
}

.single-leads .content-section .common-btn a {
    padding: 14px 36px;
    background-color: var(--theme-accent);
    border-radius: 55px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}

.my-leads-section {
    background-color: #fff;
    border-radius: 25px;
    padding: 40px 40px;
}

.my-leads-section .search-area input {
    border: 1px solid #C4D2FF;
    padding-left: 5%;
}

.my-leads-section .my-leads-header {
    padding-bottom: 10px;
}

.my-leads-section .my-leads-header .common-btn a {
    padding: 20px 58px;
    font-size: 24px;
    line-height: 32px;
}

.square {
    width: 29px;
    height: 29px;
    background: #EBF0FF;
    border-radius: 5px;
}

.my-leads-section .table thead th {
    vertical-align: middle;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #828282;
    border-bottom: 0.6px solid #C4D2FF;
}

.my-leads-section .table td,
.my-leads-section .table th {
    vertical-align: middle;
    font-size: 22px;
    line-height: 28px;
    color: #141313;
    padding: 15px 0;
    border-top: none;
    border-bottom: 0.6px solid #C4D2FF;
}

.my-leads-section .table .status p {
    padding: 13px 36px;
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    border-radius: 3px;
}

.my-leads-section .table .status p.pending {
    background-color: #FFEED1;
    color: var(--theme-accent);
}

.my-leads-section .table .status p.completed {
    color: #4CAF50;
    background-color: #CEFFD0;
}

.my-leads-section .table .status p.cancel {
    color: #F10C0C;
    background-color: #FFDBDB;
}

.my-leads-section .table td img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.my-leads-section .table td .form-action {
    position: relative;
}

.my-leads-section .table td .form-action .button-section {
    padding: 0;
    text-align: left;
}

.my-leads-section .table td .form-action .button-section a {
    padding: 13px 18px;
    background: #F2F2F2;
    font-size: 20px;
    line-height: 24px;
    color: #414141;
    border-radius: 3px;
    display: inline-block;
}

.my-leads-section .table td .form-action .button-section a.active {
    color: var(--theme-primary);
    background-color: #E8EDFF;
}

.my-leads-section .table td .form-action .button-section a i {
    padding-left: 26px;
    color: var(--theme-primary);
}

.my-leads-section .table td .form-action .action-list {
    background-color: #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 10px 36px 0;
    position: absolute;
    z-index: 1;
    display: none;
}

.my-leads-section .table td .form-action .action-list.show {
    display: block;
}

.my-leads-section .table td .form-action .action-list ul li {
    display: block;
    padding-bottom: 10px;
}

.customer-details-section {
    background-color: var(--theme-secondary);
    padding: 60px 60px;
}

.customer-details-section .customer-content {
    padding: 50px 70px;
    background: #FFFFFF;
    border-radius: 25px;
}

.customer-details-section .customer-content .heading {
    padding-bottom: 60px;
}

.customer-details-section .customer-content ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.customer-details-section .customer-content ul li .customer-profile {
    display: flex;
}

.customer-details-section .customer-content ul li .customer-profile .shape {
    width: 40px;
    height: 40px;
    background-color: #FFE3CB;
    border-radius: 50%;
    margin-right: 50px;
    position: relative;
}

.customer-details-section .customer-content ul li .customer-profile .shape img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.customer-details-section .customer-content ul li .customer-profile p {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #000000;
}

.customer-details-section .customer-content ul li .customer-name p {
    font-size: 26px;
    line-height: 32px;
    color: #666666;
}

.business-cover .image-section {
    position: relative;
}

.business-cover .image-section img {
    width: 100%;
    height: 320px;
}

.business-cover .button-section {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 76px;
    right: 100px;
    gap: 20px;
}

.business-cover .button-section .common-btn-inactive a {
    border: unset;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    font-size: 18px;
    padding: 16px 40px;
    line-height: 26px;
    /* margin-right: 20px; */
}

.business-cover .button-section .common-btn-inactive .ctm-outline-btn {
    background-color: #fff;
    border: none;
    outline: none;

    &:hover {
        background-color: var(--theme-accent);
    }
}

.business-cover .button-section .common-btn a {
    padding: 16px 40px;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    line-height: 26px;
}

.business-profile-content {
    padding: 40px 60px;
    background-color: var(--theme-secondary);
    position: relative;
}

.common-photo-upload .profile-upload {
    padding-bottom: 45px;
}

.business-details {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    padding: 30px 0;
    margin-top: -220px;
    text-align: center;
}

.common-photo-upload .profile-upload .file-upload .image-box .image-section {
    padding-bottom: 0;
}

.common-photo-upload .profile-upload .file-upload {
    text-align: center;
}

.common-photo-upload .profile-upload .file-upload .image-box {
    height: 280px;
    width: 400px;
    background: #E5ECFF;
    border: unset;
    /* border-radius: 16px; */
    position: relative;
    display: inline-block;
    overflow: unset;
}

.common-photo-upload .profile-upload .file-upload .image-box img {
    /* width: 280px; */
    object-fit: cover;
    height: 280px;
}

.common-photo-upload .profile-upload .file-upload .image-box .icon-section {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.common-photo-upload .profile-upload .file-upload .image-box .icon-section a i {
    font-size: 32px;
    padding: 22px 22px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 5%);
    color: var(--theme-primary);
}

.business-details .company-information {
    padding-bottom: 25px;
    border-bottom: 1px solid #C4D2FF;
}

.business-details .company-information .heading h5 {
    font-size: 38px;
    padding-bottom: 25px;
}

.company-information ul {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-bottom: 15px;
}

.company-information ul li {
    font-size: 20px;
    line-height: 28px;
    color: #666;
}

.company-information ul li .icon-section img {
    padding: 8px 8px;
    border: 1px solid #C4D2FF;
    border-radius: 50%;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    transition: all 0.4s;

    &:hover {
        background-color: var(--theme-accent);
    }
}

/* .company-information .button-section a {
    padding: 10px 16px;
    display: inline-block;
    border: 1.6px solid #C4D2FF;
    font-size: 18px;
    color: #404040;
    line-height: 24px;
    border-radius: 10px;
    background-color: #fff;
} */

.company-information .button-section a img {
    margin-right: 15px;
    width: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%);
}

.business-details .social-icons {
    padding: 15px 0;
    border-bottom: 1px solid #C4D2FF;
}

.business-details .social-icons a {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--theme-primary);
    display: inline-block;
}

.business-details .social-list {
    padding-top: 25px;
}

.business-details .social-list ul li {
    padding-right: 30px;
}

.business-details .social-list ul li:last-child {
    padding-right: 0;
}

.business-details .social-list ul li a img {
    border: unset;
    padding: unset;
}

.business-details .description p {
    padding-top: 30px;
    font-size: 20px;
    line-height: 28px;
    color: #666666;
}

.about-business-profile .awards-section {
    padding-bottom: 40px;
}

.single-award {
    background-color: #FFFFFF;
    border: 2px solid #C4D2FF;
    border-radius: 16px;
    padding: 20px 20px;
}

.single-award .award-header {
    display: flex;
    padding-bottom: 15px;
}

.single-award .award-header .icon-section {
    width: 80px;
    height: 80px;
    background: #C4C4C4;
    border-radius: 14px;
    margin-right: 22px;
}

.single-award .award-header .title p {
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

.single-award .content-section {
    padding-bottom: 10px;
}

.single-award .content-section .title p {
    font-size: 24px;
    line-height: 29px;
    color: #666666;
    padding-bottom: 8px;
}

.single-award .content-section .subtitle p {
    color: #666;
    font-size: 22px;
    line-height: 27px;
}

.single-award .content-section .subtitle p.chinese-blue {
    color: var(--theme-primary);
    padding-bottom: 8px;
}

.single-award .button-section {
    text-align: end;
}


/* .about-business-profile .business-upload-section .upload-area{
    padding-bottom: 40px;
} */

.about-business-profile .business-upload-section .tab-content {
    padding-bottom: 30px;
}

.about-business-profile .business-upload-section .catalog-file-upload .file-upload-section {
    padding-top: 0px;
}

.catalog-file-upload .file-upload-section ul.imgs-list {
    padding: 10px 0 25px;
}

.about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box {
    height: 180px;
    width: 220px;
}

.about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section a i {
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 20px;
}

.about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
    padding: 8px 24px;
    font-size: 16px;
}

.about-business-profile .business-upload-section .single-catalog img {
    padding: 12px 12px;
    width: 54px;
    margin-bottom: 30px;
}

.about-business-profile .business-upload-section .single-catalog .content-section .heading h5 {
    font-size: 18px;
    font-weight: 600;
}

.about-business-profile .business-upload-section .single-catalog .content-section p {
    font-size: 16px;
    margin-top: 4px;
}

.about-business-profile .business-upload-section .catalog-content li {
    flex-wrap: wrap;
    margin-right: 28px;
    width: 22%;
}

.about-business-profile .business-upload-section .single-catalog {
    padding: 20px 20px;
}

.about-business-profile .business-upload-section .tab-pane .heading h5 {
    font-size: 32px;
    line-height: 39px;
}

.about-business-profile .business-upload-section .form-content label {
    font-size: 32px;
    color: #1C1B1B;
    line-height: 39px;
}

.about-business-profile .form-content .form-group p {
    font-size: 16px;
    line-height: 22px;
    /* color: #666; */
    padding-bottom: 10px;
}

.profile-tab-section .tab-content .payment-method-selection .content-section {
    padding-bottom: 40px;
}

.profile-tab-section .tab-content .payment-method-selection .content-section p {
    line-height: 30px;
    font-size: 17px;
}

.profile-tab-section .tab-content .payment-method-selection .sub-category-content .common-btn {
    text-align: center;
}

.profile-tab-section .tab-content .payment-method-selection .sub-category-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 85px;
}

.profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
    width: 28%;
}

.profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li .single-sub-category {
    width: 100%;
    border-radius: 16px;
    text-align: center;
    border: 2px solid #bdbdbd;
    color: #414141;
}

.profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li.active .single-sub-category {
    border-color: var(--theme-primary);
    background-color: #E6ECFF;
    color: var(--theme-primary);
}


/*profile page*/

.profile-section .section-header {
    padding-bottom: 40px;
}

.profile-section .section-header .heading {
    padding-bottom: 25px;
    border-bottom: 1.5px solid #C4D2FF;
}

.profile-section .profile-content {
    padding-bottom: 115px;
}

.profile-section .profile-image-section .file-upload .image-box {
    display: block;
    background: linear-gradient(90deg, #EAF4FF 0%, #EEF5FD 73.96%, #EEF5FD 99.99%);
    border-radius: 160px 12px 12px 12px;
    border: unset;
    position: relative;
}

.profile-section .profile-image-section .file-upload .image-box .icon-section {
    position: absolute;
    bottom: 20px;
    right: 25px;
}

.profile-section .profile-image-section .file-upload .image-box .icon-section a i {
    font-size: 24px;
    color: var(--theme-primary);
    padding: 15px 15px;
    background: rgba(255, 255, 255, 0.45);
    /* border: 2px solid #FFFFFF; */
    border-radius: 12px;
}

.profile-section .profile-image-section .file-upload .image-box img {
    width: 100%;
}

/* .profile-section .profile-image-section .profile-cover-section .profile-image .image-section {
    padding-right: 16px;
} */

.profile-section .profile-image-section .profile-cover-section .profile-image .image-section img {
    width: 120px;
    height: 120px;
    border: 6px solid #3952A2;
    box-shadow: 0px 2px 14px 1px rgba(196, 196, 196, 0.73);
    border-radius: 50%;
}

.profile-section .profile-image-section .profile-cover-section {
    position: relative;
}

.profile-section .profile-image-section .profile-cover-section .profile-image {
    position: absolute;
    display: flex;
    align-items: center;
    left: 40px;
    bottom: 40px;
    z-index: 0;
}

.profile-section .profile-content .profile-details-list p {
    font-weight: 600;
    font-size: 20px;
    line-height: 39px;
    color: #000000;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    /* background-color: #EBF0FF; */
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 30px;
    border: 10px solid var(--theme-accent);
}

.profile-section .profile-content .profile-details-list .nav {
    display: block;
}

.profile-section .profile-content .profile-details-list .nav li {
    display: block;
}

.profile-section .profile-content .profile-details-list .nav li a {
    font-size: 32px;
    line-height: 39px;
    color: #000;
    padding-bottom: 35px;
    display: inline-block;
}

.profile-section .profile-content .profile-details-list .nav li a.active {
    color: var(--theme-accent);
}

.profile-section .profile-content .tab-content {
    background: #FFFFFF;
    border-radius: 25px;
    padding: 25px 25px;
}

.profile-section .profile-content .tab-content .form-content form label {
    margin-bottom: 0;
    font-size: 18px;
}

.profile-section .profile-content .tab-content .form-content form .form-group {
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px solid #BEE9FF;
}

.profile-section .profile-content .tab-content .form-content form .form-group .profile-image img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 3px solid var(--theme-primary);
    box-shadow: none;
}

.profile-section .profile-content .tab-content .form-content form .form-group .button-section a {
    font-size: 20px;
    font-weight: 600;
    margin-right: 60px;
    color: #414141;
    transition: all 0.4s;

    &:hover {
        color: var(--theme-accent);
    }
}

.profile-section .profile-content .tab-content .form-content form .form-group .button-section a:last-child {
    padding-right: 0;
}

.profile-section .profile-content .tab-content .form-content form .form-group .button-section a.chinese-blue {
    color: var(--theme-primary);

    &:hover {
        color: var(--theme-accent);
    }
}

.profile-section .profile-content .tab-content .form-content form .form-group .button-section a i {
    padding-right: 8px;
    color: #F10C0C;
}

.profile-section .profile-content .tab-content .form-content form .form-group p {
    font-size: 16px;
    color: #666;
}

.profile-section .profile-content .tab-content .form-content form .common-btn {
    padding-top: 100px;
    text-align: center;
}

.profile-section .profile-content .tab-content .form-content form .form-group .add-more-btn {
    text-align: end;
}

.profile-section .profile-content .tab-content .form-content form .form-group .radiomark {
    height: 22px;
    width: 22px;
    border: 4px solid #C4D2FF;
}

/* .profile-section .profile-content .tab-content .form-content form .form-group .custom-radio input:checked~.radiomark {
    border-color: var(--theme-primary);
    background-color: #fff;
} */

.profile-section .profile-content .tab-content .form-content form .form-group .custom-radio {
    font-size: 18px;
    color: #5B5B5B;
    padding-left: 35px;
}

.profile-section .profile-content .tab-content .form-content form .form-group ul li {
    padding-right: 80px;
}

.profile-section .profile-content .tab-content .form-content form .form-group .select2-container {
    width: 100% !important;
    min-width: 90px;
    height: 100%;
}

.password-require-section .image-section {
    position: relative;
    background-color: var(--theme-primary);
    border-radius: 20px;
    margin-bottom: 115px;
}

.password-require-section .image-section img {
    width: 100%;
    border-radius: 20px;
}

.password-require-section .image-section .shape {
    position: absolute;
    top: 0;
    left: 0;
}

.password-require-section .image-section .user-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.password-require-section .image-section .content-section {
    position: absolute;
    top: 55px;
    left: 38px;
    width: 40%;
}

.password-require-section .image-section .content-section .heading h5 {
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    padding-bottom: 8px;
}

.password-require-section .image-section .content-section p {
    font-size: 20px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.54);
    padding-bottom: 58px;
}

.password-require-section .image-section .content-section ul li {
    font-size: 20px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 48px 23px 0;
}

.profile-section .profile-content .tab-content #menu4 .form-content form .form-group {
    border-bottom: none;
    padding: 0;
}

.profile-section .profile-content .tab-content #menu4 .form-content form .button-section {
    text-align: left;
}

.profile-section .profile-content .tab-content #menu4 .form-content form .button-section a {
    display: block;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 30px;
    color: var(--theme-primary);
}

.profile-section .profile-content .tab-content #menu4 .change-pass-section .form-content form .form-group {
    border-bottom: 1px solid #C3D2FF;
    padding: 54px 0;
}

.profile-section .profile-content .tab-content #menu4 .change-pass-section {
    display: none;
}


/*add product page*/

.add-product-section .section-header {
    padding-bottom: 25px;
}

.add-product-section .form-content ul li {
    padding-right: 30px;
}

.add-product-section .form-content ul li .file-upload .image-box {
    width: 220px;
    height: 200px;
    display: block;
    padding: 18px 18px;
    background: #fff;
    border: 2px solid var(--theme-primary);
}

.add-product-section .form-content ul li .file-upload .image-box .icon-section {
    padding-bottom: 26px;
}

.add-product-section .form-content ul li .file-upload .image-box .icon-section img {
    display: block;
    width: 72px;
    padding: 14px 14px;
    background-color: #C4D2FF;
    border-radius: 10px;
}

.add-product-section .form-content ul li .file-upload .image-box .content-section {
    padding-bottom: 0;
}

.add-product-section .form-content ul li .file-upload .image-box .content-section .heading h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #242222;
}

.add-product-section .form-content ul li .file-upload .image-box .content-section p {
    font-size: 15px;
    line-height: 22px;
    color: #666666;
}

.add-product-section .form-content ul li .file-upload .image-box .choose-file p {
    font-size: 20px;
    line-height: 24px;
    color: #414141;
    padding: 14px 20px;
    box-shadow: 0px 3px 8px rgba(196, 210, 255, 0.5);
    border-radius: 8px;
    background-color: #fff;
}

textarea.form-control {
    height: unset;
}

.add-product-section .form-content form .button-section {
    text-align: left;
    padding-bottom: 70px;
}

.add-product-section .form-content form .button-section .common-btn-inactive a {
    padding: 22px 0;
    margin-right: 40px;
    width: 415px;
    border: 2px solid #c4d2ff;
    line-height: 34px;
    /* color: #666; */
}

.add-product-section .form-content form .common-btn {
    text-align: center;
}


/*detail web page*/

.detail-web-page {
    background-color: #254195;
    background-color: var(--theme-primary);
    border-radius: 0 0 100px 0;
}

.detail-web-page.mobile {
    display: none;
}

.detail-web-page .detail-web-profile {
    padding-left: 116px;
    position: relative;
}

.detail-web-page .detail-web-profile .col-lg-5,
.detail-web-page .detail-web-profile .col-lg-7 {
    padding: 0;
}

.detail-web-page .detail-web-profile .image-section {
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.detail-web-page .detail-web-profile .image-section img {
    width: 100%;
    border-radius: 60px 0 100px;
    height: 400px;
}

.detail-web-page .detail-web-profile .content-section {
    padding-bottom: 20px;
}

.detail-web-page .detail-web-profile .content-section .heading h5 {
    font-size: 28px;
    color: #fff;
    line-height: 36px;
    padding-bottom: 10px;
}

.detail-web-page .detail-web-profile .content-section .rating {
    display: flex;
    padding-bottom: 15px;
}

.detail-web-page .detail-web-profile .content-section .rating ul {
    padding-right: 26px;
}

.detail-web-page .detail-web-profile .content-section .rating ul li {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-right: 3px;
}

.detail-web-page .detail-web-profile .content-section .rating p {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
}

.detail-web-page .detail-web-profile .content-section .contact-info {
    padding-bottom: 10px;
}

.detail-web-page .detail-web-profile .content-section .contact-info ul li {
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    display: block;
    padding-bottom: 12px;
}

.detail-web-page .detail-web-profile .content-section .contact-info ul li img {
    margin-right: 24px;
    width: 25px;
}

.detail-web-page .detail-web-profile .content-section .about-profile-list {
    padding-bottom: 20px;
}

.detail-web-page .detail-web-profile .content-section .about-profile-list ul li {
    padding-right: 26px;
}

.detail-web-page .detail-web-profile .content-section .about-profile-list ul li a {
    padding: 15px 15px;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 100%;
    display: inline-block;
}

.detail-web-page .detail-web-profile .content-section .about-profile-list ul li a img {
    width: 25px;
}

.detail-web-page .detail-web-profile .content-section .vote-slider-section {
    padding-bottom: 20px;
}

.vote-slider-section p {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    padding-bottom: 15px;
}

.vote-slider-section .range-slider {
    height: 70px;
    width: 470px;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
}

.vote-slider-section .range-slider__range {
    -webkit-appearance: none;
    width: 450px;
    margin: 0 18px;
    height: 5px;
    background: #cecece;
}

.vote-slider-section .vote-rating {
    width: 120px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-accent);
    border-radius: 0 16px 16px 0;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

.vote-slider-section .vote-rating img {
    margin-right: 20px;
    width: 30px;
}

.vote-slider-section .range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--theme-primary);
    border: 4px solid #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.detail-web-profile .content-section .common-btn a {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    padding: 16px 26px;
    background-color: var(--theme-accent);
}

.detail-webpage-content {
    padding: 40px 100px;
    background-color: var(--theme-secondary);
}

.detail-webpage-content .slider-section {
    padding-bottom: 40px;
}

.detail-webpage-content .slider-section .detail-web-slider .image-section img {
    width: 180px;
    height: 180px;
    border-radius: 12px;
}

.detail-webpage-content .slider-section .heading {
    margin-top: 30px;
}

.detail-webpage-content .slider-section .heading p {
    font-size: 20px;
    line-height: 26px;
    color: #A9A9A9;
}

.detail-webpage-content .slider-section .slick-prev:before {
    content: '\f30a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.detail-webpage-content .slider-section .slick-next:before {
    content: '\f30b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.detail-webpage-content .slider-section .slick-prev:before,
.detail-webpage-content .slider-section .slick-next:before {
    font-size: 46px;
    opacity: 1;
    color: #254195;
}

.detail-webpage-content .slider-section .slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0;
}

.detail-webpage-content .slider-section .slick-prev {
    left: -100px;
}

.detail-webpage-content .slider-section .slick-next {
    right: -50px;
}

.detail-webpage-content .information-section {
    padding: 0 0 30px 0;
    background-color: unset;
    margin-top: 0;
}

.single-information {
    padding: 20px 25px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    border-radius: 18px;
    height: 100%;
}

.single-information .title {
    padding-bottom: 15px;
}

.single-information .title p {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #242222;
}

.single-information .offer-section {
    background-color: var(--theme-primary);
    border-radius: 14px;
    padding: 14px 18px;
}

.single-information .offer-section .original-price p {
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding-bottom: 5px;
}

.single-information .offer-section .price p {
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    padding: 0 0 15px 20px;
}

.single-information .offer-section .original-price .offer p {
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding: 4px 10px;
    background-color: #7087CC;
    border-radius: 12px;
    display: inline-block;
}

.single-information .offer-section .offer-price {
    text-align: end;
}

.single-information .offer-section .offer-price p {
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding-bottom: 25px;
}

.single-information .offer-section .offer-price .price p {
    padding: 0 0 5px 0;
    font-size: 22px;
}

.single-information .offer-section .offer-price .expiry p {
    padding-bottom: 0;
}

.single-information .additional-info {
    padding: 14px 0 20px;
}

.single-information .additional-info .subtitle p {
    font-size: 22px;
    line-height: 27px;
    color: #2C2C2C;
    padding-bottom: 10px;
}

.single-information .additional-info ul li {
    font-size: 20px;
    line-height: 24px;
    color: #666666;
    position: relative;
    padding-left: 16px;
}

.single-information .additional-info ul li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--theme-primary);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.single-information .common-btn a {
    font-size: 18px;
    line-height: 24px;
    padding: 16px 20px;
    border-radius: 14px;
}

.single-information .timing li {
    display: flex;
    padding-bottom: 12px;
}

.single-information .timing li p {
    font-size: 22px;
    line-height: 27px;
    color: #2C2C2C;
}

.single-information .timing li .day {
    padding-right: 55px;
    width: 200px;
}

.single-information .timing li p.red {
    color: #D71515;
}

.single-information .more-information {
    padding-bottom: 45px;
}

.more-information li {
    display: flex;
    padding-bottom: 15px;
}

.more-information li p {
    font-size: 22px;
    line-height: 27px;
    color: #2C2C2C;
}

.more-information li:last-child {
    padding-bottom: 0;
}

.more-information li img {
    margin-right: 20px;
    width: 25px;
}

.single-information .button-section a {
    font-size: 22px;
    color: var(--theme-primary);
    display: inline-block;
}

.detail-webpage-content .contact-information-section {
    position: relative;
    padding-bottom: 30px;
}

.detail-webpage-content .contact-information-section .image-section {
    position: absolute;
    right: -85px;
    bottom: 0;
}

.detail-webpage-content .contact-information-section .image-section img {
    width: 530px;
}

.detail-webpage-content .contact-information-section .image-section .user-image {
    position: absolute;
    top: -27%;
    left: -19%;
}

.detail-webpage-content .contact-information-section .image-section .user-image img {
    width: 230px;
}

.contact-information-section .content-section ul li {
    display: flex;
    padding-bottom: 20px;
}

.contact-information-section .content-section ul li:last-child {
    padding-bottom: 0;
}

.contact-information-section .content-section ul li .icon-section {
    padding-right: 28px;
    position: relative;
    width: 12%;
}

.contact-information-section .content-section ul li .icon-section img {
    padding: 12px 12px;
    background-color: #DEE6FF;
    border-radius: 8px;
    width: 50px;
}

.contact-information-section .content-section ul li .icon-section::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 50px;
    background: var(--theme-accent);
    left: -23px;
    border-radius: 30px;
}

.contact-information-section .content-section ul li .title {
    width: 88%;
}

.contact-information-section .content-section ul li .title p {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #29292B;
}

.contact-information-section .content-section ul li .title .subtitle {
    display: flex;
    padding-top: 10px;
}

.contact-information-section .content-section ul li .title .subtitle p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    padding-right: 22px;
}

.contact-information-section .heading {
    padding-bottom: 20px;
}

.contact-information-section .content-section ul {
    padding-left: 24px;
    padding-bottom: 40px;
}

.review-section .heading {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-section .rating-description .rating ul {
    padding: 16px 36px;
    border-radius: 85px;
    display: inline-block;
    background-color: #DEE6FF;
}

.review-section .rating-description .rating ul li i {
    font-size: 26px;
}

.review-section .rating-description .rating ul li p {
    font-size: 18px;
    color: #666;
    padding-left: 40px;
}

.review-section .review-content .common-btn-inactive {
    text-align: end;
}

.review-section .review-content .common-btn-inactive a {
    font-size: 20px;
    padding: 18px 20px;
}

.review-section .review-content .common-btn-inactive a img {
    margin-right: 12px;
}

.review-section .rating-description {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.review-section .rating-description .votes {
    display: flex;
    padding: 15px 0 0 35px;
}

.review-section .rating-description .votes p {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    padding-right: 42px;
}

.detail-webpage-content .review-section {
    padding-bottom: 30px;
}

.review-section .review-content .rating-progress-bar {
    width: 600px;
}

.rating-progress-bar .skill {
    position: relative;
}

.rating-progress-bar .skill:before {
    width: 100%;
    height: 15px;
    content: "";
    display: block;
    position: absolute;
    background: #D9E2FF;
    bottom: 0;
    border-radius: 16px;
}

.rating-progress-bar .skill-bar {
    width: 100%;
    height: 15px;
    background: var(--theme-accent);
    display: block;
    position: relative;
    border-radius: 16px;
}

.rating-progress-bar .skill1 {
    width: 100%;
}

.rating-progress-bar .skill-bar {
    position: relative;
}

.rating-progress-bar .skill2 {
    width: 80%;
}

.rating-progress-bar .skill3 {
    width: 60%;
}

.rating-progress-bar .skill4 {
    width: 40%
}

.rating-progress-bar .skill5 {
    width: 20%;
}

.rating-progress-bar .table td,
.rating-progress-bar .table th {
    border: none;
    vertical-align: middle;
    font-size: 22px;
    color: var(--theme-primary);
    padding: 5px 8px;
}

.testimonial-section .single-user-review .user-info {
    padding-bottom: 10px;
}

.testimonial-section .single-user-review .content-section {
    padding-top: 5px;
}

.testimonial-section .single-user-review .content-section p {
    font-size: 20px;
    font-weight: 600;
}

.testimonial-section .single-user-review .date p {
    color: #29292B;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
}

.testimonial-section .single-user-review .place p {
    color: #A9A9A9;
    font-size: 20px;
    font-weight: 600;
}

.testimonial-section .single-user-review .content-section .comment p {
    color: #666;
}

.testimonial-section .single-user-review .user-info img {
    margin-right: 25px;
}

.testimonial-section .button-section {
    text-align: center;
    padding-top: 30px;
}

.testimonial-section .button-section a {
    font-size: 18px;
    line-height: 24px;
    color: var(--theme-primary);
    padding: 14px 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 12px 2px #DDE3F4;
    border-radius: 16px;
    display: inline-block;
}

.testimonial-section .button-section a img {
    width: 25px;
}

.detail-page-faq {
    background-color: var(--theme-primary);
    padding: 30px 100px;
}

.detail-page-faq .faq-section {
    padding: 0;
    margin-top: 0;
    background-color: var(--theme-primary);
}

.detail-page-faq .faq-section .heading h5 {
    color: #fff;
    font-size: 30px;
}

.detail-page-faq .faq-section #accordion {
    background-color: #fff;
    padding: 25px 18px;
    border-radius: 16px;
}

.detail-page-faq .faq-section .single-accordion {
    padding: 0;
}

.detail-page-faq .faq-section .single-accordion.active {
    background-color: #fff;
}

.detail-page-faq .content-section .heading {
    padding-bottom: 25px;
}

.detail-page-faq .content-section .heading h5 {
    color: #fff;
    padding-bottom: 10px;
    font-size: 24px;
}

.detail-page-faq .content-section .heading p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.detail-page-faq .content-section .common-btn a {
    font-size: 20px;
    line-height: 26px;
    padding: 16px 44px;
    background-color: var(--theme-accent);
}


/*product detail page*/

.product-detail-section {
    background-color: var(--theme-secondary);
    padding-bottom: 70px;
}

.product-detail-section .image-section {
    padding-bottom: 50px;
}

.product-detail-section .product-detail-content {
    padding: 50px 0 0 60px;
}

.product-detail-section .product-detail-content .product-info {
    padding-bottom: 10px;
}

.product-info .heading h5 {
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #000000;
}

.product-review {
    display: flex;
    align-items: baseline;
    padding-bottom: 20px;
}

.product-info .heading {
    padding-bottom: 20px;
}

.product-review .price {
    padding-right: 12px;
}

.product-review .price p {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    color: #000000;
}

.product-review ul li p {
    font-size: 26px;
    line-height: 32px;
    color: #666666;
    padding: 0 14px 0 38px;
}

.product-size {
    display: flex;
}

.product-size .title {
    padding-right: 50px;
}

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

.size li {
    width: 22%;
    padding-bottom: 10px;
}

.size li a {
    font-size: 26px;
}

.size li.active a {
    color: var(--theme-primary);
}

.product-detail-section .product-detail-content .title p {
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    color: #000000;
}

.product-detail-section .product-detail-content .product-description .common-btn-inactive {
    padding-bottom: 25px;
}

.product-description .description {
    padding-bottom: 25px;
}

.product-description .description p {
    font-size: 26px;
    line-height: 32px;
    color: #666666;
}

.product-description .description .title {
    padding-bottom: 10px;
}

.product-description .description a {
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    color: var(--theme-primary);
    margin-top: 15px;
}

.product-color {
    display: flex;
    align-items: center;
}

.product-color .title {
    padding-right: 44px;
}

.product-color .colors ul li {
    padding-right: 8px;
}

.product-color .colors ul li a {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    background-color: #1F1F1F;
}

.product-color .colors ul li a.lavender {
    background-color: #C3D2FF;
}

.product-color .colors ul li a.red {
    background-color: #F10C0C;
}

.product-description .product-color {
    padding-bottom: 20px;
}

.product-description .common-btn-inactive a {
    padding: 20px 15px;
    font-size: 22px;
    line-height: 27px;
    font-weight: 500;
    border: 1px solid var(--theme-primary);
    margin-right: 10px;
    border-radius: 10px;
    height: 68px;
}

.product-description .common-btn-inactive a img {
    width: 25px;
    margin-right: 10px;
    padding-right: 0;
}

.product-detail-section .product-detail-content .product-description .common-btn a {
    background-color: var(--theme-accent);
}

.product-detail-section .slider-section .slick-prev:before,
.product-detail-section .slider-section .slick-next:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: var(--theme-primary);
}

.product-detail-section .slider-section .slick-next {
    right: 0;
}

.product-detail-section .slider-section .slick-prev {
    left: 0;
    z-index: 1;
}

.product-detail-section .slider-section .slick-prev:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.product-detail-section .slider-section .slick-next:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.product-detail-section .slider-section .slider-for .slick-slide img {
    width: 100%;
    height: 600px;
}

.product-detail-section .slider-section .slider-nav {
    padding-top: 40px;
}

.slider-nav .slick-list {
    padding-left: 80px;
}

.product-detail-section .slider-section .product-img-slide {
    display: inline-block;
    width: 100%;
}

.product-detail-section .slider-section .product-img-slide .slider-nav .thumb-slide img {
    max-width: 190px;
    height: 190px;
    border-radius: 8px
}

.similar-product-section {
    padding: 40px 100px 0;
}

.similar-product-section .section-header {
    padding-bottom: 40px;
}

.similar-product-section .section-header .button-section {
    display: flex;
    justify-content: end;
}

.similar-product-section .section-header .common-btn {
    padding-right: 30px;
}

.similar-product-section .section-header .common-btn a {
    font-size: 26px;
    line-height: 32px;
    padding: 30px 66px;
}

.similar-product-section .section-header .common-btn-inactive a {
    padding: 30px 28px;
    font-size: 26px;
    line-height: 32px;
}

.single-similar-product {
    margin-bottom: 40px;
}

.single-similar-product a {
    display: inline-block;
}

.single-similar-product a img {
    padding-bottom: 10px;
}

.single-similar-product a .title p {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #000000;
    padding-bottom: 10px;
}

.single-similar-product a .subtitle p {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
}

.product-review-section {
    padding: 40px 100px;
}

.product-review-section .section-header {
    padding-bottom: 20px;
}

.product-review-section .section-header .common-btn a {
    font-size: 26px;
    line-height: 32px;
    padding: 30px 66px;
}

.product-review-section .section-header .common-btn-inactive {
    text-align: end;
}

.product-review-section .section-header .common-btn-inactive a {
    padding: 30px 28px;
    font-size: 26px;
    line-height: 32px;
}

.product-review-section .review-section {
    padding-bottom: 30px;
}

.product-review-section .testimonial-section {
    padding: 30px 0;
    border-bottom: 1px solid #C4D2FF;
}

.product-review-section .pagination-section {
    padding-top: 40px;
}

.payment-detail-section {
    padding: 60px 60px;
}

.payment-detail-section .form-content form .form-group p {
    font-size: 24px;
    line-height: 29px;
    color: #666666
}

.payment-detail-section .form-content form .form-heading {
    padding-bottom: 15px;
}

.payment-detail-section .form-content form label {
    font-size: 32px;
    color: #1C1B1B;
    line-height: 39px;
    margin-bottom: 0;
}

.payment-detail-section .form-content form .form-group p {
    padding-top: 5px;
}

.payment-detail-section .form-content form .form-group .slash p {
    padding-top: 0;
    text-align: center;
}

.payment-detail-section .card-user-details {
    padding: 120px 54px 80px;
    background-color: #EBF0FF;
    border-radius: 25px;
    margin-top: 206px;
    position: relative;
}

.payment-detail-section .card-user-details .plan-description {
    padding-bottom: 60px;
    border-bottom: 2px solid #C4D2FF;
}

.payment-detail-section .card-user-details .plan-description ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.payment-detail-section .card-user-details .plan-description ul li:last-child {
    padding-bottom: 0;
}

.payment-detail-section .card-user-details .plan-description ul li .title p {
    font-size: 26px;
    line-height: 32px;
    color: #666666;
}

.payment-detail-section .card-user-details .plan-description ul li .subtitle p {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: #000;
}

.payment-detail-section .card-user-details .total-amount {
    padding-top: 45px;
    position: relative;
}

.payment-detail-section .card-user-details .total-amount .title p {
    font-size: 26px;
    line-height: 32px;
    color: #666666;
    padding-bottom: 20px;
}

.payment-detail-section .card-user-details .total-amount .subtitle p {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: #000;
}

.payment-detail-section .card-user-details .total-amount::before {
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background: var(--theme-secondary);
    border-radius: 100%;
    top: -20%;
    left: -18%;
}

.payment-detail-section .card-user-details .total-amount::after {
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background: var(--theme-secondary);
    border-radius: 100%;
    top: -20%;
    right: -18%;
}

.payment-detail-section .card-user-details .user-information {
    position: absolute;
    top: -200px;
    padding: 50px 50px;
    background-color: #fff;
    border-radius: 25px;
    left: 66px;
    right: 66px;
}

.payment-detail-section .card-user-details .user-information p {
    font-size: 28px;
    line-height: 34px;
    color: #1C1B1B;
}

.payment-detail-section .card-user-details .user-information .name {
    padding-bottom: 26px;
}

.payment-detail-section .card-user-details .user-information .card-number {
    padding-bottom: 50px;
}

.payment-detail-section .card-user-details .user-information .card-info {
    display: flex;
    justify-content: space-between;
}

.payment-detail-section .card-user-details .user-information::before {
    position: absolute;
    content: '';
    width: 155px;
    height: 10px;
    background: var(--theme-primary);
    top: -5px;
    border-radius: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.payment-detail-section .card-user-details .user-information::after {
    position: absolute;
    content: '';
    width: 120px;
    height: 10px;
    filter: blur(10px);
    background: var(--theme-primary);
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 25px;
}

.company-detail-section {
    padding: 50px 70px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 14px rgb(0 0 0 / 16%);
    border-radius: 16px;
    position: relative;
}

.company-detail-section .common-photo-upload {
    position: absolute;
    top: -20px;
}

.company-detail-section .company-info {
    display: flex;
    justify-content: space-between;
}

.company-detail-section .company-info .heading h5 {
    font-size: 40px;
    line-height: 49px;
    color: #242222;
    padding-bottom: 25px;
}

.company-detail-section .company-info .heading a {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: var(--theme-primary);
}

.company-detail-section .company-info .social-list ul {
    padding-bottom: 38px;
}

.company-detail-section .company-info .social-list ul li {
    padding-right: 45px;
}

.company-detail-section .company-info .social-list ul li img {
    padding: 0;
    border: none;
}

.company-detail-section .company-info .social-list p {
    font-size: 22px;
    line-height: 27px;
    color: #666666;
}

.service-catalogue-section {
    padding-top: 160px;
}

.service-catalogue-section .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
}

.service-catalogue-section .section-header .common-btn a {
    padding: 32px 104px;
    font-size: 28px;
    line-height: 34px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.service-catalogue-section .content-section {
    padding: 30px 40px;
    border: 2px solid #C4D2FF;
    border-radius: 24px;
    background-color: #fff;
}

.single-service-catalogue {
    padding: 20px 20px;
    border: 2px solid #C4D2FF;
    border-radius: 24px;
    background-color: #fff;
    margin-bottom: 30px;
}

.single-service-catalogue .image-section img {
    width: 350px;
}

.single-service-catalogue .product-category-detail .icon-section {
    text-align: end;
}

.single-service-catalogue .product-category-detail .icon-section a i {
    padding: 16px 16px;
    color: #F10C0C;
    border-radius: 100%;
    background-color: #F2F5FF;
    font-size: 20px;
}

.single-service-catalogue .product-category-detail .heading h5 {
    font-size: 34px;
    line-height: 41px;
    color: #000;
    padding-bottom: 5px;
}

.single-service-catalogue .product-category-detail .description p {
    font-size: 26px;
    line-height: 32px;
    color: #666666;
    padding-bottom: 10px;
}

.single-service-catalogue .product-category-detail .price p {
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    color: var(--theme-primary);
    padding-bottom: 10px;
}

.single-service-catalogue .product-category-detail .category {
    padding-bottom: 20px;
}

.single-service-catalogue .product-category-rating .order-info {
    display: flex;
    justify-content: space-between;
}

.single-service-catalogue .product-category-rating .order-info .rating ul li i {
    font-size: 35px;
}

.single-service-catalogue .product-category-rating .order-info .common-btn a {
    padding: 14px 34px;
    background-color: var(--theme-accent);
    border-radius: 55px;
    font-size: 22px;
    line-height: 30px;
}

.single-service-catalogue .product-category-rating .order-info .common-btn a img {
    margin-right: 30px;
    width: 25px;
}

.single-service-catalogue .modal .modal-dialog {
    max-width: 100%;
}

.single-service-catalogue .modal .modal-content {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    padding-bottom: 100px;
}

.single-service-catalogue .modal .modal-content .common-btn {
    padding-bottom: 46px;
}

.single-service-catalogue .modal .modal-content .common-btn a {
    padding: 26px 105px;
    font-size: 26px;
}

.single-service-catalogue .modal .modal-content .common-btn-inactive a {
    padding: 26px 105px;
    font-size: 26px;
}

.single-service-catalogue .modal .modal-content .modal-body {
    position: relative;
}

.single-service-catalogue .modal .modal-content .modal-body img {
    width: 400px;
}

.single-service-catalogue .modal .modal-content .modal-body .description p {
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    text-transform: capitalize;
    color: #3E3F42;
    padding-bottom: 60px;
}

.single-service-catalogue .modal .modal-content .common-btn {
    padding-bottom: 25px;
}

.single-service-catalogue .modal .modal-content .button-section {
    position: absolute;
    top: 48px;
    z-index: 1;
    right: 70px;
}

.single-service-catalogue .modal .modal-content .button-section a img {
    padding: 30px 30px;
    border: 1.2px solid #C4D2FF;
    background-color: #fff;
    border-radius: 100%;
}

.give-review-section .inquiry-form {
    border-radius: 0px 20px 20px 0px;
}

.give-review-section .inquiry-area {
    box-shadow: 0px 3px 26px 3px rgba(187, 199, 237, 0.56);
}

.give-review-section .inquiry-area .image-section {
    display: flex;
    align-items: center;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(180deg, #EAF4FF 0%, #FFFFFF 100%);
}

.give-review-section .inquiry-area .image-section img {
    height: unset;
}

.give-rating .starrate span.ctrl {
    position: absolute;
    z-index: 2;
}

.give-rating .starrate {
    color: var(--theme-accent);
    cursor: pointer;
    background-color: #EBF0FF;
    padding: 22px 30px;
    border-radius: 20px 0 0 20px;
}

.give-rating .starrate.saved {
    color: var(--theme-accent);
}

.give-rating .starrate:hover {
    color: var(--theme-accent);
}

.give-rating .starrate.saved:hover {
    color: var(--theme-accent);
}

.give-rating .starrate .cont i {
    font-size: 50px;
}

.give-rating .starrate span.cont {
    width: 325px;
    height: 50px;
}

.give-rating {
    display: flex;
}

.give-rating #test {
    font-size: 24px;
    background-color: var(--theme-accent);
    color: #fff;
    height: 95px;
    width: 160px;
    border-radius: 0 20px 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.give-review-section .inquiry-form .form-content .form-group {
    margin-bottom: 30px;
}

.give-review-section .inquiry-form .form-content .form-group p {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #414141;
    padding-bottom: 10px;
}

.give-review2 .detail-review-content {
    background-color: var(--theme-primary);
    height: 100%;
    position: relative;
    border-radius: 20px 0 110px 20px;
}

.give-review2 .detail-review-content .image-section {
    position: absolute;
    right: 0;
    bottom: 0;
    height: unset;
    background: unset;
}

.give-review2 .detail-review-content .image-section img {
    width: 580px;
    border-radius: 60px 0 110px 0px;
}

.give-review2 .detail-review-content .content-section {
    padding: 40px 56px;
}

.give-review2 .detail-review-content .content-section .heading h5 {
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    padding-bottom: 20px;
}

.give-review2 .detail-review-content .content-section .rating {
    padding-bottom: 30px;
}

.give-review2 .detail-review-content .content-section .rating ul li i {
    font-size: 28px;
}

.give-review2 .detail-review-content .content-section .review-overview ul li {
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    padding-right: 20px;
}

.user-notification-mobile .notification-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.user-notification-mobile .notification-dropdown .icon-section {
    background-color: #fff;
    padding: 8px 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.user-notification-mobile .notification-dropdown .icon-section img {
    width: 30px;
    padding: 5px;
    border-radius: 50%;
    background-color: #FFE3CB;
    margin-right: 8px;
}

.menu-bar-mobile a i {
    border: 1px solid #C3D2FF;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    border-radius: 5px;
}

.user-notification-mobile ul {
    padding: 5px 6px;
    border-radius: 6px;
    background-color: #fff;
}

.notification-dropdown {
    position: relative;
    display: inline-block;
}

#myDropdown {
    display: none;
    position: absolute;
    z-index: 1;
    width: -webkit-fill-available;
}

#myDropdown.show {
    display: block !important;
}

.user-notification-mobile ul li {
    display: flex;
    padding-bottom: 5px;
}

.user-notification-mobile ul li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.user-notification-mobile ul li a img {
    width: 20px;
}

.user-notification-mobile ul #demo {
    padding: 0;
}

.service-section .section-header .common-btn-inactive {
    display: none;
}

.baby-care-section.mobile {
    display: none;
}

.category-section-mobile {
    padding: 30px 22px;
    background-color: var(--theme-secondary);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    overflow-y: auto;
    display: none;
    z-index: 111;
}

.category-section-mobile.show {
    display: block;
}

.category-section-mobile .close-category {
    text-align: end;
    padding-bottom: 20px;
}

.category-section-mobile .close-category a img {
    padding: 5px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid #C3D2FF;
}

.category-section-mobile .search-section {
    padding-bottom: 32px;
}

.category-section-mobile .category-list-mobile {
    display: flex;
    flex-wrap: wrap;
}

.category-section-mobile .category-list-mobile li {
    padding-bottom: 22px;
    width: 33.33%;
}

.category-section-mobile .category-list-mobile li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}

.category-section-mobile .category-list-mobile li a img {
    padding: 6px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 6px;
    width: 48px;
}

.side-menu-mobile {
    padding: 22px 20px;
    background-color: #fff;
    position: fixed;
    width: 85%;
    top: 0%;
    right: 0%;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.14);
    border-radius: 20px 0px 0px 20px;
    display: none;
    z-index: 11;
}

.side-menu-mobile.show {
    display: block;
}

.side-menu-mobile .cancel-btn {
    text-align: end;
    padding-bottom: 35px;
}

.side-menu-mobile .cancel-btn a img {
    padding: 5px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid #C3D2FF;
}

.side-menu-mobile .profile-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--theme-primary);
}

.side-menu-mobile .profile-section .image-section img {
    width: 45px;
    height: 45px;
    border-radius: 6px;
}

.side-menu-mobile .profile-section .user-info .title p {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.side-menu-mobile .profile-section .user-info .subtitle p {
    font-size: 12px;
    color: #666666;
}

.side-menu-mobile .profile-section .user-info .place p {
    padding: 5px;
    font-size: 8px;
    background-color: #E5ECFF;
    border-radius: 2px;
}

.side-menu-mobile .profile-section .common-btn-inactive a {
    font-size: 10px;
    border-radius: 6px;
    padding: 6px 6px;
    border: 1px solid #C3D2FF;
}

.side-menu-mobile .profile-section .common-btn-inactive a img {
    width: 12px;
    margin-right: 0;
    padding-right: 0;
}

.side-menu-mobile .profile-list-mobile ul {
    padding-top: 24px;
}

.side-menu-mobile .profile-list-mobile ul li {
    display: block;
    padding-bottom: 18px;
}

.side-menu-mobile .profile-list-mobile ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.side-menu-mobile .profile-list-mobile ul li a .profile-logo {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    position: relative;
    border-radius: 100%;
}

.side-menu-mobile .profile-list-mobile ul li a .profile-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
}

.side-menu-mobile .profile-list-mobile ul li a .profile-logo.ball-blue {
    background-color: #2FA8CC;
}


/*filter section mobile*/

.filter-section-mobile,
.sort-section-mobile {
    padding: 16px 26px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    border-radius: 20px 20px 0px 0px;
    top: 30%;
    position: fixed;
    width: 100%;
    overflow-y: auto;
    height: 70%;
    display: none;
}

.filter-section-mobile.show,
.sort-section-mobile.show {
    display: block;
}

.filter-section-mobile .filter-cancel,
.sort-section-mobile .sort-cancel {
    text-align: end;
}

.filter-section-mobile .filter-cancel a img,
.sort-section-mobile .sort-cancel a img {
    padding: 5px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid #C3D2FF;
}

.filter-section-mobile .filter-content .title,
.sort-section-mobile .filter-content .title {
    padding-bottom: 20px;
}

.filter-section-mobile .filter-content .title p,
.sort-section-mobile .filter-content .title p {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-primary);
    text-align: center;
    position: relative;
}

.filter-section-mobile .filter-content .title p::before,
.sort-section-mobile .filter-content .title p::before {
    position: absolute;
    content: '';
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 56px;
    background: #C3D2FF;
}

.search-area-responsive {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 400px;
    height: 50px;
    transform: translateX(-50%) translateY(-50%);
}

.search__toggle:checked~.search__field {
    width: calc(100% - 30px);
    border-width: 2px;
}

.search__toggle:checked~.search__field .search__input::placeholder {
    opacity: 1;
}

.search__toggle:checked~.search__field .search__close {
    left: -25px;
}

.search__toggle:checked~.search__field .search__button {
    right: 5px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
}

.search__toggle:checked~.search__field .search__button--toggle {
    display: none;
}

.search__toggle:checked~.search__field .search__button--submit {
    display: flex;
}

.search__close {
    position: relative;
    top: 50%;
    left: 0;
    transform: translateX(-50%);
    transition: 0.3s;
}

.search__close::before,
.search__close::after {
    position: absolute;
    display: block;
    content: "";
    width: 15px;
    height: 3px;
    background-color: #000;
}

.search__close::before {
    transform: rotate(45deg);
}

.search__close::after {
    transform: rotate(-45deg);
}

.search__field {
    position: absolute;
    right: 0;
    left: 50%;
    width: 40px;
    height: 45px;
    border: 0px solid #fff;
    border-radius: 50px;
    transform: translateX(-50%);
    transform-origin: right;
    transition: 0.3s;
    box-shadow: 0px 3px 10px 1px rgba(225, 229, 240, 0.8);
}

.search__input {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    width: calc(100% - 40px);
    height: 100%;
    padding: 5px 5px;
    color: #000;
    background-color: transparent;
    border: 0;
    outline: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.search__input::placeholder {
    color: white;
    opacity: 0;
    transition: 0.3s;
    transition-delay: 0.3s;
}

.search__label {
    cursor: pointer;
}

.search__button {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0px 3px 10px 1px rgba(225, 229, 240, 0.8);
}

.search__button--submit {
    display: none;
    border: 0;
}

.search__icon {
    position: relative;
    width: 19px;
    height: 19px;
}

.search__icon::before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 50px;
}

.search__icon::after {
    position: absolute;
    right: 2px;
    bottom: 3px;
    display: block;
    content: "";
    width: 8px;
    height: 2px;
    background-color: #000;
    transform: rotate(45deg);
    transform-origin: right;
}

.analytics-section .analytics-action-list.mobile {
    padding: 15px;
    background-color: #fff;
    border: 2px solid #C4D2FF;
    border-radius: 14px;
}

.analytics-section .analytics-action-list.mobile li {
    font-size: 14px;
    justify-content: space-between;
    padding: 0;
}

.analytics-action-list li .dots {
    margin: 0;
}

.analytics-action-list li p {
    margin: 0;
}

.dots {
    width: 15px;
    height: 15px;
}

#analytics-sublist-mobile {
    display: none;
}

#analytics-sublist-mobile.show {
    display: block;
}

.action-mobile {
    background-color: #fff;
    border: 2px solid #c4d2ff;
}

.profile-tab-section .nav-tabs.mobile #profile-list-mobile {
    display: none;
}

.profile-tab-section .nav-tabs.mobile #profile-list-mobile.show {
    display: block;
}

.calender-filter-icon i {
    padding: 10px;
    font-size: 20px;
    border: 1px solid #C4D2FF;
    border-radius: 6px;
}

.status.mobile {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: var(--theme-accent);
}

.status.mobile.green {
    background-color: #4CAF50;
}

.status.mobile.red {
    background-color: #F10C0C;
}

.profile-tab-section .nav-tabs.mobile {
    display: none;
}

.calender-filter-icon {
    display: none;
}

.business-details.mobile {
    display: none;
}

.profile-icon-mobile li a img {
    padding: 6px 6px;
    border: 1px solid #C3D2FF;
    border-radius: 100%;
    width: 35px;
}

p.invalid-data {
    font-size: 22px;
}

select {
    height: 54px !important;
}

a.add_button,
a.add_vdo_button {
    font-size: 24px;
    font-weight: 600;
}

.dataTables_paginate .page-item.active .page-link {
    background-color: #3952A2 !important;
}



@media (min-width: 1500px) and (max-width: 1800px) {
    .detail-web-page .detail-web-profile .content-section .heading h5 {
        font-size: 38px;
        line-height: 46px;
    }

    .vote-slider-section .range-slider {
        width: 100%;
    }

    .vote-slider-section .range-slider__range {
        width: 75%;
    }

    .vote-slider-section .vote-rating {
        width: 25%;
    }

    .vote-slider-section p {
        padding-bottom: 10px;
    }

    .detail-web-page .detail-web-profile .image-section {
        margin-top: 70px;
        padding-left: 30px;
        text-align: end;
    }

    .detail-web-page .detail-web-profile .image-section img {
        width: 100%;
        height: 390px;
    }

    .contact-information-section .content-section ul li .icon-section::before {
        height: 42px;
    }

    .contact-information-section .content-section ul li .icon-section {
        padding-right: 18px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info {
        padding-bottom: 0px;
    }

    .contact-information-section .content-section ul li .icon-section img {
        padding: 8px 8px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list {
        padding-bottom: 15px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section {
        margin-right: 15px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image {
        position: absolute;
        top: -27%;
        left: -19%;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image img {
        width: 280px;
    }

    .detail-webpage-content .contact-information-section {
        position: relative;
        padding-bottom: 20px;
    }

    .review-section .heading {
        padding-bottom: 20px;
    }

    .review-section .rating-description .rating ul {
        padding: 14px 36px;
    }

    .review-section .review-content .common-btn-inactive a {
        padding: 16px 20px;
    }

    .review-section .rating-description .rating ul li i {
        font-size: 26px;
    }

    .review-section .rating-description .votes {
        padding: 20px 0 0 40px;
    }

    /*home page*/

    .about-section .slick-prev,
    .about-section .slick-next {
        bottom: -56px;
    }

    .about-section .slick-dots {
        bottom: -35px;
    }

    /* .service-section .service-content {
        padding: 40px 0;
    } */
    .single-service {
        width: 200px;
    }

    .single-trending {
        padding: 0 10px;
    }

    .single-trending .content-section {
        padding: 12px 12px;
    }

    .home-page .category-section {
        padding: 20px 60px 0;
    }

    .give-rating .starrate span.cont {
        width: 295px;
        height: 45px;
    }

    .give-rating .starrate .cont i {
        font-size: 45px;
    }

    #multistepsform #progressbar li:after {
        width: 60%;
        left: -30%;
    }

    .form-content .manage-time .button-section .common-btn a {
        padding: 28px 90px;
        font-size: 26px;
        line-height: 32px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
        width: 32%;
    }

    .catalog-content li {
        margin-right: 20px;
        width: 22%;
    }

    form .digit-group .splitter {
        margin-right: 10px;
    }

    form .digit-group input {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }

    .single-wishlist {
        padding: 20px 20px;
    }

    .wishlist-content .content-heading p {
        font-size: 22px;
    }

    .single-wishlist .rating ul li i {
        font-size: 24px;
    }

    .wishlist-cart .common-btn a {
        font-size: 16px;
        padding: 8px 24px;
        line-height: 24px;
    }

    .wishlist-cart .icon-section i {
        font-size: 32px;
    }

    .information-list li {
        font-size: 20px;
    }

    .wishlist-content .content-heading .icon-section a i {
        padding: 10px;
        font-size: 20px;
    }

    .pricing-wrapper li .common-btn a {
        font-size: 26px;
        padding: 24px 50px;
    }

    .pricing-features {
        height: unset;
        padding-bottom: 50px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn button {
        padding: 16px 26px;
        line-height: 26px;
        font-size: 20px;
    }

    .pricing-features>li {
        font-size: 20px;
    }

    .payment-detail-section .card-user-details {
        padding: 150px 30px 70px;
        margin-top: 200px;
    }

    .payment-detail-section .card-user-details .user-information {
        top: -200px;
        padding: 45px 25px;
        left: 50px;
        right: 50px;
    }

    .payment-detail-section .card-user-details .user-information p {
        font-size: 24px;
        line-height: 30px;
    }

    .payment-detail-section .card-user-details .user-information .card-number {
        padding-bottom: 45px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .title p {
        font-size: 24px;
        line-height: 30px;
    }

    .payment-detail-section .card-user-details .user-information .name {
        padding-bottom: 15px;
    }

    .payment-detail-section .card-user-details .plan-description ul li {
        padding-bottom: 30px;
    }

    .payment-detail-section .form-content form label {
        font-size: 28px;
        line-height: 36px;
    }

    .my-profile-section .cover-photo .profile-image img {
        width: 270px;
        height: 270px;
    }

    .social-list ul li {
        padding-right: 5px;
    }

    .profile-information .location {
        padding: 12px 0 20px;
    }

    .edit-profile a img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .details-content {
        padding-bottom: 10px;
    }

    /* .my-business-btn .common-btn a {
        padding: 38px 92px;
    } */
    .details-content .icon-section {
        width: 15%;
        padding-right: 15px;
    }

    .details-content .list-info {
        width: 85%;
    }

    /* .additional-details {
        padding: 30px 30px;
        margin-bottom: 30px;
    } */
    .profile-tab-section .nav-tabs li a.active {
        font-size: 18px;
    }

    .profile-tab-section .nav-tabs li a {
        font-size: 18px;
        line-height: 32px;
        padding: 14px 34px;
    }

    .single-product-category.profile-page .image-section img {
        height: unset;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
        font-size: 26px;
    }

    .single-overview {
        padding: 18px 28px;
        width: 230px;
    }

    .calender-input input {
        width: 100%;
    }

    /* .leads-header .common-btn a {
        padding: 30px 100px;
    } */
    .calender-filter .description p {
        font-size: 18px;
    }

    .my-leads-section .table td,
    .my-leads-section .table th {
        text-align: center;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
        width: 31%;
    }

    .business-cover .button-section {
        top: 50px;
        right: 50px;
    }

    /* .business-cover .button-section .common-btn-inactive a {
        font-size: 26px;
        padding: 28px 75px;
        line-height: 32px;
    }
    .business-cover .button-section .common-btn a {
        padding: 28px 75px;
        font-size: 26px;
        line-height: 32px;
    } */
    .common-photo-upload .profile-upload .file-upload .image-box {
        height: 280px;
        /* width: 280px; */
    }

    .common-photo-upload .profile-upload .file-upload .image-box img {
        height: 280px;
        width: 280px;
    }

    .single-award {
        padding: 20px 16px;
    }

    .single-award .award-header .title p {
        font-size: 22px;
        line-height: 28px;
    }

    .single-award .award-header .icon-section {
        width: 80px;
        height: 80px;
    }

    .business-details {
        padding: 40px 0;
    }

    .single-award .content-section .subtitle p {
        font-size: 20px;
    }

    .about-business-profile .business-upload-section .catalog-content li {
        margin-right: 20px;
        width: 24%;
    }

    .about-business-profile .business-upload-section .form-content label {
        font-size: 26px;
        line-height: 32px;
    }

    .about-business-profile .business-upload-section .form-content .form-group p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 20px;
    }

    .profile-section .profile-content .profile-details-list .nav li a {
        font-size: 28px;
        line-height: 36px;
    }

    .add-product-section .form-content form .button-section .common-btn-inactive a {
        padding: 22px 40px;
        /* width: unset; */
        line-height: 30px;
        /* color: #666; */
        font-size: 24px;
    }

    .promotion-section .promotion-content ul li {
        width: 20%;
    }

    /* .single-promotion {
        padding: 30px 30px;
    } */
    /* .advertisement1-section .button-section .common-btn {
        padding-bottom: 40px;
    } */
    .prodNav .ptItem {
        padding: 10px 20px;
    }

    .product-category-slider li .single-product-category img {
        padding-right: 0;
        width: 35px;
        margin-right: 12px;
    }

    .product-link-list .sub-category-content .single-sub-category {
        margin: 0px 15px 15px 0;
    }

    .single-service-catalogue .modal .modal-content .button-section a img {
        padding: 18px 18px;
        width: 70px;
    }

    .single-service-catalogue .modal .modal-content .modal-body img {
        width: 300px;
    }

    .single-service-catalogue .modal .modal-content .modal-body .description p {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 50px;
    }

    .single-service-catalogue .modal .modal-content {
        padding-bottom: 50px;
    }

    .single-service-catalogue .modal .modal-content .common-btn {
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content .common-btn a {
        padding: 22px 80px;
    }

    .single-service-catalogue .modal .modal-content .common-btn-inactive a {
        padding: 22px 80px;
    }

    .home-page .category-section-bottom {
        padding: 0;
        text-align: center;
    }

    .home-page .category-section-bottom .button-section .common-btn {
        width: unset;
    }

    .category-webpage .slider-section .single-slider img {
        height: 200px;
    }

    .category-webpage .slider-section {
        padding: 0 100px 20px;
    }

    .register-section .register-left .image-section img {
        width: 400px;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {

    /* .heading h5 {
        font-size: 24px;
    } */
    header .menu .navbar .navbar-right .profile-btn {
        margin-left: 40px;
    }

    header .menu .navbar .navbar-collapse ul li a {
        padding: 0 20px;
        font-size: 18px;
    }

    header .menu .navbar .navbar-brand img {
        width: 160px;
    }

    header .menu .navbar {
        height: 80px;
    }

    .round-button i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .home-page .category-section {
        padding: 20px 40px 0;
    }

    .home-page .home-page-right {
        padding: 30px 30px 0;
    }

    .user-notification ul {
        padding: 8px 10px;
    }

    .user-notification ul li a {
        height: 46px;
        width: 46px;
        line-height: 46px;
    }

    .user-notification ul li a img {
        width: 25px;
    }

    .about-section .test {
        height: 160px;
    }

    .about-section .rev_slider .test .content-section ul {
        padding: 10px 0 20px 20px;
    }

    .section-header h6 {
        font-size: 22px;
        line-height: 28px;
    }

    .home-page .home-page-right .search-section .search-area input {
        padding-left: 28%;
        height: 50px;
    }

    .home-page .home-page-right .search-section .search-area .place-search input {
        height: 40px;
        padding-left: 20px;
    }

    .search-area .place-search a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .home-page .home-page-right .search-section .place-search {
        width: 25%;
    }

    .home-page .category-section .category-list {
        padding-bottom: 15px;
    }

    .home-page .category-section .category-list ul li {
        padding-bottom: 10px;
    }

    .about-section .slick-prev,
    .about-section .slick-next {
        bottom: -55px;
        height: 40px;
        width: 40px;
    }

    .about-section .slick-list {
        padding-bottom: 4% !important;
    }

    .service-section {
        padding-top: 15px;
    }

    a.common-btn {
        font-size: 14px;
        padding: 6px 20px;
        line-height: 20px;
    }

    .about-section .slick-dots {
        bottom: -40px;
    }

    .service-section .service-content ul li {
        padding: 0 15px 15px 0;
    }

    .trending-section .section-header .button-section a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .single-service {
        width: 142px;
    }

    .single-service img {
        margin-bottom: 5px;
        width: 40px;
        height: 40px;
    }

    .single-service p {
        font-size: 14px;
        line-height: 22px;
    }

    .trending-section .single-trending .content-section .sub-title {
        display: block;
    }

    .trending-section .single-trending {
        padding: 0 10px;
        /* margin-bottom: 35px; */
    }

    .single-category img {
        width: 35px;
        height: 35px;
        margin-right: 25px;
    }

    .single-category p {
        font-size: 16px;
    }

    .trending-section .single-trending .image-section img {
        height: 130px;
    }

    .single-trending .content-section {
        padding: 10px 15px;
        margin-bottom: 30px;
    }

    .single-trending .content-section ul li a {
        padding: 2px 0;
    }

    .single-trending .content-section p {
        font-size: 16px;
        line-height: 22px;
    }

    .single-trending .content-section .button-section a i {
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 20px;
    }

    .single-trending .content-section .button-section a {
        border: 10px solid var(--theme-secondary);
    }

    .single-trending .content-section .button-section {
        right: -10%;
    }

    .blog-section::after {
        width: 100%;
        height: 100%;
        top: -25px;
    }

    .home-page {
        padding-bottom: 0;
    }

    .home-page .category-section-bottom .button-section .common-btn {
        /* padding: 16px 26px; */
        margin: 18px 0;
    }

    /* .home-page .category-section .button-section ul li a {
        padding: 14px 15px;
    } */
    .home-page .category-section .button-section ul li a i {
        margin-right: 12px;
        font-size: 12px;
    }

    .home-page .category-section-bottom {
        padding: 0 40px;
        background-color: #fff;
    }

    .trending-section .trending-bottom .button-section .common-btn {
        padding: 12px 40px !important;
        font-size: 16px;
    }

    .service-section .service-content {
        padding: 10px 0;
    }

    .trending-section .trending-bottom {
        padding: 10px 0;
    }

    .single-blog .image-section img {
        height: 180px;
    }

    .single-blog .icon-section img {
        height: unset;
    }

    .single-blog .content-section p.description {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-section {
        padding: 0 30px 45px;
    }

    .user-review-section .user-review-content {
        padding: 10px 0;
    }

    .single-user-review .user-info img {
        width: 65px;
        height: 65px;
    }

    .user-review-section {
        padding: 0 30px;
    }

    footer {
        padding: 15px 30px;
    }

    .copyright-section {
        padding: 14px 24px;
    }

    .navbar-right {
        padding-left: 40px;
    }

    /*register page*/
    .register-section .register-left .content-section {
        padding: 0 50px 30px;
    }

    .register-section .register-left .image-section img {
        width: 350px;
    }

    .register-section .register-right {
        padding: 40px 50px;
    }

    .register-section .register-right .form-content form .button-section button.inactive {
        margin-left: 0;
        margin-top: 20px;
    }

    .register-section .register-left {
        padding: 40px 0;
    }

    .register-section .register-right .form-section p {
        font-size: 20px;
    }

    .register-section .register-left .logo-section a img {
        width: 280px;
    }

    form .digit-group input {
        width: 65px;
        height: 65px;
        margin-right: 8px;
    }

    form .digit-group .splitter {
        margin-right: 8px;
    }

    /*advertisement1-section */
    .advertisement1-section {
        padding: 30px 40px;
    }

    /*advertisement2 */
    .promotion-section .promotion-content ul li {
        /* width: 26%; */
        margin-right: 30px;
    }

    /* .single-promotion {
        padding: 35px 35px;
    } */
    .single-business-category img {
        padding: 20px 20px;
        width: 85px;
    }

    .single-sub-category {
        padding: 14px 18px;
        margin: 0 8px 20px 0;
        /* font-size: 22px; */
    }

    .file-upload .image-box {
        height: 350px;
    }

    .common-btn-inactive a {
        font-size: 22px;
        padding: 22px 60px;
    }

    /* .advertisement1-section .button-section .common-btn {
        padding-bottom: 25px;
    } */
    /*inquiry page*/
    .inquiry-section {
        padding: 50px 60px;
    }

    .inquiry-section .inquiry-form .section-header p {
        font-size: 24px;
        line-height: 30px;
    }

    /*category webpage*/
    .category-webpage .slider-section .single-slider {
        margin-right: 30px;
    }

    .category-webpage .slider-section .single-slider img {
        height: 180px;
        width: 100%;
    }

    .baby-care-section .baby-care-content .filter-section {
        padding: 20px 20px;
    }

    p {
        font-size: 24px;
    }

    .prodMain {
        padding: 15px 0px 0;
    }

    .prodNav .ptItem {
        padding: 12px 16px;
        font-size: 16px;
    }

    .prodNav .ptItem img {
        width: 22px;
    }

    .product-link-list .sub-category-content .single-sub-category {
        font-size: 16px;
        margin: 0 15px 15px 0;
        padding: 16px 26px;
    }

    .single-filter-list {
        padding-bottom: 10px;
    }

    .single-filter-list p {
        font-size: 18px;
    }

    .custom-radio {
        font-size: 16px;
    }

    .single-filter-list ul li {
        padding-bottom: 10px;
    }

    .banner-section .image-section img {
        height: 180px;
    }

    .banner-section .content-section {
        left: 5%;
    }

    /*search area*/
    .search-area input {
        padding-left: 33%;
        height: 50px;
    }

    .search-area .place-search {
        width: 30%;
    }

    .search-area .place-search input {
        padding-left: 20px;
        height: 45px;
    }

    /*product listing page*/
    .category-webpage .horizontal .single-slider {
        margin-right: 0;
    }

    .horizontal .single-slider img {
        width: 100%;
    }

    .baby-care-section .section-header {
        padding: 0 90px 15px;
    }

    .product-link-list {
        padding: 20px 90px;
    }

    .baby-care-category-right .single-sub-category {
        font-size: 16px;
        padding: 10px 14px;
        margin: 0 10px 10px 0;
        line-height: 22px;
    }

    .baby-care-section .baby-care-category-right .product-category-content {
        padding-bottom: 25px;
    }

    .information-section {
        padding: 20px 90px;
        margin-top: 10px;
    }

    .information-section .content-section .heading {
        padding-bottom: 20px;
    }

    .information-section .content-section {
        padding-bottom: 30px;
    }

    .faq-section {
        padding: 20px 90px;
        margin-top: 40px;
    }

    .faq-section .single-accordion {
        padding: 12px 40px;
    }

    /* .single-product-category .product-category-detail .heading h5 {
        min-height: 45px;
    } */
    .customer-details-section .customer-content {
        padding: 40px 40px;
    }

    .customer-details-section .customer-content .heading {
        padding-bottom: 40px;
    }

    .customer-details-section .customer-content ul li {
        padding-bottom: 25px;
    }

    .single-product-category .product-category-detail .image-section {
        padding-bottom: 5px;
    }

    .banner-section .content-section .heading h5 {
        font-size: 24px;
    }

    .banner-section .content-section .button-section .common-btn a {
        font-size: 18px;
        padding: 12px 30px;
    }

    .product-category-list-horizontal .image-section img {
        width: 100%;
        height: 100%;
    }

    .footer-list .button-section .common-btn-inactive a {
        padding: 12px 20px;
        font-size: 16px;
    }

    footer .footer-content .footer-list p {
        line-height: 30px;
    }

    /*list business step*/
    #multistepsform #progressbar li {
        height: 140px;
        /* font-size: 22px; */
    }

    #multistepsform #progressbar li:after {
        width: 45%;
        left: -23%;
        top: 25%;
    }

    #multistepsform #progressbar li:before {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
    }

    .product-category-slider li .single-product-category {
        padding: 12px 12px;
        font-size: 16px;
    }

    /* .product-category-slider li .single-product-category img {
        padding-right: 18px;
    } */
    .category-webpage {
        padding-top: 20px;
    }

    .category-webpage .search-section {
        padding: 0 90px 20px;
    }

    .category-webpage .search-section .button-section .common-btn-inactive a {
        padding: 12px 20px;
        font-size: 18px;
        line-height: 24px;
    }

    .category-webpage .slider-section {
        padding: 0 100px 20px;
    }

    .category-webpage .search-section .button-section .common-btn-inactive a img {
        padding-right: 0;
    }

    .detail-web-page .detail-web-profile {
        padding-left: 90px;
    }

    .detail-web-page .detail-web-profile .content-section .heading h5 {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .rating {
        padding-bottom: 8px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info {
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .rating p {
        font-size: 20px;
        line-height: 26px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li {
        padding-bottom: 10px;
        font-size: 20px;
    }

    .vote-slider-section p {
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 26px;
    }

    .detail-web-profile .content-section .common-btn a {
        font-size: 18px;
        padding: 14px 26px;
    }

    .detail-web-page .detail-web-profile .content-section .vote-slider-section {
        padding-bottom: 15px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li img {
        padding-right: unset;
        width: 22px;
        margin-right: 15px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li {
        padding-right: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a {
        padding: 10px 10px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a img {
        width: 22px;
    }

    .vote-slider-section .range-slider {
        width: 350px;
        height: 55px;
    }

    .vote-slider-section .vote-rating {
        height: 55px;
        width: 175px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list {
        padding-bottom: 10px;
    }

    .detail-web-page .detail-web-profile .image-section {
        padding-left: 20px;
        margin-top: 95px;
        text-align: end;
    }

    .detail-web-page .detail-web-profile .image-section img {
        height: 350px;
        width: 100%;
    }

    .detail-webpage-content {
        padding: 30px 90px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section img {
        width: 160px;
        height: 160px;
    }

    .single-information {
        padding: 15px 15px;
    }

    .single-information .timing li p {
        font-size: 20px;
        line-height: 26px;
    }

    .single-information .title {
        padding-bottom: 10px;
    }

    .single-information .offer-section {
        padding: 10px 18px;
    }

    .single-information .additional-info {
        padding: 10px 0 10px;
    }

    .single-information .common-btn a {
        font-size: 16px;
        line-height: 26px;
        padding: 12px 20px;
    }

    .single-information .timing li .day {
        padding-right: 26px;
        width: 160px;
    }

    .single-information .more-information {
        padding-bottom: 0;
    }

    .detail-webpage-content .slider-section {
        padding-bottom: 30px;
    }

    .detail-webpage-content .information-section {
        padding: 0 0 30px 0;
    }

    .contact-information-section .heading {
        padding-bottom: 20px;
    }

    .contact-information-section .content-section ul li .icon-section::before {
        height: 36px;
        left: -18px;
    }

    .detail-webpage-content .contact-information-section {
        padding-bottom: 25px;
    }

    .review-section .heading {
        padding-bottom: 10px;
    }

    .single-information .title p {
        font-size: 24px;
        line-height: 30px;
    }

    .single-information .offer-section .offer-price p {
        padding-bottom: 15px;
    }

    .detail-webpage-content .contact-information-section .image-section {
        right: -75px;
    }

    .detail-webpage-content .contact-information-section .image-section img {
        width: 460px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section {
        margin-right: 15px;
    }

    .detail-webpage-content .slider-section .slick-prev {
        left: -70px;
    }

    .detail-webpage-content .slider-section .slick-next {
        right: -40px;
    }

    .detail-webpage-content .slider-section .slick-prev:before,
    .detail-webpage-content .slider-section .slick-next:before {
        font-size: 36px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image img {
        width: 200px;
    }

    .contact-information-section .content-section ul li {
        padding-bottom: 10px;
    }

    .contact-information-section .content-section ul li .icon-section {
        padding-right: 10px;
    }

    .contact-information-section .content-section ul li .icon-section img {
        padding: 8px 8px;
    }

    .contact-information-section .content-section ul {
        padding-bottom: 0px;
    }

    .review-section .rating-description .rating ul li i {
        font-size: 26px;
    }

    .review-section .rating-description .rating ul {
        padding: 12px 36px;
    }

    .review-section .review-content .common-btn-inactive a {
        padding: 14px 20px;
    }

    .review-section .rating-description .votes p {
        font-size: 20px;
    }

    .review-section .rating-description .votes {
        padding: 15px 0 0 35px;
    }

    .review-section .rating-description {
        padding-bottom: 15px;
    }

    .review-section .review-content .common-btn-inactive a img {
        padding-right: 0;
    }

    .detail-webpage-content .review-section {
        padding-bottom: 20px;
    }

    .testimonial-section .single-user-review .user-info {
        padding-bottom: 10px;
    }

    .testimonial-section .single-user-review .date p {
        padding-bottom: 5px;
        font-size: 18px;
    }

    .testimonial-section .single-user-review .place p {
        font-size: 18px;
    }

    .testimonial-section .single-user-review .content-section p {
        font-size: 18px;
    }

    .testimonial-section .single-user-review .content-section {
        padding-top: 5px;
    }

    .testimonial-section .button-section {
        padding-top: 20px;
    }

    .testimonial-section .button-section a {
        padding: 14px 34px;
    }

    .detail-page-faq {
        padding: 25px 90px;
    }

    .detail-page-faq .content-section .heading h5 {
        font-size: 22px;
    }

    .detail-page-faq .content-section .heading p {
        font-size: 16px;
        line-height: 24px;
    }

    .detail-page-faq .content-section .common-btn a {
        padding: 16px 46px;
    }

    .detail-page-faq .faq-section .heading h5 {
        font-size: 22px;
    }

    .faq-section .section-header {
        padding-bottom: 10px;
    }

    .faq-section .card-header {
        font-size: 20px;
    }

    .faq-section .card-body {
        font-size: 16px;
    }

    .detail-page-faq .faq-section #accordion {
        padding: 15px 18px;
    }

    footer .section-header {
        padding-bottom: 10px;
    }

    .inquiry-section .inquiry-form {
        padding: 40px 45px;
    }

    .inquiry-section .inquiry-area .image-section img {
        height: 100%;
    }

    .give-rating #test {
        height: 80px;
        width: 100px;
    }

    .give-rating .starrate {
        padding: 20px 30px;
    }

    .give-review-section .inquiry-form .form-content .form-group {
        margin-bottom: 20px;
    }

    /* .button-section button {
        padding: 14px 68px;
    } */
    .forgot-pass a {
        font-size: 18px;
    }

    .give-rating .starrate .cont i {
        font-size: 38px;
    }

    .give-rating .starrate span.cont {
        width: 250px;
        height: 40x;
    }

    .inquiry-section .inquiry-form .section-header {
        padding-bottom: 20px;
    }

    .give-review-section .inquiry-form .form-content .form-group p {
        padding-bottom: 10px;
        font-size: 28px;
        line-height: 34px;
    }

    .give-review2 .detail-review-content .content-section {
        padding: 40px 45px;
    }

    .give-review2 .detail-review-content .content-section .heading h5 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 15px;
    }

    .give-review2 .detail-review-content .content-section .review-overview ul li {
        font-size: 26px;
        line-height: 32px;
    }

    .contact-information-section .content-section ul li .title .subtitle {
        display: block;
        padding-top: 6px;
    }

    .contact-information-section .content-section ul li .title .subtitle p {
        padding-right: 0;
        padding-bottom: 2px;
        font-size: 18px;
    }

    .contact-information-section .content-section ul li .title p {
        font-size: 22px;
        line-height: 26px;
    }

    .list-business-step-section .section-header {
        padding: 30px 100px;
    }

    #multistepsform fieldset .form-content {
        padding: 30px 100px 50px;
    }

    #multistepsform .action-button {
        line-height: 32px;
        padding: 24px 50px;
        font-size: 26px;
        width: 320px;
    }

    .single-time-selection {
        padding-bottom: 10px;
    }

    /* .form-content .content-section {
        padding-bottom: 20px;
    } */
    #multistepsform .action-button.active {
        margin-right: 30px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .form-group span {
        font-size: 12px;
    }

    /* .add-more-btn a {
        font-size: 20px;
    } */
    /* .add-more-btn a i {
        margin-right: 12px;
        width: 55px;
        line-height: 55px;
        height: 55px;
        font-size: 20px;
    } */
    /* .single-time-selection .title p {
        font-size: 26px;
    } */
    /* .single-time-selection .description p {
        font-size: 26px;
    } */
    .form-content .manage-time .button-section .common-btn a {
        padding: 22px 50px;
        font-size: 26px;
        line-height: 34px;
    }

    #multistepsform fieldset .form-content .payment-method-selection {
        padding: 40px 0 20px;
    }

    form .button-section {
        padding-top: 20px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
        width: 32%;
    }

    .common-btn a {
        font-size: 20px;
        padding: 22px 80px;
    }

    #multistepsform fieldset .form-content .upload-catalog .catalog-content {
        justify-content: space-between;
    }

    .catalog-content li {
        margin-right: 0;
        width: 24%;
    }

    .single-catalog img {
        padding: 20px 20px;
        width: 80px;
        margin-bottom: 20px;
    }

    /* .single-catalog .content-section .heading h5 {
        font-size: 24px;
    } */
    .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 220px;
        width: 240px;
    }

    .verification-section .content-section .common-btn a {
        font-size: 26px;
        padding: 22px 80px;
    }

    .verification-section .image-section img {
        width: 300px;
    }

    .register-section .register-left .content-section p {
        font-size: 20px;
        line-height: 26px;
    }

    .signup {
        font-size: 18px;
        padding: 14px 0;
        margin-bottom: 20px;
    }

    .signup img {
        width: 25px;
        padding-right: unset;
        margin-right: 15px;
    }

    .register-section .register-right .form-section {
        padding-bottom: 20px;
    }

    .form-control {
        height: 45px;
        font-size: 16px;
    }

    select.form-control {
        height: 45px !important;
    }

    .sign-in .register-right .form-section {
        padding-bottom: 0;
    }

    .register-section .register-right .form-content form .common-btn a {
        padding: 16px 60px;
        font-size: 18px;
    }

    .register-section .register-right p {
        font-size: 16px;
    }

    .register-right .form-content form .description {
        padding-top: 25px;
    }

    .register-section .register-right .form-section .image-section img {
        width: 160px;
    }

    .register-section .register-right .form-content form .common-btn-inactive a {
        padding: 16px 70px;
        font-size: 18px;
        line-height: 24px;
    }

    .advertisement1-section .section-header {
        padding-bottom: 20px;
    }

    .business-category-section {
        padding-bottom: 40px;
    }

    .sub-category-section {
        padding-bottom: 30px;
    }

    .wishlist-section {
        padding: 25px 40px;
    }

    .single-wishlist {
        padding: 15px 15px;
    }

    .wishlist-content .content-heading p {
        font-size: 18px;
        line-height: 24px;
    }

    .wishlist-content .content-heading {
        height: 62px;
    }

    .wishlist-content .content-heading .icon-section a i {
        padding: 10px;
        font-size: 18px;
    }

    .information-list li {
        padding-bottom: 6px;
        font-size: 16px;
    }

    .single-wishlist .rating {
        padding-bottom: 10px;
    }

    .information-list li a img {
        width: 20px;
        margin-right: 15px;
    }

    .single-wishlist .rating ul li i {
        font-size: 20px;
    }

    .wishlist-cart .common-btn a {
        font-size: 14px;
        padding: 8px 16px;
        line-height: 24px;
    }

    .wishlist-cart .icon-section i {
        font-size: 30px;
    }

    .pricing-switcher label {
        width: 150px;
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }

    .ellipse {
        width: 44px;
        height: 44px;
    }

    .pricing-switcher input[type="radio"]:checked+label+.switch,
    .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
        transform: translateX(150px);
    }

    .pricing-switcher .switch {
        height: 55px;
        width: 150px;
    }

    .pricing-switcher .fieldset {
        padding: 0;
    }

    .advertisement1-section .section-header p {
        padding-top: 5px;
        line-height: 24px
    }

    .pricing-wrapper li .common-btn a {
        font-size: 20px;
        padding: 16px 35px;
        line-height: 28px;
    }

    .pricing-header {
        padding-bottom: 10px;
    }

    .pricing-header .plan-title .subtitle p {
        font-size: 22px;
    }

    .pricing-header .plan-title .description p {
        font-size: 16px;
    }

    .pricing-features {
        height: unset;
        padding-bottom: 45px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn button {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 22px;
    }

    .pricing-list .pricing-features li {
        margin: 0;
        font-size: 16px;
        width: 100%;
        line-height: 22px;
    }

    .pricing-wrapper>li {
        padding: 20px 20px;
    }

    /* .pricing-list{
        justify-content: space-between;
    } */
    .pricing-list li {
        width: 32%;
        margin: 0 12px 25px 0;
    }

    .pricing-wrapper .is-visible {
        width: 100%;
    }

    .payment-detail-section .form-content form .form-heading {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .user-information {
        top: -175px;
        padding: 45px 25px;
        left: 35px;
        right: 35px;
    }

    .payment-detail-section .card-user-details .user-information::before {
        width: 120px;
        height: 6px;
        top: 0px;
    }

    .payment-detail-section .card-user-details .user-information::after {
        width: 90px;
        height: 6px;
    }

    .payment-detail-section .card-user-details .user-information p {
        font-size: 22px;
        line-height: 30px;
    }

    .payment-detail-section .card-user-details .user-information .name {
        padding-bottom: 15px;
    }

    .payment-detail-section .card-user-details .user-information .card-number {
        padding-bottom: 30px;
    }

    .payment-detail-section .card-user-details {
        margin-top: 175px;
        padding: 85px 35px 50px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .subtitle p {
        font-size: 22px;
        line-height: 30px;
    }

    .payment-detail-section .card-user-details .plan-description ul li {
        padding-bottom: 15px;
    }

    .payment-detail-section .card-user-details .plan-description {
        padding-bottom: 50px;
    }

    .payment-detail-section .card-user-details .total-amount {
        padding-top: 35px;
    }

    .payment-detail-section .card-user-details .total-amount::before {
        width: 50px;
        height: 50px;
        left: -23%;
    }

    .payment-detail-section .card-user-details .total-amount::after {
        width: 50px;
        height: 50px;
        right: -23%;
    }

    .payment-detail-section .card-user-details .total-amount .title p {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .payment-detail-section .form-content form label {
        font-size: 22px;
        line-height: 30px;
    }

    .my-profile-section .cover-photo .profile-image img {
        width: 200px;
        height: 200px;
    }

    .profile-information .heading h5 {
        font-size: 28px;
        padding-bottom: 5px;
        line-height: 36px;
    }

    .profile-information p {
        font-size: 24px;
        line-height: 30px;
    }

    .profile-information .location p {
        font-size: 16px;
        padding: 8px 12px;
        line-height: 20px;
    }

    .social-list ul li {
        padding-right: 5px;
    }

    .social-list ul li img {
        padding: 5px 5px;
        width: 36px;
    }

    .profile-information .location {
        padding: 10px 0;
    }

    .edit-profile a {
        padding: 10px 6px;
        font-size: 16px;
    }

    .edit-profile a img {
        padding-right: 0;
        width: 18px;
        margin-right: 5px;
    }

    .additional-details {
        padding: 16px 16px;
        margin-bottom: 15px;
    }

    .additional-details .details-heading .title p {
        font-size: 26px;
        line-height: 30px;
    }

    .additional-details .details-heading .button-section a img {
        width: 25px;
    }

    .details-content .icon-section {
        padding-right: 0;
        width: 15%;
    }

    .details-content .icon-section img {
        width: 30px;
    }

    .details-content .list-info {
        width: 85%;
    }

    .details-content {
        padding-bottom: 10px;
    }

    .my-profile-section .cover-photo img {
        height: 265px;
    }

    .my-business-btn .common-btn a {
        padding: 18px 50px;
    }

    .profile-tab-section .nav-tabs li a {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 20px;
    }

    .profile-tab-section .nav-tabs {
        padding: 25px 30px;
        margin-bottom: 40px;
    }

    .profile-tab-section .nav-tabs li a.active {
        font-size: 18px;
    }

    .profile-tab-section .tab-content #menu1 {
        padding: 25px 25px;
    }

    .profile-tab-section .tab-content .single-product-category {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .single-product-category.profile-page .image-section img {
        height: unset;
    }

    .single-product-category .product-category-detail a {
        padding-bottom: 5px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section a i {
        padding: 10px 10px;
        font-size: 20px;
    }

    .single-product-category .product-category-detail .heading {
        padding: 0px 0 5px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .description p {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .product-category-list-horizontal .single-product-category .product-category-detail .heading h5 {
        font-size: 28px;
        min-height: 0;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .price p {
        padding-bottom: 10px;
        font-size: 32px;
        line-height: 38px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
        font-size: 26px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn a {
        padding: 10px 28px;
        font-size: 20px;
        line-height: 28px;
    }

    .profile-tab-section .tab-content .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .single-overview {
        padding: 16px 25px;
        margin-right: 30px;
        width: 200px;
    }

    .single-overview .title p {
        font-size: 24px;
        line-height: 30px;
    }

    .analytics-overview-list {
        padding-bottom: 30px;
    }

    .leads-section .leads-header {
        padding-bottom: 20px;
    }

    .chart-section {
        padding: 15px 20px;
        margin-bottom: 30px;
    }

    #chartContainer3 {
        height: 240px;
    }

    .chart-header .title p {
        font-size: 20px;
        line-height: 26px;
    }

    #pie-chart {
        height: 280px;
    }

    #chartContainer {
        height: 240px;
    }

    .analytics-section .analytics-action-list li {
        padding: 0 0 10px 0;
        justify-content: space-between;
        font-size: 22px;
    }

    .analytics-action-list li p {
        font-size: 24px;
    }

    .no-data-msg {
        padding-top: 10px;
    }

    #chartContainer4 {
        height: 280px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn a {
        padding: 18px 42px;
        font-size: 20px;
        line-height: 26px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn-inactive a {
        padding: 18px 30px;
        line-height: 26px;
        font-size: 20px;
    }

    .leads-header .heading h5 {
        /* font-size: 28px; */
        /* line-height: 36px; */
        padding-bottom: 5px;
    }

    /* .leads-header .heading a {
        font-size: 24px;
        line-height: 30px;
    } */
    .leads-header .common-btn a {
        padding: 18px 65px;
    }

    .calender-filter .icon-section i {
        font-size: 20px;
        padding: 14px 14px;
    }

    /* .calender-filter .description p {
        font-size: 22px;
        line-height: 30px;
    } */
    .calender-input input {
        /* height: 55px; */
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 20px;
    }

    .single-leads {
        padding: 16px 16px;
        margin-bottom: 30px;
    }

    .single-leads .leads-header-section .heading .title p {
        font-size: 28px;
        line-height: 34px;
    }

    .single-leads .leads-header-section {
        padding-bottom: 15px;
    }

    .single-leads .content-section ul li {
        padding-top: 10px;
    }

    .single-leads .content-section ul {
        padding-bottom: 8px;
    }

    .single-leads .content-section .common-btn a {
        padding: 12px 28px;
        font-size: 20px;
        line-height: 26px;
    }

    .header-info li img {
        padding-right: 15px;
    }

    .my-leads-section .my-leads-header .common-btn a {
        padding: 18px 34px;
        font-size: 22px;
        line-height: 28px;
    }

    .my-leads-section .table thead th {
        font-size: 22px;
        line-height: 28px;
    }

    .my-leads-section .table td,
    .my-leads-section .table th {
        font-size: 20px;
        line-height: 26px;
        padding: 12px 0;
    }

    .my-leads-section .table .status p {
        padding: 8px 20px;
        font-size: 18px;
        line-height: 24px;
    }

    .my-leads-section .table td .form-action .button-section a {
        padding: 12px 14px;
        font-size: 18px;
        line-height: 24px;
    }

    .my-leads-section .table td .form-action .button-section a i {
        padding-left: 5px;
    }

    .my-leads-section .table td img {
        width: 55px;
        height: 55px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section p {
        /* font-size: 22px; */
        line-height: 30px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section {
        padding-bottom: 30px;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul {
        padding-bottom: 50px;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
        width: 32%;
    }

    .business-cover .button-section {
        top: 10%;
        right: 4%;
    }

    .business-cover .button-section .common-btn-inactive a {
        font-size: 18px;
        padding: 12px 46px;
        line-height: 26px;
    }

    .business-cover .button-section .common-btn a {
        font-size: 18px;
        padding: 12px 46px;
        line-height: 26px;
    }

    .business-cover .image-section img {
        height: 280px;
    }

    .business-profile-content {
        padding: 30px 50px;
    }

    .business-details {
        padding: 30px 30px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box {
        height: 240px;
        width: 100%;
    }

    .common-photo-upload .profile-upload .file-upload .image-box img {
        height: 240px;
        width: 100%;
        border-radius: 20px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section {
        bottom: -36px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section a i {
        font-size: 35px;
        padding: 20px 20px;
    }

    .business-details .company-information .heading h5 {
        font-size: 30px;
        padding-bottom: 20px;
    }

    .common-photo-upload .profile-upload {
        padding-bottom: 40px;
        margin: -30px -30px 0 -30px;
    }

    .single-award {
        padding: 15px 15px;
    }

    .single-award .award-header {
        display: block;
        padding-bottom: 15px;
    }

    .single-award .award-header .icon-section {
        width: 75px;
        height: 75px;
        margin-bottom: 15px;
    }

    .company-information ul li {
        font-size: 18px;
        line-height: 26px;
        width: 33%;
    }

    .company-information ul li .icon-section img {
        padding: 8px 8px;
        width: 44px;
    }

    .company-information ul {
        padding-bottom: 5px;
    }

    .business-details .company-information {
        padding-bottom: 15px;
    }

    .business-details .social-list {
        padding-top: 15px;
    }

    .about-business-profile .business-upload-section .catalog-content li {
        margin-right: 15px;
        width: 30%;
    }

    .about-business-profile .business-upload-section .form-content label {
        font-size: 22px;
        line-height: 30px;
    }

    .about-business-profile .business-upload-section .form-content .form-group p {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 15px;
    }

    .profile-section .profile-content .profile-details-list p {
        font-size: 24px;
        line-height: 32px;
        padding: 20px 34px;
        margin-bottom: 30px;
    }

    .profile-section .profile-content .profile-details-list .nav li a {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 30px;
    }

    .profile-section .profile-image-section .file-upload .image-box {
        height: 350px;
    }

    /* .profile-section .profile-image-section .profile-cover-section .profile-image {
        left: 40px;
        bottom: -85px;
    } */
    /* .profile-section .profile-image-section .profile-cover-section .profile-image .image-section img {
        width: 220px;
        height: 220px;
    } */
    /* .profile-section .profile-image-section .profile-cover-section .profile-image .content-section p {
        font-size: 22px;
    } */
    .profile-section .profile-content .tab-content .form-content form .form-group p {
        font-size: 20px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section a {
        /* font-size: 24px; */
        margin-right: 25px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .profile-image img {
        width: 130px;
        height: 130px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 45px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px;
    }

    .select2-container .select2-selection--single {
        height: 45px;
    }

    /* .profile-section .profile-content .tab-content .form-content form label {
        font-size: 22px;
    } */
    /* .profile-section .profile-content .tab-content .form-content form .form-group .custom-radio {
        font-size: 22px;
        padding-left: 50px;
    } */
    .password-require-section .image-section .user-image img {
        width: 270px;
    }

    .password-require-section .image-section .content-section p {
        padding-bottom: 30px;
    }

    .password-require-section .image-section .content-section ul li {
        padding: 0 48px 8px 0;
    }

    .profile-section .profile-content .tab-content #menu4 .form-content form .button-section a {
        margin-bottom: 15px;
    }

    /* .profile-section .profile-image-section .file-upload .image-box .icon-section a i {
        font-size: 50px;
    } */
    .add-product-section .form-content form .button-section .common-btn-inactive a {
        padding: 20px 36px;
        margin-right: 30px;
        width: unset;
        line-height: 30px;
        font-size: 22px;
    }

    .common-btn-inactive a img {
        padding-right: 0;
        width: 20px;
        margin-right: 15px;
    }

    .company-detail-section {
        padding: 40px 50px;
    }

    .company-detail-section .common-photo-upload {
        top: -10px;
    }

    .company-detail-section .company-info .heading h5 {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 20px;
    }

    .company-detail-section .company-info .heading a {
        font-size: 26px;
        line-height: 32px;
    }

    .company-detail-section .company-info .social-list ul {
        padding-bottom: 20px;
    }

    .company-detail-section .company-info .social-list ul li img {
        width: 42px;
    }

    .company-detail-section .company-info .social-list ul li {
        padding-right: 20px;
    }

    .company-detail-section .common-photo-upload .profile-upload .file-upload .image-box img {
        width: 240px;
    }

    .service-catalogue-section .content-section {
        padding: 30px 30px;
    }

    .single-service-catalogue {
        padding: 15px 15px;
        margin-bottom: 30px;
    }

    .single-service-catalogue .product-category-detail .icon-section a i {
        padding: 12px 12px;
        font-size: 24px;
    }

    .single-service-catalogue .product-category-detail .heading h5 {
        font-size: 28px;
        line-height: 36px;
    }

    .single-service-catalogue .product-category-detail .description p {
        font-size: 24px;
        padding-bottom: 10px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a {
        padding: 14px 32px;
        font-size: 22px;
        line-height: 28px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .single-service-catalogue .product-category-detail .category {
        padding-bottom: 15px;
    }

    /* .single-promotion img {
        padding: 18px 18px;
        margin-bottom: 30px;
        width: 100px;
    } */
    /* .single-promotion p {
        font-size: 22px;
    } */
    .service-catalogue-section {
        padding-top: 150px;
    }

    .service-catalogue-section .section-header {
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content .button-section a img {
        padding: 15px 15px;
        width: 60px;
    }

    .single-service-catalogue .modal .modal-content .modal-body img {
        width: 300px;
    }

    .single-service-catalogue .modal .modal-content .modal-body .description p {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 40px;
    }

    .single-service-catalogue .modal .modal-content .common-btn a {
        padding: 20px 90px;
        font-size: 24px;
    }

    .single-service-catalogue .modal .modal-content .common-btn-inactive a {
        padding: 20px 90px;
        font-size: 24px;
    }

    .single-service-catalogue .modal .modal-content .common-btn {
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content {
        padding-bottom: 40px;
    }

    .add-product-section .section-header {
        padding-bottom: 20px;
    }

    .file-upload-section {
        padding-bottom: 20px;
    }

    .add-product-section .form-content form .button-section {
        padding-bottom: 60px;
    }

    #multistepsform #progressbar {
        padding: 30px 100px;
    }

    .list-business-verify-section {
        padding: 50px 50px;
    }

    .verification-section .content-section .heading h5 {
        padding-bottom: 10px;
    }

    .verification-section .content-section p {
        padding-bottom: 20px;
    }

    .profile-main-section {
        padding-bottom: 30px;
    }

    .profile-section .profile-content .tab-content {
        padding: 50px 66px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group {
        padding: 30px 0;
    }

    .about-business-profile .awards-section {
        padding-bottom: 0px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section {
        padding-top: 20px;
    }

    .about-business-profile .business-upload-section .tab-content {
        padding-bottom: 20px;
    }

    /* .about-business-profile .business-upload-section .upload-area {
        padding-bottom: 30px;
    } */
    .single-wishlist .image-section img {
        height: 150px;
    }

    .custom-checkbox {
        font-size: 20px;
    }

    .checkmark {
        height: 42px;
        width: 42px;
    }
}


@media (min-width: 1366px) and (max-width: 1499px) {
    .service-section .service-content ul li {
        padding: 0 18px 18px 0;
    }

    .single-service {
        width: 165px;
    }

    .single-trending .content-section {
        padding: 5px 18px;
    }

    /* .single-trending{
        margin-bottom: 40px;
    } */
    .payment-detail-section .card-user-details .total-amount::after {
        right: -19%;
    }

    .payment-detail-section .card-user-details .total-amount::before {
        left: -19%
    }

    .baby-care-section .baby-care-category-right .product-category-content {
        padding-bottom: 30px;
    }

    .baby-care-category-right .single-sub-category {
        padding: 10px 20px;
    }

    .baby-care-category-right .sub-category-content {
        padding-bottom: 10px;
    }

    .pricing-features {
        min-height: 340px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .menu .navbar .navbar-brand img {
        width: 140px;
    }

    header .menu {
        padding: 0 25px;
    }

    header .menu .navbar .navbar-collapse ul li a {
        padding: 0 20px;
        font-size: 18px;
    }

    .navbar-right {
        padding-left: 40px;
    }

    .round-button i {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 16px;
    }

    header .menu .navbar .navbar-right .profile-btn {
        margin-left: 30px;
    }

    .home-page .category-section {
        background-color: #fff;
        margin-top: 22px;
        padding: 30px 30px 0;
    }

    .home-page .category-section .header {
        padding-bottom: 20px;
    }

    .single-category img {
        width: 35px;
    }

    .single-category p {
        font-size: 18px;
        width: unset;
    }

    .home-page .home-page-right {
        padding: 30px 40px;
    }

    .search-area input {
        padding-left: 32%;
        height: 48px;
    }

    .search-area .place-search {
        width: 28%;
    }

    .search-area .place-search input {
        padding-left: 15px;
        height: 40px;
    }

    .search-area .place-search a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .user-notification ul {
        padding: 8px 14px;
    }

    .user-notification ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .user-notification ul li a img {
        width: 24px;
    }

    .home-page .home-page-right .search-section {
        padding-bottom: 15px;
    }

    /* .heading h5 {
        font-size: 24px;
    } */
    .about-section .rev_slider .test .content-section ul {
        padding: 10px 0 20px 20px;
    }

    a.common-btn {
        font-size: 16px;
        line-height: 22px;
    }

    .about-section .test {
        height: 160px;
    }

    .about-section .slick-prev,
    .about-section .slick-next {
        height: 40px;
        width: 40px;
        bottom: -60px;
    }

    .about-section .slick-dots {
        bottom: -45px;
    }

    .section-header h6 {
        font-size: 22px;
        line-height: 28px;
    }

    .single-trending .content-section ul li a {
        padding: 2px 0;
    }

    .service-section .service-content {
        padding: 10px 0;
    }

    .service-section .service-content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .service-section .service-content ul li {
        padding: 0 15px 15px 0;
        width: 25%;
    }

    .single-service {
        width: 100%;
        padding: 10px 0;
    }

    .single-service img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }

    .trending-section .trending-bottom {
        padding: 15px 0 0;
    }

    .single-trending {
        padding: 0;
        /* margin-bottom: 35px; */
    }

    .single-trending .image-section img {
        height: 120px;
    }

    .single-trending .content-section .button-section a i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .single-trending .content-section p {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 4px;
    }

    .single-trending .content-section .button-section a {
        border: 12px solid var(--theme-secondary);
    }

    .trending-section .section-header .button-section a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .single-trending .content-section {
        padding: 10px 15px;
    }

    .single-trending .content-section .sub-title {
        display: block;
    }

    .home-page .category-section .category-list {
        padding-bottom: 20px;
    }

    .home-page .category-section .button-section ul li {
        padding-bottom: 15px;
    }

    .home-page .category-section .category-list ul li {
        padding-bottom: 8px;
    }

    .home-page .category-section .button-section ul li a {
        padding: 10px 10px;
        font-size: 16px;
    }

    .home-page .category-section .button-section ul li a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 12px;
    }

    .home-page .category-section-bottom {
        padding: 0 30px;
        background-color: #ffffff;
    }

    .home-page .category-section-bottom .button-section .common-btn {
        padding: 16px 14px;
    }

    .blog-section {
        padding: 0 40px 40px;
    }

    .blog-section::after {
        width: 100%;
        height: 100%;
        top: -20px;
    }

    .single-blog .image-section img {
        border-radius: 10px;
        height: 150px;
    }

    .single-blog .icon-section img {
        padding: 15px;
        width: 55px;
        height: unset;
        border-radius: 10px 0 10px;
    }

    .single-blog .image-section {
        margin: 10px 0 15px;
    }

    .single-blog .content-section p.description {
        font-size: 16px;
        line-height: 22px;
    }

    .single-blog .content-section .description p {
        font-size: 22px;
        line-height: 30px;
    }

    .blog-section .section-header p {
        font-size: 18px;
        line-height: 26px;
    }

    .user-review-section {
        padding: 0 40px;
    }

    .user-review-section .user-review-content {
        padding: 15px 0;
    }

    .single-user-review .user-info img {
        width: 75px;
        height: 75px;
        margin-right: 10px;
    }

    .single-user-review .user-info .user-name .title p {
        font-size: 20px;
    }

    .single-user-review .date p {
        font-size: 18px;
    }

    .single-user-review .place p {
        font-size: 18px;
    }

    .single-user-review .content-section {
        padding-top: 10px;
    }

    footer {
        padding: 20px 40px;
    }

    footer .section-header {
        padding-bottom: 15px;
    }

    footer .section-header a img {
        width: 180px;
    }

    .copyright-section {
        padding: 18px 40px;
    }

    .copyright-section p {
        font-size: 14px;
    }

    .profile-list {
        padding: 15px 15px;
        top: 95px;
        right: -55px;
    }

    header .menu .navbar .navbar-right .profile-list ul li a .profile-logo img {
        width: 15px;
    }

    header .menu .navbar .navbar-right .profile-list ul li a {
        font-size: 18px;
        line-height: 24px;
    }

    header .menu .navbar .navbar-right .profile-list ul li a .profile-logo {
        width: 28px;
        height: 28px;
        margin-right: 25px;
    }

    header .menu .navbar .navbar-right .profile-list::before {
        border-bottom: 20px solid #fff;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        top: -15px;
    }

    header .menu .navbar .navbar-right .profile-list ul li {
        padding-bottom: 12px;
    }

    .category-webpage .slider-section .single-slider img {
        height: 170px;
    }

    .category-webpage .search-section {
        padding: 0 80px 20px;
    }

    .category-webpage .search-section .button-section .common-btn-inactive a {
        font-size: 16px;
        padding: 12px 20px;
        line-height: 22px;
        border-radius: 16px;
    }

    .category-webpage .search-section .button-section .common-btn-inactive a img {
        width: 22px;
        padding-right: 0;
        margin-right: 10px;
    }

    .category-webpage .slider-section {
        padding: 0 80px 20px;
    }

    .baby-care-section .section-header {
        padding: 0 80px 15px;
    }

    .product-category-slider li .single-product-category {
        display: flex;
        align-items: center;
        padding: 10px 14px;
        font-size: 16px;
        flex-direction: column;
    }

    .product-category-slider li .single-product-category img {
        margin-right: unset;
    }

    .baby-care-section .baby-care-category-right .product-category-content {
        padding-bottom: 20px;
    }

    .baby-care-category-right .sub-category-content {
        padding-bottom: 20px;
    }

    .single-product-category .product-category-rating ul li {
        font-size: 14px;
    }

    .single-product-category .product-category-rating p {
        font-size: 14px;
    }

    .single-filter-list ul li {
        padding-bottom: 12px;
        line-height: 22px;
    }

    .single-product-category .product-category-detail a {
        padding-bottom: 5px;
    }

    .faq-section p {
        font-size: 20px;
    }

    .baby-care-category-right .single-sub-category {
        margin: 0 10px 10px 0;
        font-size: 16px;
        padding: 10px 15px;
        line-height: 22px;
    }

    .baby-care-section .baby-care-content .filter-section {
        padding: 15px 20px;
    }

    .prodNav {
        display: flex;
        justify-content: space-between;
    }

    .information-section .content-section p {
        font-size: 20px;
    }

    .prodNav .ptItem {
        padding: 10px 14px;
        font-size: 14px;
    }

    .prodNav .ptItem img {
        width: 20px;
    }

    .prodMain {
        padding: 15px 10px;
    }

    .custom-radio {
        font-size: 16px;
    }

    .single-filter-list p {
        padding-bottom: 5px;
        font-size: 18px;
    }

    .prodMain .button-section p {
        font-size: 18px;
    }

    .single-filter-list ul li .custom-checkbox {
        font-size: 18px;
        padding-left: 50px;
    }

    .single-filter-list ul li .checkmark {
        width: 30px;
        height: 30px;
    }

    .single-filter-list {
        padding-bottom: 10px;
    }

    .information-section {
        padding: 20px 80px;
    }

    .information-section .content-section .heading {
        padding-bottom: 15px;
    }

    .information-section .content-section {
        padding-bottom: 30px;
    }

    .faq-section {
        padding: 20px 80px;
        margin-top: 20px;
    }

    .product-link-list {
        padding: 20px 80px;
    }

    p {
        font-size: 20px;
    }

    .banner-section .image-section img {
        height: 160px
    }

    .product-link-list .sub-category-content .single-sub-category {
        padding: 16px 20px;
        font-size: 16px;
        margin: 0 15px 10px 0;
    }

    .banner-section {
        padding: 0 80px 40px;
    }

    .banner-section .image-section::before {
        content: unset;
    }

    .banner-section .content-section {
        left: 5%;
    }

    .banner-section .content-section .heading h5 {
        font-size: 22px;
    }

    .banner-section .content-section .button-section .common-btn a {
        font-size: 16px;
        padding: 14px 26px;
    }

    footer .footer-content .footer-list p {
        line-height: 28px;
    }

    footer .footer-content .footer-list {
        padding-bottom: 20px;
    }

    .footer-list .button-section .common-btn-inactive ul li {
        display: inline-block;
        padding-right: 0;
    }

    .detail-web-page .detail-web-profile {
        padding-left: 80px;
    }

    .detail-web-page .detail-web-profile .content-section .heading h5 {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .rating {
        padding-bottom: 10px;
    }

    .detail-web-page .detail-web-profile .content-section .rating ul li {
        font-size: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .rating p {
        font-size: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li {
        font-size: 20px;
        line-height: 27px;
        padding-bottom: 8px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li img {
        padding-right: unset;
        width: 22px;
        margin-right: 15px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a {
        padding: 8px 10px;
        border-radius: 100%;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a img {
        width: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li {
        padding-right: 15px;
    }

    .vote-slider-section .range-slider {
        width: 100%;
        height: 60px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list {
        padding-bottom: 15px;
    }

    .vote-slider-section p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info {
        padding-bottom: 5px;
    }

    .vote-slider-section .vote-rating {
        height: 60px;
    }

    .detail-web-page .detail-web-profile .image-section {
        padding-left: 20px;
        margin-top: 80px;
    }

    .detail-web-page .detail-web-profile .image-section img {
        height: 320px;
        border-radius: 60px 0;
    }

    .vote-slider-section .vote-rating img {
        padding-right: unset;
        width: 25px;
        margin-right: 10px;
    }

    .detail-web-page .detail-web-profile .content-section .vote-slider-section {
        padding-bottom: 15px;
    }

    .detail-web-profile .content-section .common-btn a {
        font-size: 18px;
        line-height: 26px;
        padding: 16px 30px;
    }

    .category-webpage {
        padding-top: 20px;
    }

    .detail-webpage-content {
        padding: 25px 80px;
    }

    .detail-webpage-content .slider-section .heading h5 {
        font-size: 24px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section img {
        width: 145px;
        height: 145px;
    }

    .detail-webpage-content .slider-section .heading p {
        font-size: 18px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section {
        margin-right: 10px;
    }

    .detail-webpage-content .slider-section .slick-prev:before,
    .detail-webpage-content .slider-section .slick-next:before {
        font-size: 34px;
    }

    .detail-webpage-content .slider-section .slick-next {
        right: -35px;
    }

    .detail-webpage-content .slider-section .slick-prev {
        left: -50px;
    }

    .detail-webpage-content .slider-section {
        padding-bottom: 25px;
    }

    .single-information .title {
        padding-bottom: 10px;
    }

    .single-information .more-information {
        padding-bottom: 0;
    }

    .single-information .title p {
        font-size: 22px;
        line-height: 28px;
    }

    .single-information .timing li p {
        font-size: 20px;
        line-height: 26px;
    }

    .more-information li p {
        font-size: 20px;
        line-height: 26px;
    }

    .single-information {
        height: unset;
        margin-bottom: 20px;
        padding: 15px 20px;
    }

    .single-information .timing li .day {
        padding-right: 40px;
    }

    .detail-webpage-content .information-section {
        padding: 0 0 15px 0;
    }

    /* .contact-information-section .heading {
        padding-bottom: 15px;
    } */
    .detail-webpage-content .contact-information-section {
        padding-bottom: 25px;
    }

    .contact-information-section .content-section ul li .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .detail-webpage-content .contact-information-section .image-section {
        right: -65px;
    }

    .detail-webpage-content .contact-information-section .image-section img {
        width: 400px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image {
        left: -23%;
        top: -31%;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image img {
        width: 200px;
    }

    .contact-information-section .content-section ul li {
        padding-bottom: 10px;
    }

    .contact-information-section .content-section ul li .icon-section {
        padding-right: 10px;
    }

    .contact-information-section .content-section ul li .title .subtitle {
        display: block;
        padding-top: 5px;
    }

    .single-information .offer-section .offer-price p {
        padding-bottom: 15px;
    }

    .single-information .additional-info {
        padding: 12px 0;
    }

    .single-information .additional-info .subtitle p {
        padding-bottom: 5px;
    }

    .contact-information-section .content-section ul li .icon-section img {
        padding: 7px 7px;
    }

    .contact-information-section .content-section ul li .title .subtitle p {
        padding-right: unset;
        padding-bottom: 5px;
        font-size: 16px;
    }

    .contact-information-section .content-section ul li .icon-section::before {
        height: 42px;
        left: -18px;
    }

    .single-information .common-btn a {
        font-size: 14px;
        line-height: 20px;
        padding: 14px 16px;
    }

    .contact-information-section .content-section ul {
        padding-bottom: 0px;
    }

    .review-section .rating-description .rating ul {
        padding: 12px 24px;
    }

    .review-section .heading {
        padding-bottom: 15px;
    }

    .review-section .rating-description .votes {
        padding: 15px 0 0 20px;
    }

    .review-section .rating-description {
        padding-bottom: 15px;
    }

    .detail-webpage-content .review-section {
        padding-bottom: 20px;
    }

    .testimonial-section .single-user-review .user-info {
        padding-bottom: 10px;
    }

    .testimonial-section .single-user-review .date p {
        font-size: 18px;
    }

    .testimonial-section .single-user-review .content-section p {
        font-size: 18px;
    }

    .detail-page-faq .content-section .heading p {
        font-size: 16px;
        line-height: 24px;
    }

    .testimonial-section .single-user-review .place p {
        font-size: 18px;
    }

    .testimonial-section .button-section a {
        padding: 14px 36px;
    }

    .testimonial-section .button-section {
        padding-top: 20px;
    }

    .detail-page-faq .content-section .common-btn a {
        font-size: 18px;
        line-height: 24px;
        padding: 16px 36px;
    }

    .detail-page-faq .faq-section .heading h5 {
        font-size: 24px;
    }

    .faq-section .section-header {
        padding-bottom: 15px;
    }

    .detail-page-faq .faq-section #accordion {
        padding: 15px 18px;
    }

    .testimonial-section .single-user-review .content-section {
        padding-top: 5px;
    }

    .review-section .rating-description .rating ul li i {
        font-size: 24px;
    }

    .review-section .rating-description .rating ul li p {
        font-size: 18px;
        padding-left: 26px;
    }

    .review-section .review-content .common-btn-inactive a {
        font-size: 18px;
        padding: 14px 20px;
        line-height: 24px;
    }

    .review-section .rating-description .votes p {
        font-size: 18px;
    }

    .detail-page-faq {
        padding: 25px 80px;
    }

    .footer-list .button-section .common-btn-inactive a {
        padding: 14px 20px;
        font-size: 18px;
        line-height: 24px;
        border: 1px solid var(--theme-primary);
    }

    .footer-list .button-section .common-btn-inactive a i {
        padding-right: 12px;
    }

    .inquiry-section {
        padding: 40px 50px;
    }

    .inquiry-section .inquiry-area .image-section img {
        height: 100%;
    }

    .inquiry-section .inquiry-form {
        padding: 40px 35px;
    }

    .inquiry-section .inquiry-form .section-header p {
        font-size: 22px;
        line-height: 30px;
    }

    .inquiry-section .inquiry-form .section-header {
        padding-bottom: 20px;
    }

    .give-review-section .inquiry-form .form-content .form-group p {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 10px;
    }

    .give-rating .starrate {
        padding: 20px 30px;
    }

    .give-rating .starrate span.cont {
        width: 185px;
        height: 30px;
    }

    .give-rating .starrate .cont i {
        font-size: 28px;
    }

    .give-rating #test {
        height: 70px;
        width: 100px;
    }

    .give-review-section .inquiry-form .form-content .form-group {
        margin-bottom: 20px;
    }

    .form-control {
        font-size: 16px;
        height: 44px;
    }

    select.form-control {
        height: 44px !important;
    }

    form .button-section {
        padding-top: 15px;
    }

    /* .button-section button {
        font-size: 18px;
        padding: 16px 60px;
        line-height: 26px;
    } */
    .give-review2 .detail-review-content .content-section {
        padding: 40px 25px;
    }

    .give-review2 .detail-review-content .content-section .heading h5 {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 20px;
    }

    .give-review2 .detail-review-content .content-section .rating {
        padding-bottom: 20px;
    }

    .give-review2 .detail-review-content .content-section .rating ul li i {
        font-size: 24px;
    }

    .give-review2 .detail-review-content .content-section .review-overview ul li {
        font-size: 24px;
        line-height: 30px;
    }

    .give-review2 .detail-review-content .image-section img {
        width: 100%;
        border-radius: 60px 0 80px 0px;
    }

    .advertisement1-section,
    .common-section {
        padding: 40px 40px;
    }

    .advertisement1-section .section-header {
        padding-bottom: 20px;
    }

    .promotion-section {
        padding-bottom: 40px;
    }

    .business-category-section {
        padding-bottom: 20px;
    }

    .sub-category-section {
        padding-bottom: 30px;
    }

    .keyword-section {
        padding-bottom: 20px;
    }

    .form-group {
        margin-bottom: 15px;
    }


    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 44px;
    }

    .select2-container .select2-selection--single {
        height: 44px;
    }

    .advertisement1-section .button-section {
        padding-top: 10px;
    }

    .common-btn a {
        font-size: 22px;
        padding: 20px 80px;
    }

    /* .add-more-btn a {
        font-size: 22px;
    } */
    /* .add-more-btn a i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px;
    } */
    .faq-section .card-header {
        font-size: 18px;
    }

    .faq-section .card-body {
        font-size: 16px;
        padding: 0 25px;
    }

    #multistepsform #progressbar {
        padding: 30px 60px;
    }

    #multistepsform #progressbar li {
        height: 150px;
        /* font-size: 22px; */
    }

    #multistepsform #progressbar li:before {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
    }

    #multistepsform #progressbar li:after {
        width: 50%;
        left: -24%;
        top: 25%;
    }

    .list-business-step-section .section-header {
        padding: 30px 60px;
    }

    #multistepsform fieldset .form-content {
        padding: 30px 60px;
    }

    #multistepsform .action-button {
        line-height: 32px;
        padding: 20px 45px;
        font-size: 24px;
        width: 300px;
    }

    .single-time-selection {
        padding-bottom: 10px;
    }

    #multistepsform .action-button.active {
        margin-right: 30px;
    }

    .form-content .content-section {
        padding-bottom: 20px;
    }

    .form-content .manage-time .button-section .common-btn a {
        padding: 20px 60px;
        font-size: 24px;
    }

    /* #multistepsform fieldset .form-content .content-section p {
        padding-top: 5px;
        font-size: 24px;
    } */
    /* #multistepsform fieldset .section-header .description p {
        font-size: 24px;
    } */
    .single-sub-category {
        /* font-size: 20px; */
        padding: 14px 16px;
        margin: 0 0px 15px 0;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
        width: 32%;
    }

    #multistepsform fieldset .form-content .payment-method-selection {
        padding: 40px 0;
    }

    #multistepsform fieldset .form-content .upload-catalog .catalog-content {
        justify-content: space-between;
        padding: 20px 0 40px 0;
    }

    .single-catalog img {
        width: 70px;
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .single-catalog {
        padding: 15px 15px;
    }

    .single-catalog .content-section {
        padding-bottom: 0;
    }

    .catalog-content li {
        margin-right: 0;
        width: 23%;
    }

    .catalog-content li .single-catalog .content-section .heading h5 {
        font-size: 20px;
    }

    /* #multistepsform fieldset .form-content .content-section p {
        font-size: 18px;
        line-height: 24px;
    } */
    .catalog-file-upload .file-upload-section {
        padding-top: 20px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 200px;
        /* width: 250px; */
    }

    /* .single-time-selection .title p {
        font-size: 26px;
    } */
    /* .single-time-selection .description p {
        font-size: 26px;
    } */
    .list-business-verify-section {
        padding: 50px 50px;
    }

    footer .footer-content .footer-list ul li {
        padding-bottom: 5px;
    }

    form .digit-group input {
        width: 55px;
        height: 55px;
        font-size: 22px;
        margin-right: 5px;
    }

    form .digit-group .splitter {
        margin-right: 5px;
    }

    .verification-section .image-section img {
        width: 250px;
    }

    .verification-section .content-section p {
        font-size: 22px;
    }

    .verification-section {
        padding: 20px 0;
    }

    .list-business-verify-section .verification-section .form-content form .button-section a {
        font-size: 22px;
    }

    .verification-section .content-section .common-btn a {
        font-size: 24px;
        padding: 22px 60px;
    }

    .verification-section .description p {
        font-size: 22px;
    }

    .register-section .register-left {
        padding: 40px 0;
    }

    .register-section .register-right {
        padding: 40px 40px;
    }

    .register-section .register-left .logo-section a img {
        width: 250px;
    }

    .register-section .register-left .content-section .heading h5 {
        padding: 35px 0 30px;
    }

    .register-section .register-left .content-section {
        padding: 0 40px 40px;
    }

    .register-section .register-left .content-section p {
        font-size: 20px;
        line-height: 26px;
    }

    .register-section .register-right .form-section p {
        padding: 10px 0 15px;
        font-size: 18px;
    }

    .signup {
        font-size: 18px;
        padding: 12px 0;
        margin-bottom: 15px;
        line-height: 26px;
    }

    .signup img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .register-section .register-right .form-section {
        padding-bottom: 15px;
    }

    label {
        font-size: 16px;
    }

    .register-section .register-right .password-notice p {
        font-size: 20px;
    }

    .checkmark {
        width: 40px;
        height: 40px;
    }

    .custom-checkbox {
        padding-left: 60px;
        font-size: 18px;
    }

    .register-section .register-right .form-content form .common-btn a {
        font-size: 18px;
        padding: 16px 60px;
    }

    .register-section .register-left .image-section {
        padding-left: 100px;
    }

    .forgot-pass a {
        font-size: 16px;
    }

    .register-section .register-right p {
        font-size: 16px;
    }

    .register-right .form-content form .description {
        padding-top: 20px;
    }

    .register-section .register-right .form-section .image-section img {
        width: 180px;
    }

    .register-section .register-right .form-content form .common-btn-inactive a {
        font-size: 18px;
        padding: 16px 70px;
        line-height: 24px;
    }

    .advertisement1-section .section-header p {
        padding-top: 5px;
    }

    .wishlist-section {
        padding: 30px 30px;
    }

    .single-wishlist {
        padding: 15px 15px;
    }

    .wishlist-content .content-heading p {
        font-size: 20px;
        line-height: 26px;
    }

    .wishlist-content .content-heading .icon-section a i {
        padding: 10px;
        font-size: 20px;
    }

    .information-list li {
        padding-bottom: 8px;
        font-size: 18px;
    }

    .information-list li a img {
        padding-right: unset;
        width: 22px;
        margin-right: 15px;
    }

    .single-wishlist .rating ul li i {
        font-size: 22px;
    }

    .wishlist-cart .common-btn a {
        font-size: 16px;
        padding: 8px 22px;
    }

    .wishlist-content .content-heading {
        align-items: baseline;
    }

    .pricing-switcher label {
        width: 150px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }

    .pricing-switcher .switch {
        height: 60px;
        width: 150px;
    }

    .pricing-switcher input[type="radio"]:checked+label+.switch,
    .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
        transform: translateX(150px);
    }

    .pricing-switcher .fieldset {
        padding: unset;
    }

    .pricing-list li {
        width: 49%;
        margin: 0 0 15px 0;
    }

    .pricing-wrapper .is-visible {
        width: 100%;
    }

    .pricing-features li {
        width: 100%;
        margin: 0;
        font-size: 16px;
    }

    .pricing-wrapper li .common-btn a {
        font-size: 18px;
        padding: 16px 50px;
        line-height: 26px;
    }

    .pricing-wrapper>li {
        padding: 15px 15px;
    }

    .ellipse {
        width: 45px;
        height: 45px;
    }

    .pricing-header .plan-title .subtitle p {
        font-size: 22px;
    }

    .pricing-header .plan-title .description p {
        font-size: 18px;
    }

    .pricing-features {
        height: unset;
        padding-bottom: 50px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn button {
        padding: 14px 40px;
        font-size: 16px;
        line-height: 22px;
    }

    .pricing-list {
        justify-content: space-between;
    }

    .pricing-header {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .user-information {
        left: 30px;
        right: 30px;
        padding: 25px 25px;
        top: -160px;
    }

    .payment-detail-section .card-user-details .user-information::before {
        width: 95px;
        height: 5px;
        top: 0px;
    }

    .payment-detail-section .card-user-details .user-information::after {
        width: 90px;
        height: 5px;
    }

    .payment-detail-section .card-user-details {
        padding: 80px 30px 70px;
        margin-top: 165px;
    }

    .payment-detail-section .card-user-details .user-information p {
        font-size: 22px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .user-information .card-number {
        padding-bottom: 30px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .title p {
        font-size: 22px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .subtitle p {
        font-size: 22px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .plan-description ul li {
        padding-bottom: 20px;
    }

    .payment-detail-section .card-user-details .total-amount::before {
        width: 45px;
        height: 45px;
        top: -17%;
        left: -19%;
    }

    .payment-detail-section .card-user-details .total-amount::after {
        width: 45px;
        height: 45px;
        right: -19%;
        top: -17%;
    }

    .payment-detail-section .card-user-details .plan-description {
        padding-bottom: 45px;
    }

    .payment-detail-section .form-content form label {
        font-size: 20px;
        line-height: 30px;
    }

    .payment-detail-section .form-content form .form-heading {
        padding-bottom: 10px;
    }

    .payment-detail-section .form-content form .form-group p {
        font-size: 18px;
        line-height: 24px;
        padding-top: 0;
    }

    .payment-detail-section .card-user-details .total-amount .title p {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .total-amount .subtitle p {
        font-size: 22px;
        line-height: 30px;
    }

    .payment-detail-section .form-content form .form-group {
        margin-bottom: 20px;
    }

    .my-profile-section .cover-photo .profile-image img {
        width: 140px;
        height: 140px;
    }

    .my-profile-section .cover-photo .profile-image {
        bottom: -24%;
    }

    .my-profile-section .profile-details-section {
        padding: 15px 15px;
    }

    .edit-profile a {
        padding: 10px 10px;
        font-size: 16px;
    }

    .edit-profile a img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .profile-information .heading h5 {
        font-size: 28px;
        color: #000;
        padding-bottom: 5px;
        line-height: 34px;
    }

    .profile-information p {
        font-size: 20px;
        line-height: 26px;
    }

    .profile-information .location p {
        font-size: 14px;
        line-height: 18px;
    }

    .social-list ul li img {
        padding: 5px 5px;
        width: 40px;
    }

    .social-list ul li {
        padding-right: 8px;
    }

    .profile-information .location {
        padding: 5px 0 10px;
    }

    .my-profile-section .cover-photo img {
        height: 260px;
    }

    .additional-details {
        padding: 15px 15px;
    }

    .additional-details .details-heading .title p {
        font-size: 20px;
        line-height: 28px;
    }

    .additional-details .details-heading .button-section {
        padding-top: unset;
    }

    .additional-details .details-heading .button-section a img {
        width: 22px;
    }

    .details-content .icon-section {
        padding-right: 0;
        width: 15%;
        margin-right: 6px;
    }

    .details-content .icon-section img {
        width: 25px;
    }

    .details-content .list-info {
        width: 85%;
    }

    .details-content .list-info p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 0;
    }

    .details-content {
        padding-bottom: 10px;
    }

    .additional-details .details-heading {
        padding-bottom: 10px;
    }

    .my-business-btn .common-btn a {
        padding: 16px 45px;
        font-size: 18px;
    }

    .profile-tab-section .nav-tabs li a {
        font-size: 16px;
        line-height: 28px;
        padding: 10px 20px;
    }

    .profile-tab-section .nav-tabs li a.active {
        font-size: 16px;
    }

    .profile-tab-section .nav-tabs {
        padding: 15px 25px;
        margin-bottom: 0;
    }

    .profile-tab-section .tab-content #menu1 {
        padding: 30px 30px;
    }

    .profile-tab-section .tab-content .single-product-category {
        padding: 15px 15px;
    }

    .single-product-category.profile-page .image-section img {
        height: unset;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section a i {
        padding: 12px 12px;
        font-size: 18px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .description p {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .single-product-category .product-category-detail .heading {
        padding: 4px 0;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
        font-size: 24px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn a {
        padding: 12px 24px;
        font-size: 18px;
        line-height: 26px;
    }

    .profile-tab-section .tab-content .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .product-category-list-horizontal .single-product-category .product-category-detail a {
        padding-bottom: 0;
    }

    .product-category-list-horizontal .single-product-category .product-category-detail .heading h5 {
        font-size: 28px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .price p {
        padding-bottom: 10px;
    }

    .single-product-category .product-category-detail {
        padding: 5px;
    }

    .single-overview .title p {
        font-size: 24px;
        line-height: 30px;
    }

    .single-overview {
        padding: 15px 20px;
        margin-right: 25px;
        width: 190px;
    }

    .single-overview .heading h5 {
        font-size: 28px;
    }

    .analytics-overview-list {
        padding-bottom: 30px;
    }

    .chart-section {
        padding: 15px 15px;
        margin-bottom: 40px;
    }

    .chart-header .title p {
        font-size: 20px;
        line-height: 26px;
    }

    #pie-chart {
        height: 300px;
    }

    #chartContainer {
        height: 258px;
    }

    #chartContainer3 {
        height: 300px;
    }

    .analytics-section .analytics-action-list li {
        padding: 0 0 16px 0;
        font-size: 22px;
        justify-content: space-between;
    }

    .analytics-action-list li p {
        font-size: 22px;
    }

    #chartContainer4 {
        height: 340px;
    }

    .leads-section .leads-header .button-section {
        padding-top: 0;
    }

    .leads-header .common-btn a {
        padding: 16px 50px;
    }

    /* .leads-header .heading h5 {
        font-size: 30px;
        line-height: 37px;
        padding-bottom: 5px;
    } */
    /* .leads-header .heading a {
        font-size: 24px;
        line-height: 30px;
    } */
    .leads-section .leads-header {
        padding-bottom: 15px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn a {
        padding: 16px 40px;
        font-size: 22px;
        line-height: 28px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn-inactive a {
        padding: 16px 20px;
        line-height: 28px;
        font-size: 22px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn {
        padding-right: 20px;
    }

    .leads-section .category-search-section .button-section {
        padding-top: 0;
    }

    .calender-input input {
        width: 100%;
        padding: 0;
        text-align: center;
        /* height: 55px; */
        font-size: 20px;
    }

    .calender-filter .description p {
        font-size: 18px;
        line-height: 34px;
    }

    .calender-filter .icon-section i {
        font-size: 20px;
        padding: 12px 12px;
    }

    .single-leads {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .header-info li img {
        padding-right: 0;
        width: 25px;
        margin-right: 10px;
    }

    .single-leads .leads-header-section .heading .title p {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 10px;
    }

    .single-leads .content-section ul li .description p {
        font-size: 20px;
        line-height: 26px;
    }

    .header-info li {
        padding-bottom: 15px;
        font-size: 20px;
    }

    .single-leads .leads-header-section {
        padding-bottom: 25px;
    }

    .single-leads .content-section .common-btn a {
        padding: 10px 26px;
        font-size: 20px;
        line-height: 26px;
    }

    .my-leads-section .my-leads-header .common-btn a {
        padding: 14px 30px;
        font-size: 22px;
        line-height: 26px;
    }

    .my-leads-section {
        padding: 40px 40px;
    }

    .my-leads-section .table thead th {
        font-size: 20px;
        line-height: 26px;
    }

    .my-leads-section .table td,
    .my-leads-section .table th {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 0;
        text-align: center;
    }

    .square {
        width: 25px;
        height: 25px;
    }

    .my-leads-section .table .status p {
        padding: 8px 16px;
        font-size: 16px;
        line-height: 22px;
    }

    .my-leads-section .table td .form-action .button-section a i {
        padding-left: 10px;
    }

    .my-leads-section .table td .form-action .button-section a {
        padding: 8px 10px;
        font-size: 16px;
        line-height: 22px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .my-leads-section .table td img {
        width: 50px;
        height: 50px;
    }

    .my-leads-section .table td .form-action .action-list {
        padding: 10px 25px 0px;
    }

    .pagination {
        padding: 20px 20px;
    }

    .my-leads-section .table td .form-action .action-list ul li {
        padding-bottom: 5px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section {
        padding-bottom: 30px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section p {
        /* font-size: 20px; */
        line-height: 26px
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
        width: 31%;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul {
        padding-bottom: 30px;
    }

    .customer-details-section {
        padding: 70px 70px;
    }

    .customer-details-section .customer-content {
        padding: 50px 50px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape img {
        width: 25px;
    }

    .business-profile-content {
        padding: 25px 40px;
    }

    .business-cover .button-section {
        top: 40px;
        right: 40px;
    }

    .business-cover .button-section .common-btn-inactive a {
        font-size: 18px;
        padding: 18px 50px;
        line-height: 24px;
    }

    .business-cover .button-section .common-btn a {
        padding: 18px 50px;
        font-size: 18px;
        line-height: 24px;
    }

    .business-details {
        padding: 25px 20px;
        margin-top: -180px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box {
        height: 210px;
        width: 100%;
    }

    .common-photo-upload .profile-upload .file-upload .image-box img {
        width: 100%;
        height: 210px;
    }

    .business-details .company-information .heading h5 {
        font-size: 26px;
        padding-bottom: 15px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section {
        bottom: -13%;
        left: unset;
        transform: unset;
        right: -6%;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section a i {
        font-size: 26px;
        padding: 15px 15px;
    }

    .company-information ul li {
        font-size: 15px;
        line-height: 22px;
    }

    .company-information ul li .icon-section img {
        padding: 10px 10px;
        margin-bottom: 5px;
        width: 45px;
    }

    .common-photo-upload .profile-upload {
        padding-bottom: 30px;
    }

    .company-information ul {
        padding-bottom: 10px;
    }

    .company-information .button-section a img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .business-details .social-icons a {
        font-size: 16px;
        line-height: 22px;
    }

    .business-details .social-list ul li {
        padding-right: 20px;
    }

    .business-details .social-list {
        padding-top: 15px;
    }

    .business-details .social-icons {
        padding: 10px 0;
    }

    .business-details .description p {
        padding-top: 10px;
        font-size: 16px;
    }

    .single-award .award-header {
        display: block;
        padding-bottom: 15px;
    }

    .single-award {
        padding: 15px 15px;
    }

    .single-award .award-header .icon-section {
        width: 65px;
        height: 65px;
        margin-bottom: 15px;
    }

    .single-award .award-header .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .single-award .content-section .title p {
        font-size: 18px;
        line-height: 26px;
    }

    .single-award .content-section .subtitle p {
        font-size: 18px;
        line-height: 26px;
    }

    .single-award .button-section a img {
        width: 25px;
    }

    .catalog-content {
        justify-content: space-between;
    }

    .about-business-profile .business-upload-section .catalog-content li {
        margin-right: 0;
        width: 31%;
    }

    .about-business-profile .business-upload-section .single-catalog {
        padding: 15px 15px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section .heading h5 {
        font-size: 18px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section p {
        font-size: 16px;
    }

    .about-business-profile .business-upload-section .single-catalog img {
        width: 58px;
    }

    .about-business-profile .awards-section {
        padding-bottom: 00px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section {
        padding-top: 20px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 160px;
        width: 200px;
    }

    .about-business-profile .business-upload-section .form-content label {
        font-size: 20px;
        line-height: 28px;
    }

    .about-business-profile .business-upload-section .form-content .form-group p {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 15px;
    }

    .business-cover .image-section img {
        height: 250px;
    }

    .about-business-profile .business-upload-section .tab-pane .heading h5 {
        font-size: 26px;
        line-height: 32px;
    }

    .profile-section .profile-content .profile-details-list p {
        /* font-size: 22px; */
        line-height: 30px;
        /* padding: 20px 38px; */
    }

    .profile-section .profile-content .profile-details-list .nav li a {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    /* .profile-section .profile-image-section .profile-cover-section .profile-image .content-section p {
        font-size: 20px;
    } */
    /* .profile-section .profile-image-section .profile-cover-section .profile-image {
        left: 30px;
        bottom: -75px;
    } */
    /* .profile-section .profile-image-section .profile-cover-section .profile-image .image-section img {
        width: 180px;
        height: 180px;
    } */
    /* .profile-section .profile-image-section .file-upload .image-box .icon-section a i {
        font-size: 40px;
        padding: 10px 10px;
    } */
    /* .profile-section .profile-content .tab-content .form-content form label {
        font-size: 20px;
    } */
    .profile-section .profile-content .tab-content {
        padding: 30px 40px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group p {
        font-size: 16px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .profile-image img {
        width: 100px;
        height: 100px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section a {
        /* font-size: 22px; */
        margin-right: 25px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section {
        text-align: end;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group {
        padding: 35px 0;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group ul li {
        padding-right: 40px;
    }

    /* .profile-section .profile-content .tab-content .form-content form .form-group .radiomark {
        height: 32px;
        width: 32px;
    } */
    /* .profile-section .profile-content .tab-content .form-content form .form-group .custom-radio {
        font-size: 20px;
        padding-left: 40px;
    } */
    .password-require-section .image-section .user-image img {
        height: 170px;
    }

    .password-require-section .image-section .shape img {
        width: 65%;
    }

    .password-require-section .image-section .content-section {
        top: 30px;
        left: 30px;
        width: unset;
    }

    .password-require-section .image-section .content-section .heading h5 {
        font-size: 26px;
        line-height: 32px;
    }

    .password-require-section .image-section .content-section p {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 20px;
    }

    .password-require-section .image-section .content-section ul li {
        font-size: 20px;
        line-height: 24px;
        padding: 0 48px 5px 0;
        display: block;
    }

    .password-require-section .image-section {
        margin-bottom: 70px;
    }

    .profile-section .profile-content .tab-content #menu4 .form-content form .button-section a {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .profile-section .profile-content {
        padding-bottom: 50px;
    }

    .add-product-section .form-content ul li {
        padding-right: 30px;
    }

    .add-product-section .form-content form .button-section .common-btn-inactive a {
        padding: 24px 30px;
        margin-right: 25px;
        width: unset;
        line-height: 30px;
        font-size: 22px;
    }

    .common-btn-inactive a img {
        padding-right: 0;
        width: 26px;
        margin-right: 20px;
    }

    .company-detail-section {
        padding: 40px 40px;
    }

    .company-detail-section .common-photo-upload {
        position: unset;
    }

    .company-detail-section .company-info {
        display: block;
    }

    .company-detail-section .company-info .heading h5 {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 20px;
    }

    .company-detail-section .company-info .heading a {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
        display: inline-block;
    }

    .company-detail-section .company-info .social-list ul li {
        padding-right: 20px;
    }

    .company-detail-section .company-info .social-list ul {
        padding-bottom: 25px;
    }

    .company-detail-section .common-photo-upload .profile-upload {
        padding-bottom: 0;
    }

    .service-catalogue-section {
        padding-top: 40px;
    }

    .service-catalogue-section .section-header {
        padding-bottom: 20px;
    }

    .service-catalogue-section .content-section {
        padding: 25px 25px;
    }

    .single-service-catalogue {
        padding: 15px 15px;
        margin-bottom: 30px;
        position: relative;
    }

    .single-service-catalogue .product-category-detail .icon-section a i {
        padding: 12px 12px;
        font-size: 20px;
    }

    .single-service-catalogue .product-category-detail .heading h5 {
        font-size: 26px;
        line-height: 32px;
        color: #000;
    }

    .single-service-catalogue .product-category-detail .description p {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-detail .price p {
        font-size: 30px;
        line-height: 38px;
    }

    .single-service-catalogue .product-category-detail .category {
        padding-bottom: 15px;
    }

    .single-service-catalogue .product-category-rating .order-info .rating ul li i {
        font-size: 28px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a {
        padding: 14px 30px;
        font-size: 22px;
        line-height: 28px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .promotion-section .promotion-content ul li {
        margin-right: 25px;
        width: 25%;
    }

    /* .single-promotion {
        padding: 25px 15px;
    } */
    /* .single-promotion img {
        padding: 12px 12px;
        margin-bottom: 20px;
        width: 80px;
    } */
    /* .single-promotion p {
        font-size: 20px;
        line-height: 28px;
    } */
    .single-business-category img {
        padding: 15px 15px;
        /* width: 80px; */
    }

    /* .single-business-category p {
        font-size: 20px;
    } */
    .file-upload .image-box {
        height: 280px;
    }

    .file-upload .image-box .image-section {
        padding-bottom: 20px;
    }

    .file-upload .image-box .subtitle {
        padding-top: 20px;
    }

    .common-btn-inactive a {
        font-size: 24px;
        line-height: 32px;
        padding: 26px 75px;
    }

    /* .advertisement1-section .button-section .common-btn {
        padding-bottom: 25px;
    } */
    .add-text-section {
        padding-bottom: 50px;
    }

    .single-service-catalogue .modal .modal-content .button-section a img {
        padding: 10px 10px;
        width: 45px;
    }

    .single-service-catalogue .modal .modal-content .modal-body img {
        width: 300px;
    }

    .single-service-catalogue .modal .modal-content .modal-body .description p {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    .single-service-catalogue .modal .modal-content .common-btn {
        padding-bottom: 25px;
    }

    .single-service-catalogue .modal .modal-content {
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content .common-btn a {
        padding: 22px 80px;
        font-size: 22px;
    }

    .single-service-catalogue .modal .modal-content .common-btn-inactive a {
        padding: 22px 80px;
        font-size: 22px;
    }

    .profile-main-section {
        padding-bottom: 30px;
    }

    .add-product-section .section-header {
        padding-bottom: 20px;
    }

    .file-upload-section {
        padding-bottom: 20px;
    }

    .add-product-section .form-content form .button-section {
        padding-bottom: 60px;
    }

    a.add_button,
    a.add_vdo_button {
        font-size: 22px;
        font-weight: 600;
        padding-bottom: 5px;
        display: inline-block;
    }

    header .menu .navbar {
        height: 70px;
    }

    .single-wishlist .image-section img {
        height: 160px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggler {
        display: none;
    }

    header .menu {
        padding: unset;
    }

    header .menu .navbar .navbar-brand img {
        width: 150px;
    }

    header .navbar-right {
        display: flex;
        align-items: center;
        padding-left: unset;
    }

    header .navbar-right .menu-bar-mobile {
        padding-left: 25px;
    }

    header .menu .navbar .navbar-right .profile-btn {
        margin-left: 25px;
    }

    .round-button i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .home-page .category-section {
        display: none;
    }

    .home-page .category-section-bottom {
        display: none;
    }

    .home-page .home-page-right {
        padding: 30px 30px 0;
    }

    .search-area input {
        height: 45px;
        border-radius: 10px;
        padding-left: 28%;
    }

    .search-area .place-search input {
        height: 40px;
        border-radius: 10px;
        padding-left: 12px
    }

    .search-area .place-search {
        width: 25%;
    }

    .search-area .place-search a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        border-radius: 10px;
    }

    .home-page .home-page-right .search-section {
        padding-bottom: 20px;
    }

    .user-notification ul {
        padding: 8px 12px;
        border-radius: 10px;
    }

    .user-notification ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .user-notification ul li a img {
        width: 25px;
    }

    .about-section .test {
        height: 170px;
    }

    /* .heading h5 {
        font-size: 24px;
    } */
    .about-section .rev_slider .test .content-section ul {
        padding: 10px 0 20px 20px;
    }

    a.common-btn {
        font-size: 18px;
        padding: 8px 26px;
        border-radius: 12px;
    }

    .about-section .slick-prev,
    .about-section .slick-next {
        height: 40px;
        bottom: -62px;
        width: 40px;
    }

    .about-section .slick-dots {
        bottom: -45px;
    }

    .service-section {
        padding-top: 25px;
    }

    .section-header h6 {
        font-size: 22px;
        font-weight: 600;
    }

    .service-section .service-content {
        padding: 15px 0;
    }

    .service-section .service-content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .service-section .service-content ul li {
        padding: 0 15px 15px 0;
        width: 20%;
    }

    .single-service {
        width: 100%;
        padding: 10px 0;
        border-radius: 10px;
    }

    .single-service img {
        width: 40px;
        height: 40px;
    }

    .trending-section .trending-bottom {
        padding: 15px 0;
    }

    .trending-section .section-header .button-section a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .single-trending .image-section img {
        height: 140px;
    }

    .single-trending .content-section p {
        font-size: 18px;
    }

    .single-trending .content-section .sub-title span {
        font-size: 16px;
    }

    .single-trending .content-section .button-section a i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
    }

    .blog-section::after {
        width: 100%;
        height: 100%;
        top: -22px;
    }

    .home-page {
        padding-bottom: 20px;
    }

    .blog-section {
        padding: 0 30px 40px;
    }

    .blog-section .section-header h6 {
        padding-bottom: 5px;
    }

    .blog-section .section-header p {
        font-size: 18px;
        line-height: 28px;
    }

    .single-blog .image-section {
        margin: 15px 0 10px;
    }

    .single-blog .image-section img {
        height: 180px;
        border-radius: 10px;
    }

    .single-blog .icon-section img {
        padding: 10px;
        border-radius: 10px 0 10px;
        width: 45px;
        height: unset;
    }

    .single-blog .content-section p.description {
        font-size: 14px;
        line-height: 20px;
    }

    .single-blog .content-section .description p {
        font-size: 18px;
    }

    .user-review-section {
        padding: 0 30px;
    }

    .user-review-section .user-review-content {
        padding: 15px 0;
    }

    .single-user-review {
        padding-bottom: 20px;
    }

    .single-user-review .user-info img {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }

    .single-user-review .user-info .user-name .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .single-user-review .date p {
        font-size: 18px;
        line-height: 26px;
    }

    .single-user-review .place p {
        font-size: 18px;
        line-height: 26px;
    }

    .single-user-review .content-section {
        padding-top: 10px;
    }

    footer {
        padding: 15px 30px;
    }

    footer .section-header a img {
        width: 150px;
    }

    footer .section-header {
        padding-bottom: 15px;
    }

    footer .footer-content .footer-list {
        padding-bottom: 15px;
    }

    footer .footer-content .footer-list ul {
        padding-top: 5px;
    }

    footer .footer-content .footer-list ul li {
        padding-bottom: 5px;
    }

    footer .footer-content .footer-list ul li a {
        font-size: 16px;
    }

    .copyright-section {
        padding: 15px 30px;
    }

    /* .copyright-section p {
        font-size: 16px;
    } */
    .profile-list {
        padding: 20px 20px;
        top: 105px;
        right: -75px;
    }

    header .menu .navbar .navbar-right .profile-list ul li {
        padding-bottom: 16px;
    }

    header .menu .navbar .navbar-right .profile-list ul li a {
        font-size: 20px;
        line-height: 26px;
    }

    header .menu .navbar .navbar-right .profile-list ul li a .profile-logo {
        width: 30px;
        height: 30px;
        margin-right: 35px;
    }

    header .menu .navbar .navbar-right .profile-list ul li a .profile-logo img {
        width: 15px;
    }

    .category-webpage {
        padding-top: 15px;
    }

    .category-webpage .search-section {
        padding: 0px 40px 15px;
    }

    .category-webpage .slider-section {
        padding: 0 40px 20px;
    }

    .category-webpage .slider-section .single-slider img {
        width: 100%;
        height: 200px;
    }

    .baby-care-section {
        display: none;
    }

    .baby-care-section.mobile {
        display: block;
    }

    .baby-care-section .section-header {
        padding: 0 40px;
    }

    .baby-care-section .section-header .common-btn-inactive a {
        font-size: 16px;
        border-radius: 12px;
        padding: 10px 30px;
    }

    .baby-care-section .section-header .common-btn-inactive a img {
        width: 20px;
        padding-right: unset;
        margin-right: 10px;
    }

    .baby-care-section .baby-care-content .filter-section {
        padding: 20px 140px;
        background-color: unset;
        box-shadow: unset;
        border-radius: unset;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile {
        background-color: #E4EBFF;
        border-radius: 22px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li {
        padding: 8px 70px;
        border-radius: 16px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li a {
        color: var(--theme-primary);
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li a img {
        padding-right: 15px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li.active {
        background-color: var(--theme-primary);
        color: #fff;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li.active a {
        color: #fff;
    }

    .baby-care-section.mobile .baby-care-category-right {
        padding: 0 25px;
    }

    .product-category-slider li .single-product-category {
        padding: 12px 10px;
        border-radius: 8px;
        font-size: 14px;
        margin: 0;
    }

    .product-category-slider li .single-product-category img {
        padding-right: unset;
        width: 22px;
        margin-right: 10px;
    }

    .baby-care-section.mobile .sub-category-content {
        display: none;
        position: absolute;
        /* width: 250px; */
        z-index: 1;
        background-color: #fff;
        padding: 10px 10px;
        border-radius: 12px;
        top: 75px;
        left: 200px;
    }

    .baby-care-section.mobile .sub-category-content::before {
        position: absolute;
        content: '';
        border-bottom: 15px solid #fff;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
    }

    .baby-care-section.mobile .sub-category-content.show {
        display: block;
    }

    .baby-care-section .baby-care-category-right .product-category-content {
        position: relative;
        padding-bottom: 25px;
    }

    .baby-care-section.mobile .sub-category-content ul li {
        padding-bottom: 8px;
        display: block;
        text-align: center;
    }

    .baby-care-section.mobile .sub-category-content ul li .single-sub-category {
        border-radius: 10px;
        font-size: 16px;
        padding: 10px 20px;
        margin: 0;
    }

    .single-product-category {
        border-radius: 10px;
        box-shadow: 0px 3px 8px rgba(225, 229, 240, 0.8);
        margin-bottom: 20px;
        padding: 10px 10px;
    }

    .single-product-category .image-section {
        height: 100%;
    }

    .single-product-category .image-section img {
        height: 100%;
    }

    .single-product-category.profile-page .image-section img {
        height: unset;
    }

    .single-product-category .product-category-detail {
        padding: 0;
        position: relative;
    }

    .single-product-category .product-category-detail .heading {
        padding: 0 0 4px 0;
    }

    .single-product-category .product-category-detail .heading h5 {
        font-size: 12px;
    }

    .single-product-category .product-category-detail a {
        font-size: 10px;
        padding-bottom: 4px;
    }

    .single-product-category .product-category-rating {
        background-color: unset;
        padding: unset;
        border-radius: unset;
    }

    .single-product-category .product-category-rating .rating {
        justify-content: unset;
        padding-bottom: 6px;
        align-items: baseline;
    }

    .single-product-category .product-category-rating .rating ul {
        padding-right: 10px;
    }

    .single-product-category .product-category-rating ul li {
        font-size: 10px;
    }

    .single-product-category .product-category-rating p {
        font-size: 10px;
    }

    .single-product-category .product-category-rating p img {
        padding-right: unset;
        width: 12px;
        margin-right: 5px;
        border-radius: unset;
    }

    .single-product-category .product-category-detail .button-section {
        position: absolute;
        right: -9px;
        bottom: -19px;
    }

    .single-product-category .product-category-detail .button-section a {
        padding: 8px 8px;
        display: inline-block;
        background-color: var(--theme-accent);
        border-radius: 8px 0 10px;
        font-size: 9px;
    }

    .information-section {
        padding: 20px 40px;
        background-color: #EBF0FF;
        margin-top: 0px;
    }

    .information-section .content-section .heading {
        padding-bottom: 20px;
    }

    .information-section .content-section p {
        font-size: 18px;
        line-height: 26px;
    }

    .information-section .content-section {
        padding-bottom: 35px;
    }

    .category-webpage .faq-section {
        padding: 20px 40px;
        margin: 0;
        background-color: unset;
    }

    .category-webpage .faq-section .section-header {
        padding-bottom: 15px;
    }

    p {
        font-size: 20px;
    }

    .category-webpage .faq-section .single-accordion {
        padding: 12px 20px;
    }

    .category-webpage .faq-section .card-header {
        font-size: 18px;
    }

    .category-webpage .faq-section .card-body {
        font-size: 16px;
        padding: 0px 20px;
    }

    .product-link-list {
        padding: 20px 40px;
        background-color: #ebf0ff;
    }

    .product-link-list .sub-category-content ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .product-link-list .sub-category-content ul li {
        width: 46%;
        padding-bottom: 10px;
    }

    .product-link-list .sub-category-content .single-sub-category {
        padding: 16px 26px;
        font-size: 16px;
        border-radius: 12px;
        margin: 0 0;
        width: 100%;
        text-align: center;
    }

    .product-link-list .button-section {
        text-align: center;
    }

    .product-link-list .button-section a {
        font-size: 18px;
        padding: 12px 36px;
        display: inline-block;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 10px rgb(0 0 0 / 14%);
    }

    .banner-section {
        padding: 20px 40px;
    }

    .banner-section .image-section img {
        height: unset;
    }

    .banner-section .content-section .heading h5 {
        font-size: 18px;
        padding-right: 35px;
    }

    .banner-section .content-section {
        left: 4%;
    }

    .faq-section p {
        font-size: 18px;
    }

    #nomore-pcities {
        font-size: 18px;
    }

    .banner-section .content-section .button-section .common-btn a {
        font-size: 16px;
        padding: 12px 26px;
        border-radius: 12px;
    }

    .banner-section .image-section::before {
        content: unset;
    }

    .footer-list .button-section .common-btn-inactive ul li {
        display: inline-block;
        padding-right: 15px;
    }

    .footer-list .button-section .common-btn-inactive ul li a {
        padding: 12px 22px;
        font-size: 16px;
        border-radius: 12px;
    }

    .side-menu-mobile {
        width: 48%;
    }

    .category-section-mobile .category-list-mobile {
        justify-content: unset;
    }

    .category-section-mobile .category-list-mobile li {
        width: 20%;
    }

    .category-section-mobile .category-list-mobile li a {
        font-size: 15px;
    }

    .category-section-mobile .category-list-mobile li a img {
        width: 60px;
    }

    .filter-section-mobile .filter-content .title p,
    .sort-section-mobile .filter-content .title p {
        font-size: 20px;
    }

    .single-filter-list p {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .custom-radio {
        padding-left: 35px;
        font-size: 18px;
    }

    .radiomark {
        height: 20px;
        width: 20px;
    }

    .single-filter-list {
        padding-bottom: 20px;
    }

    .single-filter-list .range-slider-rating {
        padding-bottom: 34px;
    }

    .single-filter-list .button-section {
        text-align: end;
    }

    .filter-section-mobile .filter-content .common-btn,
    .sort-section-mobile .filter-content .common-btn,
    .sort-section-mobile .filter-content .common-btn-inactive {
        text-align: center;
        padding-bottom: 20px;
    }

    .filter-section-mobile .filter-content .common-btn a,
    .sort-section-mobile .filter-content .common-btn a,
    .sort-section-mobile .filter-content .common-btn-inactive a {
        font-size: 15px;
        padding: 12px 36px;
        box-shadow: 0px 3px 6px 1px rgb(155 166 200 / 65%);
        border-radius: 6px;
        border: 1px solid var(--theme-primary);
    }

    .profile-list.show {
        display: none;
    }

    .detail-web-page {
        display: none;
    }

    .detail-web-page.mobile {
        display: block;
    }

    .detail-web-page .detail-web-profile {
        padding-left: 40px;
    }

    .detail-web-page .detail-web-profile .col-6 {
        padding-left: 0;
    }

    .detail-web-page .detail-web-profile .content-section .heading h5 {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .rating ul li {
        font-size: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .rating p {
        font-size: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .rating {
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li img {
        padding-right: unset;
        width: 20px;
        margin-right: 15px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li {
        font-size: 18px;
        padding-bottom: 8px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li {
        padding-right: 15px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a {
        padding: 10px 12px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a img {
        width: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info {
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list {
        padding-bottom: 0px;
    }

    .vote-slider-section p {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 8px;
    }

    .vote-slider-section .range-slider {
        width: 100%;
        height: 55px;
    }

    .vote-slider-section .vote-rating {
        height: 55px;
    }

    .detail-web-profile .content-section .common-btn a {
        font-size: 18px;
        line-height: 24px;
        padding: 16px 28px;
        border-radius: 10px;
    }

    .vote-slider-section .vote-rating img {
        padding-right: unset;
        width: 25px;
        margin-right: 10px;
    }

    .detail-web-page .detail-web-profile .content-section .vote-slider-section {
        padding-bottom: 15px;
    }

    .detail-web-page .detail-web-profile .image-section {
        margin-top: -80px;
    }

    .detail-web-page .detail-web-profile .image-section img {
        height: 300px;
        border-radius: 60px 0;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section {
        margin-right: 10px;
    }

    .detail-webpage-content {
        padding: 25px 40px;
    }

    .common-btn-inactive a {
        font-size: 18px;
        border-radius: 12px;
        padding: 12px 28px;
        line-height: 24px;
    }

    .common-btn-inactive a img {
        width: 22px;
        margin-right: 15px;
        padding-right: unset;
    }

    .detail-webpage-content .slider-section .heading {
        margin-top: unset;
    }

    .detail-webpage-content .slider-section .section-header {
        padding-bottom: 15px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section img {
        width: 130px;
        height: 130px;
    }

    .detail-webpage-content .slider-section .section-header .category-mobile {
        text-align: end;
    }

    .detail-webpage-content .slider-section .slick-prev:before,
    .detail-webpage-content .slider-section .slick-next:before {
        font-size: 38px;
    }

    .detail-webpage-content .slider-section .slick-prev {
        left: -70px;
    }

    .detail-webpage-content .slider-section .heading p {
        font-size: 18px;
    }

    .detail-webpage-content .slider-section {
        padding-bottom: 40px;
    }

    .single-information {
        padding: 15px 50px;
        height: unset;
        margin-bottom: 25px;
    }

    .single-information .title {
        padding-bottom: 10px;
    }

    .single-information .offer-section {
        margin-bottom: 20px;
    }

    .single-information .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .single-information .additional-info .subtitle p {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .single-information .additional-info {
        padding: unset;
        width: 59%;
        display: inline-block;
    }

    .single-information .common-btn {
        width: 40%;
        display: inline-block;
        vertical-align: bottom;
        text-align: end;
    }

    .single-information .common-btn a {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 20px;
    }

    .single-information .timing {
        display: flex;
        flex-wrap: wrap;
    }

    .single-information .timing li {
        padding-bottom: 10px;
        width: 50%;
    }

    .single-information .timing li .day {
        width: 130px;
    }

    .single-information .timing li p {
        font-size: 18px;
        line-height: 24px;
    }

    .more-information {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .more-information li {
        width: 48%;
        text-align: center;
        padding: 12px 15px;
        display: block;
        margin-bottom: 20px;
        background-color: #EFF3FF;
        box-shadow: 0px 3px 6px rgba(225, 229, 240, 0.8);
        border-radius: 6px;
    }

    .more-information li img {
        padding-right: unset;
        width: 22px;
        margin: 0 0 5px 0;
    }

    .more-information li p {
        font-size: 18px;
    }

    .single-information .button-section {
        text-align: center;
    }

    .single-information .more-information {
        padding-bottom: 0px;
    }

    .single-information .button-section a {
        font-size: 18px;
        padding: 10px 12px;
        background-color: #fff;
        box-shadow: 0px 3px 10px rgb(0 0 0 / 14%);
        border-radius: 10px;
    }

    .single-information .button-section a img {
        width: 20px;
    }

    .detail-webpage-content .information-section {
        padding: 0 0 50px 0;
    }

    .detail-webpage-content .contact-information-section .image-section {
        right: -25px;
        bottom: unset;
        top: -80px;
    }

    .detail-webpage-content .contact-information-section .image-section img {
        width: 280px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image img {
        width: 160px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image {
        top: -36%;
        left: -26%;
    }

    .contact-information-section .content-section ul {
        padding-left: unset;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: unset;
        padding-top: 20px;
    }

    .contact-information-section .content-section ul li {
        width: 48%;
        padding: 10px;
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 6px;
        position: relative;
    }

    .contact-information-section .content-section ul li::before {
        position: absolute;
        content: '';
        height: 3px;
        width: 80px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: var(--theme-accent);
        border-radius: 50px;
    }

    .contact-information-section .content-section ul li:first-child {
        width: 53%;
    }

    .contact-information-section .content-section ul li .title .subtitle {
        display: block;
        padding-top: 5px;
    }

    .contact-information-section .content-section ul li .icon-section::before {
        content: unset;
    }

    .contact-information-section .heading {
        padding-bottom: 60px;
    }

    .contact-information-section .content-section ul li .title .subtitle p {
        font-size: 16px;
        line-height: 24px;
    }

    .contact-information-section .content-section ul li .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .contact-information-section .content-section ul li .icon-section {
        padding-right: unset;
        width: 15%;
        margin-right: 10px;
    }

    .contact-information-section .content-section ul li .icon-section img {
        padding: 6px 6px;
        width: 35px;
    }

    .detail-webpage-content .contact-information-section {
        padding-bottom: 10px;
    }

    .review-section .heading {
        padding-bottom: 10px;
    }

    .review-section .rating-description .rating ul {
        padding: 10px 26px;
    }

    .review-section .rating-description .rating ul li i {
        font-size: 22px;
    }

    .review-section .rating-description .rating ul li p {
        font-size: 18px;
        padding-left: 20px;
    }

    .review-section .rating-description .votes {
        display: flex;
        padding: 10px 0 0;
        justify-content: center;
    }

    .review-section .rating-description .votes p {
        font-size: 18px;
        padding-right: 25px;
    }

    .review-section .review-content .common-btn-inactive a {
        font-size: 16px;
        padding: 12px 20px;
    }

    .review-section .review-content .common-btn-inactive a img {
        padding-left: unset;
    }

    .rating-progress-bar .table td,
    .rating-progress-bar .table th {
        font-size: 22px;
    }

    .detail-webpage-content .review-section {
        padding-bottom: 15px;
    }

    .testimonial-section .single-user-review {
        padding: 8px 0;
        border-bottom: 1px solid #C3D2FF;
    }

    .testimonial-section .single-user-review .date p {
        text-align: end;
    }

    .testimonial-section .single-user-review .place p {
        text-align: end;
    }

    .testimonial-section .single-user-review .user-info {
        padding-bottom: 0;
        align-items: initial;
    }

    .testimonial-section .single-user-review .content-section .comment p {
        padding-bottom: 0;
    }

    .detail-page-faq {
        padding: 20px 40px;
    }

    .detail-page-faq .content-section .heading h5 {
        padding-bottom: 5px;
        font-size: 20px;
    }

    .detail-page-faq .content-section .heading p {
        font-size: 16px;
        line-height: 22px;
    }

    .detail-page-faq .content-section .common-btn a {
        font-size: 18px;
        line-height: 26px;
        padding: 14px 36px;
        border-radius: 10px;
    }

    .detail-page-faq .content-section .heading {
        padding-bottom: 20px;
    }

    .detail-page-faq .faq-section {
        padding-top: 20px;
    }

    .detail-page-faq .faq-section #accordion {
        padding: 15px 18px;
    }

    .detail-page-faq .faq-section .heading h5 {
        font-size: 24px;
    }

    .faq-section .card-header {
        font-size: 20px;
    }

    .faq-section .section-header {
        padding-bottom: 10px;
    }

    .faq-section .card-body {
        font-size: 18px;
    }

    .give-review-section .inquiry-area .image-section {
        border-radius: 20px 20px 0px 0px;
        justify-content: center;
    }

    .inquiry-section {
        padding: 40px 40px;
    }

    .inquiry-section .list-business-section .inquiry-form {
        text-align: left;
    }

    .list-business-section .image-section {
        justify-content: center;
        border-radius: 20px 20px 0 0;
    }

    .list-business-section .image-section img {
        width: 350px;
    }

    .give-review-section .inquiry-area .image-section img {
        width: 300px;
    }

    .inquiry-section .inquiry-form {
        padding: 25px 25px;
        border-radius: 0px 0px 20px 20px;
        text-align: center;
    }

    .inquiry-section .inquiry-area .image-section img {
        height: 100%;
    }

    .inquiry-section .inquiry-form .section-header p {
        font-size: 22px;
    }

    .inquiry-section .inquiry-form .section-header {
        padding-bottom: 20px;
    }

    .give-review-section .inquiry-form .form-content .form-group p {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 10px;
    }

    .give-rating .starrate {
        padding: 18px 25px;
        border-radius: 12px 0 0 12px;
    }

    .give-rating .starrate .cont i {
        font-size: 40px;
    }

    .give-rating {
        justify-content: center;
    }

    .give-rating #test {
        font-size: 22px;
        height: 80px;
        width: 100px;
        border-radius: 0 12px 12px 0;
    }

    .give-rating .starrate span.cont {
        width: 270px;
        height: 42px;
    }

    .give-review-section .inquiry-form .form-content .form-group {
        margin-bottom: 20px;
    }

    .form-control {
        font-size: 16px;
        height: 44px;
    }

    select.form-control {
        height: 44px !important;
    }

    form .button-section {
        padding-top: 20px;
    }

    /* .button-section button {
        font-size: 20px;
        padding: 18px 70px;
        line-height: 26px;
    } */
    .give-review2 .detail-review-content .content-section {
        padding: 30px 30px;
        margin-bottom: 275px;
    }

    .give-review2 .detail-review-content .content-section .heading h5 {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 15px;
    }

    .give-review2 .detail-review-content .content-section .rating {
        padding-bottom: 15px;
    }

    .give-review2 .detail-review-content .content-section .rating ul li i {
        font-size: 24px;
    }

    .give-review2 .detail-review-content .content-section .review-overview ul li {
        font-size: 22px;
        line-height: 28px;
    }

    .give-review2 .detail-review-content .image-section img {
        width: 350px;
        border-radius: 20px 0 30px 0px;
    }

    .give-review2 .detail-review-content {
        border-radius: 20px 20px 30px 0px;
    }

    .advertisement1-section,
    .common-section {
        padding: 40px 0;
    }

    .advertisement1-section .section-header p {
        font-size: 18px;
        padding-top: 5px
    }

    .advertisement1-section .section-header {
        padding-bottom: 15px;
    }

    label {
        margin-bottom: 5px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 44px;
    }

    .select2-container .select2-selection--single {
        height: 44px;
    }

    /* .add-more-btn a {
        font-size: 20px;
    } */
    /* .add-more-btn a i {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin-right: 20px;
    } */
    .common-btn a {
        font-size: 20px;
        padding: 20px 70px;
        border-radius: 12px;
    }

    #multistepsform #progressbar {
        padding: 30px 50px;
    }

    #multistepsform #progressbar li {
        /* font-size: 20px; */
        height: 140px;
    }

    #multistepsform #progressbar li:before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #multistepsform #progressbar li:after {
        width: 45%;
        left: -23%;
        top: 18%;
    }

    .list-business-step-section .section-header {
        padding: 30px 50px;
    }

    /* #multistepsform fieldset .section-header .description p {
        font-size: 22px;
        line-height: 28px;
    } */
    #multistepsform fieldset .form-content {
        padding: 30px 50px;
    }

    #multistepsform .action-button {
        line-height: 30px;
        padding: 20px 20px;
        width: 260px;
        font-size: 22px;
    }

    #multistepsform .action-button.active {
        margin-right: 20px;
    }

    /* #multistepsform fieldset .form-content .content-section p {
        font-size: 22px;
        padding-top: 5px;
        line-height: 28px;
    } */
    /* .single-time-selection .title p {
        font-size: 22px;
    }
    .single-time-selection .description p {
        font-size: 22px;
    } */
    .single-time-selection {
        padding-bottom: 10px;
    }

    .form-content .manage-time .button-section .common-btn a {
        padding: 20px 40px;
        font-size: 22px;
        line-height: 30px;
    }

    .form-content .content-section {
        padding-bottom: 15px;
    }

    #multistepsform fieldset .form-content .payment-method-selection {
        padding: 30px 0;
    }

    .manage-time {
        padding: 20px 20px;
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
        width: 32%;
    }

    .single-sub-category {
        font-size: 15px;
        padding: 12px 15px;
        margin: 0 0px 12px 0;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content,
    .keyword-step-content {
        padding: 20px 20px;
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    .catalog-content .nav-item {
        margin-bottom: 10px;
    }

    .company-information .company-content {
        padding: 20px 20px;
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    #multistepsform fieldset .form-content .upload-catalog .catalog-content {
        padding: 20px 76px;
        justify-content: space-between;
        margin: 30px 0;
        background-color: #fff;
        border-radius: 16px;
    }

    /* .single-catalog .content-section .heading h5 {
        font-size: 24px;
    } */
    #multistepsform fieldset .form-content .upload-catalog .catalog-content li .single-catalog {
        padding: 10px 10px;
    }

    #multistepsform fieldset .form-content .upload-catalog .catalog-content li .single-catalog .content-section {
        padding-bottom: 0;
    }

    .catalog-content li {
        margin-right: 0;
        /* padding-bottom: 20px; */
        width: 48%;
    }

    .catalog-file-upload .file-upload-section {
        padding-top: 20px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 200px;
        /* width: 240px; */
    }

    /* .single-catalog img {
        padding: 15px 15px;
        margin-bottom: 20px;
        width: 80px;
    } */
    .side-menu-mobile .profile-list-mobile ul li a {
        font-size: 18px;
    }

    .side-menu-mobile .profile-section .user-info .title p {
        font-size: 18px;
    }

    .side-menu-mobile .profile-section .user-info .subtitle p {
        font-size: 14px;
    }

    .side-menu-mobile .profile-section .user-info .place p {
        font-size: 12px;
    }

    .side-menu-mobile .profile-section .common-btn-inactive a {
        font-size: 12px;
        padding: 8px 8px;
    }

    .side-menu-mobile .cancel-btn a img {
        width: 30px;
    }

    html body form .digit-group input {
        width: 40px;
        height: 40px;
        margin-right: 6px;
        border-radius: 10px;
    }

    form .digit-group .splitter {
        margin-right: 0;
    }

    .list-business-verify-section {
        padding: 40px 40px;
    }

    .verification-section .image-section img {
        width: 250px;
    }

    .verification-section .content-section p {
        font-size: 22px;
        padding: 0 60px 20px;
    }

    .verification-section .image-section {
        padding-bottom: 10px;
    }

    .list-business-verify-section .verification-section .form-content form .button-section a {
        font-size: 22px;
    }

    .verification-section .content-section .common-btn a {
        font-size: 22px;
        padding: 20px 60px;
    }

    .verification-section .description p {
        font-size: 22px;
    }

    .register-section .register-left {
        padding: 30px 0;
    }

    .register-section .register-left .content-section {
        padding: 0 30px 30px;
    }

    .register-section .register-left .content-section p {
        font-size: 20px;
    }

    .register-section .register-right {
        padding: 30px 30px;
    }

    .register-section .register-right .form-section p {
        padding: 5px 0 15px;
        font-size: 16px;
    }

    .signup {
        font-size: 20px;
        padding: 14px 0;
        margin-bottom: 15px;
    }

    .signup img {
        width: 30px;
        margin-right: 15px;
        padding-right: unset;
    }

    .register-section .register-left .image-section {
        padding-left: 0;
    }

    .register-section .register-right .form-section {
        padding-bottom: 20px;
    }

    .register-section .register-right .password-notice p {
        font-size: 18px;
    }

    .custom-checkbox {
        padding-left: 50px;
        font-size: 18px;
    }

    .checkmark {
        height: 40px;
        width: 40px;
    }

    .register-section .register-right .form-content form .common-btn a {
        font-size: 20px;
        padding: 18px 70px;
    }

    .forgot-pass a {
        font-size: 18px;
    }

    .linebreak p {
        font-size: 22px;
    }

    .register-section .register-right p {
        font-size: 16px;
    }

    .register-right .form-content form .description {
        padding-top: 20px
    }

    .register-section .register-right .form-section .image-section img {
        width: 180px;
    }

    .register-section .register-right .form-content form .common-btn-inactive a {
        font-size: 20px;
        padding: 18px 70px;
        border-radius: 12px;
    }

    .wishlist-top .section-header {
        padding-bottom: 0;
    }

    .wishlist-top {
        padding-bottom: 25px;
    }

    .search__button {
        width: 60px;
        height: 60px;
    }

    .search__field {
        height: 55px;
    }

    .search__input {
        padding: 5px 15px;
    }

    .wishlist-section {
        padding: 25px 25px;
    }

    .single-wishlist {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .wishlist-content .content-heading {
        padding-bottom: 6px;
    }

    .wishlist-content .content-heading .icon-section a i {
        padding: 8px;
        font-size: 18px;
    }

    .wishlist-content .content-heading p {
        font-size: 18px;
    }

    .information-list li {
        padding-bottom: 6px;
        font-size: 16px;
    }

    .information-list li a img {
        width: 20px;
        margin-right: 15px;
    }

    .single-wishlist .rating ul li i {
        font-size: 20px;
    }

    .wishlist-cart .common-btn a {
        font-size: 14px;
        padding: 8px 16px;
        line-height: 24px;
    }

    .wishlist-cart .icon-section i {
        font-size: 30px;
    }

    .single-wishlist .rating {
        padding-bottom: 8px;
    }

    .advertisement1-section .pricing-container .section-header {
        width: 100%;
        text-align: center;
    }

    .pricing-switcher {
        text-align: center;
        width: 100%;
        padding-bottom: 30px;
    }

    .pricing-switcher .switch {
        height: 65px;
        width: 200px;
    }

    .pricing-switcher label {
        width: 200px;
        height: 65px;
        line-height: 65px;
        font-size: 20px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn button {
        padding: 14px 30px;
        font-size: 16px;
        line-height: 24px;
    }

    .pricing-switcher input[type="radio"]:checked+label+.switch,
    .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
        transform: translateX(200px);
    }

    .pricing-switcher .fieldset {
        padding: 0;
    }

    .pricing-list li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .pricing-features li {
        margin: 0;
        font-size: 20px;
    }

    .pricing-header .plan-title .subtitle p {
        font-size: 24px;
    }

    .pricing-header .plan-title .description p {
        font-size: 20px;
    }

    .pricing-header {
        padding-bottom: 10px;
    }

    .pricing-features {
        height: unset;
        padding-bottom: 40px;
    }

    .pricing-wrapper li .common-btn a {
        font-size: 18px;
        padding: 16px 38px;
        line-height: 26px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn {
        text-align: end;
    }

    .payment-detail-section .card-user-details {
        padding: 30px 30px 30px 70px;
        border-radius: 14px;
        margin-top: unset;
        width: 70%;
        float: right;
        margin-bottom: 30px;
    }

    .payment-detail-section .card-user-details .user-information {
        top: 50%;
        padding: 15px 15px;
        border-radius: 14px;
        left: -175px;
        right: unset;
        transform: translateY(-50%);
    }

    .payment-detail-section .card-user-details .user-information::before {
        content: unset;
    }

    .payment-detail-section .card-user-details .user-information::after {
        content: unset;
    }

    .payment-detail-section .card-user-details .user-information p {
        font-size: 20px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .user-information .name {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .user-information .card-number {
        padding-bottom: 20px;
    }

    .payment-detail-section .card-user-details .user-information .card-info {
        display: block;
    }

    .payment-detail-section .card-user-details .user-information .card-info .card-expiry {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .title p {
        font-size: 20px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .subtitle p {
        font-size: 20px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .plan-description ul li {
        padding-bottom: 15px;
    }

    .payment-detail-section .card-user-details .total-amount::before {
        content: unset;
    }

    .payment-detail-section .card-user-details .total-amount::after {
        content: unset;
    }

    .payment-detail-section .card-user-details .plan-description {
        padding-bottom: 15px;
        border-bottom: unset;
    }

    .payment-detail-section .card-user-details .total-amount .title p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 0;
    }

    .payment-detail-section .card-user-details .total-amount .subtitle p {
        font-size: 20px;
        line-height: 28px;
    }

    .payment-detail-section .card-user-details .total-amount {
        padding-top: unset;
        display: flex;
        justify-content: space-between;
    }

    .payment-detail-section .form-content form label {
        font-size: 20px;
        line-height: 28px;
    }

    .payment-detail-section .form-content form .form-heading {
        padding-bottom: 10px;
    }

    .payment-detail-section .form-content form .form-group {
        margin-bottom: 20px;
    }

    .payment-detail-section .form-content form .form-group p {
        font-size: 18px;
        line-height: 24px;
        padding-top: unset;
    }

    .payment-detail-section .form-content form .common-btn {
        text-align: center;
    }

    .my-profile-section .cover-photo .profile-image {
        bottom: -58%;
    }

    .my-profile-section .cover-photo .profile-image img {
        width: 100px;
        height: 100px;
    }

    .profile-information .heading h5 {
        font-size: 24px;
        padding-bottom: 5px;
        line-height: 30px;
    }

    .profile-information p {
        font-size: 20px;
        line-height: 26px;
    }

    .profile-information .location p {
        font-size: 14px;
        padding: 8px 12px;
        line-height: 20px;
    }

    .social-list ul li img {
        padding: 6px 6px;
        width: 45px;
    }

    .social-list ul li {
        padding-right: 8px;
    }

    .edit-profile a img {
        padding-right: 0;
        width: 25px;
        margin-right: 15px;
    }

    .social-list {
        padding-bottom: 15px;
    }

    .my-profile-section .cover-photo img {
        height: 200px
    }

    .edit-profile a {
        font-size: 16px;
    }

    .my-profile-section .profile-details-section {
        padding: 12px 12px
    }

    .profile-information .location {
        padding: 6px 0;
    }

    .my-profile-section {
        margin-bottom: 20px;
    }

    .additional-details {
        padding: 15px 15px;
        margin-bottom: 10px;
    }

    .additional-details .details-heading .title p {
        font-size: 26px;
        line-height: 32px;
    }

    .additional-details .details-heading {
        justify-content: center;
        padding-bottom: 10px;
    }

    .additional-details .details-heading .button-section {
        padding-left: 20px;
    }

    .additional-details .details-heading .button-section a img {
        width: 25px;
    }

    .details-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .details-content {
        padding-bottom: 10px;
        width: 50%;
    }

    .details-content .list-info p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 2px;
    }

    .details-content .icon-section {
        padding-right: unset;
        width: 20%;
    }

    .details-content .list-info {
        width: 80%;
    }

    .details-content .icon-section img {
        width: 30px;
    }

    /* .profile-tab-section .nav-tabs {
        display: none;
    } */
    .profile-tab-section .nav-tabs.mobile {
        display: inline-block;
        padding: 10px 15px;
        width: 50%;
        margin-bottom: 20px;
    }

    .leads-section .leads-header {
        padding-bottom: 20px;
    }

    .profile-tab-section .nav-tabs {
        margin-bottom: 10px;
        padding: 15px 0;
    }

    .profile-tab-section .nav-tabs li a {
        font-size: 16px;
        line-height: 28px;
        padding: 10px 20px;
    }

    .profile-tab-section .nav-tabs li a.active {
        font-size: 16px;
        /* width: 80%; */
    }

    .profile-tab-section .nav-tabs.mobile li .dropdown-btn {
        padding: 0;
    }

    .profile-tab-section .nav-tabs.mobile li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .profile-main-section {
        padding-bottom: 20px;
    }

    .profile-tab-section .my-business-btn {
        width: 49%;
        text-align: end;
    }

    .my-business-btn .common-btn a {
        padding: 16px 45px;
        border-radius: 10px;
    }

    .profile-tab-section .tab-content #menu1 {
        padding: 20px 20px;
    }

    .profile-tab-section .tab-content .single-product-category {
        padding: 15px 15px;
        position: relative;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section a i {
        padding: 10px 10px;
        border-radius: 50%;
        font-size: 16px;
    }

    .product-category-list-horizontal .single-product-category .product-category-detail .heading h5 {
        font-size: 24px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .description p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .price p {
        font-size: 28px;
        line-height: 35px;
        padding-bottom: 5px;
    }

    .category p {
        padding: 6px 14px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .product-category-list-horizontal .product-category-rating .order-info {
        display: inline-block;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
        font-size: 20px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn {
        position: absolute;
        right: -2px;
        bottom: -16px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn a {
        padding: 10px 18px;
        font-size: 18px;
        line-height: 26px;
        border-radius: 20px 0 24px;
    }

    .profile-tab-section .tab-content .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 20px;
        margin-right: 15px;
    }

    .pagination {
        padding: 15px 15px;
    }

    .single-overview {
        padding: 15px 20px;
        margin-right: 25px;
        width: 180px;
    }

    .single-overview .title p {
        font-size: 22px;
        line-height: 28px;
    }

    .analytics-overview-list {
        padding-bottom: 25px;
    }

    .chart-header .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .chart-section {
        padding: 15px 15px;
        margin-bottom: 30px;
    }

    #pie-chart {
        height: 250px;
    }

    #chartContainer {
        height: 250px;
    }

    #chartContainer3 {
        height: 250px;
    }

    .analytics-section .analytics-action-list li {
        padding: 0 0 15px 0;
        justify-content: space-between;
        font-size: 22px;
        line-height: 30px;
    }

    .analytics-action-list li p {
        font-size: 22px;
    }

    #chartContainer4 {
        height: 250px;
    }

    .no-data-msg {
        padding-top: 15px;
    }

    .leads-header .common-btn a {
        padding: 16px 40px;
        border-radius: 10px;
    }

    /* .leads-header .heading h5 {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 5px;
    } */
    /* .leads-header .heading a {
        font-size: 24px;
        line-height: 30px;
    } */
    .advertisement1-section .category-search-section .button-section .common-btn a {
        padding: 16px 70px;
        font-size: 18px;
        line-height: 26px;
        border-radius: 12px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn-inactive a {
        padding: 16px 50px;
        line-height: 26px;
    }

    .calender-filter-icon i {
        padding: 14px;
        font-size: 32px;
    }

    .advertisement1-section .category-search-section .button-section {
        justify-content: space-between;
    }

    .advertisement1-section .category-search-section .button-section .common-btn {
        padding-right: 0;
    }

    /* .leads-section .calender-filter {
        display: none;
    } */
    .leads-section .calender-filter.show {
        display: block;
        padding: 20px;
        border: 1px solid var(--theme-primary);
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .calender-input input {
        /* height: 60px; */
        width: 100%;
        border-radius: 10px;
        font-size: 18px;
        padding: 0 12px;
        border: 1px solid #C3D2FF;
    }

    /* .calender-filter .description p {
        font-size: 22px;
        line-height: 30px;
    } */
    .single-leads .leads-header-section .heading .description p {
        font-size: 18px;
        line-height: 24px;
    }

    .single-leads .leads-header-section .heading .title p {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .header-info li {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .header-info li img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .single-leads {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .single-leads .leads-header-section {
        padding-bottom: 10px;
    }

    .single-leads .content-section ul li {
        padding-top: 10px;
    }

    .single-leads .content-section ul li .description p {
        font-size: 18px;
        line-height: 24px;
    }

    .single-leads .content-section ul li .subtitle p {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 2px;
    }

    .single-leads .content-section .common-btn a {
        padding: 12px 26px;
        font-size: 16px;
        line-height: 22px;
    }

    .single-leads .content-section ul {
        padding-bottom: 5px;
    }

    .select2-container {
        width: 100% !important;
    }

    .my-leads-section .my-leads-header .common-btn a {
        padding: 14px 54px;
        font-size: 20px;
        line-height: 26px;
        border-radius: 10px;
    }

    .my-leads-section {
        padding: 25px 25px;
    }

    .my-leads-section .table thead th {
        font-size: 16px;
        line-height: 22px;
    }

    .my-leads-section .table td,
    .my-leads-section .table th {
        font-size: 15px;
        line-height: 21px;
        text-align: center;
        padding: 10px 0;
    }

    .square {
        width: 22px;
        height: 22px;
    }

    .my-leads-section .table td img {
        width: 45px;
        height: 45px;
    }

    .my-leads-section .table td .form-action .button-section a {
        align-items: center;
        display: flex;
        padding: 10px 10px;
        font-size: 16px;
        line-height: 22px;
    }

    .pagination-section p {
        font-size: 20px;
    }

    .faq-section .single-accordion {
        padding: 12px 20px;
    }

    .my-leads-section .table td .form-action .button-section a i {
        padding-left: 12px;
    }

    .profile-tab-section .tab-content .faq-section {
        padding: unset;
        margin-top: 30px;
        background-color: unset;
    }

    /* .profile-tab-section .tab-content .faq-section .section-header {
        padding-bottom: 30px;
    } */
    .profile-tab-section .tab-content .faq-section .card-body {
        padding: 0 22px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section p {
        /* font-size: 22px; */
        line-height: 30px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section {
        padding-bottom: 20px;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
        width: 32%;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        padding: 14px 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul {
        padding-bottom: 50px;
    }

    .calender-filter-icon {
        display: block;
    }

    .customer-details-section {
        padding: 60px 60px;
    }

    .customer-details-section .customer-content {
        padding: 40px 40px;
    }

    .customer-details-section .customer-content ul li .customer-profile p {
        font-size: 22px;
        line-height: 30px;
    }

    .customer-details-section .customer-content ul li .customer-name p {
        font-size: 22px;
        line-height: 28px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape {
        width: 35px;
        height: 35px;
        margin-right: 30px;
    }

    .customer-details-section .customer-content .heading {
        padding-bottom: 40px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape img {
        width: 25px;
    }

    .customer-details-section .customer-content ul li {
        padding-bottom: 25px;
    }

    .business-details {
        margin-top: 0;
        padding: 30px 30px;
        margin-bottom: 30px;
    }

    .business-cover .button-section {
        /* position: unset;
            padding: 20px 0 10px;
            background-color: var(--theme-secondary); */
        justify-content: center;
        width: 100%;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .business-cover .button-section .common-btn-inactive a {
        font-size: 18px;
        padding: 18px 70px;
        line-height: 26px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    }

    .business-cover .button-section .common-btn a {
        padding: 18px 70px;
        font-size: 18px;
        box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
        line-height: 26px;
    }

    .business-profile-content {
        padding: 30px 50px;
    }

    .business-details {
        display: none;
    }

    .business-details.mobile {
        display: block;
    }

    .business-cover .image-section img {
        height: 250px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box {
        width: 100%;
        height: 220px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box img {
        height: 220px;
        width: 100%;
    }

    .business-details .company-information .edit-profile-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 25px;
    }

    .company-information .button-section a {
        padding: 10px 10px;
        font-size: 18px;
        line-height: 24px;
    }

    .business-details .social-icons a {
        font-size: 16px;
        line-height: 22px;
    }

    .business-details .social-icons {
        padding: 0;
        border-bottom: none;
    }

    .company-information .button-section a img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section {
        position: absolute;
        bottom: -11%;
        left: unset;
        transform: unset;
        right: -7%;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section a i {
        font-size: 24px;
        padding: 18px 18px;
    }

    .company-information ul li {
        font-size: 18px;
        line-height: 26px;
    }

    .company-information ul li .icon-section img {
        padding: 12px 12px;
        margin-bottom: 10px;
        width: 55px;
    }

    .common-photo-upload .profile-upload {
        padding-bottom: 30px;
    }

    .business-details .social-list ul li a img {
        padding: 8px 8px;
        border: 1px solid #C4D2FF;
    }

    .business-details .social-list ul li {
        padding-right: 20px;
    }

    .company-information ul {
        padding-bottom: 25px;
    }

    .business-details .company-information {
        padding-bottom: 0;
    }

    .company-information .profile-icon-mobile {
        justify-content: unset;
    }

    .company-information .profile-icon-mobile li {
        padding-right: 20px;
    }

    .profile-icon-mobile li a img {
        padding: 8px 8px;
        width: 45px;
    }

    .business-details .description p {
        padding-top: 25px;
        font-size: 20px;
        line-height: 26px;
        text-align: left;
    }

    .business-details .social-list {
        padding: 25px 0 0 0;
    }

    .single-award .award-header .icon-section {
        width: 70px;
        height: 70px;
        margin-bottom: 15px;
        background-color: #EBF0FF;
    }

    .single-award .award-header {
        display: block;
        padding-bottom: 15px;
    }

    .single-award {
        padding: 20px 20px;
        position: relative;
        margin-bottom: 20px;
    }

    .single-award .award-header .title p {
        font-size: 22px;
        font-weight: 600;
    }

    .single-award .content-section .title p {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .single-award .content-section .subtitle p {
        font-size: 20px;
    }

    .single-award .button-section {
        position: absolute;
        right: 8%;
        top: 8%;
    }

    .single-award .content-section {
        padding-bottom: 0;
    }

    .about-business-profile .business-upload-section .catalog-content li {
        margin-right: 15px;
        width: 28%;
    }

    .about-business-profile .business-upload-section .single-catalog {
        padding: 15px 15px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section .heading h5 {
        font-size: 18px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section p {
        font-size: 16px;
    }

    .about-business-profile .awards-section {
        padding-bottom: 0px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 85px;
        flex-direction: row;
        align-items: center;
        border: none;
        box-shadow: 0px 2px 6px rgb(0 0 0 / 12%);
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section {
        padding-bottom: 0;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
        box-shadow: none;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section {
        padding-top: 20px;
    }

    .about-business-profile .business-upload-section .tab-content {
        padding-bottom: 0;
    }

    .about-business-profile .business-upload-section .form-content label {
        font-size: 20px;
        line-height: 28px;
    }

    .about-business-profile .business-upload-section .form-content .form-group p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 15px;
    }

    .about-business-profile .business-upload-section .common-btn {
        text-align: center;
    }

    .about-business-profile .business-upload-section .tab-pane .heading h5 {
        font-size: 26px;
        line-height: 34px;
    }

    .catalog-content {
        padding-bottom: 10px;
    }

    .profile-section .section-header .heading {
        padding-bottom: 20px;
    }

    .profile-section .section-header {
        padding-bottom: 40px;
    }

    .profile-section .profile-content .profile-details-list p {
        font-size: 20px;
        line-height: 28px;
        padding: 18px 40px;
        margin-bottom: 40px;
    }

    .profile-section .profile-content .profile-details-list .nav li a {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 0;
    }

    /* .profile-section .profile-content .profile-details-list .nav {
        display: flex;
        justify-content: space-between;
        padding-bottom: 20px;
    } */
    .profile-section .profile-image-section .file-upload .image-box {
        border-radius: 60px 10px 10px 10px;
        height: 300px;
    }

    .profile-section .profile-image-section .file-upload .image-box .icon-section {
        display: none;
    }

    /* .profile-section .profile-image-section .profile-cover-section .profile-image .image-section img {
        width: 160px;
        height: 160px;
    } */
    /* .profile-section .profile-image-section .profile-cover-section .profile-image {
        left: 20px;
        bottom: -75px;
    } */
    /* .profile-section .profile-image-section .profile-cover-section .profile-image .content-section p {
        font-size: 20px;
    } */
    /* .profile-section .profile-image-section {
        margin-bottom: 120px;
    } */
    .profile-section .profile-content .tab-content {
        padding: 0;
        background-color: unset;
    }

    /* .profile-section .profile-content .tab-content .form-content form label {
        font-size: 18px;
        margin-bottom: 5px;
    } */
    .profile-section .profile-content .tab-content .form-content form .form-group {
        padding: 0;
        border-bottom: none;
        margin-bottom: 20px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group p {
        font-size: 16px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .profile-image img {
        width: 120px;
        height: 120px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section {
        gap: 20px;
        /* display: flex;
        flex-direction: column-reverse;
        align-items: center; */
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section a {
        font-size: 17px;
        margin: 0 0 10px 0;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .add-more-btn {
        text-align: left;
        padding-top: 8px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group ul li {
        padding-right: 40px;
    }

    /* .profile-section .profile-content .tab-content .form-content form .form-group .custom-radio {
        font-size: 20px;
        padding-left: 35px;
    } */
    /* .profile-section .profile-content .tab-content .form-content form .form-group .radiomark {
        height: 28px;
        width: 28px;
    } */
    .password-require-section .image-section img {
        height: 190px;
    }

    .password-require-section .image-section .content-section {
        top: 20px;
        left: 20px;
        width: unset;
    }

    .password-require-section .image-section .content-section .heading h5 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 0;
    }

    .password-require-section .image-section .content-section p {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .password-require-section .image-section .content-section ul li {
        font-size: 18px;
        display: block;
        padding: 0 0 4px 0;
    }

    .password-require-section .image-section {
        margin-bottom: 40px;
    }

    .profile-section .profile-content .tab-content #menu4 .form-content form .button-section {
        display: flex;
        justify-content: space-between;
        padding-top: 0;
    }

    .profile-section .profile-content .tab-content #menu4 .form-content form .button-section a {
        font-size: 20px;
        margin-bottom: 0;
    }

    .add-product-section .form-content ul li {
        padding-right: 10px;
    }

    .add-product-section .form-content ul li .file-upload .image-box {
        width: 200px;
        height: 200px;
    }

    .add-product-section .form-content form .button-section .common-btn-inactive a {
        padding: 18px 30px;
        margin-right: 20px;
        width: unset;
        line-height: 28px;
    }

    .add-product-section .form-content form .button-section {
        padding-bottom: 50px;
    }

    .company-detail-section {
        padding: 30px 30px;
    }

    .company-detail-section .common-photo-upload {
        position: unset;
    }

    .company-detail-section .company-info {
        display: block;
    }

    .company-detail-section .company-info .heading h5 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .company-detail-section .company-info .heading a {
        font-size: 20px;
        line-height: 26px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .company-detail-section .company-info .social-list ul li img {
        width: 35px;
    }

    .company-detail-section .company-info .social-list ul li {
        padding-right: 20px;
    }

    .company-detail-section .company-info .social-list ul {
        padding-bottom: 25px;
    }

    .company-detail-section .company-info .social-list p {
        font-size: 20px;
    }

    .company-detail-section .common-photo-upload .profile-upload {
        padding-bottom: 0;
    }

    .service-catalogue-section {
        padding-top: 40px;
    }

    .service-catalogue-section .section-header {
        padding-bottom: 20px;
    }

    .service-catalogue-section .content-section {
        padding: 25px 25px;
        border: unset;
    }

    .single-service-catalogue {
        padding: 20px 20px;
        margin-bottom: 20px;
        position: relative;
    }

    .single-service-catalogue .product-category-detail .icon-section a i {
        padding: 10px 10px;
        font-size: 20px;
    }

    .single-service-catalogue .product-category-detail .heading {
        width: 80%;
    }

    .single-service-catalogue .product-category-detail .heading h5 {
        font-size: 22px;
        line-height: 30px;
    }

    .single-service-catalogue .product-category-detail .description p {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-detail .price p {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-rating .order-info {
        display: block;
    }

    .single-service-catalogue .product-category-rating .order-info .rating ul li i {
        font-size: 22px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn {
        position: absolute;
        right: -7px;
        bottom: -22px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a {
        padding: 16px 26px;
        font-size: 20px;
        line-height: 26px;
        border-radius: 16px 0 24px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 20px;
        margin-right: 15px;
    }

    .single-service-catalogue .product-category-detail .icon-section {
        position: absolute;
        right: 15px;
    }

    .promotion-section .promotion-content ul {
        justify-content: space-between;
    }

    .promotion-section .promotion-content ul li {
        width: 30%;
        margin-right: 0;
    }

    .single-promotion {
        padding: 15px 10px;
    }

    .single-promotion img {
        padding: 12px 12px;
        margin-bottom: 20px;
        width: 80px;
    }

    .single-promotion p {
        font-size: 16px;
    }

    .single-business-category img {
        padding: 12px 12px;
        width: 70px;
        height: 70px;
        margin-bottom: 10px;
    }

    .single-business-category p {
        font-size: 16px;
    }

    .promotion-section {
        padding-bottom: 30px;
    }

    .business-category-section {
        padding-bottom: 30px;
    }

    .sub-category-section {
        padding-bottom: 30px;
    }

    .sub-category-section {
        padding-bottom: 20px;
    }

    .keyword-section {
        padding-bottom: 30px;
    }

    .file-upload .image-box {
        height: 240px;
    }

    .file-upload .image-box .image-section {
        padding-bottom: 20px;
    }

    .file-upload .image-box .image-section img {
        width: 50px;
    }

    .file-upload .image-box p {
        font-size: 24px;
    }

    .file-upload .image-box .subtitle p {
        font-size: 20px;
    }

    .file-upload .image-box .subtitle {
        padding-top: 15px;
    }

    .file-upload-section {
        padding-bottom: 20px;
    }

    .add-text-section {
        padding-bottom: 50px;
    }

    /* .advertisement1-section .button-section .common-btn {
        padding-bottom: 20px;
    } */
    .single-service-catalogue .modal .modal-content .button-section a img {
        padding: 15px 15px;
        width: 50px;
    }

    .single-service-catalogue .modal .modal-content .button-section {
        top: 40px;
        right: 40px;
    }

    .single-service-catalogue .modal .modal-content .modal-body .description p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 40px;
    }

    .single-service-catalogue .modal .modal-content .modal-body img {
        width: 250px;
    }

    .single-service-catalogue .modal .modal-content .common-btn a {
        padding: 20px 68px;
        font-size: 20px;
    }

    .single-service-catalogue .modal .modal-content .common-btn-inactive a {
        padding: 20px 68px;
        font-size: 20px;
    }

    .single-service-catalogue .modal .modal-content .common-btn {
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content {
        padding-bottom: 20px;
    }

    .single-service-catalogue .product-category-detail .category {
        padding-bottom: 5px;
    }

    .add-product-section .section-header {
        padding-bottom: 20px;
    }

    .side-menu-mobile .profile-section .image-section img {
        width: 55px;
        height: 55px;
    }

    a.add_button,
    a.add_vdo_button {
        font-size: 20px;
        font-weight: 600;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar-toggler {
        display: none;
    }

    header .menu {
        padding: 0;
    }

    header .menu .navbar .navbar-brand img {
        width: 150px;
    }

    .navbar-right {
        display: flex;
        align-items: center;
        padding-left: unset;
    }

    header .menu .navbar .navbar-right .profile-btn {
        margin-left: 15px;
    }

    .round-button i {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    header .menu .navbar .navbar-right .menu-bar-mobile {
        padding-left: 15px;
    }

    .home-page .category-section {
        display: none;
    }

    .home-page .category-section-bottom {
        display: none;
    }

    .home-page .home-page-right {
        padding: 30px 25px;
    }

    /* .home-page .home-page-right .search-section {
        padding-bottom: 30px;
    } */
    .search-area input {
        height: 45px;
        border-radius: 8px;
        padding-left: 32%;
        font-size: 14px;
    }

    .search-area .place-search {
        width: 28%;
    }

    .search-area .place-search input {
        height: 40px;
        border-radius: 8px;
        padding-left: 12px;
    }

    .search-area .place-search a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        border-radius: 8px;
    }

    .user-notification-mobile .notification-dropdown .icon-section {
        padding: 10px 25px;
        border-radius: 8px;
        justify-content: space-between;
    }

    .user-notification-mobile ul {
        padding: 5px 25px;
    }

    .heading h5 {
        font-size: 20px;
    }

    .about-section .rev_slider .test .content-section ul {
        padding: 15px 0 20px 15px;
    }

    a.common-btn {
        font-size: 16px;
        background-color: #fff;
        color: #579EFF;
        display: inline-block;
        padding: 6px 26px;
        text-decoration: none;
        border-radius: 8px;
    }

    .about-section .test {
        height: 150px;
    }

    .about-section .slick-prev,
    .about-section .slick-next {
        bottom: -60px;
        height: 40px;
        width: 40px;
    }

    .about-section .slick-dots li.slick-active {
        width: 40px;
    }

    .about-section .slick-dots li {
        width: 12px;
        height: 12px;
    }

    .about-section .slick-dots {
        bottom: -42px;
    }

    .service-section {
        padding-top: 25px;
    }

    .section-header h6 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
    }

    .service-section .service-content {
        padding: 10px 0;
    }

    .service-section .service-content ul {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
    }

    .service-section .service-content ul li {
        padding: 0 10px 10px 0;
        width: 25%;
    }

    .single-service {
        width: 100%;
        padding: 10px 0;
        border-radius: 10px;
    }

    .single-service img {
        margin-bottom: 10px;
        width: 45px;
        height: 45px;
    }

    .trending-section .trending-bottom {
        padding: 20px 0;
    }

    .trending-section .section-header .button-section {
        display: none;
    }

    .single-trending .content-section .button-section {
        bottom: -14%;
    }

    .single-trending .content-section .button-section a {
        border: 10px solid var(--theme-secondary);
    }

    .single-trending .content-section .button-section a i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .single-trending {
        padding: 0 5px;
        margin-bottom: 25px;
    }

    .single-trending .image-section img {
        height: 125px;
    }

    .single-trending .content-section {
        padding: 10px 10px;
    }

    .single-trending .content-section .sub-title {
        padding-bottom: 5px;
    }

    .single-trending .content-section p {
        font-size: 18px;
        line-height: 24px;
    }

    .single-trending .content-section .sub-title span {
        font-size: 12px;
    }

    .single-trending .content-section ul li a {
        font-size: 15px;
        line-height: 20px;
    }

    .trending-section .trending-bottom .button-section {
        text-align: center;
    }

    .trending-section .trending-bottom .button-section .common-btn {
        width: unset;
        padding: 12px 40px;
    }

    .blog-section::after {
        width: 100%;
        height: 100%;
        top: -30px;
    }

    .home-page {
        padding-bottom: 0;
    }

    .blog-section {
        padding: 0 25px 35px;
    }

    .blog-section .section-header .button-section .small-btn {
        font-size: 18px;
        padding: 10px 20px;
        border-radius: 8px;
    }

    .blog-section .section-header p {
        font-size: 18px;
        line-height: 26px;
    }

    .single-blog {
        padding-bottom: 10px;
    }

    .single-blog .image-section {
        margin: 15px 0 10px;
    }

    .single-blog .image-section img {
        height: 200px;
    }

    .single-blog .content-section .description p {
        font-size: 18px;
    }

    .single-blog .icon-section img {
        padding: 15px 15px;
        border-radius: 10px 0 10px;
        width: 65px;
        height: unset;
    }

    .user-review-section {
        padding: 0 25px;
    }

    .user-review-section .single-user-review {
        padding: 10px 0 5px;
        border-bottom: 1px solid #C3D2FF;
    }

    .user-review-section .user-review-content {
        padding: 15px 0;
    }

    .ctm-btn {
        font-size: 16px;
        padding: 8px 30px;
        border-radius: 10px;
    }

    .single-user-review .user-info {
        align-items: initial;
        padding-bottom: 0;
    }

    .single-user-review .user-info img {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }

    .single-user-review .user-info .user-name .title p {
        font-size: 20px;
    }

    .single-user-review .date p {
        font-size: 18px;
        /* text-align: end; */
    }

    .single-user-review .place p {
        font-size: 18px;
        /* text-align: end; */
    }

    footer {
        padding: 20px 25px;
    }

    footer .section-header {
        padding-bottom: 15px;
    }

    footer .section-header a img {
        width: 140px;
    }

    footer .footer-content .footer-list {
        padding-bottom: 15px;
    }

    footer .footer-content .footer-list p {
        font-size: 20px;
        line-height: 28px;
    }

    footer .footer-content .footer-list ul {
        padding-top: 12px;
    }

    footer .footer-content .footer-list ul li {
        padding-bottom: 5px;
    }

    footer .footer-content .footer-list ul li a {
        font-size: 14px;
    }

    .copyright-section {
        padding: 15px 25px;
    }

    .copyright-section p {
        font-size: 14px;
    }

    .profile-list.show {
        display: none;
    }

    /*category page*/
    .category-webpage .slider-section .single-slider img {
        height: 170px;
        width: 100%;
        border-radius: 16px;
    }

    .category-webpage {
        padding-top: 15px;
    }

    .category-webpage .search-section {
        padding: 0px 25px 15px;
    }

    .category-webpage .slider-section {
        padding: 0 25px 20px;
    }

    .baby-care-section {
        display: none;
    }

    .baby-care-section.mobile {
        display: block;
    }

    .baby-care-section .section-header {
        padding: 0 25px;
        align-items: center;
    }

    .common-btn-inactive a {
        font-size: 16px;
        border-radius: 10px;
        border: 1px solid var(--theme-primary);
        padding: 12px 22px;
        line-height: 22px;
    }

    .common-btn-inactive a img {
        padding-right: unset;
        width: 20px;
        margin-right: 10px;
    }

    .baby-care-section .baby-care-content .filter-section {
        padding: 20px 40px;
        background-color: unset;
        box-shadow: unset;
        border-radius: unset;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile {
        padding: 8px;
        display: flex;
        justify-content: space-between;
        background-color: #E4EBFF;
        border-radius: 22px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li {
        padding: 8px 70px;
        border-radius: 16px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li a img {
        padding-right: 10px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li.active {
        background-color: var(--theme-primary);
        color: #fff;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li.active a {
        color: #fff;
    }

    .product-category-slider li .single-product-category {
        padding: 10px 10px;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        text-align: center;
        align-items: center;
        margin: 0;
    }

    .product-category-slider li .single-product-category img {
        margin-right: unset;
        width: 22px;
    }

    .baby-care-section .baby-care-category-right .product-category-content {
        position: relative;
        padding-bottom: 20px;
    }

    .baby-care-section.mobile .sub-category-content {
        display: none;
        /* width: 250px; */
        position: absolute;
        z-index: 1;
        top: 108px;
        left: 150px;
    }

    .baby-care-section.mobile .sub-category-content.show {
        display: block;
    }

    .baby-care-section.mobile .sub-category-content::before {
        position: absolute;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .baby-care-section.mobile .sub-category-content ul {
        padding: 10px 10px;
        background-color: #fff;
        box-shadow: 0px 3px 14px 2px rgb(196 196 196 / 45%);
        border-radius: 12px 12px;
    }

    .baby-care-section.mobile .sub-category-content ul li {
        padding-bottom: 10px;
        display: block;
        text-align: center;
    }

    .baby-care-section.mobile .sub-category-content ul li .single-sub-category {
        border-radius: 10px;
        font-size: 14px;
        padding: 10px 16px;
        margin: 0;
    }

    .single-product-category {
        border-radius: 10px;
        box-shadow: 0px 3px 8px rgba(225, 229, 240, 0.8);
        margin-bottom: 25px;
        padding: 10px 10px;
    }

    .single-product-category .image-section {
        height: 100%;
    }

    .single-product-category .image-section img {
        height: 100%;
    }

    .single-product-category.profile-page .image-section img {
        height: unset;
    }

    .single-product-category .product-category-detail {
        padding: 0;
        position: relative;
    }

    .single-product-category .product-category-detail .heading {
        padding: 0 0 5px 0;
        width: 80%;
    }

    .single-product-category .product-category-detail .heading h5 {
        font-size: 16px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section {
        position: absolute;
        right: 0;
        top: -5px;
    }

    .single-product-category .product-category-detail a {
        font-size: 14px;
        padding-bottom: 6px;
    }

    .single-product-category .product-category-rating {
        background-color: unset;
        padding: unset;
        border-radius: unset;
    }

    .single-product-category .product-category-rating .rating {
        justify-content: unset;
        padding-bottom: 6px;
        align-items: baseline;
    }

    .single-product-category .product-category-rating .rating ul {
        padding-right: 10px;
    }

    .single-product-category .product-category-rating ul li {
        font-size: 14px;
    }

    .single-product-category .product-category-rating p {
        font-size: 14px;
    }

    .single-product-category .product-category-rating p img {
        padding-right: unset;
        width: 12px;
        margin-right: 5px;
        border-radius: unset;
    }

    .single-product-category .product-category-detail .button-section {
        position: absolute;
        right: -9px;
        bottom: -19px;
    }

    .single-product-category .product-category-detail .button-section a {
        padding: 10px 12px;
        display: inline-block;
        background-color: var(--theme-accent);
        border-radius: 8px 0 10px;
        font-size: 12px;
    }

    .information-section {
        padding: 20px 25px;
        margin-top: 0px;
    }

    .information-section .content-section .heading {
        padding-bottom: 15px;
    }

    .information-section .content-section p {
        font-size: 16px;
        line-height: 24px;
    }

    .information-section .content-section {
        padding-bottom: 30px;
    }

    .category-webpage .faq-section {
        padding: 20px 25px;
        background-color: unset;
        margin: 0;
    }

    .faq-section p {
        font-size: 18px;
    }

    #nomore-pcities {
        font-size: 18px;
    }

    .category-webpage .faq-section .section-header {
        padding-bottom: 18px;
    }

    .category-webpage .faq-section .single-accordion {
        padding: 10px 10px;
    }

    .category-webpage .faq-section .card-header {
        font-size: 16px;
    }

    .category-webpage .faq-section .card-body {
        font-size: 15px;
        padding: 0 20px;
    }

    .product-link-list {
        padding: 20px 25px;
        background-color: #ebf0ff;
    }

    .product-link-list .sub-category-content ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .product-link-list .sub-category-content ul li {
        width: 48%;
        padding-right: 14px;
        padding-bottom: 15px;
    }

    .product-link-list .sub-category-content ul li .single-sub-category {
        padding: 12px 22px;
        width: 100%;
        font-size: 12px;
        border-radius: 10px;
        margin: 0 0;
        text-align: center;
    }

    .product-link-list .button-section {
        text-align: center;
    }

    .product-link-list .button-section a {
        font-size: 16px;
        padding: 10px 16px;
        background-color: #fff;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.14);
        border-radius: 4px;
    }

    .banner-section {
        padding: 30px 25px;
    }

    .banner-section .image-section img {
        height: 130px;
    }

    .banner-section .content-section {
        left: 5%;
    }

    .banner-section .content-section .heading h5 {
        padding-right: 20px;
        font-size: 18px;
    }

    .banner-section .content-section .button-section .common-btn a {
        font-size: 14px;
        padding: 12px 19px;
        border-radius: 10px;
    }

    .banner-section .image-section::before {
        content: unset;
    }

    .footer-list .button-section .common-btn-inactive ul li {
        display: inline-block;
        padding-right: 15px;
    }

    .footer-list .button-section .common-btn-inactive ul li a {
        font-size: 16px;
        padding: 12px 20px;
        border-radius: 10px;
    }

    .side-menu-mobile {
        width: 60%;
    }

    .side-menu-mobile .profile-section .user-info .title p {
        font-size: 18px;
    }

    .side-menu-mobile .profile-section .user-info .subtitle p {
        font-size: 14px;
    }

    .side-menu-mobile .profile-section .user-info .place p {
        font-size: 12px;
    }

    .side-menu-mobile .profile-section .common-btn-inactive a {
        font-size: 12px;
    }

    .side-menu-mobile .profile-list-mobile ul li a {
        font-size: 16px;
    }

    .category-section-mobile .category-list-mobile {
        justify-content: unset;
    }

    .category-section-mobile .category-list-mobile li {
        width: 25%;
    }

    .category-section-mobile .category-list-mobile li a {
        font-size: 14px;
    }

    .category-section-mobile .category-list-mobile li a img {
        width: 56px;
    }

    .filter-section-mobile .filter-content .title p,
    .sort-section-mobile .filter-content .title p {
        font-size: 18px;
    }

    .single-filter-list p {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .single-filter-list ul li {
        padding-bottom: 12px;
    }

    .custom-radio {
        padding-left: 30px;
        font-size: 16px;
    }

    .radiomark {
        height: 18px;
        width: 18px;
    }

    .single-filter-list {
        padding-bottom: 20px;
    }

    .single-filter-list .range-slider-rating {
        padding-bottom: 30px;
    }

    .single-filter-list .button-section {
        text-align: end;
    }

    .filter-section-mobile .filter-content .common-btn,
    .sort-section-mobile .filter-content .common-btn,
    .sort-section-mobile .filter-content .common-btn-inactive {
        text-align: center;
        padding-bottom: 20px;
    }

    .filter-section-mobile .filter-content .common-btn a,
    .sort-section-mobile .filter-content .common-btn a,
    .sort-section-mobile .filter-content .common-btn-inactive a {
        font-size: 15px;
        padding: 12px 36px;
        box-shadow: 0px 3px 6px 1px rgb(155 166 200 / 65%);
        border-radius: 6px;
        border: 1px solid var(--theme-primary);
    }

    /*detail web page*/
    .detail-web-page .detail-web-profile {
        padding-left: 25px;
    }

    .detail-web-page.mobile {
        display: block;
    }

    .detail-web-page {
        display: none;
    }

    .detail-web-page .detail-web-profile .content-section {
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .heading h5 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .rating ul li {
        font-size: 18px;
    }

    .detail-web-page .detail-web-profile .content-section .rating p {
        font-size: 18px;
    }

    .detail-web-page .detail-web-profile .content-section .rating {
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 8px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li img {
        padding-right: unset;
        width: 20px;
        margin-right: 10px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info {
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li {
        padding-right: 12px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a {
        padding: 8px 10px;
        border-radius: 100%;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a img {
        width: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list {
        padding-bottom: 10px;
    }

    .vote-slider-section p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px;
    }

    .vote-slider-section .range-slider {
        width: 100%;
        height: 50px;
        border-radius: 10px;
    }

    .vote-slider-section .vote-rating {
        height: 50px;
        border-radius: 0 10px 10px 0;
        font-size: 18px;
        line-height: 22px;
        width: 170px;
    }

    .vote-slider-section .vote-rating img {
        padding-right: unset;
        width: 25px;
        margin-right: 10px;
    }

    .vote-slider-section .range-slider__range::-webkit-slider-thumb {
        width: 25px;
        height: 25px;
        border: 3px solid #fff;
    }

    .detail-web-page .detail-web-profile .content-section .vote-slider-section {
        padding-bottom: 10px;
    }

    .detail-web-profile .content-section .common-btn a {
        font-size: 14px;
        line-height: 22px;
        padding: 12px 28px;
        border-radius: 10px;
    }

    .detail-web-page .detail-web-profile .image-section {
        margin-top: unset;
    }

    .detail-web-page .detail-web-profile .image-section img {
        border-radius: 40px 0;
        height: 250px;
    }

    .detail-webpage-content {
        padding: 20px 25px;
    }

    .detail-webpage-content .slider-section .heading {
        margin-top: unset;
    }

    .detail-webpage-content .slider-section .section-header {
        padding-bottom: 12px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section img {
        width: 120px;
        height: 120px;
    }

    .detail-webpage-content .slider-section .section-header .category-mobile {
        text-align: end;
    }

    .detail-webpage-content .slider-section .heading p {
        font-size: 18px;
        line-height: 26px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section {
        margin-right: 10px;
    }

    .detail-webpage-content .slider-section .slick-prev:before,
    .detail-webpage-content .slider-section .slick-next:before {
        font-size: 30px;
    }

    .detail-webpage-content .slider-section .slick-next {
        right: -30px;
    }

    .detail-webpage-content .slider-section .slick-prev {
        left: -45px;
    }

    .detail-webpage-content .slider-section {
        padding-bottom: 30px;
    }

    .single-information {
        padding: 10px 20px;
        height: unset;
        margin-bottom: 20px;
    }

    .single-information .title {
        padding-bottom: 10px;
    }

    .single-information .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .single-information .additional-info {
        padding: 10px 0;
    }

    .single-information .common-btn a {
        font-size: 14px;
        padding: 12px 18px;
    }

    .single-information .offer-section .price p {
        font-size: 20px;
    }

    .single-information .offer-section .offer-price .price p {
        font-size: 20px;
    }

    .single-information .additional-info .subtitle p {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .single-information .additional-info ul li {
        font-size: 18px;
        line-height: 24px;
    }

    .single-information .timing li p {
        font-size: 20px;
    }

    .more-information {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .more-information li {
        width: 48%;
        text-align: center;
        padding: 10px 10px;
        border-radius: 6px;
        display: block;
        margin-bottom: 20px;
        background-color: #EFF3FF;
        box-shadow: 0px 3px 6px rgba(225, 229, 240, 0.8);
    }

    .more-information li p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 18px;
    }

    .more-information li img {
        padding-bottom: 5px;
        margin: 0;
    }

    .single-information .more-information {
        padding-bottom: 0px;
    }

    .single-information .button-section {
        text-align: center;
    }

    .detail-webpage-content .contact-information-section .image-section {
        right: -10px;
        bottom: -90px;
    }

    .detail-webpage-content .contact-information-section .image-section img {
        width: 210px;
    }

    .contact-information-section .heading {
        padding-bottom: 30px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image {
        top: -32%;
        left: -22%;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image img {
        width: 110px;
    }

    .contact-information-section .content-section ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        padding-bottom: unset;
        justify-content: space-between;
    }

    .contact-information-section .content-section ul li {
        width: 48%;
        padding: 8px;
        background-color: #fff;
        margin-bottom: 20px;
        border-radius: 6px;
        position: relative;
    }

    .contact-information-section .content-section ul li::before {
        position: absolute;
        content: '';
        height: 2px;
        width: 60px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: var(--theme-accent);
        border-radius: 50px;
    }

    .contact-information-section .content-section ul li:first-child {
        width: 54%;
    }

    .contact-information-section .content-section ul li .icon-section {
        padding-right: 10px;
    }

    .contact-information-section .content-section ul li .title p {
        font-size: 18px;
        line-height: 26px;
    }

    .contact-information-section .content-section ul li .title .subtitle {
        display: block;
        padding-top: 5px;
    }

    .contact-information-section .content-section ul li .title .subtitle p {
        font-size: 14px;
        line-height: 22px;
        padding-right: unset;
    }

    .contact-information-section .content-section ul li .icon-section::before {
        content: unset;
    }

    .contact-information-section .content-section ul li .icon-section img {
        padding: 5px 5px;
        width: 25px;
    }

    .detail-webpage-content .contact-information-section {
        padding-bottom: 0px;
    }

    .review-section .heading {
        padding-bottom: 15px;
    }

    .review-section .heading .button-section a img {
        width: 20px;
    }

    .review-section .rating-description .rating ul {
        padding: 12px 18px;
    }

    .review-section .rating-description .rating ul li i {
        font-size: 18px;
    }

    .review-section .rating-description .rating ul li p {
        font-size: 16px;
        padding-left: 15px;
    }

    .review-section .rating-description .votes {
        display: flex;
        padding: 10px 0;
        justify-content: center;
    }

    .review-section .rating-description .votes p {
        font-size: 16px;
        line-height: 22px;
        padding-right: 25px;
    }

    .review-section .review-content .common-btn-inactive a {
        font-size: 16px;
        padding: 12px 14px;
    }

    .review-section .review-content .common-btn-inactive a img {
        padding-right: unset;
    }

    .testimonial-section .single-user-review .date p {
        font-size: 18px;
    }

    .testimonial-section .single-user-review .place p {
        font-size: 18px;
    }

    .review-section .rating-description {
        padding-bottom: 10px;
    }

    .review-section .review-content .rating-progress-bar {
        width: 100%;
    }

    .rating-progress-bar .table td,
    .rating-progress-bar .table th {
        font-size: 18px;
    }

    .rating-progress-bar .skill:before {
        height: 10px;
    }

    .rating-progress-bar .skill-bar {
        height: 10px;
    }

    .detail-webpage-content .review-section {
        padding-bottom: 10px;
    }

    .testimonial-section .single-user-review {
        padding: 5px 0;
        border-bottom: 1px solid #C3D2FF;
    }

    .testimonial-section .single-user-review .user-info {
        padding-bottom: unset;
    }

    .testimonial-section .single-user-review .content-section p {
        font-size: 18px;
    }

    .detail-page-faq {
        padding: 15px 25px;
    }

    .detail-page-faq .content-section .heading p {
        font-size: 14px;
        line-height: 20px;
    }

    .detail-page-faq .content-section .heading h5 {
        padding-bottom: 5px;
        font-size: 20px;
    }

    .detail-page-faq .faq-section .heading h5 {
        font-size: 24px;
    }

    .detail-page-faq .content-section .heading {
        padding-bottom: 15px;
    }

    .detail-page-faq .content-section .common-btn a {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 24px;
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    }

    .detail-page-faq .faq-section {
        padding-top: 20px;
    }

    .detail-page-faq .faq-section #accordion {
        padding: 15px 10px;
    }

    .faq-section .card-header {
        font-size: 16px;
    }

    .faq-section .card-body {
        font-size: 14px;
    }

    .faq-section .section-header {
        padding-bottom: 10px;
    }

    .inquiry-section {
        padding: 30px 30px;
    }

    .give-review-section .inquiry-area .image-section {
        border-radius: 20px 20px 0 0px;
        justify-content: center;
    }

    .give-review-section .inquiry-form {
        border-radius: 0px 0px 20px 20px;
        padding: 20px 25px;
        text-align: center;
    }

    .inquiry-section .inquiry-form .section-header p {
        font-size: 20px;
    }

    .inquiry-section .inquiry-form .section-header {
        padding-bottom: 20px;
    }

    .give-review-section .inquiry-form .form-content .form-group p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .give-rating {
        justify-content: center;
    }

    .give-rating .starrate .cont i {
        font-size: 24px;
    }

    .give-rating #test {
        font-size: 18px;
        height: 60px;
        width: 90px;
        border-radius: 0 12px 12px 0;
    }

    .give-rating .starrate {
        padding: 16px 24px;
        border-radius: 12px 0 0 12px;
    }

    .give-rating .starrate span.cont {
        width: 160px;
        height: 26px;
    }

    .give-review-section .inquiry-form .form-content .form-group {
        margin-bottom: 20px;
    }

    form .button-section {
        padding-top: 15px;
    }

    /* .button-section button {
        font-size: 18px;
        padding: 18px 70px;
        line-height: 26px;
    } */
    .form-control {
        font-size: 16px;
        height: 42px;
    }

    select.form-control {
        height: 42px !important;
    }

    .form-group span {
        font-size: 12px;
    }

    .give-review2 .detail-review-content {
        border-radius: 20px 20px 30px 0px;
    }

    .give-review2 .detail-review-content .content-section {
        padding: 30px 30px;
        margin-bottom: 225px;
    }

    .give-review2 .detail-review-content .content-section .heading h5 {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 15px;
    }

    .give-review2 .detail-review-content .content-section .rating {
        padding-bottom: 15px;
    }

    .give-review2 .detail-review-content .content-section .rating ul li i {
        font-size: 26px;
    }

    .give-review2 .detail-review-content .content-section .review-overview ul li {
        font-size: 18px;
        line-height: 26px;
    }

    .give-review2 .detail-review-content .image-section img {
        width: 300px;
        border-radius: 20px 0 30px 0px;
    }

    .advertisement1-section,
    .common-section {
        padding: 30px 0;
    }

    .advertisement1-section .section-header p {
        font-size: 16px;
        padding-top: 5px;
    }

    .advertisement1-section .section-header {
        padding-bottom: 15px;
    }

    label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .select2-container .select2-selection--single {
        /* height: 42px; */
        height: 100%;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 42px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 42px;
    }

    .password-notice p {
        font-size: 18px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .add-more-btn a {
        font-size: 18px;
    }

    /* .add-more-btn a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 5px;
    } */
    .common-btn a {
        font-size: 18px;
        padding: 18px 70px;
        border-radius: 10px;
    }

    #multistepsform #progressbar {
        padding: 20px 40px;
    }

    #multistepsform #progressbar li {
        font-size: 16px;
        height: 115px;
    }

    #multistepsform #progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    #multistepsform #progressbar li:after {
        width: 36%;
        left: -18%;
        top: 18%;
    }

    .list-business-step-section .section-header {
        padding: 20px 40px;
    }

    #multistepsform fieldset .section-header .description p {
        text-align: left;
        /* font-size: 20px; */
    }

    #multistepsform fieldset .section-header .heading h5 {
        padding-bottom: 10px;
    }

    #multistepsform fieldset .form-content {
        padding: 20px 40px;
    }

    #multistepsform .action-button {
        width: 240px;
        font-size: 20px;
        line-height: 30px;
        padding: 18px 25px;
    }

    #multistepsform .action-button.active {
        margin-right: 15px;
    }

    /* #multistepsform fieldset .form-content .content-section p {
        font-size: 18px;
        line-height: 24px;
    } */
    .single-time-selection {
        padding-bottom: 10px;
    }

    .single-time-selection .title p {
        font-size: 16px;
    }

    .single-time-selection .description p {
        font-size: 16px;
    }

    .form-content .manage-time .button-section .common-btn a {
        width: unset;
        padding: 20px 60px;
        font-size: 20px;
        line-height: 30px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
        width: 48%;
    }

    .form-content .content-section {
        padding-bottom: 15px;
    }

    #multistepsform fieldset .form-content .payment-method-selection {
        padding: 30px 0;
    }

    .single-sub-category {
        font-size: 16px;
        padding: 12px 16px;
        margin: 0 0px 10px 0;
        line-height: 24px;
    }

    .sub-category-section {
        padding-bottom: 30px;
    }

    .keyword-section {
        padding-bottom: 20px;
    }

    .offer-calculate {
        padding-bottom: 15px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        border-radius: 6px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .manage-time {
        padding: 20px 15px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    .switch {
        width: 50px;
        height: 28px;
    }

    .slider:before {
        height: 20px;
        width: 20px;
    }

    input:checked+.slider:before {
        transform: translateX(22px);
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content {
        padding: 20px 15px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    .company-information .company-content {
        padding: 20px 15px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    .keyword-step-content {
        padding: 20px 15px;
        border-radius: 10px;
        background-color: #fff;
    }

    #multistepsform fieldset .form-content .upload-catalog .catalog-content {
        padding: 20px 20px 15px;
        justify-content: space-between;
        background-color: #fff;
        border-radius: 10px;
        margin: 15px 0 25px;
    }

    .catalog-content .nav-item {
        margin-bottom: 10px;
    }

    .catalog-content li {
        width: 48%;
        margin-right: 0;
        /* padding-bottom: 15px; */
    }

    .single-catalog {
        padding: 10px 10px;
    }

    /* .single-catalog img {
        padding: 12px 12px;
        margin-bottom: 15px;
        width: 65px;
    } */
    /* .single-catalog .content-section .heading h5 {
        font-size: 20px;
    } */
    .catalog-file-upload .file-upload-section {
        padding-top: 20px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
        padding: 10px 32px;
        font-size: 16px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section a i {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 180px;
        /* width: 180px; */
    }

    .list-business-verify-section {
        padding: 30px 30px;
    }

    form .digit-group input {
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin-right: 5px;
    }

    .verification-section .content-section p {
        padding: 0 40px 25px;
        font-size: 20px;
        line-height: 28px;
    }

    .verification-section .image-section img {
        width: 250px;
    }

    .verification-section .image-section {
        padding-bottom: 10px;
    }

    .list-business-verify-section .verification-section .form-content form .button-section a {
        font-size: 20px;
    }

    form .digit-group .splitter {
        margin-right: 5px;
    }

    .verification-section .content-section .common-btn a {
        font-size: 20px;
        padding: 24px 60px;
    }

    .verification-section .description p {
        font-size: 20px;
    }

    .register-section .register-left {
        padding: 20px 0;
    }

    .register-section .register-left .image-section {
        padding-left: unset;
        text-align: center;
    }

    .register-section .register-left .logo-section a img {
        width: 180px;
    }

    .register-section .register-left .image-section img {
        width: 230px;
    }

    .register-section .register-left .content-section .heading h5 {
        padding: 0 0 15px;
    }

    .register-section .register-left .content-section p {
        font-size: 18px;
        line-height: 24px;
    }

    .register-section .register-left .content-section {
        padding: 0 50px 0px;
    }

    .register-section .register-right {
        padding: 30px 50px;
    }

    .register-section .register-right .form-section p {
        padding: 5px 0 10px;
        font-size: 18px;
    }

    .signup {
        font-size: 18px;
        padding: 12px 45px;
        width: unset;
        margin-bottom: 15px;
    }

    .signup img {
        padding-right: unset;
        width: 30px;
        margin-right: 15px;
    }

    .register-section .register-right .form-section {
        padding-bottom: 20px;
    }

    .checkmark {
        height: 40px;
        width: 40px;
    }

    .custom-checkbox {
        padding-left: 60px;
        font-size: 18px;
    }

    .register-section .register-right .form-content form .common-btn a {
        font-size: 18px;
        padding: 16px 70px;
        border-radius: 10px;
    }

    .linebreak p {
        font-size: 18px;
    }

    .forgot-pass a {
        font-size: 20px;
    }

    .sign-in .register-right .form-section {
        padding-bottom: 0;
    }

    .modal.show .modal-dialog {
        justify-content: center;
    }

    form .modal .modal-content {
        width: 70%;
    }

    form .modal .modal-content .modal-body img {
        width: 220px;
    }

    form .modal .modal-content .modal-body .description {
        padding: 10px 0 30px;
        font-size: 18px;
    }

    .register-section .register-right .form-section .image-section {
        padding-bottom: 15px;
    }

    .register-section .register-right .form-section .image-section img {
        width: 150px;
    }

    form .digit-group label {
        margin-bottom: 15px;
    }

    .register-right .form-content form .description {
        padding-top: 20px;
    }

    .register-section .register-right p {
        font-size: 16px;
    }

    form .digit-group {
        text-align: center;
    }

    .register-section .register-right .form-content form .common-btn-inactive a {
        font-size: 18px;
        padding: 16px 70px;
        line-height: 24px;
    }

    .wishlist-top {
        padding-bottom: 20px;
    }

    .wishlist-top .section-header {
        padding-bottom: 0;
    }

    .wishlist-section {
        padding: 25px 25px;
    }

    .single-wishlist {
        padding: 15px 15px;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .wishlist-content .content-heading p {
        font-size: 18px;
    }

    .wishlist-content .content-heading .icon-section a i {
        font-size: 18px;
        padding: 10px;
    }

    .information-list li {
        padding-bottom: 6px;
        font-size: 16px;
    }

    .information-list li a img {
        padding-right: 0;
        width: 20px;
        margin-right: 15px;
    }

    .single-wishlist .rating {
        padding-bottom: 10px;
    }

    .single-wishlist .rating ul li i {
        font-size: 20px;
    }

    .wishlist-cart .common-btn a {
        font-size: 14px;
        padding: 8px 14px;
        line-height: 20px;
    }

    .wishlist-cart .icon-section i {
        font-size: 28px;
    }

    .advertisement1-section .pricing-container .section-header {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

    .pricing-switcher {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

    .pricing-switcher label {
        width: 180px;
        height: 55px;
        line-height: 55px;
        font-size: 18px;
    }

    .pricing-switcher .switch {
        height: 55px;
        width: 180px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn button {
        padding: 10px 30px;
        font-size: 14px;
        border-radius: 10px;
        line-height: 20px;
    }

    .pricing-switcher input[type="radio"]:checked+label+.switch,
    .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
        transform: translateX(178px);
    }

    .pricing-switcher .fieldset {
        padding: 0;
    }

    .pricing-list li {
        width: 100%;
        margin: 0 0px 20px 0;
    }

    .pricing-features li {
        padding-bottom: 2px;
        margin: 0;
        font-size: 16px;
    }

    .pricing-wrapper>li {
        padding: 15px 15px;
    }

    .pricing-header .plan-title .subtitle p {
        font-size: 20px;
        line-height: 28px;
    }

    .pricing-header .plan-title .description p {
        font-size: 18px;
    }

    .pricing-header .pricing-section .title p {
        font-size: 28px;
    }

    .pricing-header {
        padding-bottom: 10px;
    }

    .ellipse {
        width: 40px;
        height: 40px;
    }

    .ellipse::before {
        width: 25px;
        height: 25px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn {
        text-align: end;
    }

    .pricing-wrapper li .common-btn a {
        font-size: 16px;
        border-radius: 10px;
        padding: 12px 30px;
        line-height: 22px;
    }

    .pricing-features {
        height: unset;
        padding-bottom: 35px;
    }

    .pricing-header .pricing-section {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details {
        padding: 25px 25px 25px 50px;
        border-radius: 10px;
        margin-top: unset;
        width: 72%;
        float: right;
        margin-bottom: 30px;
    }

    .payment-detail-section .card-user-details .user-information {
        top: 50%;
        padding: 12px 12px;
        border-radius: 10px;
        left: -135px;
        right: unset;
        transform: translateY(-50%);
    }

    .payment-detail-section .card-user-details .user-information p {
        font-size: 16px;
        line-height: 22px;
    }

    .payment-detail-section .card-user-details .user-information::before {
        content: unset;
    }

    .payment-detail-section .card-user-details .user-information::after {
        content: unset;
    }

    .payment-detail-section .card-user-details .user-information .name {
        padding-bottom: 8px;
    }

    .payment-detail-section .card-user-details .user-information .card-number {
        padding-bottom: 15px;
    }

    .payment-detail-section .card-user-details .user-information .card-info {
        display: block;
    }

    .payment-detail-section .card-user-details .user-information .card-info .card-expiry {
        padding-bottom: 8px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .title p {
        font-size: 18px;
        line-height: 24px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .subtitle p {
        font-size: 18px;
        line-height: 24px;
    }

    .payment-detail-section .card-user-details .plan-description ul li {
        padding-bottom: 15px;
    }

    .payment-detail-section .card-user-details .plan-description {
        padding-bottom: 15px;
        border-bottom: unset;
    }

    .payment-detail-section .card-user-details .total-amount::after {
        content: unset;
    }

    .payment-detail-section .card-user-details .total-amount::before {
        content: unset;
    }

    .payment-detail-section .card-user-details .total-amount {
        padding-top: unset;
        display: flex;
        justify-content: space-between;
    }

    .payment-detail-section .card-user-details .total-amount .title p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: unset;
    }

    .payment-detail-section .card-user-details .total-amount .subtitle p {
        font-size: 18px;
        line-height: 24px;
    }

    .payment-detail-section .form-content form label {
        font-size: 18px;
        line-height: 24px;
    }

    .payment-detail-section .form-content form .form-heading {
        padding-bottom: 10px;
    }

    .payment-detail-section .form-content form .form-group {
        margin-bottom: 20px;
    }

    .payment-detail-section .form-content form .form-group p {
        font-size: 16px;
        line-height: 22px;
        padding-top: 0;
    }

    .payment-detail-section .form-content form .common-btn {
        text-align: center;
    }

    .my-profile-section .cover-photo .profile-image img {
        width: 95px;
        height: 95px;
    }

    .my-profile-section .cover-photo .profile-image {
        bottom: -110px;
        left: 14px;
    }

    .profile-information .heading h5 {
        font-size: 20px;
        padding-bottom: 0;
        line-height: 30px;
    }

    .profile-information p {
        font-size: 16px;
        line-height: 22px;
    }

    .profile-information .location p {
        font-size: 10px;
        padding: 5px 5px;
        line-height: 17px;
    }

    .my-profile-section .cover-photo img {
        height: 200px;
    }

    .social-list ul li {
        padding-right: 2px;
    }

    .social-list ul li img {
        width: 40px;
        padding: 5px 5px;
    }

    .edit-profile a {
        font-size: 14px;
    }

    .edit-profile a img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .social-list.mobile {
        padding-bottom: 10px;
    }

    .profile-information .location {
        padding: 12px 0 0px;
    }

    .my-profile-section .profile-details-section {
        padding: 15px 15px;
    }

    .my-profile-section {
        margin-bottom: 20px;
    }

    .additional-details {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .additional-details .details-heading .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .additional-details .details-heading .button-section a img {
        width: 25px;
    }

    .details-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .details-content {
        padding-bottom: 10px;
        width: 50%;
    }

    .details-content .icon-section {
        padding-right: unset;
        margin-right: 5px;
        width: 15%;
    }

    .details-content .icon-section img {
        width: 25px;
    }

    .details-content .list-info {
        width: 75%;
    }

    .details-content .list-info p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 2px;
    }

    .additional-details .details-heading {
        justify-content: center;
        padding-bottom: 20px;
    }

    .additional-details .details-heading .title {
        padding-right: 15px;
    }

    .profile-main-section {
        padding-bottom: 20px;
    }

    .profile-tab-section .nav-tabs {
        /* display: none; */
        gap: 10px;
        margin-bottom: 0;
        padding: 10px 0;
    }

    .profile-tab-section .nav-tabs.mobile {
        display: inline-block;
        width: 55%;
        margin-right: 28px;
        padding: 12px 20px;
        margin-bottom: 20px;
    }

    .profile-tab-section .nav-tabs li a {
        font-size: 16px;
        line-height: 26px;
        padding: 8px 18px;
        /* border-radius: 6px; */
    }

    .profile-tab-section .nav-tabs li a.active {
        font-size: 16px;
        border-radius: 6px;
    }

    .profile-tab-section .nav-tabs.mobile li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .profile-tab-section .nav-tabs.mobile li .dropdown-btn {
        padding: 0;
    }

    .profile-tab-section .my-business-btn {
        width: 38%;
    }

    .my-business-btn .common-btn a {
        padding: 18px 32px;
        border-radius: 10px;
    }

    .profile-tab-section .tab-content #menu1 {
        padding: 20px 0;
        border-radius: 10px;
    }

    .profile-tab-section .tab-content .single-product-category {
        padding: 15px 15px;
        position: relative;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .product-category-list-horizontal .single-product-category .product-category-detail .heading h5 {
        font-size: 20px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .description p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .price p {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 5px;
    }

    .category p {
        padding: 6px 10px;
        font-size: 12px;
        line-height: 18px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
        font-size: 18px;
    }

    .product-category-list-horizontal .product-category-rating .order-info {
        display: block;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section a i {
        padding: 10px 10px;
        font-size: 14px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn a {
        padding: 8px 16px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 8px 0 10px;
    }

    .profile-tab-section .tab-content .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 16px;
        margin-right: 12px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn {
        position: absolute;
        bottom: -16px;
        right: -1px;
    }

    .pagination {
        padding: 15px 15px;
    }

    .pagination-section .pagination .page-link {
        padding: 6px 10px;
    }

    .pagination-section p {
        font-size: 20px;
    }

    .single-overview {
        display: block;
        padding: 10px 10px;
        margin-right: 25px;
        width: 25%;
        text-align: center;
    }

    .single-overview .title p {
        font-size: 20px;
        line-height: 26px;
    }

    .analytics-overview-list {
        padding-bottom: 25px;
    }

    .chart-section {
        padding: unset;
        border: unset;
        border-radius: unset;
        background-color: unset;
    }

    .chart-header .title p {
        font-size: 22px;
        line-height: 30px;
    }

    .chart-section .chart-header {
        padding-bottom: 5px;
    }

    #pie-chart {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    #chartContainer {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    #chartContainer3 {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    #chartContainer4 {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    #analytics-sublist-mobile.show li {
        width: 81%;
    }

    .no-data-msg {
        padding-top: 10px;
    }

    .action-mobile {
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
        padding: 10px;
    }

    .analytics-section .analytics-action-list.mobile li {
        font-size: 18px;
        padding-bottom: 5px;
    }

    .analytics-action-list li p {
        font-size: 18px;
    }

    .leads-header .common-btn a {
        padding: 18px 40px;
        border-radius: 10px;
    }

    .leads-section .leads-header {
        padding-bottom: 15px;
    }

    /* .leads-header .heading h5 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 5px;
    } */
    /* .leads-header .heading a {
        font-size: 22px;
        line-height: 28px;
    } */
    .search .results li {
        padding: 10px 0;
    }

    .advertisement1-section .category-search-section .button-section {
        justify-content: space-between;
    }

    .advertisement1-section .category-search-section .button-section .common-btn {
        padding: 0;
    }

    .advertisement1-section .category-search-section .button-section .common-btn-inactive a {
        padding: 16px 44px;
        line-height: 22px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn a {
        padding: 16px 44px;
        font-size: 16px;
        line-height: 22px;
        border-radius: 10px;
    }

    .advertisement1-section .category-search-section {
        padding-bottom: 20px;
    }

    .single-leads {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .single-leads .leads-header-section .heading .title p {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 8px;
    }

    .single-leads .leads-header-section .heading .description p {
        font-size: 20px;
        line-height: 26px;
    }

    .header-info li {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 8px;
    }

    .header-info li img {
        padding-right: unset;
        width: 20px;
        margin-right: 15px;
    }

    .single-leads .leads-header-section {
        padding-bottom: 15px;
    }

    .single-leads .content-section ul li .description p {
        font-size: 18px;
    }

    .single-leads .content-section .common-btn a {
        padding: 12px 38px;
        font-size: 16px;
        line-height: 22px;
    }

    .single-leads .content-section ul {
        padding-bottom: 5px;
    }

    .single-leads .content-section ul li .subtitle p {
        font-size: 20px;
        padding-bottom: 2px;
    }

    .profile-tab-section .tab-content .faq-section {
        padding: unset;
        margin-top: unset;
        background-color: unset;
    }

    .profile-tab-section .tab-content .faq-section .single-accordion {
        border: unset;
        padding: 10px 15px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section p {
        line-height: 24px;
        /* font-size: 18px; */
    }

    .profile-tab-section .tab-content .faq-section .card-body {
        padding: 0 22px;
    }

    p {
        font-size: 20px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section {
        padding-bottom: 30px;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
        width: 48%;
        padding-bottom: 0px;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul {
        padding-bottom: 40px;
    }

    .calender-filter-icon i {
        padding: 12px;
        font-size: 30px;
    }

    .calender-input input {
        height: 50px;
        width: 100%;
        text-align: center;
        padding: 0;
        font-size: 20px;
    }

    /* .calender-filter .description p {
        font-size: 24px;
        padding: 5px 0;
        line-height: 30px;
    } */
    /* .leads-section .calender-filter {
        padding: 15px;
        border: 1px solid var(--theme-primary);
        border-radius: 10px;
        display: none;
        margin-bottom: 20px;
    } */
    .leads-section .calender-filter.show {
        display: block;
    }

    .my-leads-section .my-leads-header .common-btn a {
        padding: 10px 28px;
        font-size: 18px;
        line-height: 26px;
        border-radius: 10px;
    }

    .my-leads-section {
        padding: 20px 20px;
    }

    .my-leads-section .table thead th {
        font-size: 16px;
        line-height: 22px;
    }

    .my-leads-section .table td,
    .my-leads-section .table th {
        font-size: 16px;
        line-height: 24px;
        padding: 10px 0;
        text-align: center;
    }

    .square {
        width: 22px;
        height: 22px;
    }

    .my-leads-section .table td img {
        width: 48px;
        height: 48px;
    }

    .my-leads-section .table td .form-action .button-section a {
        display: flex;
        align-items: center;
        padding: 8px 10px;
        font-size: 16px;
        line-height: 22px;
    }

    .my-leads-section .table td .form-action .button-section a i {
        padding-left: 8px;
    }

    .calender-filter-icon {
        display: block;
    }

    .customer-details-section {
        padding: 40px 40px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape img {
        width: 20px;
    }

    .customer-details-section .customer-content ul li .customer-profile p {
        font-size: 18px;
        line-height: 26px;
    }

    .customer-details-section .customer-content ul li .customer-name p {
        font-size: 18px;
        line-height: 26px;
    }

    .customer-details-section .customer-content {
        padding: 30px 30px;
    }

    .customer-details-section .customer-content .heading {
        padding-bottom: 30px;
    }

    .customer-details-section .customer-content ul li {
        padding-bottom: 20px;
    }

    .business-details {
        margin-top: 0;
    }

    /* .business-cover .button-section {
        position: unset;
        padding: 20px 0 10px;
        justify-content: center;
        background-color: var(--theme-secondary);
    } */
    .business-cover .button-section .common-btn-inactive a {
        font-size: 16px;
        padding: 16px 60px;
        line-height: 26px;
        margin-right: 20px;
        box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    }

    .business-cover .button-section .common-btn a {
        padding: 16px 60px;
        font-size: 16px;
        line-height: 26px;
        box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    }

    .business-cover .image-section img {
        height: 220px;
    }

    .business-profile-content {
        padding: 20px 40px;
    }

    .business-details {
        display: none;
    }

    .business-details.mobile {
        display: block;
        padding: 20px 20px;
        margin-bottom: 20px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box {
        width: 100%;
        height: unset;
    }

    .common-photo-upload .profile-upload .file-upload .image-box img {
        width: 100%;
        height: 120px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section {
        position: absolute;
        bottom: -16px;
        left: unset;
        transform: unset;
        right: -12px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section a i {
        font-size: 20px;
        padding: 10px 10px;
    }

    .common-photo-upload .profile-upload {
        padding-bottom: 30px;
    }

    .business-details .social-list ul li {
        padding-right: 2px;
    }

    .business-details .social-list ul li a img {
        border: 1px solid #C3D2FF;
        padding: 6px;
        width: 35px;
    }

    .company-information .button-section a {
        padding: 8px 8px;
        font-size: 14px;
        line-height: 20px;
    }

    .business-details .company-information .edit-profile-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .company-information .button-section a img {
        padding-right: 0;
        width: 16px;
        margin-right: 8px;
    }

    .business-details .social-icons a {
        font-size: 16px;
        line-height: 22px;
    }

    .company-information ul li {
        font-size: 16px;
        line-height: 22px;
    }

    .company-information ul li .icon-section img {
        padding: 8px 8px;
        border-radius: 5px;
        width: 40px;
        margin-bottom: 5px;
    }

    .business-details .social-icons {
        padding: 0;
        border-bottom: unset;
    }

    .company-information ul {
        padding-bottom: 20px;
    }

    .business-details .company-information {
        padding-bottom: 0;
    }

    .business-details .description p {
        padding-top: 20px;
        font-size: 18px;
        text-align: left;
        line-height: 26px;
    }

    .business-details .social-list {
        padding-top: 30px;
    }

    .single-award .award-header {
        display: block;
        padding-bottom: 10px;
    }

    .single-award {
        padding: 10px 10px;
        position: relative;
        margin-bottom: 20px;
    }

    .single-award .award-header .icon-section {
        width: 60px;
        height: 60px;
        background: #c4d2ff;
        margin-bottom: 10px;
    }

    .single-award .award-header .title p {
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
    }

    .single-award .content-section .title p {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 5px;
    }

    .single-award .content-section .subtitle p {
        font-size: 18px;
        line-height: 24px;
    }

    .single-award .button-section {
        text-align: unset;
        position: absolute;
        right: 5%;
        top: 5%;
    }

    .single-award .button-section a img {
        width: 25px;
    }

    .about-business-profile .awards-section {
        padding-bottom: 20px;
    }

    .catalog-content {
        justify-content: space-between;
        /* padding-bottom: 10px; */
    }

    .about-business-profile .business-upload-section .catalog-content li {
        margin-right: unset;
        width: 32%;
    }

    .about-business-profile .business-upload-section .single-catalog {
        padding: 20px 10px;
        border-radius: 10px;
    }

    .about-business-profile .business-upload-section .single-catalog img {
        padding: 6px 6px;
        width: 50px;
        margin-bottom: 15px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section .heading h5 {
        font-size: 16px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section p {
        font-size: 14px;
    }

    .about-business-profile .business-upload-section .tab-pane .heading h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 75px;
        flex-direction: row;
        border: none;
        box-shadow: 0px 2px 6px rgb(0 0 0 / 12%);
        align-items: center;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section {
        padding-bottom: 0;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
        box-shadow: unset;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section {
        padding-top: 0px;
    }

    .about-business-profile .business-upload-section .tab-content {
        padding-bottom: 0;
    }

    .about-business-profile .business-upload-section .form-content label {
        font-size: 18px;
        line-height: 26px;
    }

    .about-business-profile .business-upload-section .form-content .form-group p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .about-business-profile .business-upload-section .common-btn {
        text-align: center;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section a i {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 22px;
    }

    .profile-section .section-header .heading {
        padding-bottom: 20px;
    }

    .profile-section .section-header {
        padding-bottom: 35px;
    }

    .profile-section .profile-content .profile-details-list p {
        font-size: 18px;
        line-height: 26px;
        padding: 14px 36px;
        margin-bottom: 40px;
    }

    /* .profile-section .profile-content .profile-details-list .nav {
        display: flex;
    } */
    .profile-section .profile-content .profile-details-list .nav li a {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 0;
    }

    /* .profile-section .profile-content .profile-details-list .nav li {
        padding: 0 15px 15px 0;
    } */
    .profile-section .profile-image-section .file-upload .image-box {
        border-radius: 50px 8px 8px 8px;
        height: 250px;
    }

    .profile-section .profile-image-section .file-upload .image-box .icon-section {
        display: none;
    }

    /* .profile-section .profile-image-section {
        margin-bottom: 100px;
    } */
    .profile-section .profile-image-section .profile-cover-section .profile-image {
        /* left: 0; */
        /* bottom: -25%; */
        left: 30px;
        bottom: 30px;
    }

    /* .profile-section .profile-image-section .profile-cover-section .profile-image .image-section img {
        width: 150px;
        height: 150px;
    } */

    .profile-section .profile-image-section .profile-cover-section .profile-image .content-section p {
        font-size: 16px;
    }

    .profile-section .profile-content .tab-content {
        padding: 0;
        background-color: unset;
    }

    .profile-section .profile-content .tab-content .form-content form label {
        margin-bottom: 5px;
        /* font-size: 18px; */
    }

    .profile-section .profile-content .tab-content .form-content form .form-group {
        padding: 0;
        border-bottom: unset;
        margin-bottom: 20px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group p {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .profile-image img {
        width: 100px;
        height: 100px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section a {
        font-size: 16px;
        margin: 0 0 15px 0;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section {
        gap: 20px;
        /* display: flex;
        flex-direction: column-reverse;
        align-items: center; */
    }

    .profile-section .profile-content .tab-content .form-content form .common-btn {
        padding-top: 70px;
    }

    .profile-section .profile-content {
        padding-bottom: 70px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .add-more-btn {
        text-align: left;
        padding-top: 15px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group ul {
        display: flex;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .radiomark {
        height: 24px;
        width: 24px;
        border: 3px solid #B3E7FF;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .custom-radio {
        font-size: 16px;
        padding-left: 38px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group ul li {
        padding-right: 20px;
    }

    .password-require-section .image-section img {
        height: 170px;
    }

    .password-require-section .image-section .content-section {
        width: unset;
        top: 20px;
        left: 20px;
    }

    .password-require-section .image-section .content-section .heading h5 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .password-require-section .image-section .content-section p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .password-require-section .image-section .content-section ul li {
        font-size: 16px;
        line-height: 22px;
        display: block;
        padding: 0;
    }

    .password-require-section .image-section {
        margin-bottom: 40px;
    }

    .profile-section .profile-content #menu4 .form-content .button-section {
        display: flex;
        justify-content: space-between;
        padding-top: 0;
    }

    .profile-section .profile-content .tab-content #menu4 .form-content form .button-section a {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 28px;
    }

    .add-product-section .file-upload-section ul {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }

    .add-product-section .form-content ul li {
        width: 34%;
        padding-right: 10px;
    }

    .add-product-section .form-content ul li .file-upload .image-box {
        width: unset;
        height: 175px;
        padding: 10px 10px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .icon-section img {
        width: 60px;
        padding: 12px 12px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .content-section .heading h5 {
        font-size: 18px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .content-section p {
        font-size: 16px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .choose-file p {
        font-size: 16px;
        line-height: 22px;
        padding: 12px 20px;
    }

    .add-product-section .form-content form .button-section .common-btn-inactive a {
        padding: 14px 25px;
        margin-right: 15px;
        width: unset;
        line-height: 24px;
    }

    .add-product-section .form-content form .button-section {
        padding-bottom: 40px;
    }

    .company-detail-section {
        padding: 20px 20px;
    }

    .company-detail-section .common-photo-upload {
        position: unset;
    }

    .company-detail-section .company-info {
        display: block;
    }

    .company-detail-section .company-info .heading h5 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .company-detail-section .company-info .heading a {
        font-size: 18px;
        line-height: 24px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .company-detail-section .company-info .social-list ul li {
        padding-right: 10px;
    }

    .company-detail-section .company-info .social-list ul {
        padding-bottom: 10px;
    }

    .company-detail-section .company-info .social-list p {
        font-size: 18px;
        line-height: 24px;
    }

    .company-detail-section .company-info .social-list ul li img {
        width: 30px;
    }

    .company-detail-section .common-photo-upload .profile-upload {
        padding-bottom: 0;
    }

    .service-catalogue-section {
        padding-top: 30px;
    }

    .service-catalogue-section .section-header {
        padding-bottom: 20px;
    }

    .service-catalogue-section .content-section {
        padding: 20px 20px;
        border: unset;
    }

    .single-service-catalogue {
        padding: 20px 20px;
        margin-bottom: 20px;
        position: relative;
        border-radius: 10px;
    }

    .single-service-catalogue .product-category-detail .heading h5 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-detail .description p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-detail .price p {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-rating .order-info {
        display: block;
    }

    .single-service-catalogue .product-category-rating .order-info .rating ul li i {
        font-size: 18px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a {
        padding: 14px 20px;
        font-size: 18px;
        line-height: 24px;
        border-radius: 8px 0 10px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 20px;
        margin-right: 15px;
    }

    .single-service-catalogue .product-category-detail .icon-section a i {
        padding: 10px 10px;
        font-size: 18px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn {
        position: absolute;
        right: -7px;
        bottom: -21px;
    }

    .single-service-catalogue .product-category-detail .category {
        padding-bottom: 10px;
    }

    .promotion-section .promotion-content ul {
        justify-content: space-between;
    }

    .promotion-section .promotion-content ul li {
        width: 30%;
        margin-right: 0;
    }

    .single-promotion {
        padding: 10px 10px;
        border-radius: 10px;
    }

    .single-promotion img {
        /* padding: 10px 10px; */
        width: 60px;
        margin-bottom: 20px;
    }

    .single-promotion p {
        font-size: 16px;
    }

    .single-business-category p {
        font-size: 16px;
        line-height: 22px;
    }

    .single-business-category img {
        padding: 12px 12px;
        margin-bottom: 10px;
        width: 60px;
        height: 60px;
    }

    .promotion-section {
        padding-bottom: 30px;
    }

    .advertisement1-section .promotion-section .section-header {
        padding-bottom: 20px;
    }

    .advertisement1-section .business-category-section .section-header {
        padding-bottom: 15px;
    }

    .business-category-section {
        padding-bottom: 30px;
    }

    .advertisement1-section .sub-category-section .section-header {
        padding-bottom: 20px;
    }

    .advertisement1-section .keyword-section .section-header {
        padding-bottom: 20px;
    }

    .file-upload .image-box {
        height: 200px;
    }

    .file-upload .image-box .image-section {
        padding-bottom: 15px;
    }

    .file-upload .image-box .image-section img {
        width: 40px;
    }

    .file-upload .image-box p {
        font-size: 20px;
    }

    .file-upload .image-box .subtitle p {
        font-size: 16px;
    }

    .file-upload .image-box .subtitle {
        padding: 15px 15px 0;
    }

    .advertisement1-section .offer-calculate .section-header {
        padding-bottom: 20px;
    }

    .advertisement1-section .add-text-section .section-header {
        padding-bottom: 20px;
    }

    /* .advertisement1-section .button-section .common-btn {
        padding-bottom: 20px;
    } */
    .add-text-section {
        padding-bottom: 50px;
    }

    .single-service-catalogue .modal .modal-content .button-section {
        top: 35px;
        right: 35px;
    }

    .single-service-catalogue .modal .modal-content .button-section a img {
        padding: 10px 10px;
        width: 45px;
    }

    .single-service-catalogue .modal .modal-content .modal-body .description p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 40px;
    }

    .single-service-catalogue .modal .modal-content .modal-body img {
        width: 200px;
    }

    .single-service-catalogue .modal .modal-content .common-btn a {
        padding: 18px 70px;
        font-size: 18px;
    }

    .single-service-catalogue .modal .modal-content .common-btn {
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content .common-btn-inactive a {
        padding: 18px 70px;
        font-size: 18px;
    }

    .single-service-catalogue .modal .modal-content {
        padding-bottom: 0;
    }

    .single-service-catalogue .product-category-detail .icon-section {
        position: absolute;
        right: 8px;
        top: -8px;
    }

    .single-service-catalogue .product-category-detail .heading {
        width: 80%;
    }

    .add-product-section .section-header {
        padding-bottom: 20px;
    }

    .file-upload-section {
        padding-bottom: 20px;
    }

    .give-review-section .inquiry-area .image-section img {
        width: 300px;
    }

    .list-business-section .image-section {
        justify-content: center;
        border-radius: 20px 20px 0 0;
    }

    .list-business-section .image-section img {
        width: 300px;
    }

    .inquiry-section .inquiry-form {
        padding: 20px 25px;
        border-radius: 0 0 20px 20px;
    }

    .list-business-section .inquiry-form {
        border-radius: 0 0 20px 20px;
    }

    .inquiry-section .inquiry-area .image-section img {
        height: 400px;
        border-radius: 20px 20px 0 0;
    }

    select {
        height: 50px !important;
    }

    .product-imgs-list li .col-ting li {
        width: 100%;
        padding-right: 0;
    }

    a.add_button,
    a.add_vdo_button {
        font-size: 18px;
        font-weight: 600;
    }
}

@media (max-width: 575px) {
    .heading h5 {
        font-size: 16px;
    }

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

    header .menu .navbar {
        padding: 10px 0;
        height: unset;
    }

    header .menu {
        padding: 0;
    }

    header .menu .navbar .navbar-right .profile-btn {
        margin-left: 0;
    }

    header .menu .navbar .header-profile a img {
        width: 25px;
    }

    .register-section .register-left {
        padding: 15px 0;
    }

    .register-section .register-left .image-section {
        padding-left: 0;
        text-align: center;
    }

    .register-section .register-left .image-section img {
        width: 150px;
    }

    .register-section .register-right .form-section p {
        padding: 5px 0 12px;
    }

    .register-section .register-left .content-section {
        padding: 0 20px 0px;
    }

    .register-section .register-left .content-section .heading h5 {
        padding: 0px 0 15px;
    }

    .register-section .register-left .content-section p {
        line-height: 22px;
    }

    .register-section .register-right {
        padding: 25px 15px;
    }

    .register-section .register-left .logo-section {
        padding: 0 70px;
    }

    .register-section .register-left .logo-section a img {
        width: 160px;
    }

    label {
        font-size: 14px !important;
        margin-bottom: 5px;
    }

    select {
        height: 45px !important;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .form-control {
        height: 38px;
        font-size: 14px;
    }

    .form-group span {
        font-size: 10px;
        line-height: 16px;
    }

    .signup {
        font-size: 14px;
        padding: 10px 30px;
        margin-bottom: 15px;
    }

    .register-section .register-right .password-notice p {
        font-size: 14px;
        padding-top: 15px;
    }

    .checkmark {
        height: 35px;
        width: 35px;
    }

    .custom-checkbox {
        padding-left: 50px;
        font-size: 14px;
    }

    /* .button-section button {
        font-size: 16px;
        padding: 16px 60px;
        line-height: 22px
    } */
    .signup img {
        width: 50px;
    }

    .linebreak {
        padding-bottom: 12px;
    }

    .register-section .register-right .form-section {
        padding-bottom: 0;
    }

    .register-section .register-right .form-section .image-section img {
        width: 150px;
    }

    .sign-in .register-right .form-section p {
        padding: 5px 0 12px;
    }

    .register-right .form-content form .description {
        padding: 10px 0;
        font-size: 18px;
    }

    .register-section .register-right .form-content form .common-btn a {
        font-size: 16px;
        padding: 16px 60px;
        margin-bottom: 12px;
        border-radius: 10px;
    }

    .register-section .register-right .form-content form .common-btn-inactive a {
        font-size: 16px;
        padding: 16px 60px;
        border-radius: 10px;
        line-height: 22px;
    }

    .register-section .register-right .form-content form .common-btn {
        padding-bottom: 5px;
    }

    .forgot-pass a {
        font-size: 16px;
    }

    form .button-section {
        padding-top: 10px;
    }

    form .digit-group {
        text-align: center;
    }

    form .digit-group label {
        margin-bottom: 15px;
    }

    form .modal .modal-content .modal-body .description {
        padding: 10px 0 25px;
    }

    .register-section .register-right .form-section .image-section {
        padding-bottom: 15px;
    }

    html body form .digit-group input {
        width: 30px;
        height: 30px;
        font-size: 16px;
        border-radius: 5px;
        margin-right: 4px;
    }

    form .digit-group .splitter {
        margin-right: 5px;
    }

    /*list business*/
    .inquiry-section {
        padding: 26px 20px;
    }

    .list-business-section .image-section {
        border-radius: 5px 5px 0 0;
        justify-content: center;
    }

    .list-business-section .image-section img {
        width: 250px;
    }

    .list-business-section .inquiry-form {
        border-radius: 0px 0px 5px 5px;
    }

    .inquiry-section .inquiry-form .section-header {
        padding-bottom: 20px;
        text-align: center;
    }

    .inquiry-section .inquiry-form {
        padding: 18px 20px;
    }

    .common-btn a {
        font-size: 14px;
        padding: 16px 70px;
        border-radius: 6px;
    }

    .input-group-text .select2-container {
        width: 95px !important;
    }

    .select2-container {
        width: 100%;
    }

    .select2-container .select2-selection--single {
        height: 38px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px;
    }

    header .menu .navbar .navbar-brand img {
        width: 100px;
    }

    header .menu .navbar .navbar-right .profile-btn img {
        width: 45px;
        height: 45px;
        border-radius: 10px;
    }

    .side-menu-mobile .cancel-btn {
        padding-bottom: 15px;
    }

    footer {
        padding: 20px 0;
    }

    footer .section-header a img {
        width: 150px;
        margin: 8px 0;
    }

    footer .section-header {
        padding-bottom: 15px;
    }

    .copyright-section {
        padding: 15px 20px;
    }

    .copyright-section p {
        font-size: 10px;
        line-height: 18px;
    }

    footer .footer-list {
        padding-bottom: 12px;
    }

    footer .footer-list .button-section {
        text-align: center;
        padding-top: 15px;
    }

    footer .footer-content .footer-list p {
        font-size: 16px;
        line-height: 22px;
    }

    footer .footer-content .footer-list ul {
        padding-top: 5px;
    }

    footer .footer-content .footer-list ul li {
        line-height: 20px;
        padding-bottom: 2px;
    }

    footer .footer-content .footer-list ul li a {
        font-size: 12px;
    }

    .navbar-toggler {
        display: none;
    }

    /* .menu-bar-mobile a i{
        border: 1px solid #C3D2FF;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 24px;
        border-radius: 5px;
    } */
    header .navbar-right {
        display: flex;
        align-items: center;
        padding-left: unset;
    }

    header .navbar-right .menu-bar-mobile {
        margin-left: 15px;
    }

    .footer-list .button-section .common-btn-inactive ul {
        display: flex;
        justify-content: space-between;
        padding-top: unset;
    }

    .footer-list .button-section .common-btn-inactive ul li {
        padding-bottom: 0;
    }

    .footer-list .button-section .common-btn-inactive a {
        width: 120px;
        padding: 10px 0px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid var(--theme-primary);
    }

    /*list business step*/
    #multistepsform #progressbar {
        padding: 15px 15px;
    }

    #multistepsform #progressbar li {
        font-size: 12px;
        height: 80px;
    }

    #multistepsform #progressbar li:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    #multistepsform #progressbar li:after {
        width: 45%;
        left: -22%;
        top: 20%;
    }

    .list-business-step-section .section-header {
        padding: 15px 15px;
    }

    #multistepsform fieldset .section-header .description p {
        text-align: left;
        font-size: 14px;
    }

    #multistepsform fieldset .form-content {
        padding: 15px 15px;
    }

    #multistepsform fieldset .form-content .upload-catalog .catalog-content {
        padding: 15px 10px;
        background-color: #fff;
        border-radius: 10px;
        justify-content: space-between;
        margin: 15px 0;
    }

    #multistepsform fieldset .section-header .heading {
        padding-bottom: 10px;
    }

    #multistepsform .action-button {
        padding: 16px 22px;
        font-size: 18px;
        width: 200px;
        line-height: unset;
        border-radius: 12px;
    }

    #multistepsform .action-button.active {
        margin-bottom: 15px;
        margin-right: unset;
    }

    .add-more-btn a {
        font-size: 16px;
    }

    /* .add-more-btn a i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
        font-size: 15px;
    } */
    #multistepsform fieldset .form-content .add-more-btn {
        float: unset;
        padding-bottom: 20px;
    }

    input:checked+.slider:before {
        transform: translateX(14px);
    }

    .slider:before {
        height: 14px;
        width: 14px;
        border-radius: 50%;
    }

    .switch {
        width: 36px;
        height: 22px;
        margin: 0;
    }

    .single-time-selection .title p {
        font-size: 14px;
    }

    .single-time-selection .form-group {
        margin-bottom: 8px;
        text-align: end;
    }

    .single-time-selection .description p {
        font-size: 14px;
    }

    .form-content .manage-time .button-section .common-btn a {
        width: unset;
        padding: 18px 60px;
        font-size: 20px;
        line-height: unset;
    }

    .single-time-selection {
        padding-bottom: 10px;
    }

    .single-time-selection .col-3,
    .single-time-selection .col-1,
    .single-time-selection .col-2 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .form-content .content-section {
        padding-bottom: 20px;
    }

    #multistepsform fieldset .form-content .payment-method-selection {
        padding: 30px 0;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content {
        padding: 15px 10px;
        background-color: #fff;
        border-radius: 10px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li {
        width: 48%;
    }

    #multistepsform fieldset .form-content .content-section p {
        line-height: 22px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 10px 12px;
        margin: 0 0 15px 0;
        font-size: 12px;
        border-radius: 8px;
    }

    #multistepsform fieldset .form-content .payment-method-selection .sub-category-content ul li .single-sub-category:last-child {
        margin: 0;
    }

    #multistepsform fieldset .form-content .button-section .common-btn {
        text-align: center;
    }

    #multistepsform fieldset .form-content .button-section .common-btn a {
        font-size: 18px;
        padding: 16px 60px;
        font-weight: 500;
    }

    .company-information .company-content {
        padding: 15px 10px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    .keyword-step-content {
        padding: 15px 10px;
        border-radius: 10px;
        padding: 15px 10px;
        background-color: #fff;
    }

    .manage-time {
        padding: 15px 10px;
        background-color: #fff;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
        border-radius: 10px;
    }

    .catalog-content li {
        margin-bottom: 10px;
        margin-right: unset;
        width: 47%;
    }

    .single-catalog {
        padding: 10px 12px;
    }

    .single-catalog img {
        padding: 8px 8px;
        margin-bottom: 10px;
        width: 40px;
    }

    .single-catalog .content-section .heading h5 {
        font-size: 15px;
    }

    #multistepsform fieldset .form-content .catalog-content li .single-catalog .content-section {
        padding-bottom: 0;
    }

    #multistepsform fieldset .form-content .catalog-content li .single-catalog .content-section p {
        font-size: 12px;
        padding-top: 10px;
    }

    .nav-tabs .nav-item {
        margin-bottom: 10px;
    }

    .catalog-file-upload .file-upload-section {
        padding-top: 10px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 150px;
        /* width: 150px; */
        padding: 10px 5px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
        padding: 12px 12px;
        font-size: 14px;
    }

    /*business list verification*/
    .list-business-verify-section {
        padding: 30px 20px;
    }

    .verification-section {
        padding: 30px 10px;
    }

    .verification-section .image-section {
        padding-bottom: 15px;
    }

    .verification-section .image-section img {
        width: 200px;
    }

    .verification-section .content-section .common-btn a {
        font-size: 18px;
        padding: 20px 40px;
    }

    .verification-section .content-section p {
        line-height: unset;
        padding-bottom: 20px;
    }

    .list-business-verify-section .verification-section .form-content form .button-section a {
        font-size: 16px;
        padding: 16px 36px;
    }

    /*advertisement 1*/
    .advertisement1-section {
        padding: 30px 20px;
    }

    .advertisement1-section .section-header {
        padding-bottom: 15px;
    }

    .round-button i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }

    /*advertisement 2*/
    /* .single-business-category img {
        padding: 14px 14px;
        margin-bottom: 10px;
    } */
    .single-business-category img {
        padding: 12px 12px;
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .single-business-category p {
        font-size: 14px;
    }

    .single-sub-category {
        font-size: 14px;
        padding: 8px 20px;
        margin: 0 10px 10px 0;
        /* font-weight: 500; */
    }

    .promotion-section {
        padding-bottom: 15px;
    }

    .business-category-section {
        padding-bottom: 5px;
    }

    .sub-category-section {
        padding-bottom: 15px;
    }

    .file-upload-section {
        padding-bottom: 15px;
    }

    .offer-calculate {
        padding-bottom: 15px;
    }

    /* .keyword-section {
        padding-bottom: 25px;
    } */
    .add-text-section {
        padding-bottom: 35px;
    }

    .search-area input {
        height: 50px;
        border-radius: 5px;
    }

    .keyword-section .search-area input {
        padding-left: 30px;
    }

    .search-area .image-section a img {
        width: 25px;
    }

    .file-upload .image-box {
        height: 200px;
    }

    .file-upload .image-box .image-section {
        padding-bottom: 20px;
    }

    .file-upload .image-box .image-section img {
        width: 45px;
    }

    .file-upload .image-box p {
        font-size: 22px;
    }

    .file-upload .image-box .subtitle p {
        font-size: 16px;
    }

    .file-upload .image-box .subtitle {
        padding-top: 15px;
    }

    .offer-calculate .form-content form .form-group label {
        height: 40px;
    }

    .offer-calculate .form-content form .icon-section {
        height: 0;
    }

    form .form-group .pass-icon .image-section a img {
        width: 16px;
    }

    .advertisement1-section .button-section .common-btn-inactive a {
        font-size: 16px;
        padding: 16px 48px;
        border-radius: 6px;
    }

    /* .advertisement1-section .button-section .common-btn {
        padding-bottom: 20px;
    } */
    .common-btn-inactive a img {
        padding-right: 20px;
        width: 45px;
    }

    .promotion-section .promotion-content ul li {
        width: 46%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .single-promotion {
        padding: 10px 10px;
    }

    .single-promotion img {
        padding: 12px 12px;
        margin-bottom: 20px;
        width: 60px;
    }

    .single-promotion p {
        font-size: 14px;
    }

    /*inquiry form*/
    .inquiry-section .inquiry-form {
        border-radius: 0px 0 20px 20px;
    }

    .inquiry-section .inquiry-area .image-section img {
        border-radius: 20px 20px 0 0px;
        height: unset;
    }

    .category-webpage {
        padding-top: 15px;
    }

    .category-webpage .search-section {
        padding: 0 22px 15px;
    }

    .search-section .col-9,
    .search-section .col-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .search-area input {
        padding-left: 45%;
        font-size: 12px;
        height: 40px;
    }

    .search-area .place-search {
        height: 32px;
        width: 40%;
        /* left: 3%; */
    }

    .search-area .place-search input {
        height: 32px;
        border-radius: 5px;
        /* padding-left: 5px; */
        font-size: 12px;
    }

    .search-area .place-search a i {
        height: 32px;
        width: 32px;
        line-height: 32px;
        border-radius: 5px;
        font-size: 14px;
    }

    .dropdown .dropdown-menu {
        font-size: 15px !important;
    }

    /* .user-notification-mobile ul {
        padding: 5px 6px;
        border-radius: 6px;
        background-color: #fff;
    }
    .notification-dropdown{
        position: relative;
        display: inline-block;
    }
    #myDropdown{
        display: none;
        position: absolute;
        z-index: 1;
        width: -webkit-fill-available;
    }   
    #myDropdown.show{
        display: block !important;
    }
    .user-notification-mobile ul li{
        display: flex;
        padding-bottom: 5px;
    }
    .user-notification-mobile ul li a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
    }
    .user-notification-mobile ul li a img{
        width: 20px;
    }
    .user-notification-mobile ul #demo{
        padding: 0;
    } */
    .detail-web-page {
        display: none;
    }

    .detail-web-page.mobile {
        display: block;
    }

    .detail-web-page.mobile .detail-web-profile .col-6 {
        padding: 0;
    }

    .detail-web-page .detail-web-profile {
        padding-left: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .heading h5 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 4px;
    }

    .detail-web-page .detail-web-profile .content-section .rating {
        display: flex;
        align-items: center;
        padding-bottom: 5px;
    }

    .detail-web-page .detail-web-profile .content-section .rating ul li {
        font-size: 12px;
        margin-right: 2px;
    }

    .detail-web-page .detail-web-profile .content-section .rating p {
        font-size: 12px;
        line-height: 18px;
    }

    .detail-web-page .detail-web-profile .content-section .rating ul {
        padding-right: 10px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 8px;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info ul li img {
        margin-right: 10px;
        width: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a {
        width: 26px;
        height: 26px;
        padding: unset;
        line-height: 26px;
        text-align: center;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li a img {
        width: 16px;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list ul li {
        padding-right: unset;
    }

    .detail-web-page .detail-web-profile .content-section .contact-info {
        padding-bottom: 0;
    }

    .detail-web-page .detail-web-profile .content-section .about-profile-list {
        padding-bottom: 6px;
    }

    .detail-web-page .detail-web-profile .content-section {
        padding-bottom: 5px;
    }

    .vote-slider-section p {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
        padding-bottom: 5px;
    }

    .vote-slider-section .range-slider {
        height: 40px;
        width: 100%;
        border-radius: 5px;
    }

    .vote-slider-section .range-slider__range {
        width: 100%;
    }

    .vote-slider-section .vote-rating {
        width: 100px;
        height: 40px;
        border-radius: 0 5px 5px 0;
        font-size: 16px;
        line-height: 23px;
    }

    .vote-slider-section .vote-rating img {
        margin-right: 5px;
        width: 20px;
    }

    .detail-web-page .detail-web-profile .content-section .vote-slider-section {
        padding-bottom: 10px;
    }

    .detail-web-profile .content-section .common-btn a {
        font-size: 12px;
        line-height: 18px;
        padding: 9px 13px;
        border-radius: 5px;
    }

    .vote-slider-section .range-slider__range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--theme-primary);
        border: 1px solid #fff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    .detail-web-page.mobile .detail-web-profile .image-section {
        margin-top: unset;
        padding-left: 10px;
    }

    .detail-web-page .detail-web-profile .image-section img {
        height: 160px;
        border-radius: 20px 0 30px;
    }

    .detail-webpage-content {
        padding: 20px 20px;
    }

    .detail-webpage-content .slider-section .heading {
        margin-top: unset;
    }

    /* .detail-webpage-content .slider-section .heading h5{
        font-size: 18px;
    } */
    .detail-webpage-content .slider-section .heading p {
        font-size: 14px;
        line-height: 20px;
    }

    .detail-webpage-content .slider-section .section-header {
        padding-bottom: 15px;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section img {
        width: 70px;
        height: 70px;
    }

    .detail-webpage-content .slider-section .section-header .common-btn-inactive {
        text-align: end;
    }

    .detail-webpage-content .slider-section .section-header .common-btn-inactive a {
        font-size: 14px;
        color: #000;
        background-color: #fff;
        border-radius: 5px;
        border: unset;
        padding: 8px 8px;
        box-shadow: 0px 4px 12px 1px rgb(160 176 224 / 16%);
    }

    .detail-webpage-content .slider-section .section-header .common-btn-inactive a img {
        width: 20px;
        margin-right: 4px;
        padding-right: unset;
    }

    .detail-webpage-content .slider-section .detail-web-slider .image-section {
        margin-right: 10px;
    }

    .detail-webpage-content .slider-section .slick-prev:before,
    .detail-webpage-content .slider-section .slick-next:before {
        font-size: 20px;
    }

    .detail-webpage-content .slider-section .slick-next {
        right: -20px;
    }

    .detail-webpage-content .slider-section .slick-prev {
        left: -25px;
    }

    .detail-webpage-content .slider-section {
        padding-bottom: 15px;
    }

    .single-information {
        padding: 14px 30px;
        margin-bottom: 15px;
        height: unset;
    }

    .single-information .offer-section {
        border-radius: 10px;
        font-size: 12px;
    }

    .single-information .title {
        padding-bottom: 10px;
        text-align: center;
    }

    .single-information .title p {
        font-size: 18px;
        line-height: 24px;
    }

    .single-information .offer-section .original-price .price p {
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        padding: 0 0 12px 0px;
    }

    .single-information .offer-section .original-price p {
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 5px;
    }

    .single-information .offer-section .original-price .offer p {
        font-size: 11px;
        line-height: 17px;
    }

    .single-information .offer-section .offer-price .price p {
        font-size: 16px;
        font-weight: 600;
    }

    .single-information .offer-section .offer-price p {
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 12px;
    }

    .single-information .additional-info {
        padding: 10px 0;
    }

    .single-information .common-btn {
        text-align: center;
    }

    .single-information .common-btn a {
        font-size: 14px;
        line-height: 20px;
        padding: 12px 16px;
        border-radius: 6px;
        box-shadow: 0px 4px 4px rgb(149 167 222 / 35%);
    }

    .single-information .additional-info .subtitle p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 6px;
    }

    .single-information .additional-info ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .single-information .timing li {
        /* display: block; */
        padding-bottom: 10px;
    }

    .single-information .timing li .day {
        width: 110px;
    }

    .single-information .timing li p {
        font-size: 15px;
        line-height: 18px;
        padding-bottom: 5px;
    }

    .single-information .more-information {
        padding-bottom: 0px;
    }

    .more-information li {
        display: block;
        text-align: center;
        padding: 8px 20px;
        background-color: #EFF3FF;
        box-shadow: 0px 3px 6px rgb(225 229 240 / 80%);
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .more-information li img {
        width: 20px;
        padding: 0 0 8px 0;
        margin: 0;
    }

    .more-information li p {
        font-size: 16px;
        line-height: 22px;
    }

    .more-information li:last-child {
        padding-bottom: 8px;
    }

    .single-information .button-section a {
        font-size: 14px;
        color: var(--theme-primary);
        padding: 6px;
        background-color: #FFFFFF;
        box-shadow: 0px 3px 10px rgb(0 0 0 / 14%);
        border-radius: 4px;
    }

    .single-information .button-section {
        text-align: center;
    }

    .single-information .button-section a img {
        width: 15px;
    }

    .detail-webpage-content .information-section {
        padding: 0 0 20px 0;
    }

    .detail-webpage-content .contact-information-section .image-section {
        position: absolute;
        right: 0;
        top: 20px;
    }

    .detail-webpage-content .contact-information-section .image-section img {
        width: 150px;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image {
        position: absolute;
        top: -36px;
        left: -25%;
    }

    .detail-webpage-content .contact-information-section .image-section .user-image img {
        width: 80px;
    }

    .contact-information-section .content-section {
        padding-top: 130px;
    }

    .contact-information-section .content-section ul {
        padding: 0;
    }

    .contact-information-section .content-section ul li {
        padding: 8px 8px;
        background-color: #fff;
        box-shadow: 0px 3px 16px rgb(203 209 227 / 25%);
        border-radius: 6px;
        margin-bottom: 10px;
        position: relative;
    }

    .contact-information-section .content-section ul li::before {
        position: absolute;
        content: '';
        height: 2px;
        width: 60px;
        top: 0;
        background: var(--theme-accent);
        left: 50%;
        transform: translateX(-50%);
    }

    .contact-information-section .content-section ul li .icon-section {
        padding-right: unset;
        position: relative;
        width: 15%;
        margin-right: 10px;
    }

    .contact-information-section .content-section ul li .icon-section::before {
        content: unset;
    }

    .contact-information-section .content-section ul li .icon-section img {
        padding: 8px 8px;
    }

    .contact-information-section .content-section ul li .title p {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-information-section .content-section ul li .title .subtitle {
        display: block;
        padding-top: 5px;
    }

    .contact-information-section .content-section ul li .title .subtitle p {
        font-size: 12px;
        line-height: 18px;
        padding-right: 0;
    }

    .contact-information-section .content-section ul li:last-child {
        padding-bottom: 8px;
    }

    .detail-webpage-content .contact-information-section {
        padding-bottom: 20px;
    }

    /* .detail-webpage-content .review-section .heading h5{
        font-size: 18px;
    } */
    .review-section .heading {
        padding-bottom: 20px;
    }

    .review-section .review-content .common-btn-inactive a {
        font-size: 12px;
        padding: 8px 8px;
        border-radius: 5px;
        border: 1px solid var(--theme-primary);
    }

    .review-section .review-content .common-btn-inactive a img {
        width: 20px;
        margin-right: 5px;
        padding-right: unset;
    }

    .review-section .rating-description .rating ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding: 8px 10px;
        border-radius: 20px;
    }

    .review-section .rating-description .rating ul li i {
        font-size: 10px;
    }

    .review-section .rating-description .rating ul li p {
        font-size: 10px;
        padding-left: unset;
    }

    .review-section .rating-description .votes {
        padding: 10px 0 0 0px;
        justify-content: space-between;
    }

    .review-section .rating-description .votes p {
        font-size: 12px;
        line-height: 20px;
        padding-right: unset;
    }

    .review-section .rating-description {
        padding-bottom: 10px;
    }

    .review-section .review-content .rating-progress-bar {
        width: 100%;
    }

    .detail-webpage-content .review-section {
        padding-bottom: 0;
    }

    .rating-progress-bar .table td,
    .rating-progress-bar .table th {
        font-size: 12px;
        padding: 6px;
    }

    .rating-progress-bar .skill-bar {
        height: 6px;
    }

    .rating-progress-bar .skill:before {
        height: 6px;
    }

    .review-section .heading .button-section a {
        background-color: #FFFFFF;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.14);
        border-radius: 4px;
        padding: 6px;
        color: var(--theme-primary);
        font-size: 12px;
    }

    .review-section .heading .button-section a img {
        width: 15px;
    }

    .testimonial-section .single-user-review {
        padding: 5px 0;
        border-bottom: 1px solid #C3D2FF;
    }

    .testimonial-section .single-user-review .user-info img {
        margin-right: 14px;
        width: 60px;
        height: 60px;
    }

    .testimonial-section .single-user-review .user-info .user-name .title p {
        font-size: 12px;
    }

    .testimonial-section .single-user-review .user-info .user-name ul li {
        font-size: 10px;
    }

    .testimonial-section .single-user-review .date p {
        font-size: 12px;
        padding-bottom: 0px;
        text-align: end;
    }

    .testimonial-section .single-user-review .place p {
        font-size: 12px;
        text-align: end;
    }

    .testimonial-section .single-user-review .user-info {
        padding-bottom: 0;
        align-items: initial;
    }

    .testimonial-section .single-user-review .content-section p {
        font-size: 12px;
        padding-bottom: 0;
    }

    .detail-page-faq {
        padding: 15px 20px;
    }

    .detail-page-faq .content-section .heading h5 {
        padding-bottom: 8px;
        font-size: 18px;
    }

    .detail-page-faq .faq-section .heading h5 {
        font-size: 18px;
    }

    .detail-page-faq .content-section .heading p {
        font-size: 14px;
        line-height: 22px;
    }

    .detail-page-faq .content-section .heading {
        padding-bottom: 15px;
    }

    .detail-page-faq .content-section .common-btn a {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 18px;
        border-radius: 5px;
    }

    .detail-page-faq .faq-section {
        padding-top: 20px;
    }

    .faq-section .section-header {
        padding-bottom: 10px;
    }

    .detail-page-faq .faq-section #accordion {
        padding: 20px 10px;
    }

    .faq-section .card-header {
        color: #000;
        font-size: 12px;
        padding: 8px 0;
    }

    .faq-section .card-body {
        font-size: 14px;
        padding: 0 15px;
    }

    .profile-list.show {
        display: none;
    }

    .give-review2 .detail-review-content {
        border-radius: 6px 6px 30px 6px;
    }

    .give-review2 .detail-review-content .content-section {
        padding: 20px 14px;
        height: 260px;
    }

    .give-review2 .detail-review-content .content-section .heading h5 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px;
    }

    .give-review2 .detail-review-content .content-section .rating {
        padding-bottom: 0px;
    }

    .give-review2 .detail-review-content .content-section .rating ul li i {
        font-size: 12px;
    }

    .give-review2 .detail-review-content .content-section .review-overview ul li {
        font-size: 12px;
        line-height: 16px;
        padding-right: 5px;
    }

    .give-review2 .inquiry-area .image-section img {
        border-radius: 20px 20px 30px 0px;
        width: 170px;
    }

    .give-rating .starrate span.cont {
        width: 105px;
        height: 22px;
    }

    .give-rating .starrate .cont i {
        font-size: 14px;
    }

    .give-rating #test {
        font-size: 14px;
        background-color: var(--theme-accent);
        color: #fff;
        height: 45px;
        width: 50px;
        border-radius: 0 4px 4px 0;
    }

    .give-rating {
        justify-content: center;
    }

    .give-rating .starrate {
        padding: 10px 10px;
        border-radius: 4px 0 0 4px;
    }

    .give-review2 .inquiry-area .inquiry-form {
        border-radius: 0px 0 6px 6px;
    }

    .give-review2 .inquiry-area .inquiry-form .section-header {
        padding-bottom: 20px;
    }

    .give-review-section .inquiry-form .form-content .form-group p {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 10px;
        text-align: center;
    }

    .give-review-section .inquiry-form .form-content .form-group {
        margin-bottom: 16px;
    }

    .give-review2 .inquiry-area .inquiry-form .button-section {
        padding-top: 15px;
    }

    .give-review2 .inquiry-area .inquiry-form .button-section button {
        font-size: 15px;
        padding: 12px 45px;
        line-height: 22px;
        border-radius: 6px;
    }

    /*home page*/
    .home-page .category-section {
        display: none;
    }

    .home-page .category-section-bottom {
        display: none;
    }

    .home-page .home-page-right {
        padding: 5px;
    }

    .home-page .home-page-right .search-section {
        padding-bottom: 20px;
    }

    .about-section .rev_slider .test .content-section ul {
        padding: 12px 0 16px 12px;
    }

    .about-section .rev_slider .test .content-section ul li {
        font-size: 12px;
    }

    a.common-btn {
        font-size: 12px;
        padding: 6px 14px;
        border-radius: 5px;
    }

    .ctm-btn {
        font-size: 15px;
        padding: 10px 20px;
        border-radius: 5px;
    }

    .about-section .test {
        height: 130px;
        padding: 5px 0;
    }

    .about-section .slick-dots {
        bottom: -35px;
    }

    .about-section .slick-dots li.slick-active {
        width: 30px;
    }

    .about-section .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .about-section .slick-prev,
    .about-section .slick-next {
        bottom: -40px;
        height: 25px;
        width: 25px;
    }

    .about-section .slick-prev:before,
    .about-section .slick-next:before {
        font-size: 12px;
    }

    .service-section {
        padding-top: 15px;
    }

    .service-section .section-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-header h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    .service-section .section-header .common-btn-inactive {
        display: block;
    }

    .service-section .section-header .common-btn-inactive a {
        font-size: 14px;
        color: #000;
        background-color: #fff;
        border-radius: 5px;
        border: unset;
        padding: 8px 8px;
        display: inline-block;
        text-align: center;
        font-family: 'Onest';
        font-weight: 600;
    }

    .service-section .section-header .common-btn-inactive a img {
        width: 18px;
        margin-right: 4px;
        padding-right: unset;
    }

    .service-section .service-content {
        padding: 15px 0;
    }

    .service-section .service-content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .service-section .service-content ul li {
        padding: 0 8px 8px 0;
        width: 33.33%;
    }

    .single-service {
        width: 100%;
        padding: 8px 0;
        border-radius: 6px;
    }

    .single-service img {
        margin-bottom: 6px;
        width: 35px;
        height: 35px;
    }

    .single-service p {
        font-size: 10px;
        line-height: 16px;
    }

    .trending-section .section-header .button-section {
        display: none;
    }

    .trending-section .trending-bottom {
        padding: 15px 0 0 0;
    }

    .single-trending .content-section .button-section {
        bottom: -6%;
        right: -16px;
    }

    .single-trending .content-section .button-section a {
        border: 3px solid var(--theme-secondary);
    }

    .single-trending .content-section .button-section a i {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
    }

    .single-trending {
        padding: 0 0;
        /* margin-bottom: 20px; */
    }

    .single-trending .content-section {
        padding: 10px 7px;
        border-bottom-left-radius: 10px;
        margin-bottom: 20px;
    }

    .single-trending .content-section p {
        font-size: 10px;
        line-height: 16px;
    }

    .single-trending .content-section .sub-title span {
        font-size: 9px;
    }

    .single-trending .content-section ul li {
        padding-bottom: 5px;
        line-height: 12px;
    }

    .single-trending .content-section ul li a {
        font-size: 9px;
        padding: 0;
    }

    .single-trending .content-section .sub-title {
        padding-bottom: 7px;
    }

    .single-trending .image-section img {
        border-radius: 10px 10px 0 0;
        height: 85px;
    }

    .trending-section .trending-bottom .button-section {
        text-align: center;
    }

    .trending-section .trending-bottom .button-section .common-btn {
        width: unset;
        padding: 10px 28px;
        box-shadow: 0px 3px 6px 1px rgba(155, 166, 200, 0.65);
        font-size: 14px;
    }

    .blog-section::after {
        width: 100%;
        top: -26px;
        height: 100%;
    }

    .blog-section {
        padding: 0 5px 30px;
    }

    .blog-section .section-header .button-section .small-btn {
        font-size: 14px;
        padding: 6px 14px;
        border-radius: 5px;
    }

    .blog-section .section-header p {
        font-size: 16px;
        line-height: 22px;
    }

    .blog-section .section-header .col-4 {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .single-blog {
        padding-bottom: 10px;
    }

    .single-blog .image-section {
        margin: 15px 0 10px;
    }

    .single-blog .content-section p {
        line-height: 22px;
    }

    .single-blog .content-section p.description {
        font-size: 14px;
        line-height: 20px;
    }

    .single-blog .image-section img {
        border-radius: 8px;
        height: 150px;
    }

    .single-blog .icon-section img {
        padding: 6px 12px;
        border-radius: 4px 0 8px;
        width: 45px;
        height: unset;
    }

    .user-review-section {
        padding: 0 5px;
    }

    .user-review-section .user-review-content {
        padding: 9px 0;
    }

    .single-user-review {
        padding: 10px 0;
        border-bottom: 1px solid #C3D2FF;
    }

    .single-user-review .user-info img {
        width: 60px;
        height: 60px;
        margin-right: 14px;
    }

    .single-user-review .user-info .user-name .title p {
        font-size: 12px;
        font-weight: 600;
    }

    .single-user-review .user-info .user-name ul li {
        font-size: 10px;
        margin-right: 0;
    }

    .single-user-review .user-info {
        align-items: initial;
        padding-bottom: 0;
    }

    .single-user-review .date p {
        font-size: 12px;
        padding-bottom: 0px;
        /* text-align: end; */
        font-weight: 600;
    }

    .single-user-review .place p {
        font-size: 12px;
        /* text-align: end; */
    }

    .single-user-review .content-section {
        padding-top: 5px;
    }

    .single-user-review .content-section p {
        padding-bottom: 0;
        font-size: 12px;
    }

    .give-review-section .inquiry-area .image-section {
        border-radius: 5px 5px 0 0px;
    }

    .give-review-section .inquiry-area .inquiry-form {
        border-radius: 0px 0 5px 5px;
    }

    /*category page*/
    .category-webpage .slider-section .single-slider img {
        height: 130px;
        width: 100%;
        border-radius: 16px;
    }

    .category-webpage .slider-section {
        padding: 0 20px 20px;
    }

    .baby-care-section {
        display: none;
    }

    .baby-care-section.mobile {
        display: block;
    }

    .baby-care-section .section-header {
        padding: 0;
        align-items: center;
    }

    .baby-care-section .section-header .common-btn-inactive a {
        font-size: 14px;
        padding: 8px 8px;
        box-shadow: 0px 4px 12px 1px rgb(160 176 224 / 16%);
        border: unset;
        border-radius: 5px;
    }

    .baby-care-section .section-header .common-btn-inactive a img {
        width: 20px;
        margin-right: 4px;
        padding-right: unset;
    }

    .baby-care-section .baby-care-content .filter-section {
        background-color: unset;
        box-shadow: unset;
        border-radius: unset;
        padding: 15px 30px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile {
        background-color: #E4EBFF;
        border-radius: 22px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li {
        padding: 6px 28px;
        border-radius: 16px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li.active {
        background-color: var(--theme-primary);
        color: #fff;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li a {
        color: var(--theme-primary);
        font-size: 14px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li.active a {
        color: #fff;
    }

    .product-category-slider li {
        margin-right: 10px;
        position: relative;
    }

    .product-category-slider li .single-product-category {
        padding: 8px 8px;
        border: 1px solid #BBC7ED;
        border-radius: 6px;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: unset;
        text-align: center;
    }

    .product-category-slider li .single-product-category img {
        width: 20px;
        margin-right: unset;
    }

    .product-category-slider li.active .single-product-category {
        border: 1px solid var(--theme-accent);
    }

    .baby-care-section .baby-care-category-right .product-category-content {
        padding-bottom: 20px;
        position: relative;
    }

    .baby-care-section.mobile .sub-category-content {
        display: none;
        /* width: 200px; */
        position: absolute;
        z-index: 1;
        top: 80px;
        left: 40px;
    }

    .baby-care-section.mobile .sub-category-content::before {
        position: absolute;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .baby-care-section.mobile .sub-category-content.show {
        display: block;
    }

    .baby-care-section.mobile .sub-category-content ul {
        padding: 10px 10px;
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0px 3px 14px 2px rgba(196, 196, 196, 0.45);
    }

    .baby-care-section.mobile .sub-category-content ul li {
        padding-bottom: 5px;
        display: block;
        text-align: center;
    }

    .baby-care-section.mobile .sub-category-content ul li .single-sub-category {
        font-size: 12px;
        padding: 8px 16px;
        line-height: 18px;
        margin: 0;
        background-color: #fff;
    }

    .baby-care-section.mobile .sub-category-content ul li.active .single-sub-category {
        background-color: #C2D2FF;
    }

    .single-product-category {
        border-radius: 10px;
        box-shadow: 0px 3px 8px rgba(225, 229, 240, 0.8);
        margin-bottom: 20px;
        padding: 10px 10px;
    }

    .product-card {
        padding: 12px;
    }

    .single-product-category .image-section {
        height: 100%;
    }

    .single-product-category .image-section img {
        height: 100%;
    }

    .single-product-category.profile-page .image-section img {
        height: unset;
    }

    .single-product-category .product-category-detail {
        padding: 0;
        position: relative;
    }

    .single-product-category .product-category-detail .heading {
        padding: 0 0 4px 0;
    }

    .single-product-category .product-category-detail .heading h5 {
        font-size: 12px;
    }

    .single-product-category .product-category-detail a {
        font-size: 10px;
        padding-bottom: 4px;
    }

    .single-product-category .product-category-rating {
        background-color: unset;
        padding: unset;
        border-radius: unset;
    }

    .single-product-category .product-category-rating .rating {
        justify-content: unset;
        padding-bottom: 6px;
        align-items: baseline;
    }

    .single-product-category .product-category-rating .rating ul {
        padding-right: 10px;
    }

    .single-product-category .product-category-rating ul li {
        font-size: 10px;
    }

    .single-product-category .product-category-rating p {
        font-size: 10px;
    }

    .single-product-category .product-category-rating p img {
        padding-right: unset;
        width: 12px;
        margin-right: 5px;
        border-radius: unset;
    }

    .single-product-category .product-category-detail .button-section {
        position: absolute;
        right: -9px;
        bottom: -19px;
    }

    .single-product-category .product-category-detail .button-section a {
        padding: 8px 8px;
        display: inline-block;
        background-color: var(--theme-accent);
        border-radius: 8px 0 10px;
        font-size: 9px;
    }

    .information-section {
        padding: 15px 20px;
        margin-top: 15px;
    }

    .information-section .content-section .heading {
        padding-bottom: 10px;
    }

    .information-section .content-section p {
        font-size: 14px;
        line-height: 21px;
    }

    .information-section .content-section {
        padding-bottom: 15px;
    }

    .rating-content p {
        font-size: 10px;
    }

    .rating-content .rating ul {
        line-height: 0;
    }

    .rating-content .rating ul li {
        font-size: 10px;
    }

    .category-webpage .faq-section {
        padding: 15px 20px;
        margin-top: unset;
        background-color: #fff;
    }

    .category-webpage .faq-section .single-accordion {
        padding: 10px 10px;
    }

    .category-webpage .faq-section .card-header {
        font-size: 12px;
    }

    .faq-section .card-body {
        padding: 0;
        font-size: 10px;
    }

    .faq-section p {
        font-size: 16px;
    }

    #nomore-pcities {
        font-size: 16px;
    }

    .product-link-list {
        padding: 15px 20px;
        background-color: #EBF0FF;
    }

    .product-link-list .sub-category-content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .product-link-list .sub-category-content ul li {
        width: 50%;
    }

    .product-link-list .sub-category-content .single-sub-category {
        padding: 10px 10px;
        font-size: 12px;
        border-radius: 6px;
        margin: 0 10px 10px 0;
        border: 1px solid #BBC7ED;
    }

    .product-link-list .sub-category-content ul li.active .single-sub-category {
        border: 1px solid var(--theme-primary);
    }

    .product-link-list .button-section {
        text-align: center;
    }

    .product-link-list .button-section a {
        font-size: 14px;
        padding: 6px;
        background-color: #fff;
        box-shadow: 0px 3px 10px rgb(0 0 0 / 14%);
        border-radius: 4px;
    }

    .banner-section {
        padding: 15px 20px;
    }

    .banner-section .image-section img {
        height: 100px;
    }

    .banner-section .content-section {
        left: 3%;
    }

    .banner-section .content-section .heading h5 {
        font-size: 12px;
        padding-right: 10px;
    }

    .banner-section .content-section .button-section .common-btn a {
        width: unset;
        font-size: 10px;
        padding: 6px 12px;
        background-color: var(--theme-accent);
        border-radius: 5px;
    }

    .banner-section .image-section::before {
        content: unset;
    }

    .single-filter-list p {
        font-size: 12px;
        padding-bottom: 10px;
        font-weight: 600;
    }

    .single-filter-list ul li {
        padding-bottom: 15px;
        padding-right: 12px;
        display: inline-block;
    }

    .custom-radio {
        padding-left: 18px;
        font-size: 14px;
    }

    .radiomark {
        height: 14px;
        width: 14px;
    }

    .single-filter-list {
        padding-bottom: 15px;
    }

    .single-filter-list .range-slider-rating {
        padding-bottom: 20px;
    }

    .single-filter-list .button-section {
        text-align: end;
    }

    .single-filter-list .button-section a {
        font-size: 12px;
        color: var(--theme-primary);
    }

    .filter-section-mobile .filter-content .common-btn,
    .sort-section-mobile .filter-content .common-btn,
    .sort-section-mobile .filter-content .common-btn-inactive {
        text-align: center;
        padding-bottom: 20px;
    }

    .filter-section-mobile .filter-content .common-btn a,
    .sort-section-mobile .filter-content .common-btn a,
    .sort-section-mobile .filter-content .common-btn-inactive a {
        font-size: 14px;
        padding: 10px 36px;
        box-shadow: 0px 3px 6px 1px rgba(155, 166, 200, 0.65);
        border-radius: 6px;
        border: 1px solid var(--theme-primary);
    }

    .wishlist-section {
        padding: 15px 15px;
    }

    .single-wishlist {
        padding: 10px 10px;
        margin-bottom: 15px;
    }

    .wishlist-content .content-heading p {
        font-size: 16px;
    }

    .wishlist-content .content-heading .icon-section a i {
        padding: 10px;
        font-size: 16px;
    }

    .information-list li {
        padding-bottom: 5px;
        font-size: 14px;
    }

    .information-list li a img {
        padding-right: unset;
        width: 20px;
        margin-right: 10px;
    }

    .single-wishlist .rating ul li i {
        font-size: 16px;
    }

    .wishlist-cart .common-btn a {
        font-size: 14px;
        padding: 8px 12px;
        line-height: 22px;
    }

    .wishlist-cart .icon-section i {
        font-size: 26px;
    }

    .single-wishlist .image-section {
        padding-bottom: 8px;
    }

    .single-wishlist .rating {
        padding-bottom: 10px;
    }

    .wishlist-content .content-heading {
        padding-bottom: 5px;
    }

    .advertisement1-section .section-header p {
        padding-top: 5px;
    }

    .wishlist-top {
        padding-bottom: 15px;
    }

    .wishlist-top .section-header {
        padding-bottom: 0;
    }

    .my-profile-section .cover-photo img {
        border-radius: 12px 12px 0px 0px;
        height: 130px;
    }

    .my-profile-section .cover-photo .profile-image img {
        border-radius: 50%;
        width: 80px;
        height: 80px;
        border: 1px solid #FFFFFF;
    }

    .profile-information .heading h5 {
        font-size: 18px;
        padding-bottom: 0;
        line-height: 24px;
    }

    .profile-information .location p {
        font-size: 14px;
        line-height: 18px;
    }

    .profile-information p {
        font-size: 16px;
        line-height: 22px;
    }

    .edit-profile a img {
        padding-right: unset;
        width: 20px;
        margin-right: 10px;
    }

    .profile-information .location {
        padding: 5px 0 10px;
    }

    .social-list ul li {
        padding-right: 5px;
    }

    .social-list ul li img {
        padding: 8px 8px;
        width: 40px;
    }

    .my-profile-section .profile-details-section {
        padding: 50px 15px 15px;
    }

    .edit-profile a {
        padding: 8px 16px;
        font-size: 14px;
    }

    .my-profile-section .profile-details-section .profile-information .social-list {
        padding-bottom: 10px;
    }

    .my-profile-section {
        border-radius: 12px 12px;
        margin-bottom: 20px;
    }

    .additional-details {
        padding: 15px 15px;
        border-radius: 12px;
        margin-bottom: 10px;
        border: unset;
        box-shadow: 0px 3px 20px rgba(203, 209, 227, 0.25);
    }

    .additional-details .details-heading .title p {
        font-size: 18px;
        line-height: 26px;
    }

    .additional-details .details-heading .button-section a img {
        width: 20px;
    }

    .details-content .list-info p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 0px;
    }

    .details-content {
        padding-bottom: 8px;
    }

    .details-content .icon-section {
        width: 20%;
    }

    .details-content .icon-section img {
        width: 25px;
    }

    .details-content .list-info {
        width: 80%;
    }

    .additional-details .details-heading {
        padding-bottom: 15px;
    }

    .my-business-btn .common-btn a {
        padding: 10px 10px;
        font-size: 12px;
    }

    .profile-tab-section .nav-tabs li a {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 18px;
        /* border-radius: 6px; */
    }

    .profile-tab-section .nav-tabs li a.active {
        font-size: 14px;
        padding: 8px 18px;
        border-radius: 6px;
    }

    .profile-main-section {
        padding-bottom: 15px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn a {
        padding: 10px 14px;
        border-radius: 8px 0 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .profile-tab-section .tab-content #menu1 {
        padding: 20px 0;
        border-radius: 10px;
    }

    .profile-tab-section .tab-content .single-product-category {
        padding: 15px 15px;
        border-radius: 10px;
        position: relative;
    }

    .product-category-list-horizontal .single-product-category .product-category-detail .heading h5 {
        font-size: 17px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .description p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .price p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-rating ul li {
        font-size: 16px;
    }

    .category p {
        padding: 6px 16px;
        font-size: 14px;
        line-height: 20px;
    }

    .product-category-list-horizontal .product-category-rating .order-info {
        display: block;
        padding-bottom: 20px;
    }

    .product-category-list-horizontal .product-category-rating .order-info .common-btn {
        position: absolute;
        right: -1px;
        bottom: -16px;
    }

    .profile-tab-section .tab-content .product-category-rating .order-info .common-btn a img {
        width: 16px;
        padding-right: 0;
        margin-right: 15px;
    }

    .profile-tab-section .tab-content .single-product-category .product-category-detail .icon-section a i {
        padding: 8px 8px;
        font-size: 18px;
    }

    .profile-tab-section .tab-content .single-product-category .image-section {
        padding-bottom: 5px;
    }

    .pagination {
        padding: 10px 5px;
    }

    .pagination-section .pagination .page-link {
        padding: 3px 3px;
    }

    .pagination-section p {
        font-size: 16px;
    }

    .pagination-section .page-item.active .page-link {
        border-radius: 5px;
    }

    .analytics-overview-list {
        padding-bottom: 20px;
        justify-content: space-between;
    }

    .single-overview {
        display: block;
        text-align: center;
        padding: 10px 10px;
        width: 30%;
        margin-right: unset;
        box-shadow: 0px 2px 10px rgba(195, 210, 255, 0.2);
    }

    .single-overview .title p {
        font-size: 14px;
        line-height: 20px;
    }

    .profile-tab-section .nav-tabs {
        margin-bottom: 15px;
    }

    .chart-section {
        padding: unset;
        border: unset;
        background-color: unset;
        margin-bottom: 20px;
    }

    .chart-section .chart-header {
        padding-bottom: 5px;
    }

    #pie-chart {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    .chart-header .title p {
        font-size: 16px;
        line-height: 24px;
    }

    select.form-control {
        font-size: 12px;
        padding: 2px;
        height: 38px !important;
    }

    .canvasjs-chart-canvas {
        border-radius: 14px;
    }

    .total-views p {
        font-size: 12px;
    }

    .total-views p span {
        font-size: 20px;
    }

    #chartContainer {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    #chartContainer3 {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    #chartContainer4 {
        height: 250px;
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
    }

    .action-mobile {
        border: 2px solid #C4D2FF;
        border-radius: 14px;
        background-color: #fff;
        padding: 10px;
    }

    .no-data-msg {
        padding-top: 10px;
    }

    .no-data-msg p {
        font-size: 16px;
        line-height: 22px;
    }

    .leads-header .heading {
        padding-bottom: 10px;
    }

    .leads-header .heading h5 {
        font-size: 18px;
        padding-bottom: 0;
        line-height: 22px;
    }

    .leads-header .heading a {
        font-size: 16px;
        line-height: 22px;
    }

    .leads-header .common-btn {
        text-align: left;
    }

    .leads-header .common-btn a {
        padding: 12px 36px;
    }

    .leads-section .leads-header {
        padding-bottom: 10px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn-inactive a {
        padding: 10px 8px;
        line-height: 18px;
        font-size: 12px;
        border-radius: 6px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn a {
        padding: 10px 8px;
        font-size: 12px;
        border: 2px solid var(--theme-primary);
        line-height: 18px;
    }

    .advertisement1-section .category-search-section .button-section .common-btn {
        padding-right: 0;
    }

    .advertisement1-section .category-search-section .button-section {
        justify-content: space-between;
    }

    .header-info li {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .header-info li img {
        padding-right: 0;
        width: 15px;
    }

    .single-leads {
        padding: 10px 10px;
        margin-bottom: 20px;
        border-radius: 12px;
    }

    .single-leads .leads-header-section .heading .title p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .single-leads .leads-header-section .heading .description p {
        font-size: 16px;
        line-height: 22px;
    }

    .single-leads .content-section ul li .description p {
        font-size: 14px;
        line-height: 20px;
    }

    .single-leads .content-section ul li .subtitle p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 2px;
    }

    .single-leads .leads-header-section {
        padding-bottom: 10px;
    }

    .single-leads .content-section ul li {
        padding-top: 10px;
    }

    .single-leads .content-section .common-btn a {
        padding: 8px 24px;
        font-size: 14px;
        line-height: 20px;
    }

    .single-leads .content-section ul {
        padding-bottom: 5px;
    }

    .profile-tab-section .tab-content .faq-section {
        padding: unset;
        margin-top: unset;
        background-color: unset;
    }

    .profile-tab-section .tab-content .faq-section .single-accordion {
        padding: 10px 12px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section {
        padding-bottom: 20px;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li {
        width: 48%;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul li .single-sub-category {
        border-radius: 6px;
        margin: 0 0 5px 0;
        white-space: nowrap;
        padding: 8px 8px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .profile-tab-section .tab-content .payment-method-selection .sub-category-content ul {
        padding-bottom: 25px;
    }

    .profile-tab-section .nav-tabs {
        /* display: none; */
        gap: 10px;
        padding: 10px 0;
        margin-bottom: 0;
    }

    .profile-tab-section .nav-tabs.mobile {
        display: inline-block;
        width: 57%;
        padding: 10px 10px;
        margin-right: 8px;
    }

    .profile-tab-section .nav-tabs.mobile li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .profile-tab-section .nav-tabs.mobile li .dropdown-btn {
        padding: 0;
    }

    .social-list.mobile {
        padding-bottom: 10px;
    }

    .profile-tab-section .my-business-btn {
        display: inline-block;
    }

    .advertisement1-section .pricing-container .section-header {
        width: unset;
        text-align: center;
    }

    .pricing-switcher {
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }

    .pricing-switcher label {
        width: 120px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    .pricing-switcher .switch {
        width: 120px;
        height: 45px;
    }

    .pricing-switcher .fieldset {
        padding: 0;
    }

    .pricing-switcher input[type="radio"]:checked+label+.switch,
    .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
        transform: translateX(118px);
    }

    .pricing-list li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .pricing-wrapper>li {
        padding: 10px 10px;
    }

    .pricing-header .plan-title .subtitle p {
        font-size: 18px;
        line-height: 24px;
    }

    .pricing-header .plan-title .description p {
        font-size: 16px;
    }

    .pricing-features li {
        padding-bottom: 5px;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    .pricing-header {
        padding-bottom: 10px;
    }

    .pricing-wrapper li .common-btn a {
        font-size: 14px;
        border-radius: 10px;
        padding: 10px 30px;
        line-height: 20px;
    }

    .pricing-header .pricing-section .title p {
        font-size: 24px;
    }

    .pricing-wrapper li .pricing-body {
        padding-bottom: 20px;
    }

    .pricing-features {
        height: unset;
        padding-bottom: 10px;
    }

    .ellipse {
        width: 30px;
        height: 30px;
    }

    .ellipse::before {
        width: 20px;
        height: 20px;
    }

    .pricing-header .pricing-section {
        padding-bottom: 8px;
    }

    .advertisement1-section .pricing-wrapper li .common-btn button {
        padding: 10px 16px;
        font-size: 12px;
        line-height: 18px;
        border-radius: 10px;
    }

    .pricing-wrapper>li .button-section {
        bottom: 10px;
    }

    .payment-detail-section .card-user-details .user-information {
        top: -80px;
        padding: 15px 15px;
        border-radius: 10px;
        left: 30px;
        right: 30px;
    }

    .payment-detail-section .card-user-details {
        padding: 80px 20px 20px;
        border-radius: 10px;
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .payment-detail-section .card-user-details .user-information p {
        font-size: 16px;
        line-height: 22px;
    }

    .payment-detail-section .card-user-details .user-information .name {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .user-information .card-number {
        padding-bottom: 20px;
    }

    .payment-detail-section .card-user-details .user-information::before {
        content: unset;
    }

    .payment-detail-section .card-user-details .user-information::after {
        content: unset;
    }

    .payment-detail-section .card-user-details .plan-description ul li .title p {
        font-size: 16px;
        line-height: 22px;
    }

    .payment-detail-section .card-user-details .plan-description ul li .subtitle p {
        font-size: 16px;
        line-height: 22px;
    }

    .payment-detail-section .card-user-details .plan-description ul li {
        padding-bottom: 10px;
    }

    .payment-detail-section .card-user-details .total-amount::after {
        content: unset;
    }

    .payment-detail-section .card-user-details .total-amount::before {
        content: unset;
    }

    .payment-detail-section .card-user-details .plan-description {
        padding-bottom: 10px;
        border-bottom: unset;
    }

    .payment-detail-section .card-user-details .total-amount .title p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 0;
    }

    .payment-detail-section .card-user-details .total-amount .subtitle p {
        font-size: 16px;
        line-height: 22px;
    }

    .payment-detail-section .card-user-details .total-amount {
        padding-top: 0;
        display: flex;
        justify-content: space-between;
    }

    .payment-detail-section .form-content form label {
        font-size: 16px;
        line-height: 22px;
    }

    .payment-detail-section .form-content form .form-heading {
        padding-bottom: 5px;
    }

    .payment-detail-section .form-content form .form-group p {
        font-size: 12px;
        line-height: 20px;
        padding-top: unset;
    }

    .payment-detail-section .form-content form .form-group {
        margin-bottom: 15px;
    }

    .payment-detail-section .form-content form .common-btn {
        text-align: center;
    }

    .calender-input input {
        width: 100%;
        height: 40px;
        text-align: center;
        font-size: 16px;
        padding: 0;
        border: 1px solid #C3D2FF;
    }

    /* .calender-filter .description p {
        font-size: 20px;
        line-height: 28px;
    } */
    .leads-section .calender-filter {
        /* padding: 10px; */
        /* border: 1px solid var(--theme-primary); */
        /* border-radius: 6px; */
        /* display: none; */
        margin-bottom: 15px;
    }

    .calender-filter.show {
        display: block;
    }

    .my-leads-section {
        border-radius: 14px;
        padding: 20px 10px;
    }

    .my-leads-section .my-leads-header .common-btn a {
        padding: 8px 10px;
        font-size: 14px;
        line-height: 24px;
    }

    .my-leads-section .my-leads-header .common-btn a img {
        width: 18px;
    }

    .my-leads-header .select2-container {
        width: 100% !important;
    }

    .my-leads-section .table thead th {
        font-size: 14px;
        line-height: 20px;
    }

    .square {
        width: 20px;
        height: 20px;
    }

    .profile-tab-section .tab-content .payment-method-selection .content-section p {
        line-height: 20px;
        font-size: 15px;
    }

    .my-leads-section .table td,
    .my-leads-section .table th {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 0;
        padding-right: 10px;
        text-align: center;
    }

    .my-leads-section .table td img {
        width: 35px;
        height: 35px;
    }

    .my-leads-section .table .status p {
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .my-leads-section .table td .form-action .button-section a {
        padding: 8px 9px;
        font-size: 14px;
        display: flex;
        align-items: center;
        line-height: 20px;
    }

    .my-leads-section .table td .form-action .button-section a i {
        padding-left: 5px;
    }

    .my-leads-section .my-leads-header {
        padding-bottom: 15px;
    }

    .my-leads-section .table td .form-action .action-list {
        padding: 12px 20px;
    }

    .my-leads-section .table td .form-action .action-list ul li {
        padding-bottom: 8px;
    }

    .calender-filter-icon {
        display: block;
    }

    .customer-details-section {
        padding: 30px 20px;
    }

    .customer-details-section .customer-content {
        padding: 15px 15px;
        border-radius: 14px;
    }

    .customer-details-section .customer-content .heading {
        padding-bottom: 30px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape img {
        width: 15px;
    }

    .customer-details-section .customer-content ul li .customer-name p {
        font-size: 16px;
        line-height: 22px;
    }

    .customer-details-section .customer-content ul li .customer-profile p {
        font-size: 16px;
        line-height: 22px;
    }

    .customer-details-section .customer-content ul li .customer-profile .shape {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }

    .customer-details-section .customer-content ul li {
        display: block;
        padding-bottom: 20px;
    }

    .customer-details-section .customer-content ul li .customer-profile {
        padding-bottom: 5px;
    }

    .business-cover .button-section .common-btn-inactive a {
        font-size: 14px;
        padding: 12px 24px;
        line-height: 20px;
        /* margin-right: 12px; */
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    }

    .business-cover .button-section {
        gap: 10px;
    }

    .business-cover .button-section .common-btn a {
        padding: 12px 24px;
        font-size: 14px;
        line-height: 20px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    }

    .business-cover .button-section {
        left: 0;
        justify-content: center;
        padding: 15px 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .business-details {
        margin-top: 0;
        padding: 15px 15px;
    }

    .business-cover .image-section img {
        height: 150px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box {
        width: 100%;
        height: 220px;
    }

    .business-profile-content {
        padding: 15px;
    }

    .business-details {
        display: none;
    }

    .business-details.mobile {
        display: block;
        margin-bottom: 20px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section {
        position: absolute;
        bottom: -6%;
        right: -6%;
        transform: unset;
        left: unset;
    }

    .common-photo-upload .profile-upload .file-upload .image-box .icon-section a i {
        font-size: 25px;
        padding: 12px 12px;
    }

    .common-photo-upload .profile-upload {
        padding-bottom: 20px;
    }

    .business-details .social-list {
        padding: 15px 0;
    }

    .business-details .social-list ul li a img {
        border: 1px solid #C4D2FF;
        padding: 6px;
        border-radius: 4px;
    }

    .business-details .social-list ul li {
        padding-right: 10px;
    }

    .business-details .social-icons a {
        font-size: 16px;
        line-height: 22px;
    }

    .company-information .button-section a img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .company-information .button-section a {
        font-size: 16px;
        line-height: 22px;
    }

    .business-details .social-icons {
        padding: 15px 0;
        border-bottom: unset;
    }

    .company-information ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .company-information ul li .icon-section img {
        padding: 6px 6px;
        margin-bottom: 5px;
        width: 40px;
    }

    .company-information ul {
        padding-bottom: 15px;
    }

    .business-details .company-information {
        padding-bottom: 0;
    }

    .business-details .description p {
        padding-top: 15px;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
    }

    .single-award {
        padding: 15px 15px;
        position: relative;
        margin-bottom: 10px;
    }

    .single-award .award-header .icon-section {
        width: 50px;
        height: 50px;
        background: #c4d2ff;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .single-award .award-header .title p {
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
    }

    .single-award .content-section .title p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px;
    }

    .single-award .content-section .subtitle p {
        font-size: 16px;
        line-height: 22px;
    }

    .single-award .button-section {
        text-align: unset;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .single-award .button-section a img {
        width: 25px;
    }

    .single-award .award-header {
        display: block;
        padding-bottom: 5px;
    }

    .single-award .content-section {
        padding-bottom: 0;
    }

    .about-business-profile .awards-section {
        padding-bottom: 20px;
    }

    .about-business-profile .business-upload-section .tab-pane .heading h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .about-business-profile .business-upload-section .catalog-content li {
        margin-right: 0;
        width: 48%;
    }

    .catalog-content {
        justify-content: space-between;
    }

    .about-business-profile .business-upload-section .single-catalog {
        padding: 10px 10px;
        border-radius: 6px;
    }

    .about-business-profile .business-upload-section .single-catalog img {
        padding: 8px 8px;
        width: 45px;
        margin-bottom: 15px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section .heading h5 {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .about-business-profile .business-upload-section .single-catalog .content-section p {
        font-size: 14px;
        line-height: 20px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box {
        height: 72px;
        width: 100%;
        flex-direction: row;
        align-items: center;
        border: unset;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .choose-file a {
        font-size: 16px;
        box-shadow: none;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .about-business-profile .business-upload-section .catalog-file-upload .file-upload-section {
        padding-top: 10px;
    }

    .catalog-file-upload .file-upload-section .file-upload .image-box .icon-section {
        padding-bottom: 0;
    }

    .about-business-profile .business-upload-section .tab-content {
        padding-bottom: 25px;
    }

    .about-business-profile .business-upload-section .form-content label {
        font-size: 16px;
        line-height: 22px;
    }

    .about-business-profile .business-upload-section .form-content .form-group p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 8px;
    }

    .about-business-profile .business-upload-section .upload-area {
        padding-bottom: 10px;
    }

    .about-business-profile .business-upload-section .common-btn {
        text-align: center;
    }

    .about-business-profile .business-upload-section .common-btn a {
        padding: 16px 50px;
    }

    .common-photo-upload .profile-upload .file-upload .image-box img {
        width: 100%;
        height: 220px;
    }

    .profile-section .section-header .heading {
        padding-bottom: 10px;
    }

    .profile-section .profile-content .profile-details-list p {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 26px;
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .profile-section .section-header {
        padding-bottom: 20px;
    }

    .profile-section .profile-content .profile-details-list .nav li a {
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 0;
    }

    /* .profile-section .profile-content .profile-details-list .nav {
        display: flex;
    } */
    /* .profile-section .profile-content .profile-details-list .nav li {
        padding: 0 15px 12px 0;
    } */
    .profile-section .profile-image-section .file-upload .image-box .icon-section {
        display: none;
    }

    .profile-section .profile-image-section .file-upload .image-box {
        border-radius: 35px 5px 5px 5px;
        height: 180px;
    }

    /* .profile-section .profile-image-section {
        margin-bottom: 90px;
    } */
    .profile-section .profile-image-section .profile-cover-section .profile-image {
        left: 0;
        /* bottom: -36%; */
        bottom: 15px;
        z-index: 0;
    }

    .profile-section .profile-image-section .profile-cover-section .profile-image .content-section p {
        font-size: 13px;
    }

    .profile-section .profile-image-section .profile-cover-section .profile-image .image-section {
        padding-right: 8px;
        margin: 0;
    }

    .profile-section .profile-image-section .profile-cover-section .profile-image .image-section img {
        width: 100px;
        height: 100px;
    }

    .profile-section .profile-content .tab-content {
        padding: 0;
        background-color: unset;
    }

    .profile-section .profile-content .tab-content .form-content form label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group {
        padding: 0;
        border-bottom: unset;
        margin-bottom: 15px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group p {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .profile-image img {
        width: 100px;
        height: 100px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section {
        gap: 20px;
        margin-top: 10px;
        /* display: flex;
        flex-direction: column-reverse;
        align-items: center; */
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .button-section a {
        margin-right: 0;
        font-size: 16px;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .profile-section .profile-content .tab-content .form-content form .common-btn {
        padding-top: 60px;
    }

    .profile-section .profile-content {
        padding-bottom: 60px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .add-more-btn {
        text-align: left;
        padding-top: 5px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group ul {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group ul li {
        padding-right: 0;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .custom-radio {
        font-size: 16px;
        padding-left: 25px;
    }

    .profile-section .profile-content .tab-content .form-content form .form-group .radiomark {
        height: 20px;
        width: 20px;
        border: 3px solid #C4D2FF;
    }

    .password-require-section .image-section img {
        height: 140px;
    }

    .password-require-section .image-section .content-section {
        top: 10px;
        left: 15px;
        width: unset;
    }

    .password-require-section .image-section .content-section .heading h5 {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 0;
    }

    .password-require-section .image-section .content-section p {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 15px;
    }

    .password-require-section .image-section .content-section ul li {
        font-size: 12px;
        line-height: 16px;
        display: block;
        padding: 0 0px 2px 0;
    }

    .password-require-section .image-section {
        margin-bottom: 30px;
    }

    .profile-section .profile-content .tab-content #menu4 .form-content form .button-section a {
        font-size: 16px;
        margin: 0;
        line-height: 22px;
    }

    .profile-section .profile-content #menu4 .form-content .button-section {
        display: flex;
        justify-content: space-between;
        padding-top: 0;
    }

    .add-product-section .file-upload-section ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .add-product-section .form-content ul li {
        width: 49%;
        padding-right: 0;
        padding-bottom: 10px;
    }

    .add-product-section .form-content ul li .file-upload .image-box {
        width: 100%;
        padding: 10px 10px;
        height: 150px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .icon-section img {
        width: 55px;
        padding: 10px 10px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .icon-section {
        padding-bottom: 15px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .content-section .heading h5 {
        font-size: 15px;
        line-height: 22px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .content-section p {
        font-size: 13px;
        line-height: 20px;
    }

    .add-product-section .form-content ul li .file-upload .image-box .choose-file p {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 14px;
    }

    .add-product-section .section-header {
        padding-bottom: 10px;
    }

    .add-product-section .form-content form .button-section .common-btn-inactive a {
        width: unset;
        margin-right: 0;
        padding: 10px 12px;
        font-size: 16px;
        line-height: 22px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .add-product-section .form-content form .button-section {
        padding-bottom: 40px;
    }

    .add-product-section .form-content ul li .file-upload .image-box img {
        width: 100%;
    }

    .advertisement1-section,
    .common-section {
        padding: 30px 0;
    }

    .company-detail-section .common-photo-upload {
        position: unset;
    }

    .company-detail-section {
        padding: 20px 20px;
    }

    .company-detail-section .company-info {
        display: block;
    }

    .company-detail-section .company-info .heading h5 {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 5px;
    }

    .company-detail-section .company-info .heading a {
        font-size: 16px;
        line-height: 22px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .company-detail-section .company-info .social-list ul li {
        padding-right: 15px;
    }

    .company-detail-section .company-info .social-list ul {
        padding-bottom: 10px;
    }

    .company-detail-section .company-info .social-list p {
        font-size: 16px;
        line-height: 22px;
    }

    .service-catalogue-section {
        padding-top: 40px;
    }

    .service-catalogue-section .section-header {
        padding-bottom: 20px;
    }

    .service-catalogue-section .content-section {
        padding: 20px 20px;
        border: unset;
    }

    .single-service-catalogue {
        padding: 15px 15px;
        margin-bottom: 30px;
        position: relative;
        border-radius: 10px;
    }

    .single-service-catalogue .product-category-detail .icon-section a i {
        padding: 10px 10px;
        font-size: 16px;
    }

    .single-service-catalogue .product-category-detail .heading h5 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .image-section {
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-detail .description p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .single-service-catalogue .product-category-detail .price p {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .single-service-catalogue .product-category-rating .order-info {
        display: block;
    }

    .single-service-catalogue .product-category-rating .order-info .rating ul li i {
        font-size: 16px;
    }

    .single-service-catalogue .product-category-detail .category {
        padding-bottom: 10px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a img {
        padding-right: 0;
        width: 20px;
        margin-right: 10px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn a {
        padding: 10px 24px;
        font-size: 16px;
        line-height: 22px;
        border-radius: 8px 0 10px;
    }

    .single-service-catalogue .product-category-rating .order-info .common-btn {
        position: absolute;
        right: 0;
        bottom: -16px;
    }

    .single-service-catalogue .product-category-rating .order-info .rating {
        padding-bottom: 28px;
    }

    .single-service-catalogue .modal .modal-content .modal-body .description p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 20px;
    }

    .single-service-catalogue .modal .modal-content .common-btn-inactive a {
        padding: 16px 45px;
        font-size: 16px;
        line-height: 20px;
        border-radius: 6px;
    }

    .single-service-catalogue .modal .modal-content .common-btn a {
        padding: 16px 45px;
        font-size: 16px;
    }

    .single-service-catalogue .modal .modal-content .common-btn {
        padding-bottom: 10px;
    }

    .single-service-catalogue .modal .modal-content .button-section {
        top: 15px;
        right: 15px;
    }

    .single-service-catalogue .modal .modal-content .button-section a img {
        padding: 5px 5px;
        width: 30px;
    }

    .single-service-catalogue .modal .modal-content {
        padding-bottom: 0;
    }

    #open-overlay {
        margin: 0;
    }

    /* .heading p {
        font-size: 18px;
    } */
    .about-business-profile .form-content .form-group p {
        font-size: 14px;
        line-height: 20px;
    }

    a.add_button,
    a.add_vdo_button {
        font-size: 16px;
        font-weight: 600;
    }

    .product-imgs-list li .col-ting li {
        width: 100%;
    }

    .single-user-review .user-info .user-name {
        padding-left: 0;
    }
}


@media (min-width: 360px) and (max-width: 575px) {
    .home-page .home-page-right {
        padding: 22px 10px;
    }

    .single-trending .content-section p {
        font-size: 10px;
    }

    .single-trending .content-section .sub-title span {
        font-size: 10px;
    }

    .single-trending .content-section ul li a {
        font-size: 10px;
    }

    .baby-care-section .baby-care-content .filter-section .filter-list-mobile li {
        padding: 6px 40px;
    }

    .baby-care-section.mobile .sub-category-content {
        left: 70px;
    }

    .single-product-category {
        padding: 12px 10px;
    }

    .single-product-category .product-category-detail .button-section a {
        font-size: 10px;
    }

    .business-details .company-information .edit-profile-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .company-information .button-section a {
        padding: 10px 5px;
        font-size: 14px;
        line-height: 20px;
    }

    .business-details .social-icons a {
        font-size: 14px;
        line-height: 20px;
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }

    70% {
        -webkit-transform: perspective(2000px) rotateY(200deg);
        -moz-transform: perspective(2000px) rotateY(200deg);
        -ms-transform: perspective(2000px) rotateY(200deg);
        -o-transform: perspective(2000px) rotateY(200deg);
        transform: perspective(2000px) rotateY(200deg);
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg);
    }
}

@keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg);
    }

    70% {
        -webkit-transform: perspective(2000px) rotateY(20deg);
        -moz-transform: perspective(2000px) rotateY(20deg);
        -ms-transform: perspective(2000px) rotateY(20deg);
        -o-transform: perspective(2000px) rotateY(20deg);
        transform: perspective(2000px) rotateY(20deg);
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
}

@keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }

    70% {
        -webkit-transform: perspective(2000px) rotateY(-200deg);
        -moz-transform: perspective(2000px) rotateY(-200deg);
        -ms-transform: perspective(2000px) rotateY(-200deg);
        -o-transform: perspective(2000px) rotateY(-200deg);
        transform: perspective(2000px) rotateY(-200deg);
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg);
    }
}

@keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg);
    }

    70% {
        -webkit-transform: perspective(2000px) rotateY(-20deg);
        -moz-transform: perspective(2000px) rotateY(-20deg);
        -ms-transform: perspective(2000px) rotateY(-20deg);
        -o-transform: perspective(2000px) rotateY(-20deg);
        transform: perspective(2000px) rotateY(-20deg);
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
}

@media (min-width: 400px) {
    body .w-sm-auto {
        width: auto !important;
    }
}

.product-category-slider .slick-track {
    margin: 0;
}


/* user blade css here */

.profile-list {
    top: 280%;
    right: -50px;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    min-width: 230px;

    &::before {
        left: 64.5% !important;
    }
}

.profile-list.show {
    top: 95px;
    opacity: 1;
    visibility: visible;
}

.round-button.plus-rounded-btn i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    transition: all 0.3s ease;

    &:hover {
        background-color: #F5A41D;
    }
}

header .menu .navbar .navbar-right .profile-btn {
    margin-left: 15px;

    img {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        padding: 0;
    }
}

header .menu .navbar .navbar-right .profile-btn-area:hover .profile-list {
    top: 95px;
    opacity: 1;
    visibility: visible;
}

.side-menu-mobile {
    right: -100%;
    bottom: 0;
    display: block;
    z-index: 1050;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.side-menu-mobile.show {
    right: 0%;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
}

#scrollTopBtn {
    display: block;
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 200;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--theme-primary);
    color: white;
    cursor: pointer;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    transition: all 0.4s ease;
}

#scrollTopBtn:hover {
    background-color: #F5A41D;
}

@media (max-width: 991.98px) {
    .navbar.navbar-expand-lg .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        width: 350px;
        height: 100vh;
        bottom: 0;
        background: #fff;
        display: block !important;
        z-index: 1051;
        padding: 15px;
        transition: 0.5s ease-in-out;
        box-shadow: -2px 0px 20px #00000029;

        &.show {
            right: 0;
        }

        &.collapsing {
            right: 0;
        }
    }

    .navbar-toggler-icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: none;
    }

    header .menu .navbar .navbar-collapse ul li a {
        padding: 0px 0px 10px;
    }

    header .menu .navbar .navbar-collapse ul li.active::after,
    header .menu .navbar .navbar-collapse ul li.active::before {
        display: none;
    }

    header .menu .navbar .navbar-collapse ul li.active .nav-link {
        color: #3952A2;
    }
}

@media(max-width: 767.98px) {
    .navbar.navbar-expand-lg .navbar-collapse {
        width: 50%;
    }
}

@media(max-width: 575.98px) {
    header .menu .navbar .navbar-brand img {
        width: 120px;
    }

    .navbar.navbar-expand-lg .navbar-collapse {
        width: 70%;
    }

    .navbar-toggler.ml-auto {
        margin-right: 0 !important;
    }

    header .navbar-right .menu-bar-mobile {
        margin-left: 10px;
    }

    header .menu .navbar .navbar-right .profile-btn {
        img {
            width: 35px;
            height: 35px;
        }
    }

    .round-button.plus-rounded-btn i {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

@media(max-width: 399.98px) {
    .side-menu-mobile {
        padding-top: 10px;
        width: 100%;
    }

    .navbar.navbar-expand-lg .navbar-collapse {
        width: 100%;
    }
}