html, body {
    font-family: Poppins, Helvetica, sans-serif !important;
    -webkit-text-size-adjust: 100%;
    overflow: auto !important;
    height: auto !important;
}

.text-right {
    text-align: right;
}

.marginRight-2rem {
    margin-right: 2rem !important
}

.tab-custom-titles {
    font-weight: 600 !important;
    padding: 0.45rem 1.25rem !important;
    font-size: 16px !important;
}

.webinar-padding {
    padding-top: 1.7rem !important;
    padding-left: 2rem !important;
}

.border-none {
    border: 0px !important;
}

.tab-custom-titles.active {
    color: #27af92 !important;
    border-bottom: 3px solid #009EF7 !important;
}

.tab-custom-titles:hover {
    color: #009ef7 !important;
}

.padding-custom {
    padding: 65px 80px 0px 80px !important;
}

.margin-top-115px {
    margin-top: 115px !important;
}

.c-content-box.c-size-md {
    padding: 60px 0;
}

.c-content-feature-1 {
    padding-right: 40px;
}

.c-content-line-icon.c-icon-screen-chart {
    background-position: 0px -1300%;
}

.c-content-line-icon {
    background-image: url('/assets/fourmatrix/media/images/default.png');
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
}

    .c-content-line-icon.c-theme {
        background-image: url('/assets/fourmatrix/media/images/green2.png');
    }

    .c-content-line-icon.c-icon-bulb {
        background-position: 0px 1200%;
    }

    .c-content-line-icon.c-icon-support {
        background-position: 0px -2500%;
    }

.c-content-feature-1 > h3 {
    font-size: 30px;
    color: #3f444a;
    font-weight: 500;
    margin: 30px 0 25px 0;
}

.c-font-bold {
    font-weight: 600 !important;
}

.c-font-uppercase {
    text-transform: uppercase;
}

@@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        width: 1170px;
    }

    .support-portal-padding {
        margin-top: 5rem;
    }
}

.rating {
    font-size: 13px !important;
}

.btn.btn-trust:hover:not(.btn-active) {
    background-color: #684a91 !important;
}

.btn.btn-main:hover:not(.btn-active) {
    background-color: #209077 !important;
}

.c-content-feature-1 p {
    font-size: 18px;
    color: #5c6873;
}

.c-font-thin {
    font-weight: 300 !important;
}

.c-font-30 {
    font-size: 30px;
}



.font-white {
    color: white;
}

.c-font-grey-1 {
    color: #f7f7f7 !important;
}

.card-faded {
    background-color: rgba(255, 255, 255, 0.04);
}

.c-content-title {
    width: 175px;
    opacity: 1;
    visibility: visible;
    animation-name: fadeInDown;
    margin-top: 25px;
}

.c-left {
    text-align: left;
}

.c-text {
    position: relative;
    background-color: #ffffff;
    width: 40%;
    padding: 25px;
    z-index: 1;
}

.trust-partner-bg {
    background: #ffffff !important;
    z-index: 9999 !important;
}

.c-photo {
    position: absolute;
    top: 0;
    right: 65px;
}

.card {
    padding: 2rem !important;
    border-radius: 0.65rem !important;
}

.card-shadow {
    filter: drop-shadow(0px 0px 40px rgba(68, 81, 96, 0.08));
}

.shadow {
    box-shadow: 0 .5rem 1.5rem .5rem rgba(0,0,0,.075) !important;
}

.card-rounded {
    border-radius: 0.625rem;
}

.pi {
    font-size: 1.75rem !important;
    color: #A1A5B7 !important;
}

.m-overlap-bottom {
    margin-bottom: -12rem !important;
}

.m-overlap-top {
    margin-top: -15rem !important;
}

.fs-icon-lg {
    font-size: 4.5rem !important;
}

.m-a {
    margin: auto;
}

@@media (max-width: 1024px) {
    .m-overlap-top {
        margin-top: -11rem !important;
    }

    .fs-2hx {
        font-size: calc(1.2rem + 1.5vw) !important;
    }

    .m-overlap-bottom {
        margin-bottom: -7rem !important;
    }

    .mt-sm-n20 {
        margin-top: -2rem !important;
    }
}

@@media (max-width: 420px) {
    .img-w-xs {
        width: 228px !important;
    }

    .scrn-sm-p-0 {
        padding: 0 !important;
    }

    .m-overlap-bottom {
        margin-bottom: -7rem !important;
    }

    .m-overlap-top {
        margin-top: -10rem !important;
    }

    .scrn-sm-px-2 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .scrn-sm-mb-6 {
        margin-bottom: 1.5rem !important;
    }

    .bett-scrn-sm-m {
        margin-top: -4rem !important;
    }

    .m-a {
        margin: auto !important;
    }

    .scrn-sm-mb-5 {
        margin-bottom: 1.25rem !important;
    }

    .scrn-sm-tstmnl-pb-0 {
        padding-bottom: 0 !important;
    }

    .scrn-sm-w {
        width: 90% !important;
    }
}

.drawer-overlay {
    z-index: 99 !important;
}

.p-carousel .p-carousel-content .p-carousel-next {
    margin-left: 0 !important;
}

.menu-title-gray-500 .menu-item .menu-link:hover {
    color: #27af92 !important;
}


.scrolltop {
    background-color: #27AF92 !important;
    bottom: 10px !important;
}

    .scrolltop:hover {
        background-color: #67C0AF !important;
    }

.cursor-pointer {
    cursor: pointer !important;
}

.btn-support {
    background-color: #5C97BF !important;
    color: white !important;
}

    .btn-support:hover {
        background-color: #4B7BA3 !important;
        cursor: pointer !important;
    }

    .btn-support:visited {
        background-color: #5C97BF !important;
        color: white !important;
    }

html, body {
    font-family: Helvetica,Poppins, sans-serif !important;
}

.btn-main:visited {
    background-color: #27af92 !important;
}

.btn-main:active {
    background-color: #27af92 !important;
}

.btn-trust:visited {
    background-color: #7d5ba6 !important;
}

.btn-trust:active {
    background-color: #7d5ba6 !important;
}

.btn.btn-main:hover:not(.btn-active) {
    background-color: #209077 !important;
}

.btn.btn-trust:hover:not(.btn-active) {
    background-color: #684a91 !important;
}

.btn-trust:hover {
    background-color: #684a91 !important;
}

.btn-trust {
    background-color: #7d5ba6 !important;
}

.btn-main {
    background-color: #27af92 !important;
}

.btn {
    color: white !important;
}
.landing-header {
    z-index: 1000 !important;
}
@media (max-width: 420px) {
    .sm-scrn-header-curve {
        margin-top: -0.1rem;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}


.fadeInUp {
    animation: fadeInUp 1s ease-out forwards;
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(20%,0,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation: fadeInRight 1s ease-out forwards;
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-20%,0,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation: fadeInLeft 1s ease-out forwards;
}
.px-banner {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}
.fs-banner {
    font-size: 3.525rem !important;
}

.fs-sm-banner {
    font-size: 2.25rem !important;
}
.banner-w {
    width: 130%;
}
.pl-20{
    padding-left: 5rem;
}
.banner-col {
    flex: 0 0 auto !important;
    width: 50% !important;
}
.btn-w {
    width: 11.2rem !important;
}
.btn-fs {
    font-size: 1.1rem !important;
}
@media (max-width: 750px) {
    .banner-container {
        flex-direction: column;
    }
    .px-banner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .fs-banner {
        font-size: 2rem !important;
    }

    .fs-sm-banner {
        font-size: 1.325rem !important;
    }
    .banner-col {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .post-banner-mt{
        margin-top: 5rem !important;
    }
    .sm-slider-p-0{
        padding:0 !important;
    }
    .scrn-text-align {
        text-align: center !important;
    }
}
@media (min-width: 1000px)  {
    .px-banner {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .fs-banner {
        font-size: 2rem !important;
    }

    .fs-sm-banner {
        font-size: 1.325rem !important;
    }

    html body h1.fs-banner {
        font-size: 2rem !important;
    }

    html body h1.fs-sm-banner {
        font-size: 1.325rem !important;
    }


    .c-content-box.c-size-md {
        padding: 30px 0;
    }

    .banner-w {
        width: 160%;
    }
    .scrn-text-align {
        text-align: start !important;
    }
}
@media(min-width:1200px){
    .px-banner {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .fs-banner {
        font-size: 3rem !important;
    }

    .fs-sm-banner {
        font-size: 1.75rem !important;
    }
    html body h1.fs-banner {
        font-size: 3rem !important;
    }

    html body h1.fs-sm-banner {
        font-size: 1.75rem !important;
    }

    .c-content-box.c-size-md {
        padding: 30px 0;
    }
}
@media(min-width:1900px)
{
   .px-banner {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
    }
    .fs-banner {
        font-size: 3.525rem !important;
    }
    .fs-sm-banner {
        font-size: 2.25rem !important;
    }
    html body h1.fs-banner {
        font-size: 3.525rem !important;
    }

    html body h1.fs-sm-banner {
        font-size: 2.25rem !important;
    }
    .banner-w {
        width: 130%;
    }
    .btn-w {
        width: 14.2rem !important;
    }

    .btn-fs {
        font-size: 1.3rem !important;
    }
}





.my-a{
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mx-a{
    margin-left:auto !important;
    margin-right:auto !important;
}
.mh-lg-150px{
    max-height:150px !important;
}

body .font--jakarta h1,
body .font--jakarta h2,
body .font--jakarta h3,
body .font--jakarta h4,
body .font--jakarta h5,
body .font--jakarta h6 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.font--jakarta {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
@media (min-width: 1900px) {
    .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
       
        max-width: 1650px;
    }
    .fs-l-about {
        font-size: 1.5rem;
    }
    .fs-2x-about {
        font-size: 3rem !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-20 {
        margin-bottom: 2.5rem !important;
    }
}
.px-4-menu {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}
@media (min-width: 420px){
    .px-4-menu {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important
    }
}
a {
    text-decoration: unset !important;
}
ul {
    list-style: disc !important;
    font-size: 1.366rem;
    padding-left: 2rem !important;
}