/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    /* Default font-size set to 1em, or 16px by browser default */
    color: #101112;
    line-height: 1.2;
}

.container {
    max-width: 1120px;
    margin: 0 auto;
}

h1 {
    font-size: 2.75em;
    font-weight: 400;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #101112;
}

h1 span {
    color: #2590A1;
}

h2 {
    font-size: 2.75em;
    font-weight: 400;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 10px;
    line-height: 54px;
    letter-spacing: -2px;
    color: #101112;
    /* text-transform: capitalize; */
}

@media screen and (max-width:500px) {
    h2 {
        line-height: 35px;
        letter-spacing: normal;
    }
}

h2 span {
    font-family: 'Roboto Serif', serif;
    color: #2590A1;
}

h3 {
    font-size: 1.5em;
    font-weight: 500;
}

p {
    line-height: 1.6;
    font-size: 1.25em;
    margin: 0 auto;
}

.cta-button-filled {
    display: inline-block;
    color: #fff !important;
    background: #2590A1;
    padding: 10px 30px;
    border-radius: 25px;
    box-shadow: none;
    transition: box-shadow 0.3s ease-in-out;
    text-decoration: none;
}

.cta-button-filled:hover {
    box-shadow: 0px 11px 16px 0px rgba(31, 123, 137, 0.19), 0px 6.477px 8.346px 0px rgba(31, 123, 137, 0.14), 0px 3.326px 3.917px 0px rgba(31, 123, 137, 0.11), 0px 1.338px 1.715px 0px rgba(31, 123, 137, 0.08), 0px 0.299px 0.742px 0px rgba(31, 123, 137, 0.05);
}

.cta-link {
    color: #2590A1;
    font-weight: 600;
    font-size: 1.375em;
    text-decoration: none;
    margin-right: 10px;
}

.cta-link img {
    width: auto !important;
    height: auto !important;
}

.cta-link:hover .cta-arrow {
    transform: translateY(-10px);
}

.coloured_bg {
    background: #F6FBFB;
}

/*******two column split**************/
.split_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 1280px) {
    .container {
        max-width: 1024px;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        max-width: 980px;
    }

    .split_block {
        flex-direction: column;
        gap: 50px;
    }

    .tag-alignment {
        text-align: center !important;
    }
}

@media screen and (max-width: 980px) {
    h2 {
        font-size: 2em;
    }

    p {
        font-size: 1.15em;
    }

    .container {
        max-width: 768px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        max-width: 90%;
    }
}

@media screen and (max-width: 480px) {
    h2, h4, h3 {
        font-size: 1.5em !important;
    }
}

.popup {
    /* width: 60%; */
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    z-index: 9;
    /* height: 80%; */
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(109deg, #cac6ff80 0.89%, #c6e8ff94 39.54%, #9ee5e5a6 70.27%, #ff74ef54 100%);
    z-index: 9;
    backdrop-filter: blur(7px);
}

#closePopup {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #000;
    color: #fff;
    border: 1px solid #ffffff;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .onboard_form h2 {}

    .popup {
        width: 80%;
    }

    .onboard_form .contact-form-outer {
        padding: 0px !important;
        background: #FFF !important;
    }
}

@media screen and (max-width: 480px) {
    .popup {
        width: 80%;
        height: 80%;
    }
}

.page-custom-content {
    padding: 10px 30px;
    text-align: left;
}

.page-custom-content h1 {
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .page-custom-content .container {
        max-width: 90%;
    }
}

.page-custom-content a {
    word-wrap: break-word;
}

.page-custom-content strong {
    font-weight: 700;
}

.page-custom-content p {
    line-height: 1.6;
    font-size: 18px;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 980px) {
    .page-custom-content p {
        font-size: 1.15em;

    }
    .page-custom-content h1{
    font-weight: 400;
  }
  }

.tag-common {
    color: var(--Neutrals-Neutrals500, #898483);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 6px;
    text-transform: uppercase;
    padding-bottom: 10px;

    .page-custom-content h1 {
        font-weight: 400;
    }
}

.grey-tag {
    color: #898483;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.tag-alignment {
    text-align: left;
}

@media screen and (max-width: 1024px) {
    .right-block img {
        width: 100%;
        height: 100%;
    }

    .left-block img {
        width: 100%;
        height: 100%;
    }
}

.cta-button-unfilled {
    display: inline-block;
    color: #2590A1 !important;
    background-color: #fff;
    border: 1px solid #2590A1;
    padding: 10px 20px;
    border-radius: 25px;
    box-shadow: none;
    transition: box-shadow 0.3s ease-in-out;
    text-decoration: none;
    margin-top: 30px;
    width: 132px;
}