h1,
h2 {margin: 0}
.mt-30 {margin-top: 30px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-36 {margin-bottom: 36px !important}
.pp-29 p {margin: 0 0 29px 0}
.textCenter{text-align: center;}
.textLeft{text-align: left;}
.metropolisBold h2 {
    text-align: center;
    font-weight: normal;
    font-family: 'Metropolis-Bold';
    line-height: 1.166666;
    font-size: 2.500em;
}
.hed36   h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.font-24 p {
    font-size: 24px;
    line-height: 1.25;
}
#vdoSliderBox-list {height: auto !important}
.secPad-100 {
    padding: 100px 0;
}
@media screen and (max-width: 1199px) {
    .font-24 p {font-size: 20px}
}
@media screen and (max-width: 767px) {
    .m100 a {
        max-width: 485px;
        width: 100% !important;
    }
    .cmnBtnMo .elementor-button {width: 100%}
    .secPad-100 {
    padding: 60px 0;
}
    .hed36  h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
    .font-24 p {font-size: 16px}
}

/*================= Banner Arrea Start ================= */


.serviceBanner,
.customizBanner {height: 744px}
.heading h1,
.heading h2 {
    margin: 0;
    padding-bottom: 35px;
    font-size: 2.500em !important;
    font-weight: 600;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .heading h1,
    .heading h2 {
        padding-bottom: 20px;
        font-size: 2em !important;
    }
}

/*================= commonSec  Arrea Start ================= */
.commonSec {
    width: 100%;
    padding: 92px 0;
    position: relative;
    background-color: #fff;
    color: #141414;
}
.cntactfoot {padding: 90px 0}

@media screen and (max-width: 1199px) {
    .commonSec {padding: 60px 0}
    .cntactfoot {padding: 60px 0}
}

/*================= commonSec  Arrea End ================= */
/*================= Half Backgroun Form End ================= */
.regisBanner {
    position: relative;
    padding-bottom: 100px;
    z-index: 8;
}
.regisBanner .elementor-widget:not(:last-child) {margin-bottom: 0}
.regisBannerText {
    margin: 0 auto;
    max-width: 1075px;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 40px 15px;
    min-height: 300px;
    display: flex;
}
.regisBanLogo img {width: 244px}
.regisBannerText h1 {
    color: #FFF;
    font-weight: 700;
    text-align: center;
    line-height: 1.1333;
    font-size: 75px;
    margin: 12px 0;
}
.regisBannerText p {
    color: #FFF;
    font-size: 30px;
    text-align: center;
    line-height: 1.1333;
    font-weight: 400;
    margin: 0;
}
.regDoxArea {
    padding-bottom: 100px;
    position: relative;
    z-index: 9
}
.regisForm {
    z-index: 9;
    background: #FFF;
    margin-top: -115px;
    box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    padding: 60px;
    gap: 60px;
}
@media screen and (max-width: 1199px) {
    .regDoxArea {padding-bottom: 80px}
    .regisBannerText {
        max-width: 794px;
        padding: 30px 5px;
    }
    .regisBannerText h1 {
        font-size: 44px;
        margin: 12px 0 5px;
    }
    .regisBannerText p {font-size: 22px}
    .regisForm {margin-top: -115px !important}
    .regisBannerText p br {display: none}
}

@media screen and (max-width: 767px) {
    .regisBannerText {
        padding: 30px 5px;
        min-height: 220px;
    }
    .regisBanLogo img {width: 160px}
    .regisForm {padding: 10px 22px 30px}
    .regisBannerText h1 {font-size: 38px}
}

@media screen and (max-width: 500px) {
    .regisBannerText h1 {
        font-size: 7.500vw;
        margin: 5px 0;
    }
    .regisBannerText p {font-size: 4.2vw}
}
.regInput {margin-top: 60px}
.regInput label {
    color: #000;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 30px;
    display: block;
}
.regInput input {
    width: 100%;
    border: none;
    color: #9B9B9B;
    line-height: 1.25;
    border-bottom: 1px solid #B1B1B1;
    font-family: inherit;
    padding: 6px 0px;
    font-size: 24px;
}
.regInput .commBtn {
    padding: 10px 60px;
    border-radius: 100px;
    background: linear-gradient(25deg, #ED4F01 15.97%, #F3A629 89.03%);
    box-shadow: 0 15px 44px 0 rgba(238, 88, 5, 0.50);
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.333;
    font-size: 38px;
    width: inherit;
    margin: 0 auto;
    border: none;
    color: #fff;
}
.regInput .commBtn:hover {
    background: #f5ae2e;
    background: -moz-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
}
.regInput label span.sup {
    color: #DC0000;
    font-size: 30px;
    line-height: 0;
}

@media screen and (max-width: 1199px) {
    .regInput {margin-top: 40px}
    .regInput label {font-size: 18px}
    .regInput input {font-size: 16px}
    .regInput .commBtn {
        font-size: 24px;
        box-shadow: 0 10px 20px 0 rgba(238, 88, 5, 0.50);
        padding: 10px 50px;
    }
    .regInput {margin-top: 40px}
}

@media screen and (max-width: 767px) {
    .regInput .commBtn {
        font-size: 20px;
        padding: 8px 50px;
        min-height: 46px;
    }
    .regInput label span.sup {font-size: 24px}
}

/*================= Half Backgroun Form End ================= */

/* ============cusTomerSlider Start ============*/
.cusTomerSlider .splide__pagination__page.is-active {transform: inherit}
.cusTomerSlider .splide__pagination__page {opacity:1}
.reviewSlider .splide__pagination__page.is-active {transform: scale(1)}

@media screen and (max-width: 767px) {
    .reviewSlider .splide__pagination {display: none}
}
/* cusTomerSlider End*/

/* OL Box  Start*/
.olBox {
    padding: 30px;
    margin-top: 40px;
    background: #fff;
}
.olBox .sec45In::before {margin-top: 0}
.olBox .sec45In span {
    display: block;
    padding-bottom: 25px;
    font-family: 'Metropolis-SemiBold';
    font-weight: normal;
    line-height: 1.078;
    font-size: 1.583em;
}
.olP p {
    margin: 0 0 60px 58px;
    text-align: justify;
    line-height: 1.583;
    font-size: 1.000em;
}
.olP.pIn p {margin: 0 0 38px 58px}

.olP.pIn p:last-child {margin: 0 0 0 58px}

@media screen and (max-width: 767px) {
    .olBox {
        margin-top: 30px;
        padding: 20px;
    }
    .olBox .sec45In {padding: 0 0 0 45px}
    .olBox .sec45In span {padding-bottom: 10px}
    .olP p {margin: 0 0 35px 46px}
}
/* OL Box End*/
.lFt-Text h2 {
    line-height: 1;
    font-size: 1.875em;
    font-weight: normal;
    margin: 0 0 20px;
}
.lFt-Text p {
    margin: 0;
    text-align: justify;
    line-height: 1.375;
    font-size: 1.000em;
}
.tikAncclose > div {align-items: flex-end}

/* -------Quotation Section Start --------- */
.quotation {padding: 90px 0 75px}
.quotBox p {
    max-width: 870px;
    margin: 42px auto 32px;
    line-height: 1.181818;
    font-size: 30px;
    color: #000;
}
.zoho-ppage h2 {
    font-size: 68px;
    margin-bottom: 30px;
    font-weight: 600;
}
.ex-bonus-sec .quotation {background-color: transparent !important}

@media screen and (max-width: 1199px) {
    .quotBox p {
        margin: 30px auto 20px;
        font-size: 24px;
    }

    .ex-bonus-sec .quotation p,
    .ex-bonus-sec p {font-size: 18px}
}

@media screen and (max-width: 767px) {
    .quotBox P,
    .ex-bonus-sec .quotation a {
        line-height: 28px;
        font-size: 16px;
    }
    .quotBox p {margin: 30px auto 10px}
    .quotation span {font-size: 16px !important}
    .quotBox .icon {width: 20% !important}
    .ex-bonus-sec .quotation {
        margin-top: 20px;
        padding: 25px 10px 17px 66px;
    }
    .ex-bonus-sec .quotation .icon {
        width: 40px;
        left: 15px;
        top: 25px;
    }
}

/* -------You Can Zoho Area Start --------- */
.youCanZoho-area h2 {
    font-size: 46px;
    margin-top: 0;
}
.youCanZoho-area p {
    font-size: 30px;
    margin-top: 30px
}
.mNone-bgff {background: #fff}

@media screen and (max-width: 1999px) {
    .youCanZoho-area h2 {font-size: 36px}
    .youCanZoho-area p {
        font-size: 24px;
        line-height: 1.208333;
    }
}

@media screen and (max-width: 1024px) {
    .heading::after {
        height: 3px;
        width: 100px;
    }
}

@media screen and (max-width: 767px) {
    .mNone-bgff {background: transparent}
    .youCanZoho-area .developinBg h2 {
        font-size: 36px;
        padding: 20px 10px;
        background: #025A8C;
        text-align: center;
    }
    .youCanZoho-area p {
        font-size: 16px;
        background: #fff;
        padding: 25px 10px;
        line-height: 1.4;
        margin: 0;
    }
    .youCanZohoImg img {
        max-width: 340px;
        margin: auto;
    }
}

/* -------You Can Zoho Area End --------- */
/* -------premiumSec Area Start --------- */

.premiumSec {
    display: flex;
    align-items: center;
    min-height: 909px
}

.premiumSec > .elementor-section .elementor-container {align-items: center}
.premium-partner {
    right: 0;
    bottom: -87px;
    position: absolute;
}
.movileBlcBg {display: none}

@media only screen and (max-width: 1279px) {
    .premiumSec {min-height: 520px}
    .premium-partner {
        right: 17%;
        bottom: -30px;
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .premiumSec {min-height: auto}
    .premium-partner {display: none}
    .premium-partner img {
        width: 100px;
        margin: 0 auto;
        text-align: center;
        padding: 0 0 50px;
        display: flex;
    }

    .movileBlcBg {display: block}
    .premiumSec {background-image: none !important}
    .youCanZohoImg img {
        max-width: 340px;
        margin: auto;
    }
}

/* -------premiumSec Area End --------- */

@media only screen and (max-width: 1279px) {
    .shortBanner {min-height: auto}
}

/* New  Home Banner */
.newBannerHm {
    width: 100%;
    height: 844px;
    max-width: 1920px;
    position: relative;
    align-items: center;
    overflow: hidden;
    display: flex;
    margin: 0 auto;
}

.newBannerHm h1 {
    margin: 0;
    position: relative;
    display: inline-block;
    font-family: 'Metropolis-Bold';
    line-height: 1.1142857;
    font-size: 2.917em;
}

@media only screen and (max-width: 1279px) {
    .newBannerHm {max-width: 1920px}
}

@media screen and (max-width: 767px) {
    .heading h1,
    .heading h2 {
        padding-bottom: 20px;
        font-size: 2em !important;
    }
    .serviceBanner,
    .customizBanner,
    .newBannerHm {height: auto}

    /*    .newBannerHm{background-image: none !important;}*/
    .elementor-widget-container .abr-btn-pop img.ab-clicker {
        margin: 0 auto;
        display: block;
        max-width: 171px;
    }
    .brNone br {display: none}
    .elementor-button.ab-clicker {
        border-radius: 30px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        padding: 14px !important;
    }
}

/* New  Home Banner */

/* ======== None  Block========== */
.pcNone {display: none !important}

@media only screen and (max-width: 767px) {
    .pcNone {display: block !important}
}

/* ======== None  Block ========== */

/* Thank You  Section Start */
.thankyou .elementor-widget:not(:last-child) {margin-bottom: 0}
.thankyou h1 {
    margin: 0;
    position: relative;
    font-family: 'Montserrat';
    padding: 2.2388vw 0 1.599vw;
    text-transform: uppercase;
    line-height: 1.2954;
    font-size: 7.0362vw;
    font-weight: 700;
    color: #f9a621;
}
.thankyou h1::after {
    margin: auto;
    width: 15.99vw;
    background-color: #01659d;
    height: 0.26652452025586353vw;
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
}
.thankyou p {
    margin: 0 auto;
    max-width: 45.84221748vw;
    padding: 2.1322vw 0 4.5842vw;
    font-family: 'Montserrat';
    font-size: 1.27931769vw;
    font-style: italic;
    line-height: 2;
}
.thankyouloog img {margin-bottom: 15px}

@media screen and (max-width: 639px) {
    .thankyou p {
        max-width: 80vw;
        font-size: 3vw;
    }
    .thankyouloog img {max-width: 200px}
}

/* Thank You 2 */
.thankbg .elementor-widget:not(:last-child) {margin-bottom: 0}

.thankbg {
    width: 100%;
    background: -moz-linear-gradient(top, #025483 0%, #2297cd 100%);
    background: -webkit-linear-gradient(top, #025483 0%, #2297cd 100%);
    background: linear-gradient(to bottom, #025483 0%, #2297cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#025483', endColorstr='#2297cd', GradientType=0);
    color: #fff;
}
.thankFlex > div {
    display: flex;
    align-items: center;
}
.thankLeft h1 {
    text-align: center;
    font-size: 4.667em;
    line-height: 1.17857;
    margin: 50px 15px 0 0;
    font-weight: 700;
}
.thankLeft h3 {
    line-height: 1.1;
    font-size: 1.6em;
    margin: 20px 6px 40px 0;
    font-weight: 700;
    font-size: 20px
}
.thankLeft h6 {
    line-height: 1.2;
    font-size: 1.250em;
    font-weight: 400;
}
.gShape {
    position: relative;
    padding-bottom: 40px;
}
.gShape::after {
    width: 254px;
    height: 6px;
    margin: 0 auto;
    background: #ee5203;
    background: -moz-linear-gradient(left, #ee5203 0%, #f6b833 100%);
    background: -webkit-linear-gradient(left, #ee5203 0%, #f6b833 100%);
    background: linear-gradient(to right, #ee5203 0%, #f6b833 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5203', endColorstr='#f6b833', GradientType=1);
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
}
@media screen and (max-width: 1199px) {
    .thankLeft h1 {
        margin: 0;
        font-size: 3em;
    }
    .thankLeft h3 {font-size: 18px}
}

@media screen and (max-width: 1023px) {
    .thankLeft h1 {
        margin: 0;
        font-size: 2.5em;
    }

    .thankLeft h3,
    .thankLeft h6 {font-size: 16px}
}
@media screen and (max-width: 767px) {
    .thankLeft {padding: 50px 0 0}
    .thankLeft h3 {margin: 20px 0}
    .gShape {padding-bottom: 15px}
    .gShape::after {
        width: 80px;
        height: 3px;
    }
    .thankRight {margin-top: 30px}
}

/* Thank You 2 */


/* Thank You  Section End */

/* Just Text Area Start */
.justTextArea p,
.justTextArea ul li {
    font-size: 19px;
    font-weight: 400
}
.justTextArea a {color: #0068a3}
.justTextArea a:hover {color: #ff6f20}
.justTextArea h2 {
    margin-bottom: 25px;
    font-weight: 600;
}
.justTextArea strong {font-weight: 600}

@media screen and (max-width: 479px) {
    .justTextArea p,
    .justTextArea ul li {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px
    }
    .justTextArea h2 {
        margin-bottom: 10px;
        font-size: 24px;
    }
}

/* Just Text Area Start */

/* Comon Image Border Section */
.comnContHed h2 {
    margin: 0 0 29px 0;
    font-size: 1.792em;
    max-width: 473px;
}
.bigHed60 h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.208333
}
.commonSec p {
    font-size: 18px;
    line-height: 1.208333;
    margin: 0 0 29px 0;
}
.commonImg img {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 20px 5px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 9px 20px 5px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 9px 20px 5px rgba(0, 0, 0, 0.2) !important;
    box-sizing: border-box;
    position: relative;
}
@media screen and (max-width: 1199px) {
    .bigHed60 h2 {font-size: 42px}
}
@media screen and (max-width: 1023px) {
    .bigHed60 h2 br {display: none}
}

@media screen and (max-width: 767px) {
    .bigHed60 h2 {font-size: 32px}
    .cmText p {margin-bottom: 20px}
    .cmText h2 br {display: none}
}

/* Comon Image Border Section */
.helpMe {
    width: 100%;
    padding: 60px 0;
}

.helpMeImg {margin: 30px 0 !important}

@media screen and (max-width: 767px) {
    .helpMe {padding: 50px 0}
}

/*==============Logo Image Position  ================*/

.zohoPositonArea {
    position: absolute !important;
    bottom: 81px;
    right: 0;
}
@media screen and (max-width: 767px) {
    .bgMobileNone {background-image: none !important}
    .zohoPosition {position: absolute !important}
    .zohoPositonArea {
        position: relative !important;
        bottom: 0;
    }
    .zohoPosition img {
        position: absolute;
        bottom: 20px;
        z-index: 9;
        width: 100px;
        right: 30%;
    }
}

/*==============Logo Image Position  ================*/

/*=============
All Banner Section
=================*/
#ede-banner-area {
    background: url(https://www.amazingbusinessresults.com/wp-content/uploads/2024/05/edeBannerBg-scaled-1.jpg) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 790px;
}

@media screen and (max-width: 1199px) {
    #ede-banner-area {height: 640px}
}
@media screen and (max-width: 767px) {
    #ede-banner-area {
        background: url(https://www.amazingbusinessresults.com/wp-content/uploads/2024/08/ede-banner-smBg.png.png) no-repeat bottom;
        background-size: cover;
        align-items: flex-start;
        height: 900px;
    }
}

@media screen and (max-width: 600px) {
    #ede-banner-area {height: 730px}
}

@media screen and (max-width: 440px) {
    #ede-banner-area {height: 690px}
}

#plugnplay-banner-area {
    background-image: url(https://www.amazingbusinessresults.com/wp-content/uploads/2024/06/plugnplay-bannerBg2-scaled-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 767px) {
    #plugnplay-banner-area {
        background-image: url(https://www.amazingbusinessresults.com/wp-content/uploads/2024/08/plug-n-Play-Mobile.png.png);
        height: 600px
    }
}
/*==============================*/
/* All Responsive */
@media screen and (max-width: 767px) {
    .bgSection .premium-partner {
        max-width: 100px;
        display: block;
        bottom: -20px;
        right: 20%;
    }
}

/*===========================
Home Page Style Staret
===========================*/

/*----------  We Help Section Start  ------------*/
.homeBanner h2,
.weHelp h2,
.fontMetBld h2,
.trusASee h2 {font-family: 'Metropolis-Bold'}
.abr-yt-pop .glightbox3 img {border-radius: 0}
.weHelp h2 {
    text-align: center;
    font-weight: normal;
    font-family: 'Metropolis-Bold';
    line-height: 1.166666;
    font-size: 2.500em;
}
.weHelpImg {
    width: 100%;
    position: relative;
    box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.weHelpImg img {
    height: 256px !important;
    object-fit: cover;
}
.weHelppp {
    height: 180px;
    padding: 0px 30px 0px 30px;
}
.weHelpTxt {padding: 10px 30px 10px}
.weHelpTxtP {
    height: 140px;
    margin-bottom: 40px;
    text-align: justify;
}
.hmOptSection span.elementor-heading-title {
    margin-top: 30px;
    font-size: 0.958em;
    font-family: 'Metropolis-Medium';
    line-height: 1.173913;
    font-weight: normal;
    display: block;
}
.hmOptSection p {
    line-height: 1.173913;
    font-size: 0.958em;
    color: #000;
}
.trusASee img {max-width: 585px}
.cusTomerSlider .splide__pagination__page.is-active {transform: inherit}
.cusTomerSlider .splide__pagination__page {opacity: 1}
.accreDSection img {width: 100%}
.tblImg img {width: 61px}
@media only screen and (max-width: 1279px) {
    .weHelpImg img {height: 18.7vw}
    .lg-paragraph p {font-size: 1em !important}
    .trusASee img,
    .liorPhoto img {max-width: 100% !important}
}
@media only screen and (max-width: 1023px) {
    .weHelpImg img {
        height: 150px;
    }
    .weHelppp {
        height: 250px;
        padding: 0px 14px 0px 15px;
    }
    .hmOptSection span.elementor-heading-title {margin: 20px 8px 10px}
}
@media only screen and (max-width: 767px) {
    .weHelp h2 {font-size: 2em}
    .weHelpImg img {
        height: auto;
        width: 100%
    }
    .weHelppp {
        height: auto;
        padding: 0px 14px 30px 15px;
    }
    .weHelpTxtP {
        height: auto;
        margin-bottom: 30px;
    }
    .companiesLiorSec .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 4px;
    }
    .suppPackSec {display: none}
    .reviewSlider .splide__pagination {display: none}
}

@media only screen and (max-width: 767px) {
    .fAQIner .fAQInerIcon {
        width: 10%;
        padding-right: 14px;
    }
    .fAQIner .fAQInerText {width: 90%}
}
.topBtnBlog {
    padding: 20px 0 !important;
    /*position: sticky !important;*/
    z-index: 99;
    top: 0;
}
/*.topBtnBlog .elementor-container {max-width: 1130px !important}*/
.topBtnBlog .elementor-column {
    width: auto !important;
    margin: 0 auto !important;
}
.topBtnBlog .grad-btn .abr-btn-pop {width: 100%}
.topBtnBlog .grad-btn .elementor-button {
    font-family: inherit !important;
    justify-content: flex-start !important;
    font-weight: 700;
    padding: 7px 30px 7px 10px;
}
.mngItmHedArea {padding: 40px 0 30px !important}
.mngItmHedArea .mngItmHed {
    display: flex;
    align-items: center;
    gap: 20px;
}
.mngItmHedArea .mngItmHed span {
    width: 58px;
    height: 58px;
    background: #025A8C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.mngItmHedArea .mngItmHed h2 {
    color: #025A8C !important;
    margin: 0;
    font-size: 24px !important;
    font-weight: 700 !important;
}
.mngItmHedArea p {
    margin: 20px 0 20px !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}
.mngItmHedArea .mngItmHed > div {
    display: flex !important;
    flex-wrap: inherit !important;
}
.mngItmHedArea .mngItmHed > div .elementor-widget-html {width: 60px !important}
.mngItmHedArea .mngItmHed > div .elementor-widget-heading {width: 100% !important}
.topBtnBlog .commBtn,
.topBtnBlog .commBtn2 a {
    width: 100%;
    justify-content: flex-start;
    min-height: inherit;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    padding: 9px 30px 9px 9px !important;
    font-size: 18px;
}
.topBtnBlog .mngSec ul li {font-weight: 400}
.topBtnBlog .grad-btn .elementor-button {
    font-size: 18px;
    position: relative;
    border-radius: 50px;
    background: linear-gradient(180deg, #ffa146 0, #d85c20);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    /*border: 1px solid #d95d20;*/
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

.topBtnBlog .grad-btn .elementor-button:hover {background: linear-gradient(180deg, #d85c20 0, #ffa146)}
.topBtnBlog .abr-btn-pop .ab-hidden {
    z-index: 9;
    width: 380px !important;
}
.imgFullWidth img {width: 100%}

@media only screen and (max-width: 1199px) {
    .topBtnBlog .commBtn, .topBtnBlog .commBtn2 a {font-size: 14px}
}
@media only screen and (max-width: 1023px) {
    .topBtnBlog {
        padding: 10px 0 !important;
        display: flex;
    }
    .mngItmHedArea .mngItmHed {gap: 15px}
    .mngItmHedArea .mngItmHed > div .elementor-widget-html {width: 46px !important}
    .mngItmHedArea .mngItmHed span {
        width: 46px !important;
        height: 46px !important;
    }
    .mngItmHedArea .mngItmHed h2 {font-size: 20px !important}
    .mngItmHedArea p {font-size: 16px !important}
    .topBtnBlog .abr-btn svg {height: 20px}
    .topBtnBlog .ab-hidden {padding: 14px 10px !important}
    .topBtnBlog a.commBtn.abr-btn {
        width: 100%;
        font-size: 10px;
        padding: 0 15px 0 9px !important;
        justify-content: flex-start;
        line-height: 30px;
        min-height: 30px;
    }
    .topBtnBlog .elementor-button.ab-clicker {
        line-height: 8px;
        font-size: 12px !important;
        font-weight: 700 !important;
        padding: 0 15px 0 10px !important;
        min-height: 32px;
    }
    .topBtnBlog .btn.elementor-button.ab-clicker svg {height: 20px !important}
    .topBtnBlog .elementor-element > .elementor-element-populated {padding: 5px 5px !important}
    .topBtnBlog .elementor-element {padding: 0}
    .topBtnBlog .abr-btn-pop .ab-hidden {width: 280px !important}
}

@media only screen and (max-width: 767px) {
    .topBtnBlog .elementor-container {max-width: 342px !important}
}
.casebanner .bannerBrand {max-width: 1210px}
.blogDtlSec h1 {
    font-size: 46px !important;
    margin: 0 0 20px !important;
}
.blogDtlSec h2 {
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 1.125;
    font-size: 2.000em;
    color: #151515;
}
.blogDtlSec h3 {
    margin: 15px 0 10px;
    font-weight: 600;
    line-height: 1.125;
    font-size: 1.500em;
    color: #151515;
}
.blogDtlSec p {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #000 !important;
}
.blogDtlSec blockquote.wp-block-quote {
    margin: 14px 0 0;
    padding: 0 0 0 44px;
    border-left: 11px solid #0066a0;
    font-family: "proximaNova";
    line-height: 1.2068;
    font-size: 1.208em;
    font-weight: bold;
    color: #0066a0;
}
.blogDtlSec blockquote.wp-block-quote:last-child p {margin: 0}
.blogDtlSec ol,
.blogDtlSec li {
    font-weight: 400 !important;
    font-family: 'proximaNova';
    font-size: 18px;
}
.blogDtlSec li {margin-bottom: 10px}
.blogDtlSec ol {margin-bottom: 30px}
.blogFulimg img {width: 100%;}
.resentPostSection h3 {font-size: 20px !important;}
.recentPost {width: 100%}
@media only screen and (max-width: 1023px) {
    .blogFulimg {padding: 50px 0 15px !important}
    .blogDtlSec h1 {font-size: 36px !important}
    .blogDtlSec h2 {
        margin: 0 0 20px;
        font-weight: 600;
        line-height: 1.125;
        font-size: 1.7em;
        color: #151515;
    }
    .blogDtlSec h3 {
        font-weight: 600;
        margin: 15px 0 10px;
        font-size: 1.500em;
        line-height: 1.1;
        color: #151515;
    }
    .resentPostSection h3 {font-size: 18px !important}
    .blogDtlSec blockquote.wp-block-quote {
        padding: 0 0 0 25px;
        border-width: 8px;
    }
    .blogDtlSec iframe {height: 600px}
    .resentPostSection .elementor-widget-wrap {padding: 0 10px 0 !important}
    .recentPost li a {font-size: 12px}
}

@media only screen and (max-width: 767px) {
    .blogDtlSec iframe {
        height: 50%;
        width: 50%
    }
    .recentPost {
        width: 100% !important;
        text-align: left !important;
    }
    .resentPostSection .elementor-widget-wrap {padding: 50px 0  0!important}
    .resentPostSection .elementor-widget:not(:last-child) {margin-block-end: 0}
    .resentPostSection .elementor-widget:not(:last-child) {margin-bottom: 0}
    .blogDtlSec .resentPostSection h3 {
        margin: 0;
        font-size: 20px !important
    }
    .recentPost li a {font-size: 16px}
    .blogDtlSec iframe {height: 400px}
}

@media only screen and (max-width: 500px) {
    .blogDtlSec iframe {height: 300px}
}
.recentPost ul li a:hover {color: #DC0000}
.casebanner {
    width: 100%;
    height: 576px;
    max-width: 1920px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    color: #fff;
    float: none;
    z-index: 1;
}
.caseBnrInner {
    width: 100%;
    padding: 0 15px;
    max-width: 1110px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.caseBnrInner {
    width: 100%;
    height: 576px;
    padding: 46px 0;
    list-style: none;
    box-sizing: border-box;
    flex-direction: column;
    flex-wrap: wrap;
    display: flex;
    gap: 20px;
}
.caseBnrInner .elementor-widget-wrap > .elementor-element.smTitle {
    width: 61% !important;
    padding-top: 18px;
    line-height: 1.00;
    font-family: inherit;
    font-size: 46px !important;
    font-weight: 300;
    display: block;
}
.caseBnrInner .elementor-widget-wrap > .elementor-element.mdTitle {
    width: 58% !important;
    line-height: 1.00;
    font-size: 46px;
}
.caseBnrInner h1 {
    width: 54%;
    font-family: inherit !important;
    line-height: 1.00 !important;
    font-size: 72px;
    margin: 0;
}
.casebanner .elementor-heading-title {
    font-size: inherit !important;
    font-weight: 600;
}

.caseBnrInner h1.elementor-heading-title {
    width: 54%;
    font-family: inherit !important;
    line-height: 1.00 !important;
    font-size: 72px !important;
    margin: 0;
    font-weight: 700;
}
.caseBnrInner.textNone {padding-top: 22vw}
@media screen and (max-width: 1666px) {
    .caseBnrInner.textNone {padding-top: 25vw}
}
@media screen and (max-width: 1440px) {
    .caseBnrInner.textNone {padding-top: 31vw}
}
@media screen and (max-width: 767px) {
    .caseBnrInner.textNone {padding-top: 38vw}
}
@media screen and (max-width: 1199px) {
    .caseBnrInner.textNone {padding-top: 35vw}
}
@media screen and (max-width: 1110px) {
    .casebanner {height: 51.8918918918919vw !important}
    .caseBnrInner {
        height: 31.8918918918919vw;
        padding: 4.144144144144144vw 15px;
        gap: 1.8018018018018018vw;
    }
    .caseBnrInner .elementor-widget-wrap > .elementor-element.smTitle {
        padding-top: 1.6216216216216217vw !important;
        font-size: 4.144144144144144vw !important;
    }
    .caseBnrInner h1.elementor-heading-title {font-size: 6.486486486486487vw !important}
    .caseBnrInner .elementor-widget-wrap > .elementor-element.mdTitle {font-size: 4.144144144144144vw !important}
    .caseBnrInner .elementor-widget:not(:last-child) {margin-block-end: 2.6041666666666665vw !important}
    .caseBnrInner .elementor-widget:not(:last-child) {margin-bottom: 2.6041666666666665vw !important}
}
.bxtenSection .elementor-widget-wrap > .elementor-element {
    width: auto !important;
    align-items: center;
    display: flex;
}
.btnGroup .elementor-widget-wrap > .elementor-element {width: auto !important}
.lessonSec ul {padding-bottom: 20px}
.lessonSec ul li {
    line-height: 1.4;
    padding-right: 15px;
    word-break: break-all;
    font-family: inherit;
    line-height: 1.26666;
    font-weight: 400;
    margin:0 0 15px;
    font-size:15px;
    color: #000;
}
.lessonSec .elementor-heading-title {padding: 0 6px}
.lessonSec p a {word-break: break-all}
.lessonSec p {margin: 0}
.lessonSec p,
.lessonSec p a,
.lessonSec ul li,
.lessonSec h2,
.lessonSec h4 {
    font-family: 'Montserrat';
    font-weight: 500;
}
.popular-sec h2 {
    margin: 0 0 60px;
    padding-left: 62px;
    display: inline-block;
    position: relative;
    font-size: 50px;
    color: #0066a0;
}
.popular-sec h2::before {
    width: 63px;
    height: 110px;
    background: url(../images/arrow-bg.png.webp) no-repeat;
    background-size: 100% auto;
    position: absolute;
    display: block;
    content: "";
    top: 26px;
    left: 0;
}
.popular-sec h1 {
    display: block;
    font-weight: normal;
    line-height: 1.00709;
    font-size: 7.421em;
    color: #2c2c2c;
}
.popular-sec h3 {
    margin: 0;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    background: #ee4f01;
    background: -moz-linear-gradient(45deg, #ee4f01 0%, #f6b833 100%);
    background: -webkit-linear-gradient(45deg, #ee4f01 0%, #f6b833 100%);
    background: linear-gradient(45deg, #ee4f01 0%, #f6b833 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee4f01', endColorstr='#f6b833', GradientType=1);
    text-transform: uppercase;
    font-size: 52px;
    color: #fff;
}
.popular-sec h4 {
    margin: 0;
    padding-bottom: 11px;
    font-weight: normal;
    line-height: 1.181818;
    font-size: 1.158em;
    color: #0066a0;
}
.popular-sec .bulletCheck {
    margin: 0;
    padding: 0;
    list-style: none;
}
.popular-sec .bulletCheck li {
    position: relative;
    padding: 11px 0 11px 50px;
    line-height: 1.15789;
    font-size: 1.000em;
}
.popular-sec .bulletCheck li::before {
    width: 28px;
    height: 29px;
    border-radius: 50%;
    background-size: 100% auto;
    background: url(../images/bulletCheck.png.webp) no-repeat left top;
    -webkit-box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.15);
    position: absolute;
    display: block;
    content: "";
    top: 11px;
    left: 0;
}
.lookBtn {
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: 0 110px 0 40px;
    border: 4px solid #0066a0;
    text-transform: uppercase;
    border-radius: 40px;
    line-height: 3.7142;
    font-size: 1.105em;
    color: #0066a0;
}
.lookBtn::after {
    width: 79px;
    height: 82px;
    background: url(../images/touch.png.webp) no-repeat;
    background-size: 100% auto;
    position: absolute;
    display: block;
    content: "";
    right: -4px;
    top: 18px;
}
.lookBtn:hover {
    background-color: #ff3f20;
    color: #fff;
}
@media screen and (max-width: 1365px) {
    .popular-sec h2 {
        margin-bottom: 30px;
        padding-left: 35px;
    }

    .popular-sec h2::before {
        width: 40px;
        height: 70px;
        top: 20px;
    }
    .lookBtn {
        padding: 0 60px 0 20px;
        border-width: 2px;
        line-height: 3;
    }
    .lookBtn::after {
        width: 40px;
        height: 42px;
        right: -2px;
        top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .popular-sec h2 {
        margin: 0 0 40px;
        padding-left: 40px;
        font-size: 30px;
    }
    .popular-sec h1 {font-size: 4em}
    .popular-sec h2::before {width: 30px}
    .popular-sec h3 {
        padding: 14px 0;
        font-size: 23px;
    }
    .lookBtn {
        padding: 5px 60px 5px 20px;
        border-width: 2px;
        line-height: 1.2;
        font-size: 15px;
    }
}

/*=========================
Vertical Gallery
=======================*/
@media (min-width: 1200px) {
    #vertical-gallery-carousel {
        right: 0;
        transform: rotate(-180deg);
        position: absolute;
        bottom: 0;
    }
    #vertical-gallery-carousel-track {
        width: 480px;
        transform-origin: 0 0;
        transform: rotate(-270deg);
        margin-left: 138px;
        direction: rtl;
        height: 137px;
    }
    #vertical-gallery-carousel-track .splide__slide {transform: rotate(90deg)}
}

#vertical-gallery-slider {
    width: 85%;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
#vertical-gallery-carousel-track .splide__slide {
    height: 110px;
    background: #fff;
    background-color: #fff;
    width: 110px !important;
    overflow: hidden;
    border: 0;
}
.sliderThumb .thumbImg img {
    position: absolute;
    object-fit: cover;
    height: 104px;
    width: 104px;
    left: 3px;
    top: 3px;
}
#vertical-gallery-carousel-list {overflow-y: hidden}
#vertical-gallery-carousel .splide__track--nav > .splide__list > .splide__slide.is-active {
    background-image: -moz-linear-gradient(90deg, rgb(228, 85, 37) 0%, rgb(238, 146, 37) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(228, 85, 37) 0%, rgb(238, 146, 37) 100%);
    border-width: 0
}
#vertical-gallery-carousel-list::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
#vertical-gallery-carousel-list::-webkit-scrollbar-thumb {background-color: #01679f}
#vertical-gallery-carousel-list::-webkit-scrollbar-track {
    border: 3px solid #01679f;
    background-color: #F5F5F5;
}
.sliderThumb .splide__arrows.splide__arrows--ltr {
    left: 0;
    top: 50%;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
    height: 47px;
    z-index: 9;
}
.sliderThumb .splide__arrow_cstudy.splide__arrow--next {
    position: absolute;
    right: 50px;
}
.sliderThumb .splide__arrow_cstudy.splide__arrow--prev {
    left: 50px;
    position: absolute;
}
@media (max-width: 1200px) {
    #vertical-gallery-slider {width: 100%}
    #vertical-gallery-carousel-track {
        max-width: 100%;
        margin: 15px auto 0;
    }
    #vertical-gallery-slider {
        width: 90%;
        margin: 0 auto;
    }
    #vertical-gallery-carousel-track {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    #vertical-gallery-carousel {
        margin: 15px auto 0;
        padding: 15px 5px !important;
        position: relative;
    }
    #vertical-gallery-carousel::before {
        height: 100%;
        width: calc(100% + 30px);
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        display: block;
        content: "";
        left: -15px;
        top: 0;
    }
    #vertical-gallery-carousel-track .splide__slide {
        width: 78px !important;
        margin-bottom: 5px;
        height: 71px;
    }
    .sliderThumb .thumbImg img {
        height: 65px;
        width: 72px;
    }
}

/*=========================
Vertical Gallery
=======================*/
.stepBox {text-align: center}
#comm-video-area {padding: 150px 0}
#comm-video-area .abr-yt-pop .glightbox3 img {width: 100%}
/*======================*/
#palin-area ul.palinItems {
    margin: 0;
    padding: 20px 0 50px;
    position: relative;
    list-style: none;
}
ul.palinItems.comLidItem li {
    padding: 45px 0 45px 150px;
    background-position: top 50% left 0;
}
ul.palinItems li {
    color: #fff;
    font-size: 30px;
    position: relative;
    background-image: url(../images/arrow-1.png.webp);
    background-position: top 11px left 0;
    background-repeat: no-repeat;
    padding: 0 0 40px 140px;
    line-height: 1.3;
}
ul.palinItems.comLidItem li strong {display: inline-block}
@media screen and (max-width: 1350px) {
    #palin-area ul.palinItems.comLidItem {padding-bottom: 50px}
    ul.palinItems.comLidItem li {padding: 30px 0 30px 100px}
}
@media screen and (max-width: 767px) {
    #palin-area ul.palinItems.comLidItem {
        padding-bottom: 0;
        padding-top: 70px;
    }
    ul.palinItems.comLidItem li {
        padding: 70px 0 50px 0;
        background-position: top 0 left 0;
    }
    ul.palinItems li {
        font-size: 22px;
        padding: 90px 0 40px 0px;
        background-image: url(../images/arrow-sm1.png.webp);
        background-position: top 11px left 0;
        background-size: 50px;
    }
}

/*======================*/
/*======================*/
.leads-conBox1 {margin-top: 60px}
.elementor-element.leads-benefit-item .icon {
    width: 96px !important;
    height: auto
}
.leads-benefit-item p {
    color: #000;
    margin: 30px 0 0;
    font-size: 30px;
}
.leads-benefit-item p strong {
    color: #01679f;
    font-weight: 700;
}
.complete-leads-item p strong {
    color: #0066a0;
}
.unifying-img-box .elementor-widget-container {
    width: 280px;
    height: 280px;
    background: #fff;
    transform: translateX(-50%);
    border-radius: 50%;
    position: relative;
    line-height:280px;
    left: 50%;
}
@media screen and (max-width: 1023px) {
    .leads-benefit-item p {font-size: 20px}
    .elementor-element.leads-benefit-item .icon {width: 70px !important}
}

/*======================*/
/*======================*/
#unifying h2 {
    font-size: 45px;
    margin-bottom: 20px
}

.unifyingItems {
    display: flex;
    padding: 250px 0 140px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.unifyingItem {
    text-align: center;
    width: 33.333% !important;
    position: relative !important;
    padding: 100px 15px 40px;
    background: #3e3e3e;
    margin: 0 15px;
}
.unifyingItems .elementor-element.unifyingIcon {
    width: 280px !important;
    height: 280px;
    display: flex;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%);
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -300px;
    left: 50%;
}
.unifyingCont {margin-top: 20px}
.unifyingCont p {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
}
.unifyingCont p strong {display: block}
@media screen and (max-width: 1999px) {
    .unifyingCont p {font-size: 24px}
}
@media screen and (max-width: 767px) {
    .unifyingCont p {
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width: 1199px) {
    .unifyingItem {
        width: 31% !important;
        margin: 0 11px;
    }
}
@media screen and (max-width: 1023px) {
    .unifyingItems {
        display: flex;
        padding: 170px 0 0;
    }
    .unifyingItem {
        width: 31% !important;
        margin: 0 8px;
        padding: 60px 15px 40px;
    }
    .unifyingItems .elementor-element.unifyingIcon {
        width: 180px !important;
        height: 180px !important;
        padding: 40px;
        top: -190px;
    }
    .unifyingCont p {font-size: 24px}
}

@media screen and (max-width: 767px) {
    .unifyingItem {
        margin: 0;
        width: 100% !important;
        margin-top: 200px;
        margin-bottom: 0;
    }
    #unifying h2 {font-size: 36px}
    .unifyingCont p {font-size: 20px}
}

/*======================*/
/*======================*/
.comprehensive {
    max-width: 544px;
    padding-bottom: 150px;
    text-align: center;
    margin: auto;
}
.comprehensive p {
    color: #000;
    font-size: 30px;
    line-height: 35px;
    margin: 0;
}
.unifyingCont {margin-top: 20px}
.comprehensive strong {
    display: block;
    color: #0066a0;
    font-size: 35px;
}
.comprehensiveicon {
    max-width: 50px;
    margin: 0 auto 20px;
}

@media screen and (max-width: 1999px) {
    .comprehensive {max-width: 480px}
    .comprehensive {font-size: 24px}
    .comprehensive strong {font-size: 30px}
}

@media screen and (max-width: 767px) {
    .comprehensive {padding-bottom: 0}
    .comprehensiveicon {margin-bottom: 20px}
    .comprehensive {
        font-size: 20px;
        line-height: 26px;
    }
    .comprehensive strong {font-size: 25px}
}

/*======================*/

.svcBoxIn {
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    text-align: center;
}

.boxSha-1 .elementor-container > div {
    -webkit-box-shadow: 5px 10px 15px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 10px 15px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 10px 15px 3px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    margin: 0 15px;
}

/*================*/
.landingBnr h1 {
    margin: 20px 0 0;
    text-transform: uppercase;
    font-family: 'Montserrat';
    line-height: 1.46875;
    font-size: 32px;
}

.landingBnr p {
    line-height: 1.85;
    margin: 11px 0 15px;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
}

.landingBnr h1 a {
    text-decoration: underline !important;
    color: #fff !important;
}
.landingBnr h1 a:hover {text-decoration: none}
.partner p {
    margin: 35px 0 65px;
    line-height: 1.428571;
    font-family: 'Montserrat';
    font-size: 1em;
}
.tngProgram h2 {
    padding: 0;
    line-height: 2;
    margin: 0 0 55px;
    font-family: 'Montserrat';
    font-size: 1.643em;
    font-weight: 700;
}
.tngProgram p strong {
    display: block;
    font-weight: 600;
}
.training h2 {
    padding: 0;
    margin: 0 0 10px;
    line-height: 1.26;
    font-size: 1.643em;
    font-weight: 700;
    font-family: 'Montserrat';
}
.training p {
    margin: 0;
    font-family: 'Montserrat';
}
.training p strong {
    font-family: 'Montserrat';
    padding-bottom: 12px;
    line-height: 1.1538;
    font-size: 1.393em;
    font-weight: 700;
    display: block;
    color:#fab921;
}
.training a:hover p {color: #0389ff}
.homeAbout h3 {font-family: 'Montserrat'}
.homeAbout p {
    margin: 0 0 48px;
    line-height: 2.0869;
    font-family: 'Montserrat';
    font-size: 0.821em;
}
.cmnTxtBox h2 {
    padding: 12px 0;
    line-height: 1.333;
    font-family: 'Montserrat';
    font-size: 2em;
}
.cmnTxtBox h2::after {
    width: 97px;
    height: 2px;
    margin: auto;
    background-color: #3586b3;
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
}
.cmnTxtBox p {margin: 48px 0 0}

/*==================*/
@media screen and (max-width: 1366px) {
    .landingBnr h1 {
        margin-top: 1.4vw;
        font-size: 2.34vw;
    }
    .landingBnr p {
        margin-top: 0.75vw;
        margin-bottom: 1.1vw;
        font-size: 1.465vw;
    }
    .partner p {
        margin: 10px 0 30px;
        line-height: 1.428571;
        font-family: 'Montserrat';
        font-size: 1em;
    }
}

@media screen and (max-width: 992px) {
    .landingBnr h1 {margin-top: 1vw}
    .landingBnr p {
        margin-bottom: 0.75vw;
        font-size: 1.6vw;
    }
    .landingBnr p {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 3.5vw;
    }
    .tngProgram h2 {
        margin: 0 0 50px;
        line-height: 1.2}
    .tngProgram h2 {line-height: 1.2}
    .tngProgram p {margin: 0}
    .training p strong {font-size: 1.2em}
    .homeAbout p {margin: 0 0 20px}
}

@media screen and (max-width: 639px) {
    .landingBnr h1 {
        margin-top: 5px;
        font-size: 5vw;
    }
}
.section4 h2 {
    margin: 0 0 25px;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    line-height: 1.0333;
    font-size: 3.158em;
}
.section4 h2 span {
    display: block;
    padding-top: 5px;
    font-family: "ProximaNova-Light";
    line-height: 1.55;
    font-size: 0.667em;
}

.elementor-widget-wrap > .elementor-element.comBox3ImgTxt {width: auto !important}

/*===============
Banner Vh
===============*/

.bannerVw .elementor-widget:not(:last-child) {margin-block-end: 0}
.bannerVw .elementor-widget:not(:last-child) {margin-bottom: 0}
.bannerVw {
    width: 100%;
    text-align:center;
    align-items:center;
    box-sizing: border-box;
    height: calc(100vh - 96px);
    position: relative;
    flex-wrap: wrap;
    display: flex;
    color: #fff;
}
.bannerVw .bannerVwIn {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.bannerVw p {
    margin: 0 0 11px;
    line-height: 1.2;
    font-size: 2.105em;
}
.bannerVw p strong {
    display: inline-block;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
}
.bannerVw h1 {
    margin: 0 0 15px;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    line-height: 0.96629;
    font-size: 4.684em;
}
.bannerVw h2 {
    display: block;
    font-family: "ProximaNova-Bold";
    line-height: 1.052631;
    margin-bottom: 30px;
    font-size: 2.000em;
    color: #f5a62a;
}
@media screen and (max-width: 992px) {
    .bannerVw {height: calc(70vw - 96px)}
    .bannerVw p {margin-bottom: 15px}
}
@media screen and (max-width: 639px) {
    .bannerVw {height: calc(90vw - 96px)}
    .bannerVw h1 {font-size: 3.7em}
    .bannerVw p {font-size: 1.5em}
    .bannerVw {font-size: 2vw}
}

/*===============
Banner Vh
===============*/
.ede-banner-title {
    padding: 30px;
    background: #F0610A;
    border-radius: 0 0 30px 30px;
    max-width: 1080px;
    margin: 0 auto;
}
.ede-banner-subtitle {
    margin-left: 38%;
    margin-top: 25px;
}
.ede-banner-subtitle h2 span:nth-of-type(1) {margin-left: 55px}
.ede-banner-subtitle h2 span:nth-of-type(2) {margin-left: 110px}
@media screen and (max-width:767px) {
    .ede-banner-title {
        padding: 20px;
        border-radius: 0 0 5px 5px;
        max-width: 288px;
    }
    .ede-banner-subtitle {margin-left: 0}
    .ede-banner-subtitle h2 span:nth-of-type(1),
    .ede-banner-subtitle h2 span:nth-of-type(2) {margin-left: 0}
}
#comm-video-area {padding: 150px 0}
.streamline-area {padding: 100px 0}
.streamline-area h2 {
    color: #0066a0;
    font-size: 60px;
    text-align: center;
    margin-bottom: 25px;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    line-height: 1;
}
.streamline-area p {font-size: 30px}
.streamline-area .secSm p {font-size: 16px}
#palin-area {padding: 100px 0}
.painContent p {
    margin: 0;
    font-size: 30px;
    font-family: "proximaNova";
    margin-left: 30px;
    font-weight: 400;
}
.painContent p strong {
    font-family: "ProximaNova-Bold";
    font-weight: normal;
}
.behindContent h2 {
    line-height: 1;
    font-size: 60px;
    font-family: "ProximaNova-Bold";
    margin-bottom: 25px
}
.hed2s h2 {
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-family: "ProximaNova-Bold";
    line-height: 1.011;
    font-size: 2.500em;
}
.thumbtext p {
    line-height: 0.9166;
    font-size: 1.000em;
    color: #000;
}
.thumbtext p.elementor-heading-title {
    display: block;
    line-height: 0.9166;
    font-family: "ProximaNova-Bold";
    font-size: 1.000em;
    font-weight: normal;
    color: #0066A0;
}
.thumbBox .elementor-heading-title {
    font-family: 'ProximaNova-Bold';
    padding: 22px 0
}
.bannteXt h1 {
    font-size: 90px;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    line-height: 1;
}
.behindContent p {font-size: 30px}

@media screen and (max-width: 1350px) {
    .streamline-area h2,
    .behindContent h2 {font-size: 46px}
    .behindContent p,
    .painContent p,
    .streamline-area p {font-size: 26px}
}

@media screen and (max-width:992px) {
    .painContent p {margin: 0}
}

@media screen and (max-width:767px) {
    .streamline-area h2,
    .behindContent h2 {font-size: 40px}
    #comm-video-area,
    .streamline-area,
    #palin-area {padding: 50px 0}
    .hed2s h2 {font-size: 1.800em}
    .behindContent p,
    .painContent p,
    .streamline-area p {font-size: 17px}
}
.sectionTitle h2 {
    line-height: 1 !important;
    font-family: 'ProximaNova-Bold' !important;
    margin-bottom: 30px;
    font-size: 60px;
}
.pnplay-benefit-item .elementor-heading-title {
    display: block;
    font-size: 40px;
    font-family: 'ProximaNova-Bold';
    margin-bottom: 0;
    line-height: 1;
    color: #000;
}
@media screen and (max-width:1023px) {
    .campaign-benefit-item.pnp-item p strong {
        color: #0066a0;
        font-size: 24px !important;
    }
    .sectionTitle h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .bannteXt h1 {font-size: 40px}
}

.pnp-item p strong {
    color: #01679f !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-family: 'ProximaNova-Bold' !important;
    font-size: 40px !important;
}
.pnp-item p {margin: 0}
.mb0P p {margin: 0}
.colorado .heading h1,
.colorado .heading h2 {padding-bottom: 0}
.iconSec .sec36inner1 .icon,
.iconSec .sec36inner2 .icon {
    margin-right: 30px;
    max-width: 83px !important;
}
.iconSec .sec36Title {display: flex !important}
.iconSec .sec36Title > div {flex-wrap: nowrap}
.iconSec .sec36Title .elementor-element.elementor-widget-heading {width: auto !important}
.iconSec .centerFles .sec36Title .elementor-element.elementor-widget-image {
    width: 44px !important;
    max-width: 44px !important;
    margin-left: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.iconSec .sec36Title {margin-bottom: 21px}
.iconSec .sec36Title.marginBtm-0 {margin-bottom: 0}
.iconSec .sec36Title .elementor-element.elementor-widget-heading span {font-weight: 700}
.iconSec .centerFles .sec36Title .elementor-element.elementor-widget-heading {
    width: auto !important;
    max-width: 100%;
    display: inline-block;
}
.iconSec P,
.colorado p {
    line-height: 1.380;
    font-size: 0.875em;
}
@media screen and (max-width:1023px) {
    .colorado iframe {height: auto}
    .colorado .heading::after {
        height: 4px;
        width: 80px;
    }
    .iconSec .sec36inner1 .icon,
    .iconSec .sec36inner2 .icon {
        margin-right: 20px;
        max-width: 50px !important;
        height: 50px !important;
    }
}

/* New PopUp*/
.abr-btn-pop.new-popup .ab-hidden {
    width: 380px !important;
    position: absolute !important;
    left: -146px !important;
}
@media screen and (max-width:1023px) {

    
}
@media screen and (max-width:767px) {
.abr-btn-pop.new-popup .ab-hidden {
        width: 280px !important;
        left: 16% !important;
    }
.stkmenubox.newPopSec  .btn, .stkmenubox.newPopSec  .abr-btn, .stkmenubox.newPopSec  .btn {
    min-height: 45px;
    width: 100%;
    font-size: 0.768em !important;
}
.stkmenubox.newPopSec .elementor-column {
    width: 100% !important;
}
 .stkmenubox.newPopSec .abr-btn-pop {
    width: 100%;
    padding: 0 15px;
}
    .stkmenubox.newPopSec .elementor-container {
    gap: 0;
}
}
/* New PopUp*/
.banner-New1 .bannerBrand {
    padding: 150px 0 0;
}



/*~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~
updated-support-package-page Start
~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~*/
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.bbnrSec, .ttraingSec, .signupSec, .ttxImgSec,.ttFaqSec {font-size: 0.8333333333333333vw;}

.bbnrSec {
    background-size: cover;
    background: url(../images/bbnrBg-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}
.bbnrSec.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 88.02083333333333vw;
}
.bbnrSec.bbnrSecPad-0.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
}

.bbnrArea {
    margin: 0 auto;
    max-width: 88.02083333333333vw;
    height: 37.239583333333336vw;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 0 15px;
    display: flex;
}
.bbnrCont {max-width: 38.958333333333336vw}
.packagecmnBnr .bbnrCont {max-width: 100%}
.bbnrCont p {
    color: #FFF;
    font-size: 2.7em;
    margin-bottom: 1.1458333333333333vw;
    font-weight: 400;
    line-height: 1;
}
.packagecmnBnr .bbnrCont p {
    font-size: 3.8em;
}
.bbnrCont h1 {
    color: #FFF;
    font-size: 3.7em;
    font-weight: 600;
    line-height: 1;
}
.packagecmnBnr .bbnrCont h1 {
    color: #FFF;
    font-size: 5em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}
.packagecmnBnr .bbnrCont.t20bnrCont h1 {
    font-family:"ProximaNova-Bold";
    margin-bottom: 30px;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.45);
    font-size:78px; /* 78px */
    font-weight:normal;
    line-height:1.1538; /* 90px */
    text-transform: uppercase;
}

.packagecmnBnr .bbnrCont.t20bnrCont p {    
    font-family:"ProximaNova-Bold";
    text-transform: uppercase;
    line-height:1.1777;/* 53px */
    font-size:45px;/* 45px */
}
.bbnrCont h1 span {color: #FF8A00}

@media screen and (max-width:1666px){
    .packagecmnBnr .bbnrCont {
        padding-left: 8.052708638360176vw;
    }
    .packagecmnBnr .bbnrCont.t20bnrCont{padding-left: 0;}    
    .packagecmnBnr .bbnrCont.t20bnrCont h1 {font-size:4.105em} /* 78px */
    .packagecmnBnr .bbnrCont.t20bnrCont p {font-size:2.368em}/* 45px */
}
@media screen and (max-width:767px){
    
    .bbnrSecPad-0 .bbnrArea {
    max-width: 100%;
    padding: 0;
}
      
    .bbnrSecPad-0 .bbnrArea {
    max-width: 100%;
    padding: 0;
}
    .bbnrSecPad-0  .bbnrCont{
        padding: 0 30px;
    }
    
    
    .bbnrSec {
        padding: 60px 0;
    }
    .bbnrImg {margin-top: 40px;}
    .bbnrImg img {
        width: 100%;
        display: block
    }
    .bbnrArea {height: auto}
    .bbnrCont {max-width: 100%}
    .bbnrCont p {
        font-size: 24px;
        margin-bottom: 18px;
        }
    .bbnrCont h1 {font-size: 30px}
    
    .packagecmnBnr .bbnrCont {
    padding-left: 0;
    text-align: center;
}
}


/*ttraingSec*/
.ttraingSec {
    background: url(../images/supportBg.png);
    padding: 3.125vw 0 5.208333333333333vw;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 9
}
.ttraingSec .elementor-widget,
.ttraingSec .elementor-widget-wrap,
.ttraingSec .elementor-column,
.ttraingSec .elementor-container, 
.ttraingSec .elementor-section {position: static !important}

.ttpopact::after {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    background: #000;
    height: 100%;
    content: "";
    opacity: .5;
}
.ttraingSec .elementor-container,
.signupSec .elementor-container,
.ttxImgSec .elementor-container,
.ttFaqSec .elementor-container{
    max-width: 70.3125vw !important;
    padding: 0 !important;
    margin: 0 auto !important;    
}

.ttraingHead {margin-bottom: 3.6458333333333335vw}
.ttraingHead.mgnBtn-20{margin-bottom:19px}
.ttraingHead.mgnBtn-20 p{margin-bottom:19px}
.ttraingHead.mgnBtn-0,
.ttraingHead.mgnBtn-0 p:last-child{margin-bottom:0}
.ttraingHead h2 {
    color: #000;
    font-size: 3.125em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.ttraingSec .ttraingHead h2 span {
    color: #fff;
    border-radius: 10px;
    background: #FF8A00;
    padding: 0.4166666666666667vw 0.8333333333333334vw;
    display: inline-block;
}
.ttraingTables {
    background: #FFF;
    box-shadow: 0px 0px 2.0833333333333335vw 0px rgba(166, 188, 198, 0.3);
    border-radius: 6px;
    margin-top: 70px;
}

.ttraingTable {
    border-collapse: collapse;
    width: 100%;
}
.ttraingTable tr th:first-child,
.ttraingTable tr td:first-child {width: 19.427083333333332vw}
.ttraingTable tr th:nth-child(2) {
    background: #FFF5E6;
    width: 16.5625vw
}
.ttraingTable tr td:nth-child(2) {background: #FFFCF6}

.ttraingTable tr th:nth-child(3) {
    background: #E1EFFF;
    width: 15.989583333333334vw
}

.ttraingTable tr td:nth-child(3) {background: #F4F9FF}
.ttraingTable tr th:nth-child(4) {
    background: #E0FAD7;
    width: 16.770833333333332vw
}

.ttraingTable tr td:nth-child(4) {background: #F6FEF3}

.ttraingTable tr {border-bottom: 1px solid #B0B0B0;}

.ttraingTable tbody tr:last-child {border-bottom: 0px solid #B0B0B0;}

.ttraingTable tr td,
.ttraingTable tr th {border-right: 1px solid #B0B0B0;}

.ttraingTable tr td:last-child,
.ttraingTable tr th:last-child {border-right: 0px solid #B0B0B0;}

.ttraingHd {padding: 1.1458333333333333vw 0.78125vw}

.ttraingHd svg {
    height: 1.5625vw;
    display: block;
    margin: 0 auto;
}

.ttraingHd strong {
    color: #025A8C;
    text-align: center;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1;
    margin: 0.4166666666666667vw 0 0.8854166666666666vw;
    display: block;
}

.ttraingTable tr th:nth-child(2) strong {color: #FF8A00}

.ttraingTable tr th:nth-child(4) strong {color: #076123}

.ttraingHd p {
    color: #000;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.1;
    font-weight: 400;
    margin: 0;
}

.ttrainPop {
    display: flex;
    min-height: 4.6875vw;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}
.ttrainPop strong {
    color: #025A8C;
    margin-left: 0.3645833333333333vw;
    text-align: left;
    width: 80%;
        
}
.active_Pop .ttrainPop strong {color: #FF8A00}

.ttraingTable tr td {
    color: #000;
    text-align: center;
    padding: 0.10416666666666667vw 1.0416666666666667vw;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1;
}

.ttrainPop span {
    border-radius: 50%;
    background: #B0B0B0;
    height: 1.4583333333333333vw;
    width: 1.4583333333333333vw;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    line-height: 1.33;
    font-size: 1em;
    display: block;
    cursor: pointer;
    color: #FFF;
}
.active_Pop .ttrainPop span {background: #FF8A00}
.ttpopShow {display: none}
.active_Pop .ttpopShow {
    display: block;
    background: rgba(0, 0, 0, 0.25);
    position:fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ttpopShowBox {
    text-align: left;
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 50.5vw;
    transform: translate(-50%, -50%);
    left:50%;
    top:50%;
}

.ttpopShowHed {
    background: url(../images/popUpBg-001.png);
    padding-left: 3.6458333333333335vw;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    height: 12.5vw;
    display: flex;
    position: relative;
    z-index: 9;
}
.ttclosePp img {
    display: none;
}
.ttpopShowHed h3 {
    color: #FFF;
    font-size: 1.7em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625;
    border-bottom: 0.20833333333333334vw solid #FF8A00;
    margin: 0;
}
.ttpopCont {padding: 3.125vw  3.9583333333333335vw 3.125vw 3.6458333333333335vw}
.ttpopCont p {
    color: #000;
    font-size: 1.003em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 2.6041666666666665vw;
}
.ttxImgSec .ttright p {
    font-size: 1.125em;
    line-height: 1.208333;
    font-weight: 400;
    margin: 0 0 1.4583333333333333vw;
    color: #000;
}
.ttclosePp {
    position: absolute;
    top: -1.8229166666666667vw;
    right: -1.8229166666666667vw;
    background-image: url(../images/tt-cancel.png);
    z-index: initial;
    background-size: contain;
    width: 3.6458333333333335vw;
    height: 3.6458333333333335vw;
    background-repeat: no-repeat;
    cursor: pointer;
}
.ttclosePp img{
    width: 4.166666666666667vw;
    height: auto;
    cursor: pointer;
}

.ttpopCont .commBtn.btnbg2DAD00 {
    margin-left: 0;
    font-size: 1.03em;
}
a.commBtn.btnbg2DAD00.abr-btn {
    margin-top: 1.5625vw;
}
.commBtn.btnbg2DAD00 {
    border-radius: 80px;
    background: #2DAD00;
    box-shadow: 0px 4px 6px 0px rgba(148, 147, 147, 0.50);
    padding: 0.20833333333333334vw 3.125vw;
    min-height: 3.0208333333333335vw;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
    color: #FFF;
}
.commBtn.btnbg2DAD00:hover {
    background: #f5ae2e;
    background: -moz-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ae2e', endColorstr='#ee4f01', GradientType=0);
}

@media screen and (max-width:767px){
    .ttraingHead h2 {font-size: 30px;}
    .ttraingSec .ttraingHead h2 span {
        color: #FF8A00;
        background: transparent;
    }
    .ttraingTable tr th:first-child, .ttraingTable tr td:first-child {width: 25%}
    .ttraingHead {margin-bottom: 30px}
    .ttraingHd strong {
        font-size: 14px;
        margin: 5px 0 8px;
    }
    .ttraingTable tr td {
        padding: 6px 8px;
        font-size: 10px;
    }
    .ttraingHd svg {
        height: 15px;
    }
    .ttrainPop span {
        height: 10px;
        width: 10px;
        font-size: 8px;
    }
     .ttraingHd p {font-size: 10px}
    .ttrainPop {min-height: 30px}
    .ttpopShowBox {
        width: calc(100% - 30px);
    }
    .ttpopShowHed {
        background: url(../images/popUpBg-mobile-001.png);
        background-size: cover;
        padding-left: 20px;
        height: 168px;
    }
    .ttpopShow {left: 0}
    .ttpopCont {
        padding: 20px;
    }
    .ttpopShowHed h3 {
        font-size: 30px;
        line-height: 1.1;
        border-bottom: 2px solid #FF8A00;
        display: inline-block;
        padding-bottom: 8px;
        max-width: 211px;
        margin: 0;
    }
    .ttpopCont p {font-size: 16px}
    .commBtn.btnbg2DAD00 {
        min-height: 50px;
        font-size: 20px;
        color: #FFF;
        width: 80%;
    }
    .ttpopCont .commBtn.btnbg2DAD00 {font-size: 20px}
    .ttclosePp {
        top: -15px;
        right: -15px;
        width: 20px;
        height: 20px;
    }
    .ttclosePp img {
        width: 30px;
    }
}



/* signupSec  */

.signupSec {
    background: #E7F3FF;
    padding-bottom:  5.208333333333333vw;
}

.signupSec .ttraingHead  {text-align: center}
.signupSec .ttraingHead span {color: #FF8A00}
.signupSec .ttraingHead p {
    color: #000;
    font-size: 1.25em;
    line-height: 1.333333333333333;
    margin: 0.8333333333333334vw 0 0;
}
.signupSec .ttraingHead p strong {
font-family:"ProximaNova-Bold"; 
}
.signupImg img {
    width: 100%;
    box-shadow: 0px 0px 20px 0px rgba(166, 188, 198, 0.3);
    border-radius: 10px;
    cursor: pointer;
}
.ttraingHead.ttraingHead2 h2 {font-size: 1.875em}
.ttraingHead.ttraingHead2 {margin: 2.8645833333333335vw 0 1.0416666666666667vw}

.ttxImgSec,.ttFaqSec{padding: 5.208333333333333vw 0}
.ttFaqSec .ttraingHead {margin-bottom: 0}
.ttFlex .elementor-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.ttFlex {margin-top: 40px}
.ttcommonImg {width: 36.979166666666664vw !important}
.ttright {width: 29.166666666666668vw !important}

.ttcommonImg img {
    border-radius: 10px  !important;
    box-shadow: 0px 0px 20px 0px #C4D5E1  !important;
    width: 100%  !important;
}
.ttFaq h4 {
    color: #09344D;
    font-size: 1.875em;
    font-style: normal;
    font-weight: 600;
    line-height: 1.142857142857143; /* 93.333% */
    margin: 0;
}

.ttFaq p {
    color: #000;
    margin: 1.3020833333333333vw 0 0;
    font-size: 1.125em;
    line-height: 1.166666666666667
}

.ttFaq {
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #7B7B7B;
    box-shadow: 0px 0px 10px 0px rgba(150, 147, 147, 0.25);
    padding: 1.0416666666666667vw;
    margin-top: 1.5625vw;
}
    .ttFaq > ul {
        padding: 30px 0 0 20px;
        margin: 0;
    }
    .ttFaq ul li {
        font-size: 1.125em;
        margin-bottom: 5px;
        color: #000;
    }
@media screen and (max-width:767px){
    .ttraingSec, 
    .signupSec, 
    .ttxImgSec, 
    .ttFaqSec {padding: 50px 0}
    .signupSec {padding: 0 0 50px}
    
    .ttraingSec > .elementor-container, 
    .signupSec .elementor-container, 
    .ttxImgSec .elementor-container,
    .ttFaqSec .elementor-container {max-width: 100% !important;padding: 0 15px !important}
    .signupSec .ttraingHead p {
        font-size: 20px;
        margin: 15px 0 0;
    }
    .ttraingHead.ttraingHead2 h2 {
        font-size: 20px;
        margin: 35px 0 10px;
    }
    .ttraingSec .elementor-container,
    .ttrainMobile .elementor-container,
    .ttcommonImg {
        width: 100% !important;
        max-width:100% !important;
    }
    .ttright {
        width: 100% !important;
        margin-top: 25px;
    }
    .ttxImgSec .ttright p {
        font-size: 14px;
        margin: 0 0 20px;
    }
    .ttFaq {
        padding: 20px;
        margin-top: 20px;
    }
    .ttFaq h4 {font-size: 22px}
    .ttFaq p {
        font-size: 14px;
        margin: 20px 0 0;
        line-height: 1.3571428;
        font-weight: 600;
    }
    .ttFaq > ul {
        padding: 20px 0 0 20px;
        margin: 0;
    }
    .ttFaq ul li {
        font-size: 14px;
    }
}


/*~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~
updated-support-package-page End
~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~*/

.newRevSlider{
    background: #09344D !important
} 
 #reviewSlider .revSlidItm .reviewBox .reviewIn {background: #C9D2EC}
 #reviewSlider .revSlidItm .reviewBox .reviewIn::after {border-top: 33px solid #C9D2EC}
 #reviewSlider .revSlidItm .reviewBox:nth-child(3n+2) .reviewIn {background: #FDF2E0}
 #reviewSlider .revSlidItm .reviewBox:nth-child(3n+2) .reviewIn::after  {border-top: 33px solid #FDF2E0}
 #reviewSlider .revSlidItm .reviewBox:nth-child(3n+3) .reviewIn {background: #E6F9DF}
 #reviewSlider .revSlidItm .reviewBox:nth-child(3n+3) .reviewIn::after {border-top: 33px solid #E6F9DF}

 #reviewSlider .reviewLogo {
    justify-content: flex-start;
    margin-left: 60px;
    margin-top: 12px;
}

 #reviewSlider .reviewIn strong {
	line-height:1.25; /* 30px */
	font-size:1.263em; /* 24px */
    color: #000;
}
 #reviewSlider .reviewIn span {
	line-height:1.25; /* 30px */
	font-size:1.263em; /* 24px */
    color: #000;
    font-weight: 700;
}
 #reviewSlider .reviewIn small {padding: 40px 0 30px}
 #reviewSlider .splide__arrow {
    background: #fff;
    margin-top: -96px;
    width: 50px;
    height: 50px
}
 #reviewSlider .splide__arrow--next {right: -60px}
 #reviewSlider .splide__arrow--prev {left: -60px}

@media screen and (max-width:1666px) {
     #reviewSlider .splide__arrow--next {right: 15px}
     #reviewSlider .splide__arrow--prev {left: 15px}
     #reviewSlider .splide__arrow {
        width: 30px;
        height: 30px;
    }
    #reviewSlider {padding: 0 50px}
}

@media screen and (max-width:1023px) {
 #reviewSlider {padding: 0 15px}
 .reviewSlider {height: auto}
 #reviewSlider ul.splide__pagination.splide__pagination--ltr {display: none}
 #reviewSlider .splide__arrow--next {right: -10px}
 #reviewSlider .splide__arrow--prev {left: -10px}
}

@media screen and (max-width:767px) {
    .newRevSlider {padding-bottom: 110px !important}
    #reviewSlider .reviewLogo {margin-top: 30px}
    #reviewSlider .splide__arrow {margin-top: -22px}
}






/* ===========================
Support Package Subscriber Page Style
==================================*/

.spacSec .elementor-widget:not(:last-child) {margin-block-end: 0}
.spacSec .elementor-widget:not(:last-child) {margin-bottom: 0}
.spacSec .elementor-column-gap-default > .elementor-column > .elementor-element-populated {padding: 0}
.spacSec .container {padding: 0 15px}
.spacSec .ttraingHead h2{font-size: 50px}

 .ttraingHead.color2H2 h2 span {
    color: #FF8A00;
}

@media screen and (max-width:1666px) {
    .spacSec .container {padding: 0 30px}
}
@media screen and (max-width:1199px) {
    .spacSec .ttraingHead h2 {font-size: 40px}
}

@media screen and (max-width:767px) {
    .spacSec .ttraingHead h2 {font-size: 32px}
    .spacSec .container {padding: 0 15px}
}

.cmnSmHead2p p {
    font-size: 30px;
    color: rgb(0, 0, 0);
    line-height: 1.333333333333333;
    margin: 2.0833333333333335vw auto 0;
    text-align: center;
    max-width: 1010px;
}

.sPackBnr .bbnrArea {
    max-width: 1450px;
    height: 40.3125vw;
}

.sPackBnr .bbnrCont h1 {font-weight: 700}

@media screen and (max-width:1024px) {
    .sPackBnr .bbnrCont h1 {font-size: 6em}
    .sPackBnr .bbnrCont p {
        font-size: 5em;
        margin-bottom: 2vw;
    }
    .cmnSmHead2p p {font-size: 22x}
}

@media screen and (max-width:767px) {
    .sPackBnr .bbnrArea {
        height: auto;
        text-align: center;
    }
    .sPackBnr .bbnrCont h1 {font-size: 30px}
    .sPackBnr .bbnrCont p {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .cmnSmHead2p p {font-size: 16px}
}


/*live Section */

.liveSection {
    padding: 100px 0 60px;
    text-align: center;
}

.liveFlex > .elementor-container {
    display: flex;
    gap: 30px;
}

.liveSection .liveFlex .liveItm {
/*    width: calc(50% - 15px) !important;*/
    margin-bottom: 40px;
}

.liveBox {
    background: #FFF;
    border-radius: 6px;
    border: 1px solid #C6D6E5;
    box-shadow: 0px 0px 20px 0px #C5DCF3;
    padding: 40px 36px;
    margin-top: 30px;
}

.liveIns > .elementor-container {
    display: flex;
    gap: 30px;
}

.liveSection .liveIns .liveIn {
    background:#5685B6;
    padding: 40px 20px;
    box-shadow: (0px 0px 20px #C6D6E5);
    width: calc(50% - 15px) !important;
    margin-bottom: 40px;
    border-radius:5px;
}

.liveItmHed h2 {
    color: #000;
    font-size: 30px;
    text-align: center;
    margin-bottom: 14px;
    font-weight: 700;
    line-height:1.2;
}

.liveItmHed p {color: #000}
.liveItmHed p,
.liveBox p {
    font-size: 18px;
    line-height: 1.333;
    margin: 0;
}

/*.liveItmHed {min-height: 165px}*/

.liveBox .liveIn p {
    color: #FFF;
    font-size: 18px;
    text-align: center;
    justify-content: center;
    font-weight: 600;
    line-height: 1.5;
    display:flex;
    margin: 0;
}

.liveIn img {margin-bottom: 10px}

.liveBox .commBtn {
    width: max-content;
    border-radius: 50px;
    margin-bottom: 40px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px 0px #C6D6E5;
    text-transform: uppercase;
    background: #FF8A00;
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
}

.liveBox p {
    color: #000;
    font-weight: 400;
}

@media screen and (max-width:1199px) {
    .liveFlex > .elementor-container,
    .liveIns > .elementor-container {gap: 16px}
/*    .liveSection .liveFlex .liveItm,*/
    .liveSection .liveIns .liveIn {
        width: calc(50% - 8px) !important;
        margin-bottom: 30px;
    }

    .liveSection .liveIns .liveIn {padding: 25px 10px}
/*    .liveItmHed {min-height: 210px}*/
    .liveItmHed h2 {font-size: 25px}
    .liveBox {padding: 25px 15px}
    .liveBox .liveIn p {font-size: 16px}
}

@media screen and (max-width:1023px) {
    .liveBox .liveIn p {font-size: 13px}
    .liveBox .commBtn {
        color: #FFF;
        font-size: 16px;
    }
}

@media screen and (max-width:767px) {
    .liveSection {padding: 30px 0 60px}
/*    .liveSection .liveFlex .liveItm {width: 100% !important}*/
    .liveItmHed {
        min-height: auto;
        margin-top: 30px
    }
    
    .liveBox {margin-top: 20px}
    .liveItmHed p,.liveBox p {font-size: 16px}
    .liveBox .commBtn {
        line-height: 1;
        font-size: 14px;
        margin-bottom: 30px;
        min-height: 43px;
        width: 100%
    }
}

.incPackSec {
    padding: 120px 0;
    text-align: center;
}

.strPackSec p {
    color: #FFF;
    font-size: 30px;
    line-height: 1.25;
    margin: 15px 0 0;
}
.strPackSec .ttraingHead h2 {color: #fff}
.incPackSec .ttraingHead p {
    margin: 16px 0 0;
    font-size: 22px;
    color: #000;
}
.incPackSec .ttraingHead {margin: 0 0 40px}
.supportPackList {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    display: flex;
    gap: 30px;
}

.supportPackList.suppacold li {
    height: auto;
    width: calc(50% - 15px);
}
.supportPackList li {
    border-radius: 6px;
    background-color: #FFF;
    padding: 30px 40px 30px 80px;
    box-shadow: 0px 0px 20px 0px #C6D6E5;
    background-image: url(../images/ok_Icon.svg);
    background-position: top 30px left 29px;
    border: 2px solid transparent;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: all .5s ease;
    position: relative;
    overflow: hidden;
    height: 158px;
    width: 100%;
}
.supportPackList .textShadow::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 7.41%, #FFF 64.2%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 87px;
    content: "";
}


.supportPackList li.textShow {
    height: auto;
    border: 2px solid #FF8A00;
}
.supportPackList .textShow.textShadow::after{display: none}

.supportPackList .icon-show {
    right: 30px;
    position: absolute;
    background-image: url(../images/icon-show.svg);
    background-size: cover;
    height: 16px;
    width: 16px;
    bottom: 15px;
    z-index: 99;
    cursor: pointer;
}
.supportPackList .textShow .icon-show{
    background-image: url(../images/icon-show-1.svg);
    height: 17px;
}
.supportPackList li p {
    margin: 0;
    color: #000;
    font-style: normal;
    line-height: 1.33333;
    font-size: 18px;
}

.supportPackList li p strong {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
    line-height: 1.1;
    display: block;
}
.supportPackList li.textShow p strong {
    color: #FF8A00;
}
.strPackSec {text-align: center}

.supportBenefitList {
    padding: 0;
    margin: 40px 0 0;
    list-style: none;
    text-align: left;
}

.supportBenefitList li {
    text-align: left;
    background-repeat: no-repeat;
    background-image: url(../images/ok_Icon.svg);
    background-position: top 16px left 0;
    padding: 15px 0 15px 56px;
}

.supportBenefitList li p {
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    margin: 0;
}

.supportBenefitList li p a {
    color: #fff;
    text-decoration: underline;
}
.supportBenefitList li p strong {font-weight: 500}

@media screen and (max-width:1466px) {
    .supportPackList li {height: 158px}
}
@media screen and (max-width:1199px) {
    .incPackSec .ttraingHead p {font-size: 18px}
    .supportPackList li p {font-size: 16px}
    .supportPackList li p strong {font-size: 22px}
    .supportBenefitList li {
        background-position: top 13px left 0;
        padding: 14px 0 14px 40px;
        background-size: 25px;
    }
    .supportBenefitList li p {font-size: 22px}
    .supportPackList {gap: 16px}
    .supportPackList.suppacold li {width: calc(50% - 8px)}
    .supportPackList li {
        background-image: url(../images/ok_Icon.svg);
        background-position: top 20px left 22px;
        padding: 22px 22px 22px 60px;
        background-size: 25px;
        height: auto;
    }
    .supportPackList .textShadow::after {height: 70px}
}

@media screen and (max-width:767px) {
    .incPackSec {padding: 50px 0}
    .incPackSec .ttraingHead p {font-size: 16px}
    .supportPackList li {width: 100%}
    .supportPackList li p strong {margin-bottom: 8px}
    .strPackSec p {font-size: 16px}
    .supportBenefitList li p,
    .supportPackList li p strong {font-size: 16px}
    .supportPackList.suppacold li {width:100%}
}

/* Training SecTion Start */

.trainingPacSec p {
    font-size: 18px;
    text-align: center;
    line-height: 1.3333;
    color: #000;
    margin: 0;
}

.trainingPacSec .textLeft p {
    text-align: left;
}

.trPacTables {
    background: #FFF;
    border-radius: 6px;
    box-shadow: 0px 0px 40px 0px rgba(166, 188, 198, 0.7);
    margin-top: 3.6458333333333335vw;
    text-align: left;
    overflow:hidden;
}

.trPacTable {
    border-collapse: collapse;
    width: 100%;
}
.trPacTable tr th {border-right: 1px solid #b0b0b0}
trPacTable .ttraingHd {padding: 1.1458333333333333vw .78125vw}
.trPacTable .ttraingHd {
    color: #000;
    text-align: left;
    font-size: 30px;
    padding: 0.9375vw 2.0833333333333335vw;
    font-weight: 700;
    line-height: 1;
}

.trPacTable tr th:nth-child(1) {min-width: 220px}
.trPacTable tr th:nth-child(2) {min-width: 450px}
.trPacTable tr th:nth-child(2) {background: #fff5e6}
.trPacTable tr td,
.trPacTable tr th {border-right: 1px solid #b0b0b0}
.trPacTable tr th:nth-child(3) {background: #e1efff}

.trPacTable tr {border-bottom: 1px solid #b0b0b0}
.trPacTable tr td:nth-child(2) {background: #fffcf6}
.trPacTable tr td {
    color: #000;
    text-align: center;
    padding: 0.9375vw 2.0833333333333335vw;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}
.trPacTable tr td:nth-child(3) {background: #f4f9ff}
.trPacTable tbody tr:last-child {border-bottom: 0 solid #b0b0b0}
.trPacTable tr td:last-child,
.trPacTable tr th:last-child {border-right: 0px solid #b0b0b0}
.trPacTable tr td:last-child {
    font-weight: 400;
    font-size: 18px
}

@media screen and (max-width:1199px) {
    .trPacTable tr th:nth-child(1),
    .trPacTable tr th:nth-child(2) {min-width: auto}
    .trPacTable .ttraingHd {
        font-size: 22px;
        padding: 10px 15px;
    }
    .trPacTable tr td {
        font-size: 18px;
        padding: 10px 15px;
    }
    .trPacTable tr td:last-child {font-size: 16px}
}

@media screen and (max-width:767px) {
    .trainingPacSec p {font-size: 16px}
    .trainingPacSec .mt-30 {margin-top: 15px !important}
    .trPacTable .ttraingHd,
    .trPacTable tr td {
        font-size: 14px;
        padding: 6px;
    }
    .trPacTable tr td:last-child {font-size: 12px}
}



/*======================*/

.spacScdl {
/*    padding: 100px 0 0;*/
    text-align: center;
}
.spacScdl p {color: #000}

.scdlBoxs  > .elementor-container {
    gap: 20px;
    justify-content: center;
}
.scdlBox {
    background: #FFF;
    border-radius: 6px;
    border: 1px solid #C6D6E5;
    box-shadow: 0px 0px 20px 0px #C5DCF3;
    width: calc(20% - 18px)!important;
    transition: all .3s ease ;
    padding: 0 0 28px;
    margin-top: 30px;
}
.scdlBox:hover {
    box-shadow: 0px 5px 30px 0 #b6d3f1;
}
.scdlBoxTop p strong {
    display: flex;
    min-height: 40px;
    border-radius:4px;
    background: #F2F8FF;
    align-items: center;
    justify-content: center;
    border: 1px solid #C6D6E5;
    transform: translate(-50%);
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    width: 80%;
    top: -20px;
    left: 50%;
}

.scdlBoxTop {
    display: flex;
    min-height: 156px;
    align-items:center;
    background: #E7F3FF;
    padding: 40px 12px 20px;
    border-radius: 6px 6px 0 0;
}
.scdlBoxs .scdlBox:nth-child(2) .scdlBoxTop{background: #E7FFFB}
.scdlBoxs .scdlBox:nth-child(3) .scdlBoxTop{background: #E7FFE9}
.scdlBoxs .scdlBox:nth-child(4) .scdlBoxTop{background: #FCFFE7}
.scdlBoxs .scdlBox:nth-child(5) .scdlBoxTop{background: #F1F1FF}
.scdlBoxs .scdlBox:nth-child(2) .scdlBoxTop p strong {background: #F2FFFD}
.scdlBoxs .scdlBox:nth-child(3) .scdlBoxTop p strong {background: #EFFFF0}
.scdlBoxs .scdlBox:nth-child(4) .scdlBoxTop p strong {background: #FCFFEC}
.scdlBoxs .scdlBox:nth-child(5) .scdlBoxTop p strong {background: #F4F4FF}
.scdlBox > .elementor-widget-wrap {position: static;}

.scdlBoxTop p {
    color: #025A8C;
    text-align: center;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

.scdlBoxMid p {
    display: flex;
    color: #000;
    margin: 0 0 15px;
    align-items: center;
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.scdlBoxMid {padding: 25px 0 0 30px}

.scdlBoxMid p img {
    margin-right: 14px;
    display: inline-block;
}

.scdlBoxMid p a {
    display: flex;
    align-items: center;
}

.scdlBox .commBtn {
    font-weight: 700;
    min-height: 38px;
    background: #FF8A00;
    font-family: 'proximaNova';
    margin: 15px 20px 0;
    font-size: 13px;
    display: flex;
    width: auto;
    padding: 0;
}


@media screen and (max-width:1199px) {
.scdlBox {width: 30% !important}
.spacScdl br{display: none}
}

@media screen and (max-width:1023px) {
.scdlBox {width: 46% !important}
}

@media screen and (max-width:767px) {
.scdlBox {width: 98% !important}
.spacScdl p{font-size: 16px}
}





    /*============================================
    =====ABR Email and SMS Alerts Page =========
    ============================================*/

.solutionBnrSec .bbnrArea {
    text-align: center;
    justify-content: flex-start;
    padding-top: 4.84375vw;
}
.solutionBnrSec .bbnrCont {max-width: 100%}
.solutionBnrSec .bbnrCont h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    line-height:1.3269230; 
    font-size: 3.25em;
    font-weight: 800;
}

.bbnrArea .bbbIcon img {
    border-radius: 10px;
    display: inline-block;
    margin: 1.5625vw 0; /*30*/
    width: 9.739583333333334vw;
    height: auto;
}

.solutionBnrSec .bbnrArea .commBtn {
    border:1px solid #fff;
    background: transparent;
    width: 11.458333333333334vw;
    min-height: 2.7083333333333335vw;
    font-family: inherit;
    font-size: 1.125em;
    padding: 0;
}
.solutionBnrSec .bbnrArea .commBtn:hover {
    background: linear-gradient(to bottom, #d85c20 0%, #ffa146 100%);
     border:1px solid  #ffa146;
}
.solutionBnrSec .bbnrArea .bbnrCont p {
    font-size: 2em;
    font-weight: 400;
    margin:  0.5208333333333334vw 0 0;
    line-height: 1;
}

@media screen and (max-width:1023px) {
    .solutionBnrSec .bbnrArea .commBtn {font-size: 10px}
}

@media screen and (max-width:767px) {
    .bbnrSec.bbnrSecPad-0 {padding-bottom: 0}
    .solutionBnrSec.bbnrSec.elementor-section.elementor-section-boxed>.elementor-container {max-width: 100%}
    .solutionBnrSec.bbnrSec {padding: 0}
    .solutionBnrSec .bbnrArea {padding: 60px 0 0;max-width: 100%;width: 100%}
    .solutionBnrSec .bbnrCont h1 {font-size: 30px}
    .solutionBnrSec .bbnrArea .bbnrCont p {
        font-size: 25px;
        margin: 10px 0 0;
    }
    .bbnrArea .bbbIcon img {
        border-radius: 6px;
        margin: 15px 0;
        width: 130px;
    }
    .solutionBnrSec .bbnrArea .commBtn {
        width: 150px;
        min-height: 37px;
        font-size: 15px;
        padding: 0;
    }
}





/*    ==========================*/

.atbpSec .ttFlex {margin: 0}

.ttraingHead h3 {
    color: #121212;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.066666;
    text-transform: uppercase;
    margin: 0;
}

.atbpSec .ttraingHead.color2H2 h2 {
    text-align: left;
    margin: 0 0 27px;
    line-height:1.000; /* 40px */
    font-size:2.105em !important; /* 40px */
}
.cStudySec .ttraingHead.color2H2 h2 {margin: 0 0 21px}
.atbpSec .ttraingHead p {
    line-height:1.3636; /* 30px */
    font-size:22px;
    color: #000;
}
.atbpSec .ttraingHead p br{display:none}

.atbpSec .tbpList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.atbpSec .tbpList li {
    display: flex;
    align-items: center;
    padding: 30px 0 0;
    gap: 20px;
}
.tbpList.t20tbpList.itemTop {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.tbpList.t20tbpList.itemTop li {
    margin: 0;
    padding: 0;
}
.atbpSec .tbpList.itemTop li{align-items: start;}
.atbpSec .tbpList.itemTop li svg{min-width:29px;}
.atbpSec .tbpList.t20tbpList.itemTop li svg{
    min-width:38px;
    position:relative;
    top: 6px;
}
.atbpSec .tbpList.itemTop li strong {
    font-family:"ProximaNova-Semibold";
    display: inline-block;
    margin-bottom: 10px;
    font-weight: normal;
}
.atbpSec .tbpList li p {
    margin: 0;
    font-size: 22px;
    color: #000;
}
.atbpSec .tbpList.t20tbpList.itemTop li p{
   font-size: 1.158em ; /*  22px  */
}
.atbpSec .tbpList.t20tbpList.itemTop li strong {
    line-height:1.34375; /* 43px */
    font-size:1.684em; /* 32px */
}
.atbpSec .tbpList li img {max-width: 48px}

.atbpSec .ttright {width:53% !important}
.atbpSec .ttcommonImg {width:43% !important}
.cStudySec .ttright {width:52.36% !important}
.cStudySec .ttcommonImg {width:42.65% !important}
.ttcommonImg.bxShadowNone img {box-shadow: none !important}
.btn-2DAD00.abr-btn {
    background: #2DAD00;
    padding:16px 40px;
    border-radius: 100px;
    border-color: #2DAD00;
    box-shadow: 0px 15px 50px 0px rgba(45, 173, 0, 0.50);
    width: max-content;
    font-weight: 700;
    line-height: 1.000;
    font-size:1.263em; /* 32px */
    color: #FFF;
}
.btn-2DAD00.abr-btn:hover {box-shadow: none}
.tbpSection .abr-yt-pop a img {display: block}
.tbpSection .abr-yt-pop a {
    position: relative;
    margin-top: 43px;
    box-shadow: 0px 0px 40px #ACCBEA;
    display: block;
    border-radius: 10px;
}
.tbpSection .abr-yt-pop .playbtn {width: 170px !important}

@media screen and (max-width:1920px) {
  .tbpSection .abr-yt-pop .playbtn {width:  8.854166666666666vw !important}  
}
@media screen and (max-width:1199px) {
    .ttraingHead h3 {font-size: 26px}
    .atbpSec .tbpList li {
        gap: 15px;
        padding: 18px 0 0;
    }
    .atbpSec .tbpList li img {max-width: 30px}
}

@media screen and (max-width:767px) {
    .tbpSection::after {height: 80%}    
    .cStudySec .ttright,
    .cStudySec .ttcommonImg,
    .atbpSec .ttright,
    .atbpSec .ttcommonImg {width: 100% !important}
    .ttraingHead h3 {font-size: 20px}
    .cStudySec .ttraingHead.color2H2 h2,
    .atbpSec .ttraingHead.color2H2 h2 {margin: 0 0 10px}
    .tbpSection .abr-yt-pop a {margin-top: 20px}
}



/*=========================*/
.tbpSection {position: relative}

.tbpSection::after {
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: #E7F3FF;
    height: 60%;
    content: "";
    z-index: -1;
}

.ttraingHeadPra p {
    color: #000;
    font-size: 24px;
    line-height: 1.25;
    margin: 20px 0 0;
}

.ttraingHeadPra p strong {font-family: inherit}

.tssContent p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    margin: 50px 0 0;
}

.tssList {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 30px;
}

.tssList li {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    padding-left: 40px;
    background-image: url(../images/arrow-right-1.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
}

.tssList.listStart {
    justify-content: flex-start;
    margin-top: 25px;
}

.tssList.listStart li {width: 100%}


/*======================*/
.emlSmsSection {background: #E7F3FF}

.smsSolutionList {
    display: flex;
    flex-wrap: wrap;
    gap: 100px 30px;
    justify-content: center;
    margin: 100px 0 0;
    list-style: none;
    padding: 0;
}

.smsSolutionList li {
    display: flex;
    background: #FFF;
    text-align: center;
    border-radius: 10px;
    flex-direction: column;
    box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.15);
    width: calc(33.333% - 20px);
    padding: 90px 30px 30px;
    justify-content: center;
    position: relative;
    align-items: center;
    gap: 30px;
}

.smsSolutionList li span {
    color: #000;
    line-height: 1.25;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}

.smsSolutionList li p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}

.smsSolutionList li img {
    transform: translate(-50%);
    position: absolute;
    top: -60px;
    left: 50%;
}

/*Pricing  */

.smsCtaBox {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
.smsCtaBox.space-between {
    justify-content: space-between;
}
.smsCtaBox li p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    margin: 30px 0 0;
}
.smsCtaBox li img {display: block}
.smsCtaBox li {
    width: calc(25% - 23px);
    margin-top: 70px;
    text-align: center;
}
.ttFaq h4 {
    margin: 0;
    color: #000;
    font-size: 30px;
    line-height: 1.22;
}
.ttFaqSec2 .ttFaq p {
    color: #000;
    margin: 10px 0 0 38px;
    font-size: 24px;
    line-height: 1.25;
}
.ttFaqSec2 .ttFaq {
    border: none;
    padding: 30px;
    border-radius: 0.5208333333333334vw;
    box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.10);
    background: #FFF;
    margin-top: 30px;
}

.ttFaqSec.ttFaqSec2 .elementor-container {max-width: 1350px !important}

@media screen and (max-width:1199px) {
    .ttFaq h4 {font-size: 22px}
    .ttFaqSec2 .ttFaq p {
        margin: 10px 0 0 28px;
        font-size: 18px;
    }
    
}

@media screen and (max-width:767px) {
    .smsCtaBox li {
        width: 100%;
        margin-top: 50px;
    }

    .ttFaqSec.ttFaqSec2 .elementor-container {padding: 0 !important}

    .ttFaqSec2 .ttFaq {
        padding: 20px;
        margin-top: 20px;
    }
    .ttFaq h4 {font-size: 20px}
    .ttFaqSec2 .ttFaq p {
        margin: 10px 0 0;
        font-size: 16px;
    }
    .ttFaq h4 {
    margin: 0;
    color: #09344D;
    font-size: 22px !important;
    font-weight: 700;
    line-height: 1.2727;
}
}
.smsBlog .slick-slide {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    margin: 60px 25px;
}
.discoverMore .smsBlog .slick-slide {margin:30px 29px}

.smsBlog .slick-slide img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.smsPostContent {padding: 30px}

.smsBlog .slick-slide span {
	font-family:"ProximaNova-Bold";
    border-radius: 100px;
    background: #E8E8E8;
    line-height:1.666; /* 30px */
    color: #000;
    display: block;
    padding:0 20px;
    width: max-content;
    font-size:18px; /* 18px; */
}

.smsBlog .slick-slide h3 {
    margin: 20px 0;
    font-weight:normal;
    min-height: inherit !important;
    font-family:"ProximaNova-Bold";
    line-height:1.3636; /* 30px; */
    font-size:1.158em; /* 22px; */
    color: #000;
}

.discoverMore .smsBlog .slick-slide h3 {margin-bottom: 31px}

.smsBlog .slick-slide p {
    margin: 0;
    line-height:1.5; /* 30px; */
    font-size:1.053em; /* 20px; */
    color: #000;
}

.smsBlog .commBtn.abr-btn {
    font-size:1.158em; /* 22px; */
    margin-top: 30px;
    background: #FF8A00;
    box-shadow: 0px 5px 15px 0px rgba(255, 138, 0, 0.45);
    font-family:"ProximaNova-Semibold";
    text-transform: capitalize;
    font-weight:normal;
    min-height: 50px
}

.discoverMore .smsBlog .commBtn.abr-btn {
    font-size:22px; /* 22px; */
    padding: 0 20px;
}

.smsBlog .commBtn.abr-btn:hover {
     background: linear-gradient(to bottom, #ffa146 0%, #d85c20 100%);
}

.smsBlog .slick-slide .commBtn.abr-btn{padding: 0 20px}

.slick-arrow {
    width: 50px;
    padding: 14px;
    height: 50px;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
    line-height: 0;
    border: none;
    z-index: 5;
    top: 50%
}

.slick-prev {left: -55px}
.slick-next {right: -55px}
.slick-dots {
    width: 100%;
    list-style: none;
    gap: 1.0416666666666666vw;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    margin: 0
}

.slick-dots button {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #B7D4F1;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    border: none;
}
.slick-dots .slick-active button {background: #F07028}


@media screen and (min-width:768px) {
    .discoverMore .smsBlog .slick-track{
        display: flex;
        gap:4.393939393939394%; /* 58 / 1320 */
        justify-content: space-between;
    }
    .discoverMore .slick-track::before,
    .discoverMore .slick-track::after {display: none}
    .discoverMore .smsBlog .slick-slide {
        width: 30.37878787878788% !important;
        margin-right: 0;
        margin-left: 0;
    }
}


@media screen and (max-width:1666px) {
    .smsBlog {padding: 0 50px}
    .slick-prev {left: 10px}
    .slick-next {right: 10px}
    .slick-arrow {
        width: 40px;
        padding: 12px;
        height: 40px;
    }
    .smsBlog .slick-slide span {font-size:0.947em} /* 18px; */
    .discoverMore .smsBlog .commBtn.abr-btn {font-size:1.158em} /* 22px; */
}

@media screen and (max-width:1199px) {
    .smsBlog .slick-slide {
        background: #FFF;
        border-radius: 10px;
        box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.3);
        margin: 25px 14px;
    }
    .smsPostContent {padding: 30px 15px}
    .smsBlog .commBtn.abr-btn {
        font-size: 16px;
        min-height: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width:1023px) {
    .smsBlog .slick-slide h3 {
        color: #000;
        font-size: 20px;
        margin: 15px 0;
    }
    .discoverMore .smsBlog .slick-slide h3 {margin-bottom:15px}
    .smsBlog .slick-slide p {font-size: 16px}
    .smsBlog .slick-slide span {
        padding: 2px 24px;
        font-size: 14px;
    }
    .slick-arrow {
        width: 30px;
        padding: 8px;
        height: 30px;
    }
    .slick-prev {left: 10px}
    .slick-next {right: 10px}
}

@media screen and (max-width:1199px) {
    .ttraingHeadPra p,
    .tssContent p,
    .tssList li,
    .atbpSec .tbpList li p,
    .atbpSec .ttraingHead p,
    .atbpSec .ttraingHead p,
    .smsCtaBox li p {font-size: 20px}
    .tssList li {
        padding-left: 30px;
        background-size: 18px;
    }
    .tssList {
        gap: 15px;
        margin-top: 30px;
    }
    .tssList.listStart {margin-top: 0}
}

@media screen and (max-width:767px) {
    .ttraingHeadPra p,
    .tssContent p,
    .tssList li,
    .atbpSec .tbpList li p,
    .atbpSec .ttraingHead p,
    .atbpSec .ttraingHead p {font-size: 16px}
    .tssList li {
        padding-left: 30px;
        background-size: 18px;
    }
    .btn-2DAD00.abr-btn {font-size: 16px}
    .tssList {
        justify-content: flex-start;
        margin-top: 20px;
    }
    .tssList.listStart {margin-top: 0}
    .smsSolutionList li {width: 100%}
}






		/* Outer border */
.progress-border {
  --border-thickness: 4px; /* Thickness of the outer border */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--size) + var(--border-thickness) * 2);
  height: calc(var(--size) + var(--border-thickness) * 2);
  border: var(--border-thickness) solid #0066A0; /* Border color */
  border-radius: 50%; /* Makes the outer border round */
  padding: 15px;
}

/* Progress circle */
.progress-circle {
  --size: 250px; /* Size of the progress circle */
  --thickness: 40px; /* Thickness of the progress ring */
  --percentage: 50; /* Default percentage */

  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: conic-gradient(
    #1d5d8c calc(var(--percentage) * 1%), /* Progress color */
    transparent 0
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Inner circle to create ring effect */
.progress-circle::before {
  content: "";
  width: calc(var(--size) - var(--thickness) * 2);
  height: calc(var(--size) - var(--thickness) * 2);
  background-color: white; /* Inner circle background color */
  border-radius: 50%;
  position: absolute;
}

/* Centered text */
.progress-text {
    position: absolute;
    color: #000;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}
.progress-F5A62A .progress-border {
  border: var(--border-thickness) solid #F5A62A;
}
.progress-83AE00 .progress-border {
  border: var(--border-thickness) solid #83AE00;
}
.progress-70B1FF .progress-border {
  border: var(--border-thickness) solid #70B1FF;
}

.progress-F5A62A .progress-circle {
    background: conic-gradient(
    #F5A62A calc(var(--percentage) * 1%), /* Progress color */
    transparent 0
  );
}

.progress-83AE00 .progress-circle {
    background: conic-gradient(
    #83AE00 calc(var(--percentage) * 1%), /* Progress color */
    transparent 0
  );
}
.progress-70B1FF .progress-circle {
    background: conic-gradient(
    #70B1FF calc(var(--percentage) * 1%), /* Progress color */
    transparent 0
  );
}


@media screen and (max-width:1279px) {
.progress-circle {
    --size: 150px;
    --thickness: 20px;
}
    .progress-border {
    --border-thickness: 2px;
    padding: 10px;
}
    .progress-text {font-size: 30px}
    
}

/******************************************
Single product page Styles.
*******************************************/
/** banner style Start **/
.sinProPageBnr .bbnrArea h1 {
    color: #025A8C;
    font-weight: 700
}

.sinProPageBnr .bbnrCont p {
    color: #000;
    font-size: 1.25em;
    margin: 1.1458333333333333vw 0 2.0833333333333335vw;
    line-height: 1.5;
}

.bnrBtnFlx {
    display: flex;
    justify-content: flex-start;
    gap: 1.5625vw;
}

.bnrBtnFlx .commBtn {
    width: 100%;
    font-size: 1.25em;
    padding: 0.2604166666666667vw 1.0416666666666667vw;
    min-height: 3.125vw;

}

.bnrBtnFlx br {
    display: none
}

.commBtn.btnColor-FF8A00 {
    background-color: #FF8A00
}

.commBtn.btnColor-fff {
    background-color: #fff;
    color: #025A8C
}

@media screen and (max-width:767px) {
    .sinProPageBnr .bbnrArea h1 {
        color: #fff
    }

    .sinProPageBnr .bbnrCont p {
        font-size: 16px;
        margin: 15px 0;
    }

    .bnrBtnFlx {
        flex-wrap: wrap;
        gap: 15px
    }

    .bnrBtnFlx .commBtn {
        font-size: 16px;
        min-height: 44px;
    }
}

/** banner style End **/


.headstyle2 h2 {
    line-height: 1.375;
    font-size: 40px;
    color: #025A8C
}

.headstyle2 p {
    margin: 30px 0 0;
    font-size: 18px;
    line-height: 1.6666;
    color: #000;
}

.commonFlex {
    padding: 0;
    list-style: none;
    margin: 80px 0 0;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    display: flex;
    gap: 30px;
}


.commonFlex li {
    display: flex;
    width: calc(33.3333% - 20px);
    flex-direction: column;
    align-items: center;
}

.commonFlex li img {
    max-width: 218px;
    height: auto;
}

.commonFlex li span {
    color: #025A8C;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: 30px 0;
}

.commonFlex li p {
    color: #000;
    font-weight: 400;
    line-height: 1.333;
    font-size: 18px;
}
.commonFlex.textLeft li  p {text-align: left}

.commonFlex > .elementor-container {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    gap: 30px;
}

.commonFlex .cmnBox2 {
    width: calc(50% - 15px) !important
}

@media screen and (max-width:1199px) {
    .commonFlex li img {
        max-width: 130px;
    }

}

@media screen and (max-width:767px) {
    .commonFlex li {
        width: 100%;
    }

    .commonFlex {
        margin: 40px 0 0;
    }
}







.volutpatSecx .commonFlex {
    margin: 0;
}

.volutpatSecx .commonFlex > .elementor-container {
    gap: 80px;
}

.volutpatSecx .commonFlex .cmnBox2 {
    width: calc(50% - 40px) !important;
}


.volutpatSecx {
    background: linear-gradient(0deg, #F4F6FF 0%, #FFF 103.29%);
    padding-bottom: 100px;
}


.volutpatSecx .boxShadow {
    box-shadow: 0px 0px 40px 0px rgba(201, 234, 255, 1);
    border-radius: 20px;

}

.volutpatSecx .boxShadow .abr-yt-pop .glightbox3 img {
    display: block
}

@media screen and (max-width:767px) {
    .volutpatSecx .commonFlex > .elementor-container {
        gap: 0;
    }

    .volutpatSecx .commonFlex .cmnBox2 {
        width: 100% !important;
    }
}






/** Common Box style Start **/

.common4 {
    border-radius: 6px;
    width: calc(25% - 23px);
    border: 1px solid #B9D5E5;
    padding: 10px 10px 37px;
    background: #FFF;
}


.commonBox4:hover {
    background: linear-gradient(38deg, #DBF2FF 0%, #E9E2FF 98.62%);
    box-shadow: 0px 0px 40px 0px #A0C1D8;
}


.commonBox4 img {
    width: 100%;
    border-radius: 10px;
}

.commonBox4 .cmnBoxCont {
    padding: 0 12px;
}

.commonBox4 .cmnBoxCont span {
    color: #025A8C;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    /* 100% */
    display: block;
    margin: 24px 0 14px;
}

.commonBox4 .cmnBoxCont p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    margin: 0;
}

.commonBox4 img {
    display: block;
}

.commonBox4 .commBtn {
    margin-top: 30px;
    background-color: transparent;
    color: #006FB0;
    border: 1px solid #006FB0;
    min-height: 52px;
    font-size: 18px;
    font-family: inherit;
}

.commonBox4:hover .commBtn {
    background-color: #FF8A00;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #FF8A00;
    color: #fff
}

@media screen and (max-width:1199px) {
    .commonBox4 .commBtn {
        min-height: 44px;
        font-size: 14px;
    }

    .commonBox4 .cmnBoxCont span,
    .commonFlex li span {
        font-size: 20px;
    }

    .commonBox4 .cmnBoxCont p,
    .headstyle2 p,
    .commonFlex li p {
        font-size: 16px;
    }
}

@media screen and (max-width:1023px) {
    .common4 {
        width: calc(50% - 15px);
    }

    .headstyle2 h2 {
        line-height: 1.2;
        font-size: 30px;
    }

    .headstyle2 p {
        margin: 15px 0 0;
    }
}

@media screen and (max-width:767px) {
    .common4 {
        width: 100%;
    }
}

/** Common Box style End **/



/** AnalyticsBox style End **/

.analyticsBox {
    margin: 60px 0
}

.analyticsBox > .elementor-container {
    border-radius: 6px;
    border: 1px solid #B9D5E5;
    background: linear-gradient(89deg, #E2EAFF 23.37%, #ECF6FF 60.99%, #F0F0FF 99.16%);
    box-shadow: 0px 0px 20px 0px #79BCEB;
    align-content: center;
    flex-wrap: nowrap !important;
}

.analyticsBox .analyticsInLeft {
    width: 47% !important;
    background: linear-gradient(75deg, #B3C3EF 2.19%, #B4DCFF 36.7%, #E1E7FF 98.33%);
    text-align: left;
    padding: 20px 10px 20px 20px;
}

.analyticsBox .analyticsInLeft .srcImgra {
    width: 30% !important
}

.analyticsBox .analyticsInLeft .starImgw {
    width: 70% !important;
}

.analyticsBox .analyticsInLeft .srcImgra img {
    filter: drop-shadow(0px 0px 20px #0878BF);
    display: block;
    border-radius: 50%;
}

.analyticsInLeft .elementor-widget-wrap {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}


.analyticsBox .analyticsInRight {
    width: 63% !important;
    text-align: center;
}

.analyticsBox .analyticsInRight p {
    color: #025A8C;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1666;
    margin: 0;
}

.textCenter .commBtn.btnColor-FF8A00.btnstyle02 {
    margin: 0 auto
}

@media screen and (max-width:1199px) {
    .analyticsBox .analyticsInRight p {
        font-size: 22px
    }

    .analyticsBox .analyticsInLeft .starImgw img {
        max-width: 160px;
    }
}

@media screen and (max-width:1023px) {
    .analyticsBox .analyticsInRight p {
        font-size: 16px;
    }
}

@media screen and (max-width:767px) {
    .analyticsBox {
        margin: 30px 0;
    }

    .analyticsBox > .elementor-container {
        flex-wrap: wrap !important;
    }

    .analyticsBox .analyticsInLeft,
    .analyticsBox .analyticsInRight {
        width: 100% !important;

    }

    .analyticsBox .analyticsInRight {
        padding: 20px 15px;
    }

    .analyticsBox .analyticsInRight br {
        display: none;
    }
}

/** AnalyticsBox style End **/




/** products style End **/

.products .slick-track {
    display: flex;
    gap: 30px;
}

.products {
    padding: 75px 0
}

.products-it {
    border-radius: 6px;
    border: 1px solid #C5D3E1;
    background: #FFF;
    padding: 20px;
    text-align: center;
}

.products-it span {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-top: 17px;
    margin: 0
}

.products .slick-dots {
    display: none !important
}

.atbpSec .trust1 .ttcommonImg {
    width: 38% !important;
}

.atbpSec .trust1 .ttright {
    width: 55% !important;
}

.commBtn.btnColor-FF8A00.btnstyle02 {
    margin: 50px 0 0;
    font-size: 20px;
    min-height: 60px;
    font-family: inherit;
    max-width: 346px;
    width: 100%;
    box-shadow: 0px 0px 20px 0px #7A9DB6;
}


@media screen and (max-width:767px) {
    .products {
        padding: 40px 0;
    }

    .atbpSec .trust1 .ttcommonImg,
    .atbpSec .trust1 .ttright {
        width: 100% !important
    }
}

@media screen and (max-width:638px) {
    .products .slick-track {
        gap: 0;
    }
}

/** products style End **/









.faqBoxDesign .accordion {
    max-width: 1005px;
    margin: 0 auto;
    border-radius: 6px;
    background: linear-gradient(38deg, #FFF 0.92%, #DBF2FF 29.59%, #E9E2FF 98.62%);
    box-shadow: 0px 0px 40px 0px #A0C1D8;
    padding: 80px 100px 60px;
}

.faqBoxDesign .accordion-content.is-open {
    border-radius: 10px;
    background: #255E9E;
    box-shadow: 0px 0px 20px 0px #79BCEB;
}

.faqBoxDesign .accordion-content header svg {
    display: none;
}

.faqBoxDesign .accordion-content .accordion-content-title {
    cursor: pointer;
    text-align: left;
    display: flex;
    width: 100%;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px #79BCEB;
    color: #006FB0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    padding: 11px 5px 11px 77px;
    align-items: center;
}

.faqBoxDesign .accordion-content.is-open .accordion-content-title {
    padding: 20px 5px 2px 85px;
    box-shadow: none;
    background-color: transparent;
    color: #fff;
}





.faqBoxDesign .accordion-content {
    padding: 0;
    border: 0;
    margin-bottom: 20px;
}

.faqBoxDesign .accordion-content-description {
    padding: 0 30px 20px 85px;
    margin: 0;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.66666;
    text-align: left
}


.faqBoxDesign .accordion-content .accordion-content-title::after {
    top: 50%;
    left: 13px;
    width: 40px;
    height: 40px;
    background-image: url(../images/faq-arrow.png);
    position: absolute;
    content: "";
    transform: translateY(-50%);
    margin-top: 2px;
}

.faqBoxDesign .accordion-content.is-open .accordion-content-title::after {
    background-image: url(../images/faq-arrow-active.png);
    left: 30px;
    margin-top: 12px;
}

@media screen and (max-width:1023px) {
    .faqBoxDesign .accordion {
        padding: 50px 40px;
    }

    .faqBoxDesign .accordion-content-description {
        font-size: 16px;
    }
}

@media screen and (max-width:767px) {
    .faqBoxDesign .accordion {
        padding: 20px 10px;
    }

    .faqBoxDesign .accordion-content .accordion-content-title,
    .faqBoxDesign .accordion-content.is-open .accordion-content-title {
        font-size: 16px;
        padding: 10px 5px 10px 50px;
    }

    .faqBoxDesign .accordion-content .accordion-content-title::after {
        left: 7px;
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    .faqBoxDesign .accordion-content.is-open .accordion-content-title::after {
        left: 10px;
        margin-top: 3px;
    }

    .faqBoxDesign .accordion-content-description {
        padding: 0 30px 20px 50px;
        font-size: 15px;
    }
}


.caseSlider .studySlidItem {
    padding: 30px 15px;
}

.caseSlider .studyBox {
    border-radius: 10px;
    border: 1px solid #C5D3E1;
    background: #FFF;
    padding: 20px 20px 0;
}

.caseSlider .studyBox:hover {
    background: linear-gradient(217deg, #E9E2FF 0%, #DCF1FF 98.78%);
    box-shadow: 0px 0px 20px 0px #D0DFEE;
}

.caseSlider .studyImg {
    border-radius: 10px;
    overflow: hidden;
}

.caseSlider .studyTextin {
    min-height: 140px;
}

.caseSlider .studyBox span {
    color: #F07028;
    font-size: 1.10em;
    font-weight: 700;
    line-height: 1;
}

.caseSlider .studyBox strong {
    padding: 30px 0 0;
    color: #0665A2;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
}

.caseSlider .studyBox .btn {
    border: 1px solid #C5D3E1;
    font-size: 1.125em;
    color: #025A8C;
}

.caseSlider .studyBox:hover .btn {
    background: #FF8A00;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #FF8A00;
    color: #fff
}

.cmnSliderArrow .caseSlider .splide__arrow--next::after,
.cmnSliderArrow .caseSlider .splide__arrow--prev::after {
    display: none
}

.cmnSliderArrow .caseSlider .splide__arrow--next,
.cmnSliderArrow .caseSlider .splide__arrow--prev {
    width: 88px;
    height: 88px;
    background: url(../images/caseArrow-left.png);
    border-radius: 50%;
    margin-top: -40px;
}

.cmnSliderArrow .caseSlider .splide__arrow--next {
    background: url(../images/caseArrow-right.png);
    right: -80px;
}

.cmnSliderArrow .caseSlider .splide__arrow--prev {
    left: -80px;
}

.caseSlider .splide__pagination__page {
    background: #D9D9D9;
    height: 22px;
    margin: 9px;
    opacity: 1;
    width: 22px;
}

.caseSlider .splide__pagination__page:hover {
    background: #F07028;
}

.caseSlider .splide__pagination__page.is-active {
    background: #F07028;
    transform: inherit;
}

@media screen and (max-width:1666px) {

    .cmnSliderArrow .caseSlider .splide__arrow--next,
    .cmnSliderArrow .caseSlider .splide__arrow--prev {
        width: 60px;
        height: 60px;
        background-size: cover !important;
        margin-top: -30px;
    }

    .cmnSliderArrow .caseSlider .splide__arrow--next {
        right: -50px
    }

    .cmnSliderArrow .caseSlider .splide__arrow--prev {
        left: -50px
    }

    .caseSlider {
        padding: 0 50px
    }
}

@media screen and (max-width:1199px) {
    .caseSlider .studyBox span {
        font-size: .8em;
    }

    .caseSlider .studyBox strong {
        font-size: 1.1em;
    }

    .caseSlider .studyBox {
        padding: 10px 10px 0
    }
}

@media screen and (max-width:1023px) {
    .caseSlider {
        padding: 0 10px
    }

    .caseSlider .studyBox .btn {
        font-size: 14px;
        line-height: 3;
    }

    .cmnSliderArrow .caseSlider .splide__arrow--next {
        right: -15px
    }

    .cmnSliderArrow .caseSlider .splide__arrow--prev {
        left: -15px
    }

    .commBtn.btnColor-FF8A00.btnstyle02 {
        margin: 30px 0 0;
        font-size: 15px;
        min-height: 50px;
        max-width: 250px;
        box-shadow: 0px 0px 20px 0px #7A9DB6;
    }
}

@media screen and (max-width:767px) {
    .caseSlider .studyBox strong {
        padding: 30px 0 30px;
    }

    .caseSlider .splide__pagination__page {
        display: none;
    }
}

/* new Banner */
.bbnrLandSection{
    position: relative;
    z-index: 4;
}
.newBannerCont h1 {
    color: #FFF;
    text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.45);
    font-size: 60px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 800;
}
.newBannerCont h1 span {
    color: #fff;
    font-weight: 400;
}
.newBannerCont p {
    color: #FFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.1; 
    margin: 40px 0 0
}

.newbannerImg{
    position: relative;
    z-index: 2
}
.banner-shap1 img {
    border-radius: 15px;
    display: block;
}
.banner-shap1 {
    position: relative;
    z-index: 2;  
}
.banner-shap1::after {
    top: -50px;
    right: -60px;
    position: absolute;
    background: url(../images/banner-shape.svg);
    height: 200px;
    width: 240px;
    content: "";
    z-index: -1;
    
}

.newbnrPopStm  {margin-top: 60px}

.newbnrPopStm .newbnrLB > .elementor-container,.newbnrPopStm > .elementor-container {
    gap: 30px;
    align-items: center;
}
.newbnrPopStm .bnrBtn.commBtn{
    width: 100%;
	padding: 20px 0;
    min-height:inherit;
    font-weight: normal;
    font-family: "proximaNova";
	border-radius: 30px;
	font-size: 15px;
	line-height: 1;
}

.newbnrPopStm .bnrBtn.commBtn,
.newbnrPopStm .newbnrLB .grad-btn .elementor-button {
    background: #f5ae2e;
    background: -moz-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
    width: 100%;
}

.newbnrPopStm .newbnrLB .btnGroup .elementor-widget-wrap > .elementor-element {width: 100% !important;}

.newbnrPopStm .btn.elementor-button.ab-clicker {
    background: #f5ae2e;
    background: -moz-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
    border-radius: 50px;
    padding: 20px 0;
    width: 100%;
}

.newbnrPopStm .newbnrLB > .elementor-container .btnGroup {padding: 0 !important}
.newbnrPopStm .btnGroup img.ab-clicker {
    height: auto;
    max-width: 100%;
}
.spacSec.teamBnr{z-index: 9;}
.teamBnr .newBannerCont {max-width: 845px}
.teamBnr  .newBannerCont h1 {
    text-shadow: none;
    font-size: 68px;
    font-weight: 700;
}
.teamBnr .newbnrPopStm .newbnrLB > .elementor-container, .teamBnr .newbnrPopStm > .elementor-container{
    gap:70px;
    max-width: inherit;
}
.newbnrPopStm .crmplspop ul {
	transform:none;
	left:auto;
    right: 0;
}

@media screen and (max-width:1666px) {
    .banner-shap1::after {
        top: -25px;
        right: -10px;
        position: absolute;
        background-size: cover;
        width: 80px;
        height: 80PX;
    }
    .teamBnr .newBannerCont {max-width: 685px}
    .teamBnr  .newBannerCont h1 {font-size: 50px}
    .newBannerCont p {font-size: 20px}
    .teamBnr .newbnrPopStm .newbnrLB > .elementor-container, .teamBnr .newbnrPopStm > .elementor-container {
    gap: 30px;
}
}

@media screen and (max-width:1199px) {
.newBannerCont h1,.teamBnr .newBannerCont h1 {font-size: 45px}
 .newBannerCont p {
    font-size: 22px;
    margin: 20px 0 0;
} 
.teamBnr .newBannerCont {max-width: 615px}
.newbnrPopStm .newbnrLB > .elementor-container,.newbnrPopStm > .elementor-container {gap: 9px}
.newbnrPopStm .elementor-column {
    width: 100% !important;
    max-width: 680px;
}
.newbnrPopStm .zohoTreeTrialBtn {max-width: 218.983px !important}  
 .teamBnr .newbnrPopStm .newbnrLB > .elementor-container, .teamBnr .newbnrPopStm > .elementor-container {
    gap: 9px;
}
    .teamBnr .newbnrPopStm .newbnrLB > .elementor-container, .teamBnr .newbnrPopStm > .elementor-container{align-items: center;}
}

@media screen and (max-width:1023px) {
.newBannerCont h1 {font-size: 36px}
.newBannerCont p {font-size: 20px}
}
@media screen and (max-width:767px) {
    .newBannerCont {margin-bottom: 30px}
    .newbannerImg img{width: 100%}
    .newbnrPopStm .newbnrLB > .elementor-container,
    .newbnrPopStm > .elementor-container {gap: 0}
    .teamBnr .newBannerCont {max-width: 440px}
    .newbnrPopStm .zohoTreeTrialBtn {max-width: 100%}
    .newbnrPopStm .newbnrLB.nbtn2{
        max-width: 210px;
        margin: 0 auto;
    }
    .newbnrPopStm .zohoTreeTrialBtn {
        max-width: 218.983px !important;
        margin: 0 auto;
    }
    .newbnrPopStm .newbnrLB.nbtn1 .elementor-container .btnGroup:nth-child(1),
    .newbnrPopStm .newbnrLB.nbtn1 .elementor-container .btnGroup:nth-child(2) {
        width: 48% !important;
        margin: 0 auto;
    }
        .newbnrPopStm .abr-btn-pop>div {
        padding: 10px 0 10px;
        width: 145px;
        margin: 0 auto;
    }
    .newbnrPopStm .abr-btn-pop.new-popup .ab-hidden {
            left: 50% !important;
            transform: translate(-50%);
        }
    .newbnrPopStm .elementor-button.ab-clicker {
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    .teamBnr .newBannerCont h1 {font-size: 27px;}
    .teamBnr  .newBannerCont p {font-size: 16px}
    .teamBnr .newbnrPopStm {margin-top: 20px}    
    .newbnrPopStm .bnrBtn.commBtn{padding:14px 0}
    .newbnrPopStm .crmplspop ul {
        transform: translateX(-50%);
        right: auto;
        left: 50%;
    }
}



/**/

.keyPro .slick-track {
    padding: 30px 0;
    justify-content: center;
  
}
.devServices{
    gap: 30px;
    display: flex;
    padding: 30px 0;
    justify-content: center;
}
.devServices .singleSer, 
.keyPro .slick-slide {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    padding: 90px 30px 30px 30px;
    text-align: center;
    position: relative;;
    margin: 60px  15px 0
}
.devServices .singleSer img,
.keyPro .slick-slide img {
    position: absolute;
    top: -60px;
    max-width: 120px;
    display: block;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}
.keyProSliderCont p {
    color: #000;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}


.keyPro .slick-dots {
    margin-top: 30px;
}

.devcal-3 {
    flex-wrap: wrap;
    gap: 30px;
}

.devServices.devcal-3 .singleSer {
    width: calc(33.333% - 20px);
    margin: 65px 0 0 !important;
}

.devServices .singleSer p,.keyProNew .keyProSliderCont p {
    margin: 0;
    font-size: 24px
}
.keyProNew .keyProSliderCont p strong{text-align: center;}
.keyProNew .keyProSliderCont p {text-align: left;}

.devServices .singleSer p strong ,.keyProNew .keyProSliderCont p strong{
    display: block;
    margin-bottom: 30px;
    font-family: 'proximaNova';
}

.keyPro.keyProNew .slick-slide {
        min-height: 240px;
}
.keyPro.keyProNew .keyProSliderCont strong {
    display: block;
    margin-bottom: 30px;
}
.keyPro.keyProNew .keyProSliderCont strong,
.keyPro.keyProNew .keyProSliderCont p{
   font-size: 24px;
    color: #000;
}
@media screen and (max-width:1199px) {
   .keyPro.keyProNew .slick-slide {
        min-height: 270px;
} 
}
@media screen and (max-width:1023px) {
    .devServices.devcal-3 .singleSer {
        width: calc(50% - 15px);
        margin: 65px 0 0 !important;
    }
    .devServices .singleSer p,.keyProNew .keyProSliderCont p{
        font-size: 20px
    }
    .devServices .singleSer p strong ,
    .keyProNew .keyProSliderCont p strong {
        margin-bottom: 15px;
    }
    .keyPro.keyProNew .slick-slide {
        min-height: 258px;
}
    .keyPro.keyProNew .keyProSliderCont strong,
    .keyPro.keyProNew .keyProSliderCont p {
    font-size: 17px;
}

}
@media screen and (max-width:767px) {
    .keyPro  {
    padding: 0 30px;
    }
    .keyPro .slick-dots {
        margin-top: 0;
    }
     .devServices.devcal-3 .singleSer {
        width: 100%;
    }
.keyPro.keyProNew .slick-slide {
    min-height: 246px;
}
}


@media screen and (max-width:638px) {
    .keyPro.keyProNew .slick-slide {
    min-height: auto;
}
}


.smsTestiArea h2 {
    font-family:"Metropolis-Bold";
}
.smsTesti {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.smsTesti .slick-slide {border-radius: 10px;background: #025A8C;box-shadow: 0px 10px 30px  rgba(8, 120, 191, 0.60);padding: 30px;margin: 60px 15px;max-width: 420px}
.smsTesti .icon {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}
.smsTesti p,.smsTesti span {
    color: #FFF;
    font-family:'Montserrat';
    font-size: 18px;
    font-style: normal;
    line-height: 1.2;
    text-align: left;
}

.testiTopCon {
    min-height: 270px;
}

.smsTesti span {
    font-weight: 600;
}

@media screen and (max-width: 1199px) {
    .smsTesti p,.smsTesti span {
    font-size: 16px;
}
}


#commonFaq .accordion-content {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.10);
}
#commonFaq  .accordion-content header svg {
    display: none;
}
#commonFaq .accordion-content .accordion-content-title {
    cursor: pointer;
    text-align: left;
    font-family:"ProximaNova-Semibold";
    line-height:1.1666; /* 28px */
    font-size:24px; /* 24px */
    color: #000;
    display: block;
    width: 100%;
    position: relative;
    padding:31px 60px 27px 30px;
    display: flex;
}
#commonFaq .accordion-content.is-open .accordion-content-title {padding:31px 30px 8px}
#commonFaq .accordion-content-title span {
    display: inline-block;
    color: #09344D;
    margin-right:15px;
}

#commonFaq .accordion-content {
    padding: 0;
    border: 0;
}
#commonFaq .accordion-content-description {
    background: #fff;
    padding: 0 70px 30px 60px;
    text-align: left;
    margin: 0;
}
#commonFaq .accordion-content-description p{
    margin:2px 0 0;
    text-align: left;
    line-height:1.3636; /* 30px */
    font-size:22px; /* 22px */
}

#commonFaq .accordion-content .accordion-content-title::after {
    width: 15px;
    height: 15px;
    display: block;
    transform: rotate(45deg);
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    position: absolute;
    margin: auto;
    content: "";
    z-index: 9;
    right: 35px;
    bottom: 0;
    top: -6px;
}

#commonFaq .accordion-content.is-open .accordion-content-title::after {
    transform: rotate(-133deg);
    top: 25px;
}

.ttraingHead h2{
    font-size: 50px !important;
}
.suprthedazad p{
    font-size: 22px !important;
}
.colorblack h2{
    color: #000;
}
.colorblack p{
    color: #000;
}

.ttFlex.flx-start .elementor-container {
    align-items: flex-start;
    margin-top: 30px;
}
#commonFaq.atbpSec .accordion-content {
     border-radius: 10px; 
     background: transparent; 
     box-shadow: none;
        margin-bottom: 42px;
}
#commonFaq.atbpSec .accordion-content.is-open {
     background: #fff; 
     box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.10); 
}
#commonFaq.atbpSec .accordion-content .accordion-content-title {
    font-size: 24px;
    padding: 0;
    font-family: 'proximaNova';
    font-weight: 700;
    width: 90%
}

#commonFaq.atbpSec .accordion-content header {
    padding: 30px 30px 0;
    align-items: flex-start;
    gap:14px
}
#commonFaq.atbpSec .accIconImg {
    width: 40px;
    height: auto;
    display: block;
}
#commonFaq.atbpSec .accordion-content-description {
    background: #fff;
    padding: 0 77px 30px 106px;
    font-size: 18px;
    text-align: left;
}
#commonFaq.atbpSec .accordion-content.is-open .accordion-content-title::after {
    top: 10px;
}
#commonFaq.atbpSec .accordion-content .accordion-content-title::after {
    right: 3px;
}


@media screen and (max-width: 1666px) {
    #commonFaq .accordion-content .accordion-content-title {font-size:1.263em} /* 24px */
    #commonFaq.atbpSec .accordion-content {margin-bottom: 20px}
    #commonFaq .accordion-content-description p{font-size:1.158em} /* 22px */
}

@media screen and (max-width: 1199px) {
.ttraingHead h2{
    font-size: 40px !important;
}
.suprthedazad p{
    font-size: 18px !important;
}
    #commonFaq.atbpSec .accordion-content .accordion-content-title {
    font-size: 20px;
}
#commonFaq.atbpSec .accordion-content {
        margin-bottom: 12px;
    }
    #commonFaq.atbpSec .accordion-content header {
    padding: 20px 20px 0;
}
    #commonFaq.atbpSec .accordion-content-description {
    padding: 0 50px 30px 66px;
    font-size: 16px;
}
    #commonFaq.atbpSec .accIconImg {
    width: 24px;
}
    #commonFaq.atbpSec .accordion-content .accordion-content-title::after {
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}
}

@media screen and (max-width: 1023px) {
        #commonFaq.atbpSec .accordion-content-description {
    padding: 0 50px 30px 59px;
}
}
@media screen and (max-width: 767px) {
    #commonFaq .accordion-content {
            padding: 0;
        }
    #commonFaq .accordion-content-title span {
        margin-right: 15px;
    }
    #commonFaq .accordion-content .accordion-content-title {
        font-size: 18px;
    }
    #commonFaq .accordion-content-description {
        font-size: 16px;
        padding: 0 15px 30px;
        text-align: justify;
    }
    #commonFaq .accordion-content {margin-bottom:15px}
    #commonFaq .accordion-content.is-open .accordion-content-title {padding-left:15px}
    #commonFaq .accordion-content .accordion-content-title::after {
        width: 12px;
        height: 12px;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        right: 15px;
    }
    .ttraingHead h2{
        font-size: 30px !important;
    }
    .suprthedazad p{
        font-size: 16px !important;
    }

}

/*   Upcoming Events */


.upCommingItems > .elementor-container {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap !important;
}

@media screen and (max-width: 1199px) {
.upCommingItems > .elementor-container {
    gap: 10px;

}
}
@media screen and (max-width: 767px) {
.upCommingItems > .elementor-container {
    gap: 0;
    flex-wrap: wrap !important;
}
}

.ronDxeFlex > .elementor-container {
    gap: 45px;
    flex-wrap: nowrap !important;
}

.ronDxeFlex .ronDe {
    width: 30% !important;
    position: relative;
    margin-top: -65px;
}

.ronDxeFlex .ronDeText {
    width: 70% !important;
}
.ronDeText p {
    line-height: 1.37037;
}

@media screen and (max-width: 1023px) {
    ronDxeFlex .ronDe {
    width: 40% !important;
}
   .ronDxeFlex .ronDeText {
    width: 60% !important;
} 
}
@media screen and (max-width: 767px) {
    .ronDxeFlex > .elementor-container {
    gap: 0;
    flex-wrap: wrap !important;
}
    .ronDxeFlex .ronDe {
    position: relative;
    margin-top: -65px;
}

.ronDxeFlex .ronDeText,.ronDxeFlex .ronDe {
    width: 100% !important;
}
}


.registBoxs {
    max-width: 690px;
    margin: 0 auto;
    position: relative;
    margin-top: -80px;
    text-align: center
}
.registBoxs .elementor-container  {
    flex-wrap: nowrap !important;
}
.registBoxs::after {
    left: 50%;
    width: 3px;
    content: "";
    position: absolute;
    transform: translate(-50%);
    background: #fff;
    height: 33px;
    bottom:1px;
}
.registBox img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.registBox h3 {
    color: #FFF;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0.68px;
    margin: 47px 0 0;
    line-height: 1;
}
.registerNow .commBtn {
    margin-top: 40px;
    font-size: 38px;
    background: #FD8E16;
    min-height: 74px;
    border-radius: 100px;
    padding: 4px 50px;
    font-weight: 700;
}

@media screen and (max-width: 1023px) {
        .registerNow .commBtn {
        font-size: 30px;
        min-height: 60px;
     
    }
}

@media screen and (max-width: 767px) {
    .registBoxs {
        margin-top: -48px;
        max-width: 380px;
    }
    .registBoxs::after {
        width: 2px;
        height: 20px;
    }
    .registBox h3 {
        color: #FFF;
        font-size: 16px;
        margin: 10px 0 0;
    }
    .registBox img {
        width: 80px;
    }
    .registerNow .commBtn {
        margin-top: 30px;
        font-size: 20px;
        min-height: 56px;
    }
}


/**/

.ttraingTables.ttrainMobilea {display: block}

.ttrMFlex {
    display: flex;
    box-shadow: 0px 0px 40px 0px #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 40px 0px #A6BCC6;
    justify-content: space-between;
    gap: 2px;
}
.ttrainMobile {
    background: #FFF;
    max-width: 300px;
    margin: 0 auto;
}

.ttrMFlexlft {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 40px 0px #A6BCC6;
    max-width: 120px;
}

.ttrMFlexlftCont .ttrainPop {
    min-height: 40px;
    border-top: 0.5px solid #B0B0B0;
    background: #FFF;
    padding: 0 10px;
}

.ttrMFlexRit {
    width: 100%;
    overflow: hidden;
}

.ttrMoHed {
    display: flex;
    justify-content: space-between;
    background: #D4E1EC;
    gap: 2px;
}

.ttrMoHed .ttraingHd {
    padding: 5px;
    text-align: left;
}

.ttrM-hdPara p {
    font-size: 10px;
    margin: 0;
}

.ttrainMobile .ttraingHd {padding: 5px;}

.ttrainMobile .ttrMFlexRit .ttraingHd:nth-child(1) {
    border-radius: 5px 5px 0px 0px;
    background: #FEF2DF;
}

.ttrainMobile .ttrMFlexRit .ttraingHd:nth-child(1) strong {
    color: #FF8A00;

}

.ttrainMobile .ttrMFlexRit .ttraingHd:nth-child(2) {
    border-radius: 5px 5px 0px 0px;
    background: #E1EFFF;
}

.ttrainMobile .ttrMFlexRit .ttraingHd:nth-child(3) {
    border-radius: 5px 5px 0px 0px;
    background: #D4EFCA;
}

.ttrainMobile .ttrMFlexRit .ttraingHd:nth-child(3) strong {
    color: #076123
}

.ttrM-hdPara {
    padding: 5px;
    min-height: 50px;
}

#supportPremium {
    background: #FEFcf6;
}

#supportPremium .ttrM-hdPara {
    background: #FEF2DF;
}

#supportPlus {
    background: #F5F9FF;
}

#supportPlus .ttrM-hdPara {
    background: #E1EFFF;
}

#supportCore {background: #F7FEF4}

#supportCore .ttrM-hdPara {background: #D4EFCA}

.ttrM-hdPara p {font-size: 10px}

.ttrainMobile .ttrainPop span {
    width: 10px;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 2px;
    line-height: 1;
    height: 10px;
}

.ttrainMobile .ttrainPop strong {
    color: #025A8C;
    text-align: left;
    width: 87%;
    font-size: 10px;
    margin-left: 0;
    line-height: 1;
}

/* Tab Links */

.mtTablinks {
    width: 100%;
    padding: 1rem;
    font-size: 13px;
    text-transform: uppercase;
    transition: 0.2s ease;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    border:none;
}

.mtTabcontent {display: none;}

.mtTabcontent.active {display: block;}

.ttrainMobile .ttraingHd svg {
    display: block;
    margin: 0;
    height: 16px;
}

.ttrainMobile .ttraingHd strong {
    color: #025A8C;
    line-height: 1;
    font-size: 10px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin: 5px 0 0;
    
}

.mtTabcontent p {
    color: #000;
    font-size: 10px;
    line-height: 1
}

.ttrMFlexlft .ttraingHd {
    min-height: 101px;
    padding: 10px 10px 0px;
}
.ttrMItm h3 {
    margin: 0;
    color: #000;
    font-size: 10px;
    line-height: 1;
}

.ttrMItm {
    display:flex;
    height: 40px;
    align-items: center;
    border-top: 0.5px solid #B0B0B0;
    padding: 5px 10px;
}

.ttraingTables.ttrainMobile {
    display: none;
}
@media screen and (max-width: 549px) {
    .ttraingTables.mobileNone {
        display: none;
    }
    .ttraingTables.ttrainMobile {
    display:block;
}
}


.coreItems {
    display: flex;
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.20);
    justify-content: space-between;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.coreItems li {
    margin: 40px 0;
    position: relative;
    border-right: 1px solid #DADADA;
    padding: 0 40px;
    width: 25%;
}
.coreItems li:last-child {
    border-right: none;
}
.coreItems li strong {
    color: #000;
    font-family: 'proximaNova';
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    display: block;
    padding: 30px 0;
}
.coreItems li p{
   color: #000;
font-size: 18px;
line-height: 26px;
    margin: 0;
}
@media screen and (max-width: 1023px) {
.coreItems li {
    margin: 40px 0;
    padding: 0 40px;
    width: 50%;
}
    .coreItems li:nth-child(2){
        border-right: none;
    }
}
@media screen and (max-width: 767px) {
.coreItems li strong {
    color: #000;
    padding: 20px 0;
}
    .coreItems li {
        margin: 0 30px;
        padding: 40px 0;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #DADADA;
    }
    .coreItems li:last-child{
        border-bottom: none;
    }
}







.contacTUSSectiopn p {
    font-size: 18px;
    color: #fff;
}

.contacTUSSectiopn h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.contactUsIn {
    border-radius: 10px;
    background: rgba(8, 120, 191, 0.40);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 60px;
}
.contactUsInfo {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 30px;
}

.contactUsInfo li {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contactUsInfo p a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.contactUsInfo.contactUsInfoCall  p a {
    font-size: 20px;

}

.contactUsInfo p {
    margin: 0;
}


.contactUsIn  .elementor-container {
    gap: 30px;
}

.contactUsInbox {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}
.contactUsIn .elementor-container .contactUsInbox {
    width: calc(50% - 15px) !important;
}
@media screen and (max-width: 1444px) {
.contactUsInfo.contactUsInfoCall  p a,.contactUsInfo p a {
    font-size: 16px;
}

}
@media screen and (max-width: 1199px) {
.contactUsIn .elementor-container .contactUsInbox {
    width: 100% !important;
}
    
}
@media screen and (max-width: 767px) {
.contactUsIn {
    padding: 30px 15px;
} 
    .contactUsInbox {
    padding: 12px;
}
   .contactUsInfo li img {
    height: 28px;
    width: auto;
}
    .contactUsInfo.contactUsInfoCall  p a, .contactUsInfo p a {
    font-size: 14px;
}
   .contactUsInfo.contactUsInfoCall {
    flex-wrap: wrap;
    gap: 12px;
}
   .contactUsInfo li {
    gap: 10px;
}
}


.opportunitiesboxs {
    margin-top: 30px;
}
.opportunitiesboxs > .elementor-container.elementor-column-gap-default {
    flex-wrap: wrap;
    gap: 30px;
}
.opportunitiesboxs > .elementor-container .opportunitiesbox {
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.20);
    width: calc(50% - 15px);
    padding: 30px;
}
.opportunitiesbox > .elementor-widget-wrap.elementor-element-populated {
    display: flex;
    align-content: space-between;
    gap: 30px;
}
.opportunitieitems {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: column;
    display: flex;
    gap: 30px;
}




.opportunitieitems li {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.opportunitieitems li p strong {
    color: #005B8D;
    font-family: 'proximaNova';
    font-size: 18px;
    font-weight: 700;
}

.opportunitieitems li p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; 
    margin: 0;
}

.opportunitieitems .opportunitieitem p {
    font-size: 24px;
    font-weight: 700;
    font-family: 'proximaNova';
}


.opportunitieitems .opportunitieitem p strong {
    font-size: 18px;
    font-family: 'proximaNova';
    font-weight: 700;
}
.opportunitiesboxs .commBtn {
    font-size: 24px;
    border: 1px solid #000;
    background: transparent;
    font-family: 'proximaNova';
    text-transform: capitalize;
    color: #000 !important;
    font-weight: 700;
    line-height: 1;
    padding: 0 30px;
}
.opportunitiesboxs .commBtn:hover {
    border: 1px solid #D95D20;

}


@media screen and (max-width: 1023px) {
.opportunitiesboxs > .elementor-container .opportunitiesbox {
    width: 100%;
}
    .opportunitiesboxs .commBtn {
    font-size: 16px;
    min-height: 46px;
}
    .opportunitieitems li p {
    font-size: 16px;
    line-height: 20px;
}
    .opportunitieitems li {
    gap: 15px;
}
    .opportunitieitems .opportunitieitem p {
    font-size: 20px;
}
    .opportunitieitems img {
    width: 28px;
}

}


/*=== T20 Landing pages ===*/
.fontSi-40 h2 {font-size: 2.105em} /* 40px */
.atbpSec .ttraingHead.color2H2 p {
    margin-bottom: 38px;
    line-height: 1.3636;/* 30px */
    font-size: 1.158em; /* 22px */
}
.t20SysOffers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 40px;
    padding: 0;
    gap: 30px;
}
.t20SysOffers li {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 60px 0 rgba(0, 0, 0, 0.15);
    width: calc(33.333% - 20px);
    flex-direction: column;
    display: flex;
}
.t20SysOffers li svg{
    min-width:36px;
    height: auto;
    width:36px;
}

.t20SysOffers li p{
    line-height:1.3636; /* 30px */
    font-size: 1.158em; /* 22px */
    margin-bottom:0;
    color: #000;
}
.t20SysOffers li strong {
    color: #025A8C;
    font-size:32px; /* 32px */
    margin:30px 0 20px;
    display: inline-block;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    line-height:0.9375; /* 30px */
}

@media screen and (max-width:1600px) {
    .t20SysOffers li strong {font-size: 1.455em} /* 32px */    
    .atbpSec .ttraingHead.color2H2 p {margin-bottom:29px}
}

@media screen and (max-width: 767px) {
    .t20SysOffers li strong{
        font-size:24px;
    }
}
p.bookStrong,
p strong.bookStrong {
    font-family: "ProximaNova-Bold";
    margin-bottom:7px !important;
    display: block;
    color: #000;
}
.cStudySec .elementor-container{align-items: flex-start;}
.cStudy{
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height:0.9375; /* 30px */
    font-size:32px; /* 32px */
    color: #121212;
}

.cStudySec .ttraingHead{margin: 0;}
.cStudySec .tssList {
	margin-top:0;
	gap: 10px;
}
.cStudySec .tssList li {
	background-size:15px;
    line-height:1.3636; /* 30px */
    font-size:1.158em; /* 22px */
}
.discoverMore .ttraingHead h2{
    line-height:1.000; /* 40px */
    font-size:40px !important; /* 40px */
}
.discoverMore{padding-bottom:70px}
.discoverMore .smsPostContent p:first-of-type {min-height: 122px}

.newRevSlider .reviewIn p {
	height:auto;
	line-height:1.1666; /* 21px */
	font-size:0.947em; /* 18px */
}

@media screen and (max-width:1600px) {
    .discoverMore .ttraingHead h2{font-size:2.105em !important} /* 40px */
    .cStudy{font-size:1.455em} /* 32px */
}

@media screen and (max-width:1366px) {
    .page-id-37219 .header + .elementor,
    .page-id-37500 .header + .elementor,
    .page-id-37445 .header + .elementor,
    .page-id-37290 .header + .elementor,
    .page-id-37532 .header + .elementor{font-size:14px}
    .secPad-100 {padding:50px 0}
    .atbpSec .tbpList.t20tbpList.itemTop li svg {
        width: 20px;
        min-width: 20px;
        top:0;
    }
    .cStudySec .tssList li {background-size: 16px}
}

@media screen and (max-width:767px) {
    .page-id-37219 .header + .elementor .bbnrSec,
    .page-id-37500 .header + .elementor .bbnrSec,
    .page-id-37445 .header + .elementor .bbnrSec,
    .page-id-37290 .header + .elementor .bbnrSec,
    .page-id-37532 .header + .elementor .bbnrSec{font-size:6px}
    .t20SysOffers li {width:100%}
}