@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: #f9882e;
    --primary-bizcard: #845fb0;
    --primary-website: #f15a25;
    --secondary-website: #ffece4;
    --primary-invoicing: #ff735c;
    --secondary-invoicing: #ffe7e4;
    --primary-engager: #f15a25;
    --secondary-engager: #ffeeef;
    --primary-accounting: #16b6aa;
    --secondary-accounting: #ddfffd;
    --primary-marketing: #f15a25;
    --secondary-marketing: #ffedf4;
    --primary-epayment: #ff735c;
    --secondary-epayment: #ffe7e4;
}

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

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

.primaryBg,
.primaryBg:hover {
    background-color: #e53825;
    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: #e53825;
    color: #fff;
}

.teritaryColor {
    color: #170b9c;
}

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

.bookingPrimary {
    color: #f15a25;
}

.bizcardPrimary {
    color: #845fb0;
}

.blackColor1 {
    color: #212121;
}

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

.blueDark {
    background-color: #000080;
}

.blueDarkText {
    color: #000080;
}

.secondaryBg3 {
    background-color: #f15a25;
}

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

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

.yellowBg1 {
    background-color: #ebaa28;
}

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

.orangeBg,
.orangeBg:hover {
    background-color: #f15a25;
}

.secondaryColor {
    color: #f15a25;
}

.orangeColor {
    color: #f15a25;
}

.secondaryColor3 {
    color: #f15a25;
}

.secondaryColor1 {
    color: #f9882e;
}

.secondaryColor2,
.secondaryColor2:hover {
    color: #f9892e;
}

.blackColor2 {
    color: #303030;
}

.secondaryBg1 {
    background-color: #f9882e;
}

.pinkBg,
.pinkBg:hover {
    background-color: #e53825;
}

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

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

.border2Top {
    border-top: 2px solid #e53825;
}

.border2Right {
    border-right: 2px solid #e53825;
}

.border2Bottom {
    border-bottom: 2px solid #e53825;
}

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

.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: #e53825 !important;
}

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

.border-secondary {
    border-color: #f87a34 !important;
}

.primaryBorder2,
.primaryBorder2:hover {
    border: 2px solid #3e31cf;
}

.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 {
    width: 16.6%;
}

.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: #f15a25;
    font-weight: 700;
    border-bottom: 1px dashed #f15a25;
}

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

.headerLogo {
    width: 125px;
}