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: center;}
.metropolisBold h2 {
    text-align: center;
    font-weight: normal;
    font-family: 'Metropolis-Bold';
    line-height: 1.166666;
    font-size: 2.500em;
}
#vdoSliderBox-list {height: auto !important}
.secPad-100 {
    padding: 100px 0;
}
@media screen and (max-width: 767px) {
    .m100 a {
        max-width: 485px;
        width: 100% !important;
    }
    .cmnBtnMo .elementor-button {width: 100%}
    .secPad-100 {
    padding: 60px 0;
}
}

/*================= 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-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 !important}
    .topBtnBlog .ab-hidden {padding: 14px 10px !important}

    .topBtnBlog .commBtn.abr-btn {
        width: 100%;
        font-size: 10px;
        padding: 0 15px 0 5px !important;
        justify-content: flex-start;
        line-height: 30px;
        min-height: 30px;
    }
    .crmplspop {width:100%}
    .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: 767px) {
    .bannerVw h2 {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;
}

.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}
.bbnrCont p {
    color: #FFF;
    font-size: 2.5em;
    margin-bottom: 1.1458333333333333vw;
    font-weight: 400;
    line-height: 1;
}
.bbnrCont h1 {
    color: #FFF;
    font-size: 3.75em;
    font-weight: 600;
    line-height: 1;
}
.bbnrCont h1 span {color: #FF8A00}

@media screen and (max-width:767px){
    .bbnrSec {
        background: url(../images/bbnrBg-Mobile1.png);
        padding: 80px 0 0;
        background-size: cover;
    }
    .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}
}


/*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 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.125em;
    line-height: 1.333333333333333;
    margin: 0.8333333333333334vw 0 0;
}
.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;
}

@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: 14px;
        margin: 15px 0 0;
    }
    .ttraingHead.ttraingHead2 h2 {
        font-size: 20px;
        margin: 35px 0 10px;
    }
    .ttcommonImg {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 {
        margin: 20px 0 0;
        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;
    font-size: 24px;
    color: #000;
}
 #reviewSlider .reviewIn span {
    line-height: 1;
    font-size: 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}
    .newRevSlider .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:1199px) {
    .spacSec .ttraingHead h2 {font-size: 40px}
}

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

.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 35px}
.supportPackList {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    display: flex;
    gap: 30px;
}

.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;
    background-repeat: no-repeat;
    width: calc(50% - 15px);
    box-sizing: border-box;
}

.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;
}

.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: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 li {
        width: calc(50% - 8px);
        background-image: url(../images/ok_Icon.svg);
        background-position: top 20px left 22px;
        padding: 22px 22px 22px 60px;
        background-size: 25px;
    }
}

@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}
}

/* Training SecTion Start */

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

.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: left;
    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: 30px;
    justify-content: center;
}
.scdlBox {
    background: #FFF;
    border-radius: 6px;
    border: 1px solid #C6D6E5;
    box-shadow: 0px 0px 20px 0px #C5DCF3;
    width: calc(20% - 24px)!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 30px 0;
    font-size: 14px;
    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) {
    .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: 20px 0 26px;
}

.atbpSec .ttraingHead p {
    color: #000;
    font-size: 24px;
    line-height: 1.25;
}

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

.atbpSec .tbpList li {
    display: flex;
    align-items: center;
    padding: 30px 0 0;
    gap: 20px;
}
.atbpSec .tbpList li img {max-width: 48px}
.atbpSec .tbpList li p {
    margin: 0;
    font-size: 24px;
    color: #000;
}
.atbpSec .ttright {width: 52% !important}
.atbpSec .ttcommonImg {width: 44% !important}
.ttcommonImg.bxShadowNone img {box-shadow: none !important}
.btn-2DAD00.abr-btn {
    background: #2DAD00;
    padding: 14px 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;
    font-size: 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%}
    .atbpSec .ttright,
    .atbpSec .ttcommonImg {width: 100% !important}
    .ttraingHead h3 {font-size: 20px}
    .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 {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    text-align: center;
    gap: 30px;
}

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

.smsCtaBox {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    text-align: center;
    gap: 30px;
}
.smsCtaBox li img {display: block}
.smsCtaBox li {
    width: calc(25% - 23px);
    margin-top: 70px;
}
.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 {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .smsCtaBox li {
        width: 45%;
        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;
    }
}
.smsBlog .slick-slide {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    margin: 60px 25px;
}

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

.smsPostContent {padding: 30px}

.smsBlog .slick-slide span {
    border-radius: 100px;
    background: #E8E8E8;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    display: block;
    padding: 2px 30px;
    width: max-content;
    font-size: 18px;
}

.smsBlog .slick-slide h3 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 20px 0;
}

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

.smsBlog .commBtn.abr-btn {
    font-size: 20px;
    margin-top: 30px;
    background: #FF8A00;
    box-shadow: 0px 5px 15px 0px rgba(255, 138, 0, 0.45);
    font-family: 'proximaNova';
    font-weight: 600;
    min-height: 50px
}

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


.smsBlog .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%
}

.smsBlog .slick-prev {left: -55px}
.smsBlog .slick-next {right: -55px}

.smsBlog .slick-dots {
    width: 100%;
    list-style: none;
    gap: 1.0416666666666666vw;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    margin: 0
}

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

.smsBlog .slick-dots .slick-active button {background: #F07028}


@media screen and (max-width:1666px) {
    .smsBlog {padding: 0 50px}
    .smsBlog .slick-prev {left: 10px}
    .smsBlog .slick-next {right: 10px}
    .smsBlog .slick-arrow {
        width: 40px;
        padding: 12px;
        height: 40px;
    }
}

@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;
    }

    .smsBlog .slick-slide p {font-size: 16px}
    .smsBlog .slick-slide span {
        padding: 2px 24px;
        font-size: 14px;
    }
    .smsBlog .slick-arrow {
        width: 30px;
        padding: 8px;
        height: 30px;
    }
    .smsBlog .slick-prev {left: 10px}
    .smsBlog .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;
    }
    .btn-2DAD00.abr-btn {font-size: 24px}
    .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%}
}