/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */
a.sk-btn-nw {
    background-color: var(--e-global-color-31baea7);
    font-family: "Helvetica", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 1px;
    fill: var(--e-global-color-8697866);
    color: var(--e-global-color-8697866);
    border-radius: 3px 3px 3px 3px;
    padding: 15px 28px 15px 28px;
    text-transform: uppercase;
    text-align: center;
}

figure.splitsec-media iframe,
.splitsec-copy iframe {
    border-radius: 12px;
}

a.sk-btn-nw:hover {
    background-color: #008080;
    color: #ffffff;
}

figure.splitsec-media img {
    border-radius: 12px;
}

.section.section.tone-surface a.sk-btn-nw:hover {
    background-color: #030303;
    color: #ffffff;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 150px;
}

.mt60 {
    margin-top: 60px;
}

.section {
    padding: 60px 0;
}

.section.pdt0 {
    padding: 0px 0 60px;
}

.section.pdb0 {
    padding: 60px 0 0;
}

.section.pdb30 {
    padding: 60px 0 30px;
}

.mb0 {
    margin-bottom: 0;
}

.splitsec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: stretch;
}

.splitsec-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.card.feature.grey-cl.card2 p {
    text-align: left
}

.splitsec .splitsec-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section h2.sec-title,
.section h2 {
    color: #008080;
    font-family: "Helvetica", Sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0.5px;
    margin-top: 0;
}

.section h2.sec-title.blk-clr,
h2.sec-title.blk-clr,
.blk-clr {
    color: black;
}

.section p,
.section ul li {
    color: #000000;
    font-family: "Helvetica", Sans-serif;
    font-size: 18px;
}

.section ul {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
    padding-left: 34px;
}

.section ul.mb0,
.mb0,
p.mb0,
.card.feature p {
    margin-bottom: 0px;
}

.tone-surface {
    background: #008080;
}

.section.tone-surface h2,
.section.tone-surface p,
.section.tone-surface ul li {
    color: #fff;
}

.sectionhead.center,
.sectionhead.center,
.section .mr-ato {
    margin-left: auto;
    margin-right: auto;
}

.sectionhead.center {
    margin-bottom: 40px;
}

.sectionhead.center,
.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.flx {
    display: flex;
    gap: 30px;
    row-gap: 30px;
}

.flx.flx-wrap {
    flex-wrap: wrap;
}

.flx.cols-3 .card {
    flex: 1 31.333%;
    max-width: 31.333%;
}

.flx.flx-wrap.flx-cntr,
.flx-cntr {
    justify-content: center;
}

.tone-surface .card.feature {
    background: var(--color-bg-primary, #FFF);
}

.section.tone-surface .card h3,
.section.tone-surface .card p,
.section.tone-surface .card ul li {
    color: #000000;
}

.section.tone-surface .card p a,
.section.tone-surface .card ul li a {
    color: #c36;
}

.section.tone-surface .card p a:hover,
.section.tone-surface .card ul li a:hover {
    color: #336;
}

.card.feature {
    border-radius: 20px;
    display: flex;
    padding: 28px 20px;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    align-self: stretch;
    text-align: center;
}

.card h3 {
    font-family: "Helvetica", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

a.btn.btn-primary {
    background-color: var(--e-global-color-31baea7);
    font-family: "Helvetica", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 1px;
    fill: var(--e-global-color-8697866);
    color: var(--e-global-color-8697866);
    border-radius: 3px 3px 3px 3px;
    padding: 15px 28px 15px 28px;
    text-transform: uppercase;
    text-align: center;
}

.hero-cta.btn-ctr {
    display: flex;
    justify-content: center;
}

.hero-cta {
    display: flex;
}

.section.tone-surface a.btn.btn-primary:hover {
    background-color: #030303;
    color: var(--e-global-color-3fb1801);
}

a.btn.btn-primary:hover {
    background-color: var(--e-global-color-7562d3e);
    color: var(--e-global-color-3fb1801);
}

.section .mr-ato,
.mx1024.mr-ato,
.mx938.mr-ato,
.mx650.mr-ato,
.mx900.mr-ato,
.mx950.mr-ato,
.mx800.mr-ato,
.mx850.mr-ato,
.mx700.mr-ato,
.mx720.mr-ato,
.mx650.mr-ato,
.mx600.mr-ato,
.mx590.mr-ato,
.mx575.mr-ato,
.mx440.mr-ato {
    margin-left: auto !important;
    margin-right: auto !important;
}

.section .mx1024 {
    max-width: 1024px;
}

.section .mx938 {
    max-width: 938px;
}

.section .mx900 {
    max-width: 900px;
}

.section .mx950 {
    max-width: 950px;
}

.section .mx800 {
    max-width: 800px;
}

.section .mx850 {
    max-width: 850px;
}

.section .mx700 {
    max-width: 700px;
}

.section .mrt40 {
    margin-top: 40px;
}

.section .mx720 {
    max-width: 720px;
}

.section .mx650 {
    max-width: 650px;
}

.section .mx600 {
    max-width: 600px;
}

.section .mx575 {
    max-width: 575px;
}

.section .mx590 {
    max-width: 590px;
}

.section .mx500 {
    max-width: 500px;
}

.section .mx440 {
    max-width: 440px;
}

.grey-cl {
    background-color: #DCD0FF;
}

.pdr30 {
    border-radius: 30px;
}

.pdgr-bx {
    padding: 40px 24px;
}

.pdgr-bx p:last-child {
    padding-bottom: 0px;
}

span.nbr-txt {
    background-color: #008080;
    width: 36px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Helvetica", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.tone-surface .splitsec .splitsec-copy a,
.tone-surface .splitsec .splitsec-copy a:hover {
    color: #dcd0ff;
}

.jet-toggle__label-text {
    color: #000000;
    font-family: "Helvetica", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.jet-toggle__content-inner p,
.jet-toggle__content-inner ul li {
    color: #333333;
}

.jet-toggle__content-inner {
    position: relative;
    padding: 30px;
    padding: 0px 30px 15px 30px !important;
}

.splitsec.top-sec {
    grid-template-columns: 1fr;
}

.splitsec.top-sec .splitsec-copy p:last-child {
    margin-bottom: 0;
}

.pg-left-txt {
    padding-right: 40px;
}

.flx.flx-wrap.cols-2 .card.feature {
    flex: 1 47%;
    max-width: 47%;
}

.bg-wt-sec .card.feature {
    background-color: #DCD0FF;
}

.bg-wt-sec .card.feature.pd30,
.pd30 {
    padding: 30px;
}

.bg-wt-sec .card.feature h3 {
    color: #008080;
    font-size: 26px;
    letter-spacing: 0.5px;
}

.section .mx1090 {
    max-width: 1090px;
}



@media (max-width: 1280px) {
    .container {
        padding: 0 100px;
    }

    .section .container .grid-pur3 .card.feature {
        max-width: 100% !important;
    }

    .container .grid-pur3 .card.feature {
        max-width: 50% !important;
    }
}

@media (max-width: 1100px) {
    .container {
        padding: 0 60px;
    }
}

@media (max-width: 991px) {

    .section .container .grid-pur3 .card.feature {
        max-width: 100% !important;
    }

    .btr-ctr {
        display: flex;
        justify-content: center;
    }

    .pg-left-txt {
        padding-right: 0px;
    }

    .splitsec.rgt-md {
        grid-template-columns: 1fr !important;
    }

    img.award-img {
        width: 45% !important;
    }



    .container .grid4 .card {
        flex: 1 100% !important;
        max-width: 100% !important;
    }

    .section.pdt0 {
        padding: 0px 0px 40px;
    }

    section.section.tone-surface {
        padding-top: 40px;
    }

    .section p,
    .section ul li {
        font-size: 16px;
    }

    .section {
        padding: 40px 0;
    }

    .splitsec.rev> :first-child {
        order: 2;
    }

    .flx.cols-3 .card,
    .flx.flx-wrap.cols-2 .card.feature {
        flex: 1 100%;
        max-width: 100% !important;
    }

    .container {
        padding: 0 20px;
    }

    .splitsec {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pdgr-bx {
        padding: 30px 20px 40px;
    }

}

@media (max-width: 768px) {

    .sk-btn-nw.mob-ful.mx330 {
        max-width: 330px;
    }

    .section h2.sec-title,
    .section h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .flx {
        row-gap: 24px;
        flex-direction: column;
    }
}

/* Aman */
.card.feature.grey-cl.card2 {
    align-items: unset;
}

.card2 h3.blk-clr {
    text-align: left;
}

.card2 p {
    text-align: left;
}

img.award-img {
    width: 35%;

    align-self: center;
}

.grid4 .card {
    flex: 1 31.333% !important;
    max-width: 22.333% !important;
}

.wht-clr {
    background-color: #fff;
    padding: 32px 15px;
    border-radius: 12px;
}

.wht-clr p {
    color: #000000 !important;
}

.mt16 {
    margin-top: 16px;
}

ul.alg-itm li {
    text-align: left;
}

.splitsec.rgt-md {
    grid-template-columns: 1fr .58fr;
}


@media (max-width: 768px) {
    .table-iv .table-container td {
        padding-left: 90px;
    }

    section .mob-full {
        width: 100% !important;
    }

    a.btn.btn-primary {
        padding: 15px 10px 15px 10px;
        width: 100%;
        line-height: 1.3;
    }
}

.grid-pur3 {
    justify-content: center;
}

.container .grid-pur3 .card.feature {
    max-width: 31.5% !important;
}

.lrn-more {
    font-size: 18px;
    font-family: "Helvetica", Sans-serif;
    font-weight: 600;
    color: #c36;
    margin-top: 14px;
}

.txt-wht {
    color: #fff;
}

.grid4p .card {
    flex: 1 31.333% !important;
    max-width: 22.9% !important;
}

.mt-ato {
    margin-top: auto;
}

.gap24 {
    gap: 24px;
}

.card.feature.mx-crd.pd30 {
    max-width: 100% !important;
    text-align: left;
}