/*@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=Jost:ital,wght@0,100..900;1,100..900&family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --font-jost: "Jost", sans-serif;
    --font-krub: "Krub", sans-serif;
    --font-rubik: "Rubik", sans-serif;

    --container-width: 1650px;

    --purple: #4B3167;
    --lavender: #979FD5;
    --lavenderBlue: #7F87C0;
    --darkBlue: #004170;
    --skyBlue: #0394D4;
    --green: #5CCAA6;
    --lightGreen: #CCF5E8;
    --white: #ffffff;
    --black: #000000;
    --gray: #2E2A32; /*#3A343F*/

    --primHeadingFont: 45px;
    --secHeadingFont: 40px;
    --cardHeadingFont: 35px;
    --taglineFont: 30px;
    --highFont: 25px;
    --bodyFont: 21px;
    --menuFont: 21px;
	--btnFont: 20px;
    --formFont: 19px;

    --primHeadingLh: 50px;
    --secHeadingLh: 50px;
    --cardHeadingLh: 44px;
    --taglineLh: 35px;
    --highLh: 30px;
    --bodyLh: 30px;
    --btnLh: 24px;
    --formLh: 24px;

    --btnMinWid: 245px;
    --parahColor: var(--gray);
    --btnBGColor: var(--green);
    --btnColor: var(--gray);
    --btnHverBGColor: var(--skyBlue);
    --btnHoverColor: var(--white);    
}

html, body { height: 100%; }
body,
body::before,
body::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: var(--font-krub);
    font-size: var(--bodyFont);
    word-break: break-word;
}
a {
    color: inherit;
    text-decoration: none;
}
h1{
}
h2{
	font-size: var(--secHeadingFont);
    line-height: var(--secHeadingLh);
}
h3{
    font-size: var(--cardHeadingFont);
    line-height: var(--cardHeadingLh);
}
h4{
    font-size: var(--taglineFont);
    line-height: var(--taglineLh);
}
h5{
    font-size: var(--highFont);
    line-height: var(--highLh);
}

.container {
    max-width: var(--container-width) !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
    margin: 0 auto;
}

section {
    margin: 140px 0;
}
.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.inner-sec {
    position: relative;
    padding-top: 140px;
    padding-bottom: 140px;
}

.content-flex-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.g-10 {
    gap: 10px;
}
.g-15 {
    gap: 15px;
}
.g-20 {
    gap: 20px;
}
.g-25 {
    gap: 25px;
}
.g-30 {
    gap: 30px;
}
.g-40 {
    gap: 40px;
}
.g-60 {
    gap: 60px;
}
.g-80 {
    gap: 80px;
}

.btns {
    display: flex;
}
.title_align_center .common-header,
.content_align_center .content_wrap {
    text-align: center;
}
.content_align_center .btns {
    justify-content: center;
}

.primary-btn {
    /*min-width: 184px;
    height: 51px;*/
    font-family: var(--font-jost);
    font-size: var(--btnFont);
    font-style: normal;
    font-weight: 700;
    line-height: var(--btnLh);
    text-align: center;
    text-transform: uppercase;
    padding: 13px 17px;

    background: var(--btnBGColor);
    color: var(--btnColor) !important;    
    border: 1px solid var(--btnBGColor);
    border-radius: 12px;
    min-width: var(--btnMinWid);
}
.primary-btn:hover {
    background-color: var(--btnHverBGColor);
    border: 1px solid var(--btnHverBGColor);
    color: var(--btnHoverColor) !important;
}
.white-btn {
    background-color: var(--white);
    border: 1px solid var(--white);
}
.lavender-btn {
    background-color: var(--lavender);
    border: 1px solid var(--lavender);
}
.no-right-radius {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.no-left-radius {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.w245 {
	width: 245px;
}
.btnCenter {
    display: flex;
    gap: 5px;
    align-items: center;
}

.common-header-row {
    display: flex;
    align-items: center;
    gap: 30px 50px;
    margin-bottom: 60px;
}

.common-title {
    font-family: var(--font-rubik);
    font-size: var(--primHeadingFont);
    font-style: normal;
    font-weight: 500;
    line-height: var(--primHeadingLh);
    color: var(--purple);
    letter-spacing: 0.1px;
}
h2.common-title {
    font-size: var(--secHeadingFont);
    line-height: var(--secHeadingLh);
}

.tagline {
    display: flex;
    flex-direction: column;
    gap: 20px;

    color: var(--purple);
	font-family: var(--font-rubik);
	font-size: var(--taglineFont);
	font-style: normal;
	font-weight: 500;
	line-height: var(--taglineLh);
    letter-spacing: 0.1px;
}
.high_text {
    color: var(--gray);
	font-family: var(--font-krub);
	font-size: var(--highFont);
	font-style: normal;
	font-weight: 700;
	line-height: var(--highLh);
}
.parah {
    display: flex;
    flex-direction: column;
    gap: 20px;

    color: var(--parahColor);
	font-family: var(--font-krub);
	font-size: var(--bodyFont);
	font-style: normal;
	font-weight: 500;
	line-height: var(--bodyLh);
}
.tagline strong,
.parah strong,
.parah a,
li strong {
    font-weight: 700;
}
.parah a:hover {
    text-decoration: underline !important;
}

.text_white :not(.primary-btn) {
    color: var(--white) !important;
}

#main-wrapper {
    position: relative;
}

/*@media(max-width:992px) {*/
@media (max-width: 768px) {
    :root {
        --primHeadingFont: 32px;
        --secHeadingFont: 30px;
        --cardHeadingFont: 25px;
        --taglineFont: 24px;
        --primHeadingLh: 35px;
        --secHeadingLh: 35px;
        --cardHeadingLh: 24px;
        --taglineLh: 30px;
    }
    section {
        margin: 70px 0 !important;
    }
    .inner-sec{
        padding-top: 70px;
        padding-bottom: 70px ;
    }
    .btns {
        justify-content: center;
    }
}

body.menu-open {
    overflow: hidden;
}

.nav-links {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
    width: 100%;
}
.page-numbers {
    font-size: var(--bodyFont);
    font-family: var(--font-krub);
    text-decoration: none !important;
    color: var(--white);
}
.page-numbers.current {
    font-size: var(--highFont);
    font-weight: 700;
    color: var(--white);
}

.blog_wrapper .post_meta {
    color: var(--gray);
    font-family: var(--font-krub);
    font-size: var(--highFont);
    font-style: normal;
    font-weight: 400;
    line-height: var(--highLh);
}
.blog_wrapper .blog_title {
    color: var(--purple);
    font-family: var(--font-rubik);
    font-size: var(--cardHeadingFont);
    font-style: normal;
    font-weight: 700;
    line-height: var(--cardHeadingLh);
    letter-spacing: 0.1px;
}
.custom-nav-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 15px;
    width: 100%;
}
.custom-nav-btn {
    background: transparent;
    color: var(--purple);
    border: none;
    font-size: 34px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-nav-btn:hover {
    color: var(--skyBlue);
}
.btnDisabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.wsp-pages-list {
    padding-left: 50px !important;
    margin-top: 20px;
    list-style-type: disc;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}