:root {
    --primary: #005E54;
    --secondary: #15B881;
    --tertiary: #F2FFFA;
    --white-alpha: rgba(255, 255, 255, 0.2);
    --account-success: #219653;
    --dropdownmenu-bg-color: #f7f7f7;
    --border-bg: #eee;
    --border-insta-primary: #15b881;
    --sunset-orange: #fe5f55;
    --teal-green: #005e54;
    --crayola-green: #11bf85;
    --v-tooltip-left: 50%;
    --v-tooltip-top: 0%;
    --v-tooltip-translate: translate(-50%, -110%);
    --v-tooltip-left-offset: 0px;
    --v-tooltip-top-offset: 0px;
    --v-tooltip-width: max-content;
    --v-tooltip-background-color: #000000;
    --v-tooltip-color: #ffffff;
    --v-tooltip-border-radius: 0.4rem;
    --v-tooltip-padding: 0.6em;
    --v-tooltip-font-size: 0.8rem;
    --v-tooltip-border: none;
    --v-tooltip-box-shadow: none;
    --v-tooltip-transition-duration: 0.25s;
    --v-tooltip-transition-delay: 0.3s;
    --v-tooltip-transition-timing-function: ease;
    --v-tooltip-arrow-display: none;
    --v-tooltip-arrow-border-color: var(--v-tooltip-background-color) transparent transparent transparent;
    --v-tooltip-arrow-top: calc(var(--v-tooltip-top) - var(--v-tooltip-top-offset) + 8px);
    --v-tooltip-arrow-left: calc(var(--v-tooltip-left) - var(--v-tooltip-left-offset));
}

/**navigation*/
.wp-navigation a {
    color: #fff !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.wp-navigation a.active {
    background: #4338ca;
}

.wp-site-modal {
    background: linear-gradient(180deg, #f9f8f8 0%, #ffffff 100%);
}

/** Colors **/
.bg-insta-primary-dark {
    background: #15b881;
}

.bg-insta-primary {
    background: #15b881;
}

.border-insta-primary {
    border-color: #15b881;
}

.bg-insta-secondary {
    background: #ff7d4b;
}

.text-insta-primary {
    color: #15b881;
}

.text-insta-secondary-2 {
    color: #55b785;
}

.text-insta-secondary {
    color: #ff7d4b;
}

.launch_text {
    font-size: 14px;
    color: #808080;
}

nav .wp-navigation {
    align-items: center;
}

.text-red {
    color: #d16464 !important;
    font-weight: 600;
}

.rightpay_side input,
.rightpay_side #card-element {
    border: 1px solid #ddd !important;
    width: 100%;
    margin-bottom: 1rem;
    height: 38px;
    padding: 10px 12px;
    border-radius: 0.375rem;
}

.rightpay_side h3,
.leftpay_side h3 {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.cust-hover:hover {
    color: #15b881 !important;
}

.bg-v2-primary {
    background-color: var(--primary);
}

.bg-v2-white-alpha {
    background-color: var(--white-alpha);
}

.bg-v2-insta-primary-100 {
    background: rgba(21, 184, 129, 0.1);
}

.bg-v2-accout-success {
    background-color: var(--account-success);
}

.bg-v2-dropdownmenu-background {
    background: var(--dropdownmenu-bg-color);
}

.bg-v2-border-color {
    background: var(--border-bg);
}

.bg-v2-border-insta-primary {
    border-color: var(--border-insta-primary);
}

.bg-sunset-orange {
    background: var(--sunset-orange);
}

.bg-teal-green {
    background: var(--teal-green);
}

.bg-crayola-green {
    background: var(--crayola-green);
}

.text-crayola-green {
    color: var(--crayola-green);
}

.data-v-tooltip {
    position: relative;
}

.data-v-tooltip::after {
    z-index: 2147483647;
    content: attr(data-v-tooltip);
    position: absolute;
    left: calc(var(--v-tooltip-left) - var(--v-tooltip-left-offset));
    top: -7px;
    transform: var(--v-tooltip-translate);
    width: var(--v-tooltip-width);
    background-color: var(--v-tooltip-background-color);
    color: var(--v-tooltip-color);
    border-radius: var(--v-tooltip-border-radius);
    padding: var(--v-tooltip-padding);
    font-size: var(--v-tooltip-font-size);
    border: var(--v-tooltip-border);
    box-shadow: var(--v-tooltip-box-shadow);
    transition-property: all;
    transition-duration: var(--v-tooltip-transition-duration);
    transition-delay: 0s;
    transition-timing-function: var(--v-tooltip-transition-timing-function);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* arrow */
.data-v-tooltip::before {
    z-index: 2147483647;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    pointer-events: none;
    border-color: var(--v-tooltip-background-color) transparent transparent transparent;
    position: absolute;
    bottom: 41px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition-property: all;
    transition-duration: var(--v-tooltip-transition-duration);
    transition-delay: 0s;
    transition-timing-function: var(--v-tooltip-transition-timing-function);
}

.data-v-tooltip:hover::after,
.data-v-tooltip:hover::before {
    transition-duration: var(--v-tooltip-transition-duration);
    transition-delay: var(--v-tooltip-transition-delay);
    transition-timing-function: var(--v-tooltip-transition-timing-function);
    opacity: 1;
    visibility: visible;
}

/* .image-blur:hover {
    filter: blur(6px);
} */

.image-blur-loader {
    position: relative;
    right: 20%;
}

.si-progress {
    background-image: linear-gradient(90deg, #fe8551 0%, #ed618e 100%);
    color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
}

.site-create {
    box-shadow: -2px 0px 0px #fe5f55;
}

.si-progress-bar {
    background: linear-gradient(90deg, #FE8551 0%, #ED618E 100%);
}

/* ::-webkit-scrollbar {
    width: 6px !important;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0px !important;
}

::-webkit-scrollbar-thumb {
    background: #005e54;
    border-radius: 0px !important;
} */

#card-element div {
    width: 100% !important;
}

/* Agency partner button */
.agancy-partner-btn {
    padding: 0 10px;
    font-size: 15px;
    height: 32px;
    border-radius: 70px;
    border: 2px solid #679B96;
    background-image: conic-gradient(
        from .29turn,
        #F8ED98 0.28turn 0turn,
        #B0ECD1 0.80turn 0.0turn
    ); 
}