/* -------------------- VARIABLES -------------------- */
:root {
    /* colors */
    --primary: #9234b2;
    --primary-2: #3a1f47;
    --primary-3: #786284;
    --primary-cc: #9234b2cc;
    --primary-10: #9234b21a;
    --primary-30: #9234b233;
    --primary-50: #9234b20d;
    --primary-60: #9234b266;
    --primary-90: #9234b299;
    /* --primary-40: #1152d440;
    --primary-80: #1152d480; */
    --primary-light: #cdebff;
    --primary-light-2: #d0dbf6;
    --primary-light-3: #eee3f24d;
    --primary-dark: #0371bf;
    --primary-darkest: #344256;
    --blue: #2563eb;
    --grey: #606060;
    --grey-2: #f6f7f8;
    --grey-3: #7b899d;
    --grey-80: #e9dfec80;
    --green: #3ad32e;
    --green-2: #17a34a;
    --green-33: #3ad22d33;
    --green-cc: #16a34acc;
    --green-wtsp: #16a249;
    --green-fluorescent: #3ad22de6;
    --grey-light: #f2f2f2;
    --grey-light-2: #d9e0e8;
    --text-color: #151515;
    --black: #000000;
    --white: #ffffff;
    --white-30: #ffffff30;
    --white-80: #ffffff80;
    --white-90: #ffffffcc;
    /* font family */
    --font-primary: "Roboto", sans-serif;
    /* misc */
    --shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
/* -------------------- VARIABLES ENDS -------------------- */

/* -------------------- BASE -------------------- */
/* css reset */
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-primary);
    /* color: var(--primary-darkest); */
}
/* css reset */

html {
    /* This defines what 1rem is */
    font-size: 62.5%; /* //1rem = 10px; 10px/16 = 62.5%; */
    scroll-behavior: smooth;
}

/* body:has(.rhCustomPage) {
    box-sizing: border-box;
    font-family: var(--font-primary);
    font-size: 1.6rem;
    font-weight: 400;
} */

/* -------------------- BASE ENDS -------------------- */

/* -------------------- COLORS -------------------- */
/* colors are present here */
::selection {
    background-color: var(--primary);
    color: var(--white);
}

/* == background colors == */
.rh-bg-primary {
    background-color: var(--primary);
}
.rh-bg-white {
    background-color: var(--white);
}
.rh-bg-black {
    background-color: var(--black);
}
.rh-bg-primary-3 {
    background-color: var(--primary-light-3);
}
.rh-bg-footer-gradient {
    background: linear-gradient(to right bottom, #3a1f47, #3a1f47f2, #9234b233);
}
.rhBgGrey2 {
    background-color: var(--grey-2);
}
.rhBgGradient {
    background: linear-gradient(
        135deg,
        rgb(123, 40, 105) 0%,
        rgb(177, 123, 168) 50%,
        rgb(196, 165, 188) 100%
    );
}
/* == text colors == */
.rh-color-primary {
    color: var(--primary);
}
.rh-color-primary-2 {
    color: var(--primary-2);
}
.rh-color-primary-3 {
    color: var(--primary-3);
}

.rh-color-primary-darkest,
.rh-color-text {
    color: var(--primary-darkest);
}
.rh-color-secondary {
    color: var(--secondary);
}
.rh-color-grey {
    color: var(--grey);
}
.rh-color-grey-3 {
    color: var(--grey-3);
}
.rh-color-white {
    color: var(--white);
}
.rh-color-white-80 {
    color: var(--white-80);
}
.rh-color-black {
    color: var(--black);
}
/* -------------------- COLORS ENDS -------------------- */
.rhCursorPointer {
    cursor: pointer;
}
/* -------------------- BORDERS -------------------- */
.rhRounded {
    border-radius: 16px;
}
.rhRounded-sm {
    border-radius: 8px;
}
.rhSection-border-b {
    border-bottom: 1px solid var(--grey-80);
}
/* -------------------- BORDERS ENDS -------------------- */
/* -------------------- WIDTH AND HEIGHTS -------------------- */
.rhw-20 {
    width: 20px;
}
.rhw-28 {
    width: 28px;
}
.rhh-20 {
    height: 20px;
}
.rhh-28 {
    height: 28px;
}
.rhw-16 {
    width: 16px;
}
.rhh-16 {
    height: 16px;
}
.rhMinH50vh {
    min-height: 50vh;
}
/* -------------------- WIDTH AND HEIGHTS END -------------------- */

/* -------------------- TYPOGRAPHY -------------------- */
.rhCustomPage h1,
.rhCustomPage h2,
.rhCustomPage h3,
.rhCustomPage h4,
.rhCustomPage h5,
.rhCustomPage h6,
.rhCustomPage .h1,
.rhCustomPage .h2,
.rhCustomPage .h3,
.rhHeading1,
.rhHeading2,
.rhHeading3 {
    line-height: 1.3 !important;
}

.rhCustomPage .h4,
.rhCustomPage .h5,
.rhCustomPage .h6,
.rhHeading4,
.rhHeading5,
.rhHeading6,
.rhCustomPage p,
.rhPara,
.rhSmall {
    line-height: 1.5 !important;
}
.rhCustomPage .h1--xl,
.rhHeading1--xl {
    font-size: 7.2rem;
    line-height: 1.2 !important;
}
.rhCustomPage .h1--lg,
.rhHeading1--lg {
    font-size: 6.4rem;
    line-height: 1.2 !important;
}
.rhCustomPage h1,
.rhCustomPage .h1,
.rhHeading1 {
    font-size: 4.8rem;
}
.rhCustomPage h2,
.rhCustomPage .h2,
.rhHeading2 {
    font-size: 4rem;
}
.rhHeading3--b{
    font-size: 3.6rem;
}
.rhCustomPage h3,
.rhCustomPage .h3,
.rhHeading3 {
    font-size: 3.2rem;
}
.rhCustomPage h4,
.rhCustomPage .h4,
.rhHeading4 {
    font-size: 2.4rem;
}
.rhCustomPage h5,
.rhCustomPage .h5,
.rhHeading5 {
    font-size: 2rem;
}
.rhCustomPage h6,
.rhCustomPage .h6,
.rhHeading6 {
    font-size: 1.8rem;
}
.rhCustomPage p,
.rhCustomPage .para,
.rhCustomPage input,
.rhPara {
    font-size: 1.6rem;
}
.rhCustomPage .small,
.rhSmall {
    font-size: 1.4rem;
}

@media screen and (max-width: 1200px) {
    .rhCustomPage .h1--lg,
    .rhHeading1--lg {
        font-size: 5rem;
        line-height: 1.3 !important;
    }
}
@media screen and (max-width: 991px) {
    .rhCustomPage h1,
    .rhCustomPage .h1,
    .rhHeading1 {
        font-size: 3.2rem;
    }
    .rhHeading3--b{
        font-size: 3rem;
    }
    .rhCustomPage h2,
    .rhCustomPage .h2,
    .rhHeading2 {
        font-size: 2.8rem;
    }
    .rhCustomPage h3,
    .rhCustomPage .h3,
    .rhHeading3 {
        font-size: 2.4rem;
    }
    .rhCustomPage h4,
    .rhCustomPage .h4,
    .rhHeading4 {
        font-size: 2rem;
    }
}
@media screen and (max-width: 370px) {
    .rhCustomPage .h1--lg,
    .rhHeading1--lg {
        font-size: 3rem;
    }
}

.rhCustomPage a,
.rhNoUnderline {
    text-decoration: none !important;
}
.rhText-center {
    text-align: center;
}
.rhText-left {
    text-align: left;
}
.rhText-center {
    text-align: center;
}
@media screen and (max-width: 991px) {
    .rhText-center-991 {
        text-align: center;
    }
}
/* font family */
.rhFont-primary,
.rhCustomPage input {
    font-family: var(--font-primary);
}

/* font weights */
.rhFont-light {
    font-weight: 300 !important;
}
.rhFont-regular {
    font-weight: 400;
}
.rhFont-medium {
    font-weight: 500;
}
.rhFont-semibold {
    font-weight: 600;
}
.rhFont-bold {
    font-weight: 700;
}
.rhForceFont-regular {
    font-weight: 400 !important;
}
.rhForceFont-medium {
    font-weight: 500 !important;
}
.rhFontItalic {
    font-style: italic;
}
/* -------------------- TYPOGRAPHY ENDS -------------------- */

/* GRADIENTS   */

.rhGradientText {
    background: -webkit-linear-gradient(var(--primary), var(--primary-80));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    direction: ltr;
}
.agBgGradient {
    background-image: linear-gradient(135deg, #1240b814, #6691ed0d);
}
/* button styles */
.rhBtns {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}
@media screen and (max-width: 991px) {
    .rhBtns {
        flex-flow: column;
    }
    .rhBtns .rhBtn {
        width: 100%;
    }
}
.rhBtn {
    padding: 9px 24px;
    font-size: 1.4rem;
    line-height: normal;
    font-weight: 500;
    background-color: var(--primary);
    color: var(--white) !important;
    border: 1px solid var(--primary);
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
    display: inline-block;
}
.rhBtn .rhBtn-svg {
    stroke: var(--primary);
}

.rhBtn:hover .rhBtn-svg {
    stroke: var(--white);
}
.rhBtn .rhBtn-svgBlue {
    stroke: var(--blue);
}
.rhBtn:hover .rhBtn-svgBlue {
    stroke: var(--white);
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.rhBtn.rhFlex.w-full.rhJustifyCenter.rhItemsCenter.rhGap8.rhMt16 {
    padding: 9px 24px !important;
    font-size: 1.4rem !important;
    line-height: normal !important;
    font-weight: 600 !important;
    background-color: var(--primary) !important;
    color: var(--white) !important;
    border: 1px solid var(--primary) !important;
    border-radius: 4px !important;
    transition: all 300ms ease;
    margin-top: 12px;
}
.rhBtn--opacity {
    background-color: var(--primary-cc);
}
.rhBtn--opacity:hover,
.rhBtn--opacity:focus {
    background-color: var(--primary);
}
.rhBtn--green {
    background-color: var(--green-fluorescent);
    border: 1px solid var(--green-fluorescent);
}
.rhBtn--green-2 {
    background-color: var(--green-2);
    border: 1px solid var(--green-2);
}
.rhBtn--green-outline {
    border: 1px solid var(--green-fluorescent);
    color: var(--green-fluorescent) !important;
    background-color: transparent;
}
.rhBtn--green-outline:hover,
.rhBtn--green-outline:focus {
    background-color: var(--green-fluorescent);
    color: var(--white) !important;
}
.rhBtn--blue-outline {
    border: 1px solid var(--blue);
    color: var(--blue) !important;
    background-color: transparent;
}
.rhBtn--blue-outline:hover {
    background-color: var(--blue);
    color: var(--white) !important;
}
.rhBtn--primary-outline {
    border: 1px solid var(--primary);
    color: var(--primary) !important;
    background-color: transparent;
}
.rhBtn--primary-outline:hover {
    background-color: var(--primary);
    color: var(--white) !important;
}
.rhBtn--sm {
    padding: 8px;
}
.rhBtn--md {
    padding: 12px 24px;
    font-size: 16px;
}
.rhBtn--lg {
    padding: 10px 32px;
    font-size: 18px;
}
/*.rhBtn:hover,
.rhBtn:focus {
     background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary); 
    transform: scale(1.05);
}*/
.rhBtn-transparent {
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border: none;
}
.rhBtn-transparent:hover,
.rhBtn-transparent:focus {
    color: var(--primary);
}

.rhBtn-WhiteOpacity {
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border: none;
}
.rhBtn-WhiteOpacity:hover,
.rhBtn-WhiteOpacity:focus {
    background-color: var(--white-30);
}
/* button styles */

/* link styles */
.rhLink {
    background-color: transparent;
    border: none;
    color: var(--primary-dark);
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
}
.rhLink:hover,
.rhLink:focus {
    text-decoration: underline;
    color: var(--primary);
}
.rhLink-white-80 {
    color: var(--white-80);
    transition: all 0.3s;
}
.rhLink-white-80:hover,
.rhLink-white-80:focus {
    text-decoration: none;
    color: var(--white);
}
/* link styles */

/* -------------------- Utilities -------------------- */

/* margins */
.rhMt8 {
    margin-block-start: 8px;
}
.rhMt10 {
    margin-block-start: 10px;
}
.rhMt16 {
    margin-block-start: 16px;
}
.rhMt24 {
    margin-block-start: 24px;
}
.rhMt32 {
    margin-block-start: 32px;
}
.rhMt40 {
    margin-block-start: 40px;
}
.rhMt48 {
    margin-block-start: 48px;
}
.rhMt60 {
    margin-block-start: 60px;
}
.rhMt64 {
    margin-block-start: 64px;
}
.rhMb48 {
    margin-block-end: 48px;
}
.rhMb40 {
    margin-block-end: 40px;
}
.rhMb32 {
    margin-block-end: 32px;
}
.rhMb24 {
    margin-block-end: 24px;
}
.rhMb20 {
    margin-block-end: 20px;
}
.rhMb16 {
    margin-block-end: 16px;
}
.rhMb15 {
    margin-block-end: 15px;
}
.rhMb12 {
    margin-block-end: 12px;
}
.rhMb8 {
    margin-block-end: 8px;
}
.rhMb4 {
    margin-block-end: 4px;
}
.rhMb0 {
    margin-block-end: 0px;
}
/* left margins */
.rhMs16 {
    margin-inline-start: 16px;
}

.rhMx-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

@media screen and (max-width: 991px) {
    .rhMt100-991 {
        margin-block-start: 100px;
    }
}
/* margins */
/* paddings */

.rhSection-padding {
    padding: 60px 20px;
}
.rhSection-padding-x {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
}
.rhPy64 {
    padding-block-start: 64px;
    padding-block-end: 64px;
}
.rhPy48 {
    padding-block-start: 48px;
    padding-block-end: 48px;
}
.rhPy32 {
    padding-block-start: 32px;
    padding-block-end: 32px;
}
.rhPy16 {
    padding-block-start: 16px;
    padding-block-end: 16px;
}
.rhPy20 {
    padding-block-start: 20px;
    padding-block-end: 20px;
}
.rhPt80 {
    padding-block-start: 80px;
}
.rhPx16 {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}
.rhPl24 {
    padding-inline-start: 24px;
}
@media screen and (max-width: 991px) {
    .rhSection-padding {
        padding: 40px 20px;
    }
}
@media screen and (max-width: 767px) {
    .rhP8-767 {
        padding: 8px;
    }
}

/* paddings */

/* container */
.rhBanner__container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.rhContainer-custom {
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
}
@media (min-width: 1024px) {
    .rhContainer-custom {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (max-width: 1023px) {
    .rhContainer-custom {
        padding-left: 12px;
        padding-right: 12px;
    }
}
/* container ends */
/* display props  */
.rhBlock {
    display: block;
}
.rhNone {
    display: none;
}
@media (max-width: 767px) {
    .rhNone-767 {
        display: none;
    }
    .rhBlock-767 {
        display: block;
    }
}
@media screen and (max-width: 350px) {
    .rhForceNone-350 {
        display: none !important;
    }
}

/* flex props */
.rhFlex {
    display: flex;
}
.rhFlexCol {
    flex-direction: column;
}
.rhInlineFlex {
    display: inline-flex;
}
.rhItemsCenter {
    align-items: center;
}
.rhAlign-content-center{
    align-content: center;
}
.rhJustifyBetween {
    justify-content: space-between;
}
.rhJustifyCenter {
    justify-content: center;
}
.rhFlexWrap {
    flex-wrap: wrap;
}
.rhFlexShrink0 {
    flex-shrink: 0;
}

@media screen and (max-width: 991px) {
    .rhFlexCol-991 {
        flex-direction: column;
    }
    .rhGap8-991 {
        gap: 8px !important;
    }
}
@media screen and (max-width: 767px) {
    .rhFlexCol-767 {
        flex-direction: column;
    }
    .rhGap8-767 {
        gap: 8px !important;
    }
}
@media screen and (max-width: 575px) {
    .rhFlexCol-575 {
        flex-direction: column;
    }
    .rhFlexColReverse-575 {
        flex-direction: column-reverse;
    }
    .rhFlexStart-575 {
        align-items: flex-start;
    }
    .rhDnone-575 {
        display: none;
    }
}
@media screen and (max-width: 400px) {
    .rhFlexCol-400 {
        flex-direction: column;
    }
}

/* flex props */

/* grid props */
.rhGrid {
    display: grid;
}
.rhGridCols2 {
    grid-template-columns: repeat(2, 1fr);
}
.rhGridCols3 {
    grid-template-columns: repeat(3, 1fr);
}
.rhGridCols4 {
    grid-template-columns: repeat(4, 1fr);
}
.rhGridCols5 {
    grid-template-columns: repeat(5, 1fr);
}
.rhGrid-normal {
    grid-template-areas:
        "col1"
        "col2";
}
@media screen and (max-width: 1200px) {
    .rhGridCols3-1200 {
        grid-template-columns: repeat(3, 1fr);
    }
    .rhGridCols2-1200 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 991px) {
    .rhGridCols2-991 {
        grid-template-columns: repeat(2, 1fr);
    }
    .rhGridCols1-991 {
        grid-template-columns: repeat(1, 1fr);
    }
    .rhGrid-reverse-991 {
        grid-template-areas:
            "col2"
            "col1";
    }
}
@media screen and (max-width: 575px) {
    .rhGridCols1-575 {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 420px) {
    .rhGridCols1-450 {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 360px) {
    .rhGridCols1-360 {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* grid props */

/* gaps */
.rhGap8 {
    gap: 8px;
}
.rhGap12 {
    gap: 12px;
}
.rhGap16 {
    gap: 16px;
}
.rhGap20 {
    gap: 20px;
}
.rhGap32 {
    gap: 32px;
}
.rhGap40 {
    gap: 40px;
}

@media screen and (max-width: 1200px) {
    .rhGap20-1200 {
        gap: 20px;
    }
}
/* gaps */

/* widths */
.max-w-full {
    max-width: 100%;
}
.fw-550 {
    width: 550px;
}
.fw-150 {
    width: 150px;
}
.fw-200 {
    width: 200px;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.rhMax-w-280 {
    max-width: 280px;
}
.max-w-550 {
    max-width: 550px;
}
.rhMax-w-650 {
    max-width: 650px;
}
.rhMax-w-750 {
    max-width: 750px;
}
.rhMax-w-896 {
    max-width: 896px;
}
.rhMax-w-1024 {
    max-width: 1024px;
}
.rhMax-w-1280 {
    max-width: 1280px;
}
.rhMax-w-1368 {
    max-width: 1368px;
}
.rhMax-h-350 {
    max-height: 350px;
}
.rhMax-h-320 {
    max-height: 320px;
}
.rhH18 {
    height: 18px;
}
.rhW18 {
    width: 18px;
}
@media screen and (max-width: 767px) {
    .rhMax-w-150-767 {
        max-width: 150px;
    }
}
@media screen and (max-width: 575px) {
    .rhW100-575 {
        width: 100%;
    }
    .rhMax-w-150 {
        max-width: 150px;
    }
}
/* widths */

/* Misc */
.rhFlipX {
    transform: scaleX(-1);
}
.object-cover {
    object-fit: cover;
}
.rhOverflowHidden {
    overflow: hidden;
}
/* Misc */

/* -------------------- Components -------------------- */
/* header  */

.rhHeader {
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.rhLogo {
    height: 80px;
}
@media screen and (max-width: 767px) {
    .rhLogo {
        height: 56px;
    }
}
@media screen and (max-width: 350px) {
    .rhLogo {
        height: 30px;
    }
}
/* Badges */
.rhBadge {
    padding: 4px 16px;
    border-radius: 12px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
}
.rhBadge--primary {
    background-color: var(--primary-30);
    color: var(--primary);
    font-weight: 500;
}
/* cards  */
.rhCard {
    padding: 32px;
    border-radius: 12px;
    transition: all 0.3s ease-in;
    background-color: var(--white);
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.rhCard-bgImage {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    opacity: 0.1;
}
.rhCard-bgImage img {
    display: block;
    width: 100%;
    height: 100%;
}
.rhCard:hover .rhCard-bgImage {
    opacity: 0.2;
}
.rhCard--opacity {
    background-color: var(--white-30);
}
.rhCard-primaryOpacity {
    background-color: var(--primary-50);
}
.rhCard-primaryOpacityBorder {
    border: 2px solid var(--primary-30);
}

.rhCard .rhCard-hoverGradient {
    background: linear-gradient(
        to right bottom,
        rgba(146, 52, 178, 0.4),
        rgba(0, 0, 0, 0)
    );
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid var(--primary-30);
    opacity: 0.5;
    transition: all 0.3s;
}
.rhCard:hover .rhCard-hoverGradient {
    opacity: 1;
}
.rhCard-hoverEffect:hover {
    background-color: var(--primary-10);
}
.rhCard-borderEffect:hover {
    border-color: var(--primary-60);
}
.rhCard--xs {
    padding: 16px;
}
.rhCard--sm {
    padding: 24px;
}
.rhCard--md {
    padding: 32px;
}
.rhCard--md2 {
    padding: 40px;
}
.rhCard--lg {
    padding: 48px;
}
@media screen and (max-width: 767px) {
    .rhCard--sm,
    .rhCard--md,
    .rhCard--lg {
        padding: 32px;
    }
}
.rhCard-bordered {
    border: 1px solid var(--grey-light-2);
}
.rhCard-bordered-light {
    border: 1px solid var(--white-30);
}
.rhCardIcon {
    width: 64px;
    height: 64px;
    background-color: var(--primary-light-2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.rhCardIcon--xs {
    width: 40px;
    height: 40px;
}
.rhCardIcon--sm {
    width: 48px;
    height: 48px;
}
.rhCardIcon--green {
    width: 54px;
    height: 54px;
    background-color: var(--green-33);
}
.rhCardIcon--greenOpacity {
    background-color: var(--green-cc);
}
.rhCardIcon--whiteOpacity {
    background-color: var(--white-30);
}
.rhCard-number {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background-color: var(--primary);
    color: var(--white);
    left: 36px;
    transform: translateX(-50%);
    top: -16px;
}

.rhCardHoverEffect:hover {
    transition: all 0.1s;
    transform: scale(1.02);
    box-shadow: var(--primary-40) 0px 2px 4px 0px;
}
.rhMiniCard {
    display: flex;
    align-items: start;
    gap: 12px;
    text-align: left;
}
.rhMiniCardIcon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: var(--primary-20);
    display: flex;
    align-items: center;
    justify-content: center;
}
.rhMiniCardIcon.rhMiniCardIcon--lg {
    width: 64px;
    height: 64px;
}
.rhMiniCardIcon.rhMiniCardIcon--green {
    background-color: var(--green-33);
}
/* FORMS  */
.rhFormGroup {
    text-align: left;
}
.rhFormGroup label {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    width: 100%;
}
.rhFormGroup .rhFormControl,
.rhFormGroup input,
.rhFormGroup .wpcf7-form-control-wrap input,
.rhFormGroup .wpcf7-form-control-wrap textarea {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid var(--grey-light-2);
    font-size: 14px;
    line-height: normal !important;
    min-height: 40px;
    margin: 4px 0 0 0;
    color: var(--black);
    transition: all 0.3s ease;
}
.rhFormGroup .rhFormControl:hover,
.rhFormGroup input:hover,
.rhFormGroup .wpcf7-form-control-wrap input:hover,
.rhFormGroup .wpcf7-form-control-wrap textarea:hover,
.rhFormGroup select:hover,
.rhFormGroup .rhFormControl:focus,
.rhFormGroup input:focus,
.rhFormGroup .wpcf7-form-control-wrap input:focus,
.rhFormGroup .wpcf7-form-control-wrap textarea:focus,
.rhFormGroup select:focus {
    outline: var(--primary);
    border-color: var(--primary);
}
.rhFormGroup select {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid var(--grey-light-2);
    font-size: 14px;
    line-height: normal !important;
    min-height: 40px;
    margin: 4px 0 0 0;
    color: var(--black);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Outline Chevron */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23606060' fill='none' viewBox='0 0 24 24' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 18px;
    outline: var(--primary);
    transition: all 0.3s ease;
}

.rhFormGroup .rhFormControl::placeholder,
.rhFormGroup .wpcf7-form-control-wrap input::placeholder,
.rhFormGroup .wpcf7-form-control-wrap textarea::placeholder {
    color: var(--grey-3);
}
.rhFormGroup .rhTextArea {
    resize: vertical;
    min-height: 100px;
}
/* FORMS END  */

/* IFRAME  */
.rhIframe {
    border: none;
    border-radius: 12px;
}
/* IFRAME end */
/* Ruler horizontal */
.custom-ruler {
    border-top: 1px solid var(--white-30);
}
/* Ruler horizontal end */

/* ATF  */
.rhHeroBg {
    background-image: linear-gradient(135deg, #0006),
        url("../assets/img/home-banner.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.rhHeroBg .rhMouseIcon {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    animation: bouncingEffect 1s infinite;
}
@media screen and (max-width: 767px) {
    .rhHeroBg .rhMouseIcon {
        display: none;
    }
}
/* -------------------- Components ENDS -------------------- */

/* ANIMATIONS */
@keyframes bouncingEffect {
    0%,
    100% {
        margin-bottom: 0; /* Starting and ending position */
        animation-timing-function: ease-out; /* Slow down at the top */
    }
    50% {
        margin-bottom: 10px; /* Lowest point of the bouncingEffect */
        animation-timing-function: ease-in; /* Speed up as it falls */
    }
}

/* styles after wp integration */
.wpcf7-form-control-wrap {
    margin: 0px !important;
}
.rhCard .rhFormGroup .wpcf7-form-control-wrap {
    margin: 0 !important;
}

/* video section styles */
.rhVideoSection {
    position: relative;
    display: block;
    transition: all 0.3s;
    cursor: pointer;
}
.rhVideoSection:hover {
    transform: translate(0, -5px);
}
.rhVideoSection .rhVideoSection-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-90);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s;
}
.rhVideoSection .rhVideoSection-titleGradient {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    width: 100%;
    text-align: left;
}
.rhVideoSection .rhVideoSection-title {
    margin-bottom: 16px;
    margin-left: 10px;
}
.rhVideoSection:hover .rhVideoSection-hover {
    opacity: 1;
}
.rhVideoSection .rhVideoSection-icon {
    background-color: var(--white);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

/* footer styles */
.rhFooterLink {
    gap: 8px;
    display: flex;
    cursor: pointer;
    transition: 0.3s all linear;
    color: var(--white);
}
.rhFooterLink:hover {
}
.rhFooterLink .rhFooterLink-content {
    color: var(--white-80);
}
.rhFooterLink .para {
    color: var(--white-90);
}
.rhFooterLink .para:hover,
.rhFooterLink .para:focus {
    color: var(--white);
}
.rhFooterLink:hover .rhFooterLink-content {
    color: var(--white);
}
.rhFooterLink:hover .rhFooterLink-content--green {
    color: var(--green-wtsp);
}
.rhFooterLink:hover .rhFooterLink-svg {
    transform: scale(1.1);
}
.rhFooterLink:hover .rhFooterLink-svg--green {
    stroke: var(--green-wtsp);
}

.rhFloating-buttons {
    position: fixed;
    display: flex;
    flex-direction: column;
    right: 20px;
    bottom: 20px;
    gap: 12px;
    transition: all 0.3s;
}
.rhFloating-buttons .rhFloating-btn {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rhFloating-buttons .rhFloating-btn.rhFloating-btn--green {
    background-color: var(--green-wtsp);
}
.rhFloating-buttons .rhFloating-btn.rhFloating-btn--primary {
    background-color: var(--primary);
}
.rhFloating-buttons .rhFloating-btn.rhFloating-btn--blue {
    background-color: var(--blue);
}

/***/
select#countryCode {
    width: 100px;
}