@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

:root {
    --primary-booking: #ef1c71;
    --secondary-booking: #ffedf4;
    --orenge: #FF5722;
    --primary-bizcard: #845fb0;
    --primary-website: #FF5722;
    --secondary-website: #ffece4;
    --primary-invoicing: #FF5722;
    --secondary-invoicing: #ffe7e4;
    --primary-engager: #FF5722;
    --secondary-engager: #ffeeef;
    --primary-accounting: #16b6aa;
    --secondary-accounting: #ddfffd;
    --primary-marketing: #FF5722;
    --secondary-marketing: #ffedf4;
    --primary-epayment: #FF5722;
    --secondary-epayment: #ffe7e4;
    --SitePrimaryColor: #FF5722;
    --SiteSecondaryColor: #faebe4;
    --SiteTertiaryColor: #SITETERTIARYCOLOR#;
    --DefaultIconColor: #FF5722;
    --DefaultIconBgColor: #faebe4;
    --DefaultButtonBgColor: #FF5722;
    --DefaultButtonTextColor: #ffffff;
}

body {
    font-family: "Bricolage Grotesque", serif;
}

p {
    font-weight: 300;
}

.caveatFont {
    font-family: "Caveat", cursive;
}

.bebasNeueFont {
    font-family: "Bebas Neue", sans-serif;
}

.montserratFont {
    font-family: "Montserrat", sans-serif;
}

.kalamFont {
    font-family: "Kalam", cursive;
}

.jostFont {
    font-family: "Jost", sans-serif;
}

/* booking */

.booking-bg-primary {
    background: var(--primary-booking) !important;
    color: white !important;
}

.booking-bg-secondary {
    background: var(--secondary-booking) !important;
}

.booking-color {
    color: var(--primary-booking) !important;
}

.booking-primary-border {
    border: 2px solid var(--primary-booking) !important;
}

.booking-primary-border2 {
    border: 1px solid var(--primary-booking) !important;
}

.orenge-color {
    color: var(--orenge) !important;
}

/* bizcard */
.bizcard-bg-primary {
    background: var(--primary-bizcard) !important;
    color: white !important;
}

.bizcard-color {
    color: var(--primary-bizcard) !important;
}

.bizcard-primary-border {
    border: 2px solid var(--primary-bizcard) !important;
}

.bizcard-primary-border2 {
    border: 1px solid var(--primary-bizcard) !important;
}

/* website */

.website-bg-primary {
    background: var(--primary-website) !important;
    color: white !important;
}

.booking-bg-secondary {
    background: var(--secondary-website) !important;
}

.website-color {
    color: var(--primary-website) !important;
}

.website-primary-border {
    border: 2px solid var(--primary-website) !important;
}

.website-primary-border2 {
    border: 1px solid var(--primary-website) !important;
}

/* E-Invoicing */

.invoicing-bg-primary {
    background: var(--primary-invoicing) !important;
    color: white !important;
}

.invoicing-bg-secondary {
    background: var(--secondary-invoicing) !important;
}

.invoicing-color {
    color: var(--primary-invoicing) !important;
}

.invoicing-primary-border {
    border: 2px solid var(--primary-invoicing) !important;
}

.invoicing-primary-border2 {
    border: 1px solid var(--primary-invoicing) !important;
}

/* Engager */

.engager-bg-primary {
    background: var(--primary-engager) !important;
    color: white !important;
}

.engager-bg-secondary {
    background: var(--secondary-engager) !important;
}

.engager-color {
    color: var(--primary-engager) !important;
}

.engager-primary-border {
    border: 2px solid var(--primary-engager) !important;
}

.engager-primary-border2 {
    border: 1px solid var(--primary-engager) !important;
}

/* accounting */

.accounting-bg-primary {
    background: var(--primary-accounting) !important;
    color: white !important;
}

.accounting-bg-secondary {
    background: var(--secondary-accounting) !important;
}

.accounting-color {
    color: var(--primary-accounting) !important;
}

.accounting-primary-border {
    border: 2px solid var(--primary-accounting) !important;
}

.accounting-primary-border2 {
    border: 1px solid var(--primary-accounting) !important;
}

/* marketing */

.marketing-bg-primary {
    background: var(--primary-marketing) !important;
    color: white !important;
}

.marketing-bg-secondary {
    background: var(--secondary-marketing) !important;
}

.marketing-color {
    color: var(--primary-marketing) !important;
}

.marketing-primary-border {
    border: 2px solid var(--primary-marketing) !important;
}

.marketing-primary-border2 {
    border: 1px solid var(--primary-marketing) !important;
}

/* e payments */

.epayment-bg-primary {
    background: var(--primary-epayment) !important;
    color: white !important;
}

.epayment-bg-secondary {
    background: var(--secondary-epayment) !important;
}

.epayment-color {
    color: var(--primary-epayment) !important;
}

.epayment-primary-border {
    border: 2px solid var(--primary-epayment) !important;
}

.epayment-primary-border2 {
    border: 1px solid var(--primary-epayment) !important;
}

.textBlack {
    color: #000;
}

.textBlack1 {
    color: #010101;
}

.textBlack2 {
    color: #313131;
}

.mutedText {
    color: #4b4b4b;
}

.mutedText1 {
    color: #605a5a;
}

.orangeText {
    color: var(--SitePrimaryColor);
}

.greenColor1,
.greenColor1:hover {
    color: #517e64;
}

.primaryBg,
.primaryBg:hover {
    background-color: var(--SitePrimaryColor);
    color: #fff;
}

.bizcardprimaryBg,
.bizcardprimaryBg:hover {
    background-color: #845fb0;
    color: #fff;
}

.linearLightBg {
    background: linear-gradient(122.57deg,
            #ffffff 0.44%,
            rgba(255, 255, 255, 0) 129.28%);
}

.secondaryBg,
.secondaryBg:hover {
    background-color: var(--SitePrimaryColor);
    color: #fff;
}

.teritaryColor {
    color: #170b9c;
}

.teritaryColor1,
.teritaryColor1:hover {
    color: #3e31cf;
}

.bookingPrimary {
    color: var(--SitePrimaryColor);
}

.bizcardPrimary {
    color: #845fb0;
}

.blackColor1 {
    color: #212121;
}

.teritaryBg,
.teritaryBg:hover {
    background-color: #3e31cf;
}

.blueDark {
    background-color: #000080;
}

.blueDarkText {
    color: #000080;
}

.secondaryBg3 {
    background-color: var(--SitePrimaryColor);
}

.secondaryBg3:hover {
    background-color: var(--SitePrimaryColor);
}

.greenBg {
    background-color: #327e01;
}

.darkBlueBg {
    background-color: #3a1592;
}

.yellowBg1 {
    background-color: #ebaa28;
}

.greenBg1 {
    background-color: #1a9a2f;
}

.orangeBg,
.orangeBg:hover {
    background-color: var(--SitePrimaryColor);
}

.secondaryColor {
    color: var(--SitePrimaryColor);
}

.orangeColor {
    color: var(--SitePrimaryColor);
}

.secondaryColor3 {
    color: var(--SitePrimaryColor);
}

.secondaryColor1 {
    color: var(--SitePrimaryColor);
}

.cursorPointer {
    cursor: pointer !important;
}

.secondaryColor2,
.secondaryColor2:hover {
    color: var(--SitePrimaryColor);
}

.blackColor2 {
    color: #303030;
}

.secondaryBg1 {
    background-color: var(--SitePrimaryColor);
}

.pinkBg,
.pinkBg:hover {
    background-color: var(--SitePrimaryColor);
}

.lightPurpleBg {
    background-color: #faf8ff;
}

.yellowBg {
    background-color: #f7a91b;
}

.infoBG {
    background-color: #53c8bf;
}

.blueBg {
    background-color: #3e31cf;
}

.mutedBg {
    background-color: #f6f6f6;
}

.darkBlueBg1,
.darkBlueBg1:hover {
    background-color: #3a1593;
}

.greenColor {
    color: #39b54a;
}

.yellowColor {
    color: #eb8307;
}

.blackColor {
    color: #1a181e;
}

.mutedColor {
    color: #595959;
}

.blackText {
    color: #4e4e4e;
}

.font18 {
    font-size: 18px;
    line-height: 24px;
}

.font300 {
    font-weight: 300;
}

.font400 {
    font-weight: 400;
}

.font500 {
    font-weight: 500;
}

.font600 {
    font-weight: 600;
}

.font700 {
    font-weight: 600;
}

.font800 {
    font-weight: 800;
}

.font300px {
    font-size: 300px;
    line-height: 210px;
}

.font225 {
    font-size: 190px;
    line-height: 210px;
}

.font150 {
    font-size: 150px;
    line-height: 183px;
}

.font125 {
    font-size: 125.64px;
    line-height: 147px;
}

.font80 {
    font-size: 80px;
    line-height: 80px;
}

.font72 {
    font-size: 72px;
    line-height: 72px;
}

.font60 {
    font-size: 60px;
    line-height: 50px;
}

.font42 {
    font-size: 42px;
    line-height: 50px;
}

.font40 {
    font-size: 40px;
    line-height: 47px;
}

.font36 {
    font-size: 36px;
    line-height: 36px;
}

.font34 {
    font-size: 34px;
    line-height: 40px;
}

.font32 {
    font-size: 32px;
    line-height: 37px;
}

.font30 {
    font-size: 30px;
    line-height: 35px;
}

.font26 {
    font-size: 26px;
    line-height: 30px;
}

.font24 {
    font-size: 24px;
    line-height: 28px;
}

.font21 {
    font-size: 21px;
    line-height: 27px;
}

.font20 {
    font-size: 20px;
    line-height: 30px;
}

.font16 {
    font-size: 16px;
    line-height: 24px;
}

.font14 {
    font-size: 14px;
    line-height: 17px;
}

.font12 {
    font-size: 12px;
    line-height: 14px;
}

.border2Left {
    border-left: 2px solid var(--SitePrimaryColor);
}

.border2Top {
    border-top: 2px solid var(--SitePrimaryColor);
}

.border2Right {
    border-right: 2px solid var(--SitePrimaryColor);
}

.border2Bottom {
    border-bottom: 2px solid var(--SitePrimaryColor);
}

.borderRadius0 {
    border-radius: 0px !important;
}

.borderRadius2 {
    border-radius: 8px !important;
}

.borderRadius10 {
    border-radius: 10px !important;
}

.card {
    border-radius: 10px;
}

.transparentBg {
    background-color: transparent;
}

.primaryBorder {
    border: 2px solid var(--SitePrimaryColor);
}

.bottomBorder {
    height: 4px;
    background-color: #d9d9d9;
}

.filledBg {
    height: 4px;
    width: 90%;
}

.borderRadius50 {
    border-radius: 50px;
}

.border-primary {
    border-color: #3e31cf !important;
}

.border-primary td,
.border-secondary td,
.border-teritory td {
    border-width: 2px;
}

.border-teritory {
    border-color: var(--SitePrimaryColor) !important;
}

.cardBoxShadow {
    box-shadow: -16.066408157348633px 48.410091400146484px 59.244873046875px 0px #514e782e;
    background: #ffffff80 !important;
}

.border-secondary {
    border-color: var(--SitePrimaryColor) !important;
}

.primaryBorder2,
.primaryBorder2:hover {
    border: 1px solid var(--SitePrimaryColor);
}

.orangeBackground p.font20.font500 {
    margin-top: 5px !important;
    margin-bottom: 25px !important;
}

.servicesSection.py-4 p.responsiveTextCenter {
    margin-top: 5px !important;
    margin-bottom: 25px !important;
}

#products p.font20.responsiveTextCenter {
    margin-top: 5px !important;
    margin-bottom: 25px !important;
}

div#gallery p.font20.font500 {
    margin-top: 5px !important;
}

.faqSection p.font20.font500.mt-3.mb-0 {
    margin-top: 5px !important;
}

div#verticals p.font20.font500 {
    margin-top: 5px !important;
}

.cardShadow {
    box-shadow: 0px 4px 20px 1px #00000040;
}

.borderRadius20 {
    border-radius: 20px !important;
}

.boxShadowNone {
    box-shadow: none !important;
}

.lightBoxShadow {
    box-shadow: 0px 4px 20px 0px #0000001a;
}

.socialIconShadow {
    box-shadow: 0px 4px 13px 0px #00000017;
}

.facebookColor {
    color: #596aff;
}

.twitterColor {
    color: #60e2ff;
}

.linkdinColor {
    color: #5c94d7;
}

.instaColor {
    color: #aa5c94;
}

.blueText {
    color: #3a1593;
}

.mutedColor2 {
    color: #424242;
}

.lightPurpleBg {
    background-color: #efe8ff;
}

a {
    text-decoration: none;
}

.mutedText2 {
    color: #8d8d8d;
}

.bgTransparent,
.bgTransparent td {
    background-color: transparent !important;
}

.w-20 {
    justify-content: center;
    /* display: flex; */
    width: 20%;
}

.h-80 {
    height: 80%;
}

.primaryBoxShadow {
    box-shadow: 0px 0px 20px 1px #ffd6df;
}

.zIndex2 {
    z-index: 2;
}

.articleLogo {
    height: 100px;
}

.articleText {
    border-bottom: 1px dashed rgb(196, 196, 196);
    padding-bottom: 20px;
}

.articleLink a {
    color: var(--SitePrimaryColor);
    font-weight: 700;
    border-bottom: 1px dashed var(--SitePrimaryColor);
}

.articleDownloadLink a {
    color: #3a1593;
    font-weight: 700;
    border-bottom: 1px dashed #3a1593;
}

.articleCard {
    height: 300px;
}



/* Wizard CSS */


.wizardHeading {
    font-weight: 500 !important;
    font-size: 19.5px;
    line-height: 29px;
    color: #242424;
}

.wizardSubmitButton {
    color: #3A1593;
    background-color: #3A1593;
    border: #3A1593;
    color: #ffffff;
    font-weight: 500;
    height: 50px;
}

.wizardSubmitButton:hover {
    background-color: var(--DefaultButtonBgColor);
    border: var(--DefaultButtonBgColor);
    color: #ffffff;
    font-weight: 500;
}

.cFilterWizard label {
    color: #727272 !important;
}

.bizGrid {
    height: 170px;
}

/* .instaWizard {
    background: #f6f4ff;
    border-radius: 5px;
    box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
    padding: 20px;
} */

.loadLink {
    cursor: pointer;
    color: #3A1593 !important;
    font-weight: 600 !important;
    text-decoration: none;
}

.successMessage h5 {
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif !important;
}

.card {
    border-radius: 10px;
}

.form-control {
    padding: 10px 10px;
    border-radius: 10px;
}

.form-select {
    padding: 10px 10px;
    border-radius: 10px;
}

.customButton {
    border-radius: 10px !important;
    padding: 10px 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

.customButton:hover {
    color: #ffffff !important;
    background-color: #140024 !important;
}

u.borderBottomDashed {
    border-bottom: 2px dashed #2e2e2e;
    text-decoration: none;
    margin-top: 15px;
    text-transform: lowercase !important;
}

.headerLogo {
    width: 125px;
}

/* main css start here */

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .verticalProduct .serviceCard .serviceActions .buyNowButton {
        padding: 8px 20px !important;
    }


}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

.borderBottom {
    border-bottom: 1px solid #d4d4d4;
}

.navbarCss {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}

.shape {
    position: relative;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    z-index: 1;
    background-color: var(--SitePrimaryColor);
    height: 100%;
}

.shapeInner {
    position: absolute;
    /* clip-path: polygon(1% 1%, 90% 1%, 100% 50%, 90% 100%, 1% 100%); */
    clip-path: polygon(0% 0%, 90% 1%, 100% 50%, 90% 100%, 0% 100%);
    z-index: 2;
}

.custom-shape {
    position: relative;
    width: 100%;
    background-color: var(--primary-booking);
    height: 100%;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.border-span {
    width: 99.5%;
    height: 99.5%;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    z-index: 1;
}

.backgroundBg {
    background-image: url("../img/bgGradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
}

.bookingbackgroundBg {
    background-image: url("../img/booking-gradient.svg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
}

.custom {
    accent-color: #3e31cf !important;
    width: 25px;
    height: 25px;
    vertical-align: bottom;
    margin-right: 5px;
}

.height65 {
    height: 65px !important;
}

.mapBg {
    background-image: url("../img/Object.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.orangeBackground {
    background-image: url("https://bigdot.ai/assets/img/Group%20718.svg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    margin-top: 0px !important;
}

.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #3e31cf;
}

.carousel-indicators {
    margin-bottom: 6rem !important;
}

.carousel-indicators .active {
    background-color: #3e31cf;
}

.top-25 {
    top: -25px;
}

.marginTopNegative {
    margin-top: -55px;
}

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

.socialMedia a i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
}

.heroSectionBg {
    background-image: url("../img/hero-image.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.heroSectionBg .icon {
    height: 45px;
}

.marginLeft-65 {
    margin-left: -65px;
}

.bookingborderPrimary {
    border: 1px solid var(--SitePrimaryColor);
}

.borderPrimary {
    border: 1px solid var(--SitePrimaryColor);
}

.borderSecondary {
    border: 1px solid var(--SitePrimaryColor);
}

.borderSecondary:hover {
    border: 1px solid var(--SitePrimaryColor);
}

.borderPink {
    border: 1px solid var(--SitePrimaryColor);
}

.borderPrimary1 {
    border: 1px solid var(--SitePrimaryColor);
}

.heroSectionRightBG {
    background-image: url("../img/product/Group\ 47254.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.sidesPadding {
    padding: 90px 30px;
}

.bookingbeyondBg {
    background-image: url("../img/beyond-booking.svg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
}

.beyondBg {
    background-image: url("../img/product/Group\ 47255\ \(1\).svg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
}

.js-video-button {
    border-radius: 50%;
    animation: ripple-white 1s linear infinite;
    cursor: pointer;
}

#heroCaousel img {
    width: unset;
}

.userImg {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #fff;
}

@keyframes ripple-white {
    0% {
        box-shadow: 0 0 0 0 rgb(58, 21, 147, 0.05),
            0 0 0 10px rgb(58, 21, 147, 0.05), 0 0 0 20px rgb(58, 21, 147, 0.05);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(58, 21, 147, 0.05),
            0 0 0 20px rgba(58, 21, 147, 0.05),
            0 0 0 30px rgba(58, 21, 147, 0.05);
    }
}

@media (max-width: 420px) {
    .width70 {
        width: 50px;
    }
}


/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #heroCaousel img {
        width: unset;
        display: block;
        margin: auto;
    }

    #products .row.borderPrimary::before {
        top: -6px !important;
        left: -6px !important;
        right: -6px !important;
        bottom: -6px !important;
    }

    .servicesSection .row.m-0::before {
        top: -6px !important;
        left: -6px !important;
        right: -6px !important;
        bottom: -6px !important;
    }

    .orangeBackground .row.borderSecondary::before {
        top: -6px !important;
        left: -6px !important;
        right: -6px !important;
        bottom: -6px !important;
    }

    .sellAnywhereBeauty p.font20.font500.responsiveTextCenter {
        margin-bottom: 0px !important;
    }

    section#plans p.font16.font500.textBlack1.mb-0 {
        font-weight: 400;
    }

    .productGallery .card.border-0.w-100 p.mb-0 {
        font-size: 13px;
    }

    section.faqSection p.font20.font500.mt-3.mb-0 {
        margin-bottom: 0px !important;
    }

    .navbarCss .navbar-nav .nav-link i.fa-solid.fa-bars-staggered {
        display: block !important;
    }

    .font40,
    .font42 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 4px !important;
    }

    .font34 {
        font-size: 22px;
        line-height: 40px;
    }

    .font24 {
        font-size: 18px;
        line-height: 22px;
    }

    .font60 {
        font-size: 28px;
        line-height: 40px;
    }

    .font26,
    .font20 {
        font-size: 16px;
        line-height: 22px;
    }

    .font18 {
        font-size: 15px;
        line-height: 20px;
    }

    .font125 {
        line-height: 95px;
        font-size: 80px;
    }

    .font150 {
        font-size: 92px;
        line-height: 113px;
    }

    .font20 {
        font-size: 14px !important;
        line-height: 20px !important;
        margin-top: 5px !important;
        font-weight: 400;
        margin-bottom: 15px !important;
    }

    .servicesSection.py-4 p.font20.font500.responsiveTextCenter {
        margin-bottom: 25px !important;
    }

    .responsiveFW700 {
        font-weight: 500;
    }

    .responsiveWidth100 {
        width: 100%;
    }

    .width70 {
        width: 70px;
    }

    .font21 {
        font-size: 13px;
        line-height: 16px;
    }

    .custom {
        width: 20px;
        height: 20px;
    }

    .carousel-indicators {
        margin-bottom: 3.5rem !important;
    }

    .font80 {
        line-height: 50px;
    }

    .responsiveFS22 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .filledBg {
        height: 4px;
        width: 80% !important;
    }

    .bottomBorder {
        width: 100% !important;
    }

    .d-grid a.btn.btn-lg {
        padding: 10px 8px;
        font-size: 14px;
    }

    .d-grid a.btn.btn-lg .ms-2 {
        margin-left: 0.2rem !important;
    }

    .scrolldiv {
        overflow: auto;
        white-space: nowrap;
        display: block;
        margin-top: 0px !important;
        padding: 0px 5px;
    }

    .orangeBackground {
        padding: 25px 15px 0px;
        margin-top: 30px !important;
        background-attachment: fixed;
    }

    div#verticals {
        margin-top: 0px !important;
    }

    .scrolldiv .items {
        display: inline-block;
        width: 140px;
    }

    .font72 {
        font-size: 34px;
        line-height: 45px;
    }

    .sidesPadding {
        padding: 50px 20px 40px;
    }

    .font30 {
        font-size: 16px;
        line-height: 25px;
    }

    .backgroundBg {
        padding-top: 0px;
    }

    .bookingbackgroundBg {
        padding-top: 0px;
    }

    .font300px {
        font-size: 200px;
    }

    .font32 {
        font-size: 25px;
        line-height: 30px;
    }

    .caveatFont.textBlack1 {
        margin-top: 20px;
    }

    .heroSectionRightBG .col-md-6.col-6 {
        margin-bottom: 10px;
    }

    .heroSectionRightBG {
        margin-top: 15px !important;
    }

    .backgroundBg .btn.teritaryBg {
        margin-top: 0px !important;
    }

    .backgroundBg .row.pb-5 {
        padding-bottom: 30px !important;
    }

    .bookingbackgroundBg .btn.teritaryBg {
        margin-top: 0px !important;
    }

    .bookingbackgroundBg .row.pb-5 {
        padding-bottom: 30px !important;
    }

    .bookingHero {
        width: 325px;
        margin: 0 auto;
    }

    /* .col-md-6.mt-4.font600.blackColor {
    margin-top: 0px !important;
  } */

    .beyondBg {
        padding-top: 90px;
        padding-bottom: 0px !important;
        background-size: inherit;
    }

    .card.border-0.w-100 .darkBlueBg {
        text-align: left !important;
        padding: 12px 8px !important;
    }

    .heroSection .ProductPage {
        max-height: 290px;
    }

    .orderingFooterSection .TermsAndConditions {
        text-align: left;
    }

    .productGallery .card.border-0.w-100 .darkBlueBg a.text-white {
        font-size: 13px;
    }

    .card.border-0.w-100 .darkBlueBg a.text-white img.img-fluid {
        width: 12px;
    }

    .card.border-0.w-100 .yellowBg1 {
        text-align: center !important;
    }

    .card.border-0.w-100 .greenBg1 {
        background-color: #1a9a2f;
        text-align: center !important;
    }

    .font36 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    /* Rahman Changes */
    .col-12.borderPink.p-lg-3.py-3 {
        margin-bottom: 15px;
    }

    .row.footerResponsive.pt-lg-5.pt-0.font16.font500 {
        display: flex;
        flex-direction: column;
    }

    .col-md-6.col-lg-4.bizcard-primary-border2.p-lg-4.py-3 {
        margin-bottom: 15px;
    }

    .col-md-6.col-lg-4.booking-primary-border2.p-lg-4.py-3 {
        margin-bottom: 15px;
    }
}

.font38 {
    font-size: 39px;
    line-height: 40px;
}

.navbarCss .navbar-nav .nav-link i.fa-solid.fa-bars-staggered {
    display: none;
}

.trangleBorder {
    width: 100%;
    height: 0;
    border-left: 133px solid transparent;
    border-right: 133px solid transparent;
    border-bottom: 50px solid var(--SitePrimaryColor)ed;
}

.trangleBorderInside {
    width: 100%;
    height: 0;
    border-left: 133px solid transparent;
    border-right: 133px solid transparent;
    border-bottom: 50px solid #fff;
    padding: 2px !important;
    padding-bottom: 0px !important;
}

.marginTop-15 {
    margin-top: -15px;
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) and (max-width: 1100px) {
    .carousel-indicators {
        margin-bottom: 3.5rem !important;
    }


    .bigdotLogoFooter {
        width: 80px !important;
    }

    .font18 {
        font-size: 14px;
        line-height: 18px;
    }

    .font150 {
        font-size: 92px;
        line-height: 113px;
    }

    .scrolldiv {
        overflow: auto;
        white-space: nowrap;
        display: block;
    }

    .scrolldiv .items {
        display: inline-block;
    }

    .font72 {
        font-size: 55px;
        line-height: 65px;
    }

    .font40 {
        font-size: 30px;
        line-height: 40px;
    }

    .font30 {
        font-size: 15px;
        line-height: 20px;
    }
}

.BigDotPurchaseHeader.websiteHeader .LanguageSection span#headerLanguage {
    border: 1px solid #fff;
    background: #ff5722;
}

.scrollImage {
    overflow: auto;
    white-space: nowrap;
    display: block;
}

.scrollImage .pluginsImage {
    display: inline-block;
}

/* megamenu css start here */

.categoryImg img.img-fluid {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.categoryInfo {
    display: flex;
    justify-content: start;
    text-align: left;
    padding: 20px 10px;
    margin-bottom: 15px;
    border: 1px solid #dedede;
    border-radius: 10px;
    min-height: 115px;
    max-height: 300px;
}

.categoryInfo:hover {
    background: #e9ebef;
    transition: 0.5s;
}

.categoryInfo img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.categoryInfo .categoryContent h4 {
    margin-bottom: 8px !important;
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.categoryInfo .categoryContent h5 {
    font-size: 16px;
    color: #000;
}

.categoryInfo .categoryContent {
    padding-left: 20px;
}

.categoryInfo .categoryContent p {
    font-size: 15px;
    margin-bottom: 5px;
}

.navbar .megamenu {
    padding: 1rem;
}

.navbar .has-megamenu {
    position: static !important;
}

.navbar .megamenu {
    left: 50% !important;
    right: 0 !important;
    width: 85% !important;
    margin-top: 0;
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%);
}

.navbar .dropdown-menu.fade-down {
    width: 700px !important;
}

.navbar-expand-lg .navbar-nav {
    position: initial;
}

.navbar li .dropdown-menu.fade-down {
    width: 100% !important;
}

.sellAnywhereBeauty .font500.responsiveTextCenter.mt-3 {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

.planSection p.font16.font500.textBlack1.mb-0 {
    margin-top: 10px;
}

.planSection p.font42.blackColor {
    margin-bottom: 10px !important;
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: initial;
}

.flatpickr-input {
    background-color: white !important;
    cursor: pointer;
}

.formHeight {
    height: 45px;
    border-radius: 4px;
}

.btn-whatsapp {
    background-color: #25D366;
    color: white;
    font-weight: 500;
    padding: 10px;
    border-radius: 4px;
}

.btn-whatsapp:hover {
    background-color: #128C7E;
    color: white;
}

.wizardFormHeading {
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

/* megamenu css end here */

.socialIcon {
    width: 40px;
    height: 40px;
    padding-top: 10px;
    border-radius: 50%;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.09);
    text-align: center;
}

/* Rahman changes */
img.img-fluid.pluginsImage {
    width: 115px;
    height: 115px;
}

.newsArticleSlide .col-md-6 {
    position: relative;
}

.newsArticleSlide .col-md-6:first-child {
    background-image: url("https://cdn.create.vista.com/api/media/small/203505026/stock-vector-morning-coffee-and-newspaper-on-table");
    background-size: cover;
    background-position: center;
    height: 500px;
}

.newsArticleSlide .col-md-6:last-child {
    background: #3a1593;
    height: 380px;
    margin-left: -50px;
    max-width: 600px;
    z-index: 1;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.newsArticleSlide .owl-carousel .item {
    padding: 20px;
    text-align: center;
}

.newsArticleSlide .owl-carousel .item img {
    width: 200px;
    display: block;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .newsArticleSlide .col-md-6:last-child {
        margin-left: 0px;
    }

    .articleCard {
        height: 320px;
    }

    .articleText h5 {
        font-size: 16px;
    }

    .mobilePaddingNewsroom {
        padding: 20px 20px 20px 20px !important;
    }

    .articleLink a {
        font-size: 15px;
    }

    .articleDownloadLink a {
        font-size: 15px;
    }

    .newsArticleSlide .col-md-6:first-child {
        display: none;
    }

    .newsArticleSlide {
        padding: 0px 0px 0px 0px;
    }
}

.navbarCss .navbar-nav .nav-link i.fa-solid.fa-bars-staggered {
    display: none;
}

.navbarCss .navbar-nav li.nav-item a.nav-link {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.bigdotUpiFooter p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    line-height: 14px;
    text-align: right;
}

.borderTopColor.borderTop {
    border-top: 1px solid !important;
    align-items: center;
}

.navbar.borderBottom {
    border-bottom: 1px solid #d4d4d4;

}

.mainSection .WebsiteSection:nth-child(1) {
    text-align: left;
}

.mainSection .WebsiteSection:nth-child(2) {
    text-align: right;
}

@media(max-width:767px) {
    .container .productThreePrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .productGallery ul#myTab {
        padding-bottom: 10px;
    }

    .productGallery .nav-tabs .nav-link {

        margin-bottom: 15px;
    }

    .navbar .megamenu {

        width: 100% !important;
        transform: initial;
    }

    .featuresList .iconText {
        margin-bottom: 15px;
    }

    .featuresList .iconText i {
        color: var(--SitePrimaryColor);
        font-size: 16px;
    }

    .plansSection .featuresList {
        display: block;
        font-size: 15px;
        color: #1a1a1a;
        margin-bottom: 30px !important;
        background-color: #ffc6b4;
        width: 100% !important;
        border-radius: 10px;
    }


    .container .productThreePrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    .container .productThreeBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productThreePrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .container .productFourPrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .container .productFourPrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    .container .productFourBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productFourPrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .container .productFivePrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .container .productFivePrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    .container .productFiveBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productFivePrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .container .productSixPrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .container .productSixPrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    body .orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(2) {
        border-top: 1px solid var(--SitePrimaryColor) !important;
        border-bottom: 1px solid var(--SitePrimaryColor) !important;
        border-right: 0px !important;
        border-left: 0px !important;
    }

    body .orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(5) {
        border: 0px !important;
    }

    body .orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(8) {
        border-bottom: 1px solid var(--SitePrimaryColor) !important;
        border-top: 1px solid var(--SitePrimaryColor) !important;
        border-right: 0px !important;
        border-left: 0px !important;
    }

    .container .productSixBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productSixPrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .container .productSevenPrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .container .productSevenPrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    .container .productSevenBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productSevenPrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .container .productEightPrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .container .productEightPrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    .container .productEightBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productEightPrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .container .productNinePrimaryBorder:nth-child(3) {
        border-radius: 0px;
    }

    .container .productNinePrimaryBorder:nth-child(5) {
        border-radius: 0px 0px 0px 10px;
    }

    .container .productNineBgPrimary {
        border-radius: 10px 10px 0px 0px;
    }

    .container .row.productNinePrimaryBorder {
        border-radius: 0px 0px 10px 10px;
    }

    .navbarCss .navbar-nav .nav-link i.fa-solid.fa-bars-staggered {
        display: block !important;
    }

    .purchaseModalVideo button.closeBtn {
        right: 0px !important;
        font-size: 25px !important;
        top: -35px !important;
    }

    .heroSection .mainSection {
        display: block !important;

    }
}



.orangeBackground .exploreLink {
    text-decoration: none;
    color: var(--SitePrimaryColor);
    font-size: 16px;
    display: block;
    font-weight: 500;
    z-index: 1;
    position: relative;
}

.orangeBackground .exploreLink:hover {
    text-decoration: underline;
}

.productGallery .nav-tabs .nav-link {
    margin-right: 20px;
    font-size: 16px;
    color: #fff;
    background-color: var(--SiteSecondaryColor);
    border-radius: 10px;
    color: var(--SitePrimaryColor);
}

.productGallery ul#myTab {
    border: 0px;
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
    padding-top: 15px;
}

.productGallery .nav-tabs .nav-link.active {
    border-bottom: 2px solid var(--SitePrimaryColor);
    border: 0px;
    background-color: var(--SitePrimaryColor);
    color: #fff;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0px;
    outline: initial;
}

.productGallery .productPreview {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
}

.productGallery .col-md-4:nth-child(1) .darkBlueBg {
    background-color: #EF1C71;
}

.productGallery .col-md-4:nth-child(2) .darkBlueBg {
    background-color: #EBAA28;
}

.productGallery .col-md-4:nth-child(3) .darkBlueBg {
    background-color: #1A9A2F;
}

.productGallery .col-md-4:nth-child(4) .darkBlueBg {
    background-color: #581308;
}

.productGallery .col-md-4:nth-child(5) .darkBlueBg {
    background-color: #E50724;
}

.productGallery .card.border-0.w-100 {
    border-radius: 10px;
    overflow: hidden;
}

.faqSection {
    padding: 30px 0;
}

.accordionItem .accordion-body {
    font-weight: 300;
    padding-top: 0px;
    font-size: clamp(12px, 1.1vw, 15px);
}

.faqSection .accordionButton {
    font-weight: 500;
    background-color: #fff;
    box-shadow: none !important;
    position: relative;
    color: var(--SitePrimaryColor);
    font-size: clamp(14px, 1.2vw, 18px);
}

/* Default icon (+) */
.faqSection .accordionButton::after {
    content: "+";
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-55%);
    color: var(--SitePrimaryColor);
    background-image: none !important;
}

/* Active state icon (-) */
.accordionButton:not(.collapsed)::after {
    content: "-";
}

.accordionItem {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #d9d9d9;
}

.accordionItem .accordionHeader {
    margin: 0px;
}

.orderingFooterSection {
    border-top: 2px dashed #bcbcbc;
    margin-top: 15px;
    padding: 15px 0;
}

.TermsAndConditions {
    text-align: right;
}

.TermsAndConditions a {
    color: #3a1593;
}

/* main css end here */

.BigDotPurchaseHeader {
    position: absolute;
    width: 100%;
    margin-top: 10px;
}

.container.header {
    background-color: #3b3b3b80;
    padding: 10px 20px;
    border-radius: 100px;
}

.container.header a.nav-link {
    color: #fff;
}

.BigDotPurchaseHeader .header a.navbar-brand img {
    width: 80px;
}

.LanguageSection span#headerLanguage {
    border-radius: 5px;
    border: 2px solid var(--SitePrimaryColor);
    background: var(--SitePrimaryColor);
    width: 60px;
    font-size: 16px;
    padding: 2px 4px;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}

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

.LanguageSection span#headerLanguage select#headerLanguage-dropdopwn {
    width: 60px;
    background-color: var(--SitePrimaryColor);
    border: 0px;
    color: #fff;
    cursor: pointer;
}

.heroSection {
    background-image: url("https://dkzxkcjlbnjui.cloudfront.net/uploads/media/images/purchasepage-herosection.jpg");
    background-size: cover;
    padding: 140px 0;
    color: white;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    background-position: center;
    align-items: center;
}

.heroSection .mainSection {
    display: flex;
    justify-content: space-between;
    margin: 40px 0px;
}



.mainSection .WebsiteSection p {
    margin-bottom: 5px !important;
    font-size: 16px;
}

.mainSection .WebsiteSection h3 {
    font-size: 40px;
    font-weight: 700;
}

.heroSection .searchBar .input-group {
    width: 100%;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(255, 102, 0, 0.7), 0 0 20px rgba(255, 102, 0, 0.5);
    border: 1px solid #f05a25;
}

.heroSection .searchBar input.form-control {
    padding: 12px;
}

/* .orangeBackground .row.borderSecondary {
    border-radius: 10px;
    overflow: hidden;
} */
.orangeBackground .row.borderSecondary {
    position: relative;
    border: 1px solid #ff5a1f;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 20px rgba(255, 90, 31, 0.4);
}

.orangeBackground .row.borderSecondary::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #ff5a1f;
    border-radius: 10px;
    opacity: 0.8;
    box-shadow: 0px 4px 4px rgb(255 90 31 / 77%);
}

.orangeBackground .col-12 .row.borderSecondary .col-md-6.col-lg-4.borderSecondary.p-lg-3.py-3 {
    border: 0px;
}

.orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(2) {
    border-right: 1px solid var(--SitePrimaryColor) !important;
    border-left: 1px solid var(--SitePrimaryColor) !important;
}

.orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(4) {
    border-top: 1px solid var(--SitePrimaryColor) !important;
    border-bottom: 1px solid var(--SitePrimaryColor) !important;
}

.orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(5) {
    border: 1px solid var(--SitePrimaryColor) !important;
}

.orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(6) {
    border-top: 1px solid var(--SitePrimaryColor) !important;
    border-bottom: 1px solid var(--SitePrimaryColor) !important;
}

.orangeBackground .col-12 .row.borderSecondary .col-lg-4.col-md-6:nth-child(8) {
    border-right: 1px solid var(--SitePrimaryColor) !important;
    border-left: 1px solid var(--SitePrimaryColor) !important;
}

#products .row.borderPrimary {
    position: relative;
    border: 1px solid #ff5a1f;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 20px rgba(255, 90, 31, 0.4);
}

#products .row.borderPrimary::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #ff5a1f;
    border-radius: 10px;
    opacity: 0.8;
    z-index: -1;
    box-shadow: 0px 4px 4px rgb(255 90 31 / 77%);
}

.col-12 .row.borderPrimary .col-lg-4.col-md-6.borderPrimary.p-lg-3.py-3 {
    border: 0px;
}

.col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(2) {
    border-right: 1px solid var(--SitePrimaryColor) !important;
    border-left: 1px solid var(--SitePrimaryColor) !important;
}

.col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(4) {
    border-top: 1px solid var(--SitePrimaryColor) !important;
    border-bottom: 1px solid var(--SitePrimaryColor) !important;
}

.col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(5) {
    border: 1px solid var(--SitePrimaryColor) !important;
}

.col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(6) {
    border-top: 1px solid var(--SitePrimaryColor) !important;
    border-bottom: 1px solid var(--SitePrimaryColor) !important;
}

.col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(8) {
    border-right: 1px solid var(--SitePrimaryColor) !important;
    border-left: 1px solid var(--SitePrimaryColor) !important;
}

.heroSection .searchBar .input-group i {
    position: absolute;
    right: 10px;
    background-color: #F05A25;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 100px;
    overflow: hidden;
    font-size: 15px;
}

.ProductPage {
    background: #3b3b3be0;
    border-radius: 10px;
    margin-top: 10px;
    max-height: 320px;
    padding: 15px;
    overflow-y: auto;
    height: auto;
    overflow-x: hidden;
}

.ProductPage ul {
    padding: 0px;
    margin: 0px;
}

.ProductPage ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

.ProductPage ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 5px 0px;
    border-bottom: 1px dashed;
    margin-bottom: 5px;
}

.seeHowBtn {
    background-color: #2c2b2ba8;
    color: white;
    border-radius: 100px;
    padding: 10px 15px;
    font-size: 18px;
    margin-top: 30px;
    border: 2px solid #f05a25;
    box-shadow: 0 0 10px rgba(255, 102, 0, 0.7),
        0 0 20px rgba(255, 102, 0, 0.5);
    transition: 0.3s;
}

.seeHowBtn:hover {
    background-color: #2c2b2ba8;

}

.servicesSection .serviceCard {
    background: #fff;
    padding: 20px 10px;
    text-align: center;
}

.servicesSection .row.m-0 {
    position: relative;
    border: 1px solid #ff5a1f;
    border-radius: 10px;
    padding: 4px;
    background: #fff;
    box-shadow: 0 0 20px rgba(255, 90, 31, 0.4);
}

.servicesSection .row.m-0::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #ff5a1f;
    border-radius: 10px;
    opacity: 0.8;
    z-index: -1;
    box-shadow: 0px 4px 4px rgb(255 90 31 / 77%);
}


.serviceIcon img {
    width: 50px;
    height: 50px;
}

.servicesSection .serviceCard h3 {
    font-size: 1.25rem;
    margin: 10px 0;
    color: #333;
}

.servicesSection .serviceCard p {
    font-size: 1rem;
    color: #666;
    margin-bottom: 20px;
}


.serviceCard .serviceActions .buyNowButton {
    background-color: var(--SitePrimaryColor);
    color: white;
    border: none;
    padding: 8px 40px;
    cursor: pointer;
    border-radius: 100px;
    font-size: 16px;
    margin-bottom: 20px;
}

.serviceCard .serviceActions .buyNowButton:hover {
    background-color: var(--SitePrimaryColor);
}

.serviceCard .serviceActions {
    text-align: center;
}

.serviceCard .serviceActions .exploreLink {
    text-decoration: none;
    color: var(--SitePrimaryColor);
    font-size: 16px;
    display: block;
}

.serviceCard .serviceActions .exploreLink:hover {
    text-decoration: underline;
}

.servicesSection .serviceCard.col-md-3:nth-child(2) {
    border-right: 1px solid var(--SitePrimaryColor);
    border-left: 1px solid var(--SitePrimaryColor);
}

.servicesSection .serviceCard.col-md-3:nth-child(3) {
    border-right: 1px solid var(--SitePrimaryColor);
}

/* Responsive design */
@media (max-width: 768px) {
    .servicesSection .serviceCard.col-md-3:nth-child(2) {
        border-top: 1px solid var(--SitePrimaryColor);
        border-bottom: 1px solid var(--SitePrimaryColor);
        border-right: 0px;
        border-left: 0px;
    }

    .servicesSection .serviceCard.col-md-3:nth-child(3) {
        border-right: 0px;
        border-bottom: 1px solid var(--SitePrimaryColor);
    }

    .servicesSection .row {
        margin: 0px;
    }

    .BigDotPurchaseHeader .container.header {
        z-index: 1;
        margin-right: 10px;
        margin-left: 10px;
    }

    .BigDotPurchaseHeader div#navbarNav {
        background: var(--SitePrimaryColor);
        padding: 10px;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 75px;
    }

    .BigDotPurchaseHeader span.navbar-toggler-icon {
        display: none;
    }

    .BigDotPurchaseHeader button.navbar-toggler {
        border-color: #fff;
        border: 0px;
    }

    .btnBrochure {
        margin-top: 15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .BigDotPurchaseHeader .container.header {
        background-color: #f05a25;
        border-radius: 0px;
        z-index: 1;
    }

    .BigDotPurchaseHeader button.navbar-toggler {
        border-color: #fff;
    }

    .BigDotPurchaseHeader span.navbar-toggler-icon {
        display: none;
    }
}

.LanguageSection button.dropdown-toggle.font16:active {
    border: 0px;
}


.planSection .product-bg-primary {
    background-color: var(--SitePrimaryColor);
}


.product-bg-primary {
    background-color: #2D4ED7;
}

.product-bg-primary:hover {
    background-color: #2D4ED7;
}

.product-primary-border {
    border: 2px solid #2D4ED7 !important;
}

.product-color {
    color: #2D4ED7 !important;
}

.planSection .product-color {
    color: var(--SitePrimaryColor) !important;
}

.product-primary-border2 {
    border: 1px solid #2D4ED7 !important;
}

.planSection .bottomBorder.w-20 {
    margin: 0 auto;
}

.startButton {
    background-color: var(--SitePrimaryColor);
    color: white;
    font-size: 16px;
    padding: 10px 35px;
    border: none;
    border-radius: 30px;
    margin: 0px 0px 40px 0px;
    transition: 0.5s;
}

.planCard p {
    text-align: left;
}

.startButton:hover {
    background-color: #3a1593;
}

.featuresList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    font-size: clamp(11px, 1.1vw, 16px);
    color: #1a1a1a;
    margin-bottom: 40px !important;
    background-color: #ffc6b4;
    width: 80%;
    margin: 0 auto;
    padding: 8px;
    border-radius: 100px;
}

.featuresList .iconText {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.featuresList .iconText i {
    color: var(--SitePrimaryColor);
    font-size: 18px;
}

.BuildYourPlanBtn button {
    border: 1px solid var(--SitePrimaryColor);
    padding: 10px 35px;
    font-size: 16px;
    border-radius: 100px;
    color: var(--SitePrimaryColor);
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    transition: 0.5s;
}

.BuildYourPlanBtn button:hover {
    background-color: var(--SitePrimaryColor);
    color: #fff;
}

.planSection {
    padding: 50px 0;
    background-color: #ffeee8;
    text-align: center;
}

.planCard {
    position: relative;
    background: #fff;
    color: #000;
    border-radius: 15px;
    padding: 30px 20px;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
    padding-bottom: 100px;
    text-align: left;
}

.planCard:hover {
    transform: translateY(-10px);
}

.planTitle {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

.planFeatures {
    margin: 15px 0;
    padding-left: 15px;
    height: 200px;
}

.planFeatures li {
    margin-bottom: 8px;
    font-size: 15px;
}

.planPrice {
    font-size: 35px;
    font-weight: 700;
    margin: 0px 0 10px;
    text-align: left;
}

.planPrice span {
    font-size: 16px;
    font-weight: 400;
}

.planCard .btnCart {
    background: var(--SitePrimaryColor);
    border: none;
    padding: 12px 20px;
    font-weight: 600;
    width: 90%;
    border-radius: 8px;
    transition: background 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    color: #fff;
}

.planCard .btnCart:hover {
    background: var(--SitePrimaryColor);
}

.exploreBanner {
    background: linear-gradient(90deg, #486aef, #2D4ED7);
    border: 2px solid #2D4ED7;
    border-radius: 10px;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    flex-wrap: wrap;
}

.exploreText {
    font-size: 16px;
    font-weight: 500;
}

.btnBrochure {
    background: #fff;
    color: #2D4ED7;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    padding: 6px 18px;
    border: none;
    transition: all 0.3s ease-in-out;
}

.btnBrochure:hover {
    background: #f1f1f1;
    color: #2D4ED7;
}

.vertical-bg-primary {
    background-color: var(--SitePrimaryColor);
    color: #fff;
}

.vertical-primary-border2 {
    border: 1px solid var(--SitePrimaryColor);
}

.vertical-color {
    color: var(--SitePrimaryColor);
}

.vertical-primary-border {
    border: 1px solid var(--SitePrimaryColor);
}

.vertical-primary-border:hover {
    border: 1px solid var(--SitePrimaryColor);
}


.vertical-bg-primary:hover {
    background-color: var(--SitePrimaryColor);
    color: #fff;
}

.verticalPages .serviceCard .serviceActions .buyNowButton {
    background-color: #3a1593;
    padding: 8px 50px;
    border-radius: 100px;
}

.verticalPages.servicesSection .row {
    border: 1px solid #3a1593
}

.verticalPages .serviceCard .serviceActions .exploreLink {
    color: #3a1593;
}

.verticalPages.servicesSection .serviceCard {
    border-right: 1px solid #3a1593;
}

.verticalPages.servicesSection .serviceCard:last-child {
    border-right: 0px;
}

.servicesSection.verticalPages.py-4 .website-bg-primary {
    background: #3a1593 !important;
    color: white !important;
}


.verticalProduct .serviceCard .serviceActions .buyNowButton {
    padding: 10px 50px;
    border-radius: 100px;
}

.verticalProduct.servicesSection .serviceCard {
    border-right: 1px solid var(--SitePrimaryColor);
}

.verticalProduct.servicesSection .serviceCard:last-child {
    border-right: 0px;
}

.verticalPageOne.exploreBanner {
    background: linear-gradient(90deg, var(--SitePrimaryColor), #f86e70);
    border: 2px solid var(--SitePrimaryColor);
}

.verticalPageOne .btnBrochure {
    color: var(--SitePrimaryColor);
}

@media(max-width:767px) {
    .verticalPages.servicesSection .serviceCard {
        border-bottom: 1px solid #3a1593;
    }

    .productGallery .col-md-4.mt-4.mt-lg-4.d-flex {
        margin-top: 0px !important;
        margin-bottom: 15px;
    }

    .col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(2) {
        border-right: 0px !important;
        border-left: 0px !important;
        border-top: 1px solid var(--SitePrimaryColor) !important;
        border-bottom: 1px solid var(--SitePrimaryColor) !important;
    }

    .col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(8) {
        border-right: 0px !important;
        border-left: 0px !important;
        border-top: 1px solid var(--SitePrimaryColor) !important;
        border-bottom: 1px solid var(--SitePrimaryColor) !important;
    }

    .col-12 .row.borderPrimary .col-lg-4.col-md-6:nth-child(5) {
        border: 0px !important;
    }

    .BigDotPurchaseHeader nav.navbar {
        padding: 0px;
    }

    .seeHowBtn {
        margin-top: 0px;
    }

    .verticalPages.servicesSection .serviceCard:last-child {
        border-bottom: 0px;
    }

    .verticalProduct.servicesSection .serviceCard {
        border-bottom: 1px solid var(--SitePrimaryColor);
    }

    .verticalProduct.servicesSection .serviceCard:last-child {
        border-bottom: 0px;
    }

    .productGallery .productPreview {
        height: 180px;
    }

    .verticalProduct .serviceCard .serviceActions .buyNowButton {
        padding: 8px 40px !important;
    }

    .getEssentialBtn {
        margin-top: 15px;
    }
}

.sellAnywhereBeauty {
    background-color: #FFEEE8;
}

.marketingText {
    font-size: 18px;
    font-weight: bold;
    color: #4B2E83;
    /* purple */
    display: flex;
    align-items: center;
    gap: 10px;
}

.marketingText .dot {
    height: 8px;
    width: 8px;
    background-color: #F25C05;
    /* orange-red */
    border-radius: 50%;
    display: inline-block;
}

.getEssentialBtn {
    text-align: center;
    width: 100%;
    background-color: #3A1593;
    border-radius: 100px;
    color: #fff;
    padding: 10px;
}

.getEssentialBtn:hover {
    background-color: #3A1593;
    color: #fff;
}

.bigdotYourCard {
    padding: 10px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
}

.btnCardSubmit a.d-block {
    width: 100%;
    background: #3e31cf;
    padding: 8px;
    font-size: clamp(12px, 1vw, 15px);
    font-weight: 500;
    color: #fff !important;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
}

.getOffer {
    background: #ffa942;
    padding: 15px 10px;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 8px;
}

.getOffer i {
    font-size: 30px;
    margin-right: 15px;
}

.selectedPlan .planCard {
    padding-bottom: 30px;
}

.changePlanButton {
    width: 100%;
    padding: 10px;
    border: 0px;
    background: linear-gradient(90deg, #f26a21, #f8a73a);
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
}

.selectedPlan .planCard {
    padding-bottom: 40px;
}

.exploreBanner.secondaryBg3 {
    background: #F05A25;
    border: 2px solid #F05A25;
}

.exploreBanner.secondaryBg3 .btnBrochure {
    color: #F05A25;
}

/* Product page 3 theme css start here */

section#plans .productThreeColor {
    color: var(--SitePrimaryColor);
}

section#plans .productThreeBgPrimary {
    background-color: var(--SitePrimaryColor);
    border-radius: 10px 0px 0px 10px;
}


.productThreeColor {
    color: #2ECC71;
}

.productThreeBgPrimary {
    background-color: #2ECC71;
    border-radius: 10px 0px 0px 10px;
}

.productThreePrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productThreePrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productThreePrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.productThreeBgPrimary:hover {
    background-color: #2ECC71;
}

.border3BottomSolid {
    border-bottom: 2px solid #2ECC71;
    text-decoration: none;
}

.productThreePrimaryBorder {
    border: 1px solid #2ECC71;
}

.productThreePrimaryBorder:hover {
    border: 1px solid #2ECC71;
}

.exploreBanner.productPageThree {
    background: linear-gradient(90deg, #58bc82, #2ECC71);
    border: 2px solid #2ECC71;

}

.exploreBanner.productPageThree .btnBrochure {
    color: #2ECC71;
}

/* Product page 3 theme css end here */


/* Product page 4 theme css start here */

.planSection .productFourColor {
    color: var(--SitePrimaryColor);
}

.planSection .productFourBgPrimary {
    background-color: var(--SitePrimaryColor);
    border-radius: 10px 0px 0px 10px;
}

.productFourColor {
    color: #009688;
}

.productFourBgPrimary {
    background-color: #009688;
    border-radius: 10px 0px 0px 10px;
}

.productFourPrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productFourPrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productFourPrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.productFourBgPrimary:hover {
    background-color: #009688;
}

.border4BottomSolid {
    border-bottom: 2px solid #009688;
    text-decoration: none;
}

.productFourPrimaryBorder {
    border: 1px solid #009688;
}

.productFourPrimaryBorder:hover {
    border: 1px solid #009688;
}

.exploreBanner.productPageFour {
    background: linear-gradient(90deg, #51b1a8, #009688);
    border: 2px solid #009688;

}

.exploreBanner.productPageFour .btnBrochure {
    color: #009688;
}

/* Product page 4 theme css end here */

/* Product page 5 theme css start  here */

.planSection .productFiveColor {
    color: var(--SitePrimaryColor);
}

.planSection .productFiveBgPrimary {
    background-color: var(--SitePrimaryColor);
    border-radius: 10px 0px 0px 10px;
}

.productFiveColor {
    color: #455A64;
}

.productFiveBgPrimary {
    background-color: #455A64;
    border-radius: 10px 0px 0px 10px;
}

.productFivePrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productFivePrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productFivePrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.productFiveBgPrimary:hover {
    background-color: #455A64;
}

.border5BottomSolid {
    border-bottom: 2px solid #455A64;
    text-decoration: none;
}

.productFivePrimaryBorder {
    border: 1px solid #455A64;
}

.productFivePrimaryBorder:hover {
    border: 1px solid #455A64;
}

.exploreBanner.productPageFive {
    background: linear-gradient(90deg, #5b6e76, #455A64);
    border: 2px solid #455A64;

}

.exploreBanner.productPageFive .btnBrochure {
    color: #455A64;
}

/* Product page 5 theme css end here */

/* Product page 6 theme css start  here */

.planSection .productSixColor {
    color: var(--SitePrimaryColor);
}

.planSection .productSixBgPrimary {
    background-color: var(--SitePrimaryColor);
    border-radius: 10px 0px 0px 10px;
}

.productSixColor {
    color: #0D47A1;
}

.productSixBgPrimary {
    background-color: #0D47A1;
    border-radius: 10px 0px 0px 10px;
}

.productSixPrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productSixPrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productSixPrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.productSixBgPrimary:hover {
    background-color: #0D47A1;
}

.border6BottomSolid {
    border-bottom: 2px solid #0D47A1;
    text-decoration: none;
}

.productSixPrimaryBorder {
    border: 1px solid #0D47A1;
}

.productSixPrimaryBorder:hover {
    border: 1px solid #0D47A1;
}

.exploreBanner.productPageSix {
    background: linear-gradient(90deg, #3668b3, #0D47A1);
    border: 2px solid #0D47A1;

}

.exploreBanner.productPageSix .btnBrochure {
    color: #0D47A1;
}

/* Product page 6 theme css end here */

/* Product page 7 theme css start  here */
.planSection .productSevenColor {
    color: var(--SitePrimaryColor);
}

.planSection .productSevenBgPrimary {
    background-color: var(--SitePrimaryColor);
    border-radius: 10px 0px 0px 10px;
}

.productSevenColor {
    color: #51A2FD;
}

.productSevenBgPrimary {
    background-color: #51A2FD;
    border-radius: 10px 0px 0px 10px;
}

.productSevenPrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productSevenPrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productSevenPrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.productSevenBgPrimary:hover {
    background-color: #51A2FD;
}

.border7BottomSolid {
    border-bottom: 2px solid #51A2FD;
    text-decoration: none;
}

.productSevenPrimaryBorder {
    border: 1px solid #51A2FD;
}

.productSevenPrimaryBorder:hover {
    border: 1px solid #51A2FD;
}

.exploreBanner.productPageSeven {
    background: linear-gradient(90deg, #51A2FD, #51A2FD);
    border: 2px solid #51A2FD;

}

.exploreBanner.productPageSeven .btnBrochure {
    color: #51A2FD;
}

/* Product page 7 theme css end here */


/* Product page 8 theme css start  here */

.productEightColor {
    color: #D32F2F;
}

.productEightBgPrimary {
    background-color: #D32F2F;
    border-radius: 10px 0px 0px 10px;
}

.productEightPrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productEightPrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productEightPrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.productEightBgPrimary:hover {
    background-color: #D32F2F;
}

.border8BottomSolid {
    border-bottom: 2px solid #D32F2F;
    text-decoration: none;
}

.productEightPrimaryBorder {
    border: 1px solid #D32F2F;
}

.productEightPrimaryBorder:hover {
    border: 1px solid #D32F2F;
}

.exploreBanner.productPageEight {
    background: linear-gradient(90deg, #ce4747, #D32F2F);
    border: 2px solid #D32F2F;

}

.exploreBanner.productPageEight .btnBrochure {
    color: #D32F2F;
}

/* Product page 8 theme css end here */


/* Product page 9 theme css start  here */
.planSection .productNineColor {
    color: var(--SitePrimaryColor);
}

.planSection .productNineBgPrimary {
    background-color: var(--SitePrimaryColor);
    border-radius: 10px 0px 0px 10px;
}

.productNineColor {
    color: #FFC107;
}

.productNineBgPrimary {
    background-color: #FFC107;
    border-radius: 10px 0px 0px 10px;
}

.productNineBgPrimary:hover {
    background-color: #FFC107;
}

.productNinePrimaryBorder:nth-child(3) {
    border-radius: 0px 10px 0px 0px;
}

.productNinePrimaryBorder:nth-child(6) {
    border-radius: 0px 0px 10px 0px;
}

.row.productNinePrimaryBorder {
    border-radius: 0px 10px 10px 0px;
}

.border9BottomSolid {
    border-bottom: 2px solid #FFC107;
    text-decoration: none;
}

.productNinePrimaryBorder {
    border: 1px solid #FFC107;
}

.productNinePrimaryBorder:hover {
    border: 1px solid #FFC107;
}

.exploreBanner.productPageNine {
    background: linear-gradient(90deg, #f7d15f, #FFC107);
    border: 2px solid #FFC107;

}

.exploreBanner.productPageNine .btnBrochure {
    color: #FFC107;
}

/* Product page 9 theme css end here */


/* vertical page 1 theme css start here */

.marketingText.verticalDotOne {
    margin: 10px 0px;
    color: var(--SitePrimaryColor);
}

.marketingText.verticalDotOne .dot {
    background-color: #000;
}

.sellAnywhereBeauty.featuredVerticalPgae {
    background-color: #FFF4F8;
}

/* vertical page 1 theme css end here */


/* vertical page 2 theme css start here */

.marketingText.verticalDotTwo {
    margin: 10px 0px;
    color: #EF1C71;
}

.marketingText.verticalDotTwo .dot {
    background-color: #000;
}

.verticalTwoColor {
    color: #EF1C71;
}

.verticalTwoBgPrimary {
    background-color: #EF1C71;
    color: #fff;
}

.verticalTwoBgPrimary:hover {
    background-color: #EF1C71;
}

.verticalTwoPrimaryBorder {
    border: 1px solid #EF1C71;
}

.verticalTwoPrimaryBorder:hover {
    border: 1px solid #EF1C71;
}

.exploreBanner.verticalPageTwo {
    background: linear-gradient(90deg, #C0004D, #EF1C71);
    border: 2px solid #C0004D;
}

.verticalPageTwo .btnBrochure {
    color: #C0004D;
}

/* vertical page 3 theme css end here */


.marketingText.verticalDotThree {
    margin: 10px 0px;
    color: #2196F3;
}

.marketingText.verticalDotThree .dot {
    background-color: #000;
}

.verticalThreeColor {
    color: #2196F3;
}

.verticalThreeBgPrimary {
    background-color: #2196F3;
    color: #fff;
}

.verticalThreeBgPrimary:hover {
    background-color: #2196F3;
}

.verticalThreePrimaryBorder {
    border: 1px solid #2196F3;
}

.verticalThreePrimaryBorder:hover {
    border: 1px solid #2196F3;
}

.exploreBanner.verticalPagethree {
    background: linear-gradient(90deg, #2196F3, #69b5f3);
    border: 2px solid #2196F3;
}

.verticalPagethree .btnBrochure {
    color: #2196F3;
}

/* vertical page 3 theme css end here */

/* vertical page 4 theme css end here */


.marketingText.verticalDotFour {
    margin: 10px 0px;
    color: #FFB74D;
}

.marketingText.verticalDotFour .dot {
    background-color: #000;
}

.verticalFourColor {
    color: #FFB74D;
}

.verticalFourBgPrimary {
    background-color: #FFB74D;
    color: #fff;
}

.verticalFourBgPrimary:hover {
    background-color: #FFB74D;
}

.verticalFourPrimaryBorder {
    border: 1px solid #FFB74D;
}

.verticalFourPrimaryBorder:hover {
    border: 1px solid #FFB74D;
}

.exploreBanner.verticalPageFour {
    background: linear-gradient(90deg, #FFB74D, #eab360);
    border: 2px solid #FFB74D;
}

.verticalPageFour .btnBrochure {
    color: #FFB74D;
}

/* vertical page 4 theme css end here */


/* vertical page 5 theme css end here */


.marketingText.verticalPageFive {
    margin: 10px 0px;
    color: #CE93D8;
}

.marketingText.verticalPageFive .dot {
    background-color: #000;
}

.verticalFiveColor {
    color: #CE93D8;
}

.verticalFiveBgPrimary {
    background-color: #CE93D8;
    color: #fff;
}

.verticalFiveBgPrimary:hover {
    background-color: #CE93D8;
}

.verticalFivePrimaryBorder {
    border: 1px solid #CE93D8;
}

.verticalFivePrimaryBorder:hover {
    border: 1px solid #CE93D8;
}

.exploreBanner.verticalPageFive {
    background: linear-gradient(90deg, #CE93D8, #e0b1e8);
    border: 2px solid #CE93D8;
}

.verticalPageFive .btnBrochure {
    color: #CE93D8;
}

/* vertical page 5 theme css end here */



/* vertical page 6 theme css end here */


.marketingText.verticalDotSix {
    margin: 10px 0px;
    color: #8D6E63;
}

.marketingText.verticalDotSix .dot {
    background-color: #000;
}

.verticalSixColor {
    color: #8D6E63;
}

.verticalSixBgPrimary {
    background-color: #8D6E63;
    color: #fff;
}

.verticalSixBgPrimary:hover {
    background-color: #8D6E63;
}

.verticalSixPrimaryBorder {
    border: 1px solid #8D6E63;
}

.verticalSixPrimaryBorder:hover {
    border: 1px solid #8D6E63;
}

.exploreBanner.verticalPageSix {
    background: linear-gradient(90deg, #8D6E63, #d2a290);
    border: 2px solid #8D6E63;
}

.verticalPageSix .btnBrochure {
    color: #8D6E63;
}

/* vertical page 6 theme css end here */


/* vertical page 7 theme css end here */


.marketingText.verticalDotSeven {
    margin: 10px 0px;
    color: #66BB6A;
}

.marketingText.verticalDotSeven .dot {
    background-color: #000;
}

.verticalSevenColor {
    color: #66BB6A;
}

.verticalSevenBgPrimary {
    background-color: #66BB6A;
    color: #fff;
}

.verticalSevenBgPrimary:hover {
    background-color: #66BB6A;
}

.verticalSevenPrimaryBorder {
    border: 1px solid #66BB6A;
}

.verticalSevenPrimaryBorder:hover {
    border: 1px solid #66BB6A;
}

.exploreBanner.verticalPageSeven {
    background: linear-gradient(90deg, #66BB6A, #a6faaa);
    border: 2px solid #66BB6A;
}

.verticalPageSeven .btnBrochure {
    color: #66BB6A;
}

/* vertical page 7 theme css end here */


/* vertical page 8 theme css end here */


.marketingText.verticalDotEight {
    margin: 10px 0px;
    color: #9E9E9E;
}

.marketingText.verticalDotEight .dot {
    background-color: #000;
}

.verticalEightColor {
    color: #9E9E9E;
}

.verticalEightBgPrimary {
    background-color: #9E9E9E;
    color: #fff;
}

.verticalEightBgPrimary:hover {
    background-color: #9E9E9E;
}

.verticalEightPrimaryBorder {
    border: 1px solid #9E9E9E;
}

.verticalEightPrimaryBorder:hover {
    border: 1px solid #9E9E9E;
}

.exploreBanner.verticalPageEight {
    background: linear-gradient(90deg, #9E9E9E, #c3c1c1);
    border: 2px solid #9E9E9E;
}

.verticalPageEight .btnBrochure {
    color: #9E9E9E;
}

/* vertical page 8 theme css end here */


/* vertical page 9 theme css end here */

.marketingText.verticalDotNine {
    margin: 10px 0px;
    color: #2E7D32;
}

.marketingText.verticalDotNine .dot {
    background-color: #000;
}

.verticalNineColor {
    color: #2E7D32;
}

.verticalNineBgPrimary {
    background-color: #2E7D32;
    color: #fff;
}

.verticalNineBgPrimary:hover {
    background-color: #2E7D32;
}

.verticalNinePrimaryBorder {
    border: 1px solid #2E7D32;
}

.verticalNinePrimaryBorder:hover {
    border: 1px solid #2E7D32;
}

.exploreBanner.verticalPageNine {
    background: linear-gradient(90deg, #2E7D32, #4f9b53);
    border: 2px solid #2E7D32;
}

.verticalPageNine .btnBrochure {
    color: #2E7D32;
}

/* vertical page 9 theme css end here */


/* vertical page 10 theme css end here */

.marketingText.verticalDotTen {
    margin: 10px 0px;
    color: #00ACC1;
}

.marketingText.verticalDotTen .dot {
    background-color: #000;
}

.verticalTenColor {
    color: #00ACC1;
}

.verticalTenBgPrimary {
    background-color: #00ACC1;
    color: #fff;
}

.verticalTenBgPrimary:hover {
    background-color: #00ACC1;
}

.verticalTenPrimaryBorder {
    border: 1px solid #00ACC1;
}

.verticalTenPrimaryBorder:hover {
    border: 1px solid #00ACC1;
}

.exploreBanner.verticalPageTen {
    background: linear-gradient(90deg, #00ACC1, #3cbacb);
    border: 2px solid #00ACC1;
}

.verticalPageTen .btnBrochure {
    color: #00ACC1;
}

/* vertical page 10 theme css end here */


/* vertical page 11 theme css end here */

.marketingText.verticalDotEleven {
    margin: 10px 0px;
    color: #4DB6AC;
}

.marketingText.verticalDotEleven .dot {
    background-color: #000;
}

.verticalElevenColor {
    color: #4DB6AC;
}

.verticalElevenBgPrimary {
    background-color: #4DB6AC;
    color: #fff;
}

.verticalElevenBgPrimary:hover {
    background-color: #4DB6AC;
}

.verticalElevenPrimaryBorder {
    border: 1px solid #4DB6AC;
}

.verticalElevenPrimaryBorder:hover {
    border: 1px solid #4DB6AC;
}

.exploreBanner.verticalPageEleven {
    background: linear-gradient(90deg, #4DB6AC, #71d1c7);
    border: 2px solid #4DB6AC;
}

.verticalPageEleven .btnBrochure {
    color: #4DB6AC;
}

/* vertical page 11 theme css end here */


/* vertical page 12 theme css end here */

.marketingText.verticalDotTwelve {
    margin: 10px 0px;
    color: #D97706;
}

.marketingText.verticalDotTwelve .dot {
    background-color: #000;
}

.verticalTwelveColor {
    color: #D97706;
}

.verticalTwelveBgPrimary {
    background-color: #D97706;
    color: #fff;
}

.verticalTwelveBgPrimary:hover {
    background-color: #D97706;
}

.verticalTwelvePrimaryBorder {
    border: 1px solid #D97706;
}

.verticalTwelvePrimaryBorder:hover {
    border: 1px solid #D97706;
}

.exploreBanner.verticalPageTwelve {
    background: linear-gradient(90deg, #D97706, #f29a36);
    border: 2px solid #D97706;
}

.verticalPageTwelve .btnBrochure {
    color: #D97706;
}

/* vertical page 12 theme css end here */

.flip {
    animation: flip 1.5s ease-in-out;
}

@keyframes flip {
    0% {
        transform: rotateX(90deg);
        opacity: 0;
    }

    50% {
        transform: rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

.purchaseModalVideo {
    position: relative;
}

.purchaseModalVideo button.closeBtn {
    position: absolute;
    z-index: 1;
    border: 0px;
    right: -35px;
    font-size: 30px;
    background-color: transparent;
    color: #fff;
    top: -7px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}

.accordionItem .accordion-body a {
    color: var(--SitePrimaryColor);
}

::-webkit-scrollbar-thumb {
    background: var(--SitePrimaryColor) !important;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.BigDotPurchaseHeader .dropdown-menu.show {
    left: auto;
}

.trustedSection {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.trustedSection .avatarGroup {
    display: flex;
    align-items: center;
}

.trustedSection .avatarGroup img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ffff;
    margin-left: -10px;
}

.trustedSection .avatarGroup img:first-child {
    margin-left: 0;
}

.trustedSection .trustedText {
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* header color the css start here */

.BigDotPurchaseHeader.dbcHeader {
    position: relative;
}

.BigDotPurchaseHeader.dbcHeader .header {
    background-color: #2D4ED7;
}

.BigDotPurchaseHeader.websiteHeader {
    position: relative;
}

.BigDotPurchaseHeader.websiteHeader .header {
    background-color: var(--SitePrimaryColor);
}

.BigDotPurchaseHeader.ecommerceHeader {
    position: relative;
}

.BigDotPurchaseHeader.ecommerceHeader .header {
    background-color: #2ECC71;
}

.BigDotPurchaseHeader.bookingHeader {
    position: relative;
}

.BigDotPurchaseHeader.bookingHeader .header {
    background-color: #009688;
}

.BigDotPurchaseHeader.invoicingHeader {
    position: relative;
}

.BigDotPurchaseHeader.invoicingHeader .header {
    background-color: #455A64;
}

.BigDotPurchaseHeader.engagerHeader {
    position: relative;
}

.BigDotPurchaseHeader.engagerHeader .header {
    background-color: #0D47A1;
}

.BigDotPurchaseHeader.accountingHeader {
    position: relative;
}

.BigDotPurchaseHeader.accountingHeader .header {
    background-color: #51A2FD;
}

.BigDotPurchaseHeader.EpaymentsHeader {
    position: relative;
}

.BigDotPurchaseHeader.EpaymentsHeader .header {
    background-color: #D32F2F;
}

.BigDotPurchaseHeader.marketplaceHeader {
    position: relative;
}

.BigDotPurchaseHeader.marketplaceHeader .header {
    background-color: #FFC107;
}

/* header color the css start here */

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 144dpi) {
    .container.header a.nav-link {
        color: #fff;
        font-size: 14px;
    }

    .plansSection .featuresList {
        width: 90%;
    }

    .BigDotPurchaseHeader .header a.navbar-brand img {
        width: 60px;
    }

    .LanguageSection span#headerLanguage {
        font-size: 14px;
        padding: 0px 4px;
    }

    button.btn.text-white.dropdown-toggle {
        font-size: 14px;
    }

    .container.header {
        background-color: #3b3b3b80;
        padding: 5px 20px;
        border-radius: 100px;
    }

    .heroSection {
        padding: 100px 0;
    }

    .mainSection .WebsiteSection h3 {
        font-size: 30px;
        font-weight: 700;
    }

    .heroSection .searchBar .input-group i {
        right: 6px;
        padding: 8px;
        font-size: 12px;
    }

    .seeHowBtn {
        padding: 8px 15px;
        font-size: 14px;
        margin-top: 0px;
    }

    .trustedSection .avatarGroup img {
        width: 25px;
        height: 25px;
    }

    .heroSection .searchBar input.form-control {
        padding: 8px;
        font-size: 14px;
    }

    .trustedSection {
        margin-top: 35px;
    }

    .trustedSection .trustedText {
        font-size: 14px;
    }

    .ProductPage ul li {
        padding: 3px 0px;
        margin-bottom: 5px;
    }

    .ProductPage ul li a {
        font-size: 12px;
    }

    .font16 {
        font-size: 14px;
        line-height: 20px;
    }

    .font20 {
        font-size: 16px;
        line-height: 22px;
    }

    .servicesSection .serviceCard h3 {
        font-size: 16px;
    }

    .servicesSection .serviceCard p {
        font-size: 14px;
    }

    .serviceCard .serviceActions .buyNowButton {
        padding: 5px 40px;
        font-size: 15px;
    }
}

.sellAnywhereBeauty.accountingFeatured {
    background-color: #edf5fe;
}

.sellAnywhereBeauty.bookingFeatured {
    background-color: #e5f4f3;
}

.sellAnywhereBeauty.my-4.digitalBusinessCardFeatured {
    background-color: #dfe5ff;
}

.sellAnywhereBeauty.my-4.ecommerceFeatured {
    background-color: #ddf7e8;
}

.sellAnywhereBeauty.my-4.einvoicingFeatured {
    background-color: #eceeef;
}

.sellAnywhereBeauty.my-4.engagerFeatured {
    background-color: #ebedff;
}

.sellAnywhereBeauty.my-4.marketplacePromotionFeatured {
    background-color: #fff8e6;
}

.sellAnywhereBeauty.my-4.websiteFeatured {
    background-color: #ffeee8;
}

.LanguageBox {
    font-size: 15px;
    padding: 5px;
    width: 90px;
    margin-left: 10px;
    border: 2px solid var(--SitePrimaryColor);
    border-radius: 5px;
    cursor: pointer;
}

.planLanguage {
    display: inline-block;
    margin-bottom: 50px;
}

.verticalPages.servicesSection .row.m-0::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #3a1593;
    border-radius: 10px;
    opacity: 0.8;
    z-index: -1;
    box-shadow: 0px 4px 4px #3a1593;
}

.verticalPages.servicesSection .row.m-0 {
    position: relative;
    border: 1px solid #3a1593;
    border-radius: 10px;
    padding: 4px;
    background: #fff;
    box-shadow: 0 0 20px #3a1593;
}

.verticalPages.servicesSection .serviceCard.col-md-3:nth-child(2) {
    border-right: 1px solid #3a1593;
    border-left: 1px solid #3a1593;
}

.verticalPages.servicesSection .serviceCard.col-md-3:nth-child(3) {
    border-right: 1px solid #3a1593;
}

.BigDotPurchaseHeader.automobilesHeader {
    position: relative;
}

.BigDotPurchaseHeader.automobilesHeader .header {
    background-color: #9e9e9e;
}

.BigDotPurchaseHeader.bakeryHeader {
    position: relative;
}

.BigDotPurchaseHeader.bakeryHeader .header {
    background-color: #8d6e63;
}


.BigDotPurchaseHeader.beautyspaHeader .header {
    background-color: #ef1c71;
}

.BigDotPurchaseHeader.beautyspaHeader {
    position: relative;
}

.BigDotPurchaseHeader.doctorsHeader .header {
    background-color: #2196f3;
}

.BigDotPurchaseHeader.doctorsHeader {
    position: relative;
}

.BigDotPurchaseHeader.giftflowersHeader .header {
    background-color: #ce93d8;
}

.BigDotPurchaseHeader.giftflowersHeader {
    position: relative;
}

.BigDotPurchaseHeader.hotelsHeader .header {
    background-color: #2e7d32;
}

.BigDotPurchaseHeader.hotelsHeader {
    position: relative;
}

.BigDotPurchaseHeader.localservicesHeader .header {
    background-color: #4db6ac;
}

.BigDotPurchaseHeader.localservicesHeader {
    position: relative;
}

.BigDotPurchaseHeader.realestateHeader .header {
    background-color: #d97706;
}

.BigDotPurchaseHeader.realestateHeader {
    position: relative;
}

.BigDotPurchaseHeader.restaurantsHeader .header {
    background: var(--SitePrimaryColor);
}

.BigDotPurchaseHeader.restaurantsHeader {
    position: relative;
}

.BigDotPurchaseHeader.schoolsHeader .header {
    background-color: #66bb6a;
}

.BigDotPurchaseHeader.schoolsHeader {
    position: relative;
}

.tourtravelsHeader .header {
    background: #00acc1;
}

.BigDotPurchaseHeader.tourtravelsHeader {
    position: relative;
}

.BigDotPurchaseHeader.tutorsHeader .header {
    background-color: #ffb74d;
}

.BigDotPurchaseHeader.tutorsHeader {
    position: relative;
}

.checkBelowBtn {
    background-color: #ffd9cd;
    font-size: 16px;
    margin-left: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    color: var(--SitePrimaryColor);
}

img.arrowBottom {
    margin-left: 5px;
    padding-top: 40px;
    width: 50px;
}

p#headerCartwrapper {
    position: relative;
    margin: 0px 15px 0px;
}

#cartCountIcon {
    right: -15px;
    top: -10px;
    background: #fff;
    color: #000;
}
.mat-mdc-text-field-wrapper {
    height: 45px;
    border-radius: 10px;
}