.text-align-center {text-align: center;}
.para-space{padding-bottom: 15px;}
/* .first-b3-content ul li {margin-left: 20px;} */
.first-b3-content ul li:last-child{margin-bottom: 0!important;}
.space-50{margin-bottom: 50px;}
.mb-15{margin-bottom: 15px;}
.main-head h2{text-align: left;}
.main-head .banner-con-rt p{margin-top: 30px;}
ul.wrap-ul li span {margin-right: 6px;}
span.spanicons {margin-right: 8px;}
.lin .tour-btn {margin: 10px 0 0;}
.solu-div p{margin-top: 12px;}
.solu-div{border-radius: 20px;padding: 40px 20px 50px;margin: 0 10px 0px;}
.principles .solu-div{padding: 30px 20px 40px!important;}
.for-mrg{margin-bottom: 20px;}
.flex-div{align-items: unset;}
.full-wid p {width: 100%;max-width: 1000px;margin: 0 auto 50px;}
content ul li:last-child {margin-bottom: 0;}
.row.centr{justify-content: center;}
ul.spcrght li svg{margin-right: 5px;}
.mobile-view-le {display: none!important;}
.text-center{text-align: center;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px!important;}
.mt-35{margin-top: 35px;}
.mb-30{margin-bottom: 30px;}
.mb-0{margin-bottom: 0px!important;}
.set-mar{margin: 0 0 10px;}
.F2F8FF{background-color: #F2F8FF;}
.img-banner {
    margin-top: 50px;
    text-align: center;
}
.text-br{display: block;}
.set-mar .h2headingtag{margin-top: 0;}
.main-head .col-top{
    width: 60%;
}
.main-head .col-top a{
    padding: 12px 50px!important;
}
.row-section2{
    margin-bottom: 50px;
}
/* smiley-section */
.h2headingtag {
    color: #2e2e2e;
    font-size: 1.375rem;
    font-size: clamp(1.375rem, 1.275rem + 0.5vw, 1.875rem);
    line-height: 40px;
    font-weight: 400;
    text-align: center;
}

.h2headingtag span {
    display: inline-block;
    margin-top: 10px;
    vertical-align: middle;
}
span.color-happy {
    color: #df7000;
    margin-top: 0px;
    vertical-align: initial;
}
.h1headingtag {
    color: #2e2e2e;
    font-size: 2.125rem;
    font-size: clamp(2.125rem, 1.875rem + 1.25vw, 3.375rem);
    line-height: 1.4;
    font-weight: 700;
}
.top-section h1 {
    text-align: center;
    margin: auto;
    position: relative;
}
@media (min-width: 768px) {
    .top-section .sp-blocker {
        display: block;
    }
}
.desktop-gif-join {
    display: block;
}
.mobile-gif-join {
    display: none;
}
@media (max-width: 767px) {
    .desktop-gif-join {
        display: none;
    }
    .mobile-gif-join {
        display: block;
    }
    .mt-20 {
        margin-top: 70px;
    }
    .main-head .col-top{
        width: 100%;
        padding-right: 0!important;
    }
    #breadcrumb{
        margin-top: 22px!important;
    }
    .h2headingtag span{
        margin-top: 0!important;
    }
    .set-mar .h2headingtag{
        line-height: 28px;
    }
}
.top-section h1 img {
    position: absolute;
    top: 54px;
    left: 315px;
    max-width: 498px;
}


.FAFAFA{
    background-color: #FAFAFA;
}


/* commissions-section  */
.commissions .solu-div{
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    min-height: 255px;
    padding: 40px 20px;
}
.commissions .img-view{
    position: absolute;
    top: -31px;
    background-color: #fff;
    border-radius: 10px;
}
.commissions-cont .solu-div:last-child{margin: 0 18px 0px;}
.mt-80{
    margin-top: 80px;
}
.commissions .solu-div-left{margin-left: 0px ;margin-right: 15px;}
.commissions .solu-div-right{
    margin-left: 15px; margin-right: 0px;
}
.set-space .headingtags{padding-top: 25px;}
.set-space p { margin-top: 0;}
.paddingleft50{padding-left: 50px;}
.paddingright50{padding-right: 50px;}
@media (max-width: 767px) {
    .commissions .solu-div{
        max-width: 100%;
        margin: 0 12px 80px;
        min-height: auto;
    }
    /* ul.svg-list-style li svg{
        height: 55px;
        width: 55px;
    } */
     
}
.commissions .commissions-cont .solu-div{
    margin-bottom: 70px;
    padding: 40px 55px;
}

/* how-it-work */
.how-it-work .first-b3-content ul li{
    display: flex;
    align-items: center;
    margin-bottom: 40px!important;
}
.how-it-work .first-b3-content ul li span{
    display: flex;
    margin-right: 20px;
}
.how-it-work .headingtags{
    padding: 0!important;
    margin-bottom: 10px!important;
}

.img-view-box{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.bg-light-blue::before , .bg-dark-blue:before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    border: 2px solid #fff;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
}
.bg-light-blue::before { background-color: #03A5FB; outline: 1px solid #03A5FB;}
.bg-dark-blue::before { background-color: #170087; outline: 1px solid #170087;}
.img-view-box .headingtags{padding: 7px 15px!important;margin: 0!important; }
.min-ht-sm{min-height: 222px!important;}
.left-top-border,.right-top-border,.left-btm-border,.right-btm-border{
    position: absolute;
    z-index: -1;
    bottom: -64px;
}
.left-top-border, .right-top-border{height: 227px;}
.left-top-border,.left-btm-border{ border-left: 1px dashed #170087;left: 50%;}
.right-top-border,.right-btm-border{ border-right: 1px dashed #170087;right: 50%;}
.left-btm-border,.right-btm-border{height: 227px; border-bottom: 1px dashed #170087;}
.left-btm-border{width: 43%;}
.right-btm-border{width: 58%;}
.left-btm-border::after , .right-btm-border::before{
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    border: 2px solid #fff;
    transform: translateX(-50%);
}
.left-btm-border::after{
    bottom: -6px;
    right: -12px;
    background-color: #170087; outline: 1px solid #170087;
}
.right-btm-border::before{
    bottom: -6px;
    left: 0;
    background-color: #03A5FB; outline: 1px solid #03A5FB;
}
.lower-left-border,.lower-right-border{
    position: absolute;
    z-index: -1;
    height: 70px;
    border-left: 1px dashed #170087;
    bottom: -78px;
}
.lower-left-border{
    right: 0;
}
.lower-right-border{
left: 0;
}
@media(max-width: 1120px){
    .commissions .commissions-cont .solu-div{
        padding: 40px 20px;
    }
    .min-ht-sm{
        min-height: 250px !important;
    }
}
@media(max-width:767px){
    .right-btm-border,.left-btm-border,.right-top-border,.left-top-border,.bg-light-blue::before , .bg-dark-blue:before{display: none;}
    .min-ht-sm {
        min-height: auto !important;
    }
}

/* who can join */
.feature, .feature-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.feature-in{margin-top: 30px;    padding-bottom: 10px;}
.feature-in.justify-left{justify-content: left;}
.feature-in .content p{padding-top:5px;}
.feature li {
    width: 50%;
    list-style: none;
    /* max-height: 175px; */
}
.feature li .feature-in .icon {
    width: 75px;
}
.feature li .feature-in .content {
    width: 75%;
    margin-left: 15px;
    text-align: left;
}
.feature li:last-child {
    margin-bottom: 0;
}
.lightgrey-bottomborder, .lightgrey-rightborder {
    border-color:#D6D6D6!important;
}
.lightgrey-bottomborder{padding-bottom: 20px;}
.lightgrey-rightborder {
    margin-right: 0px!important;
}
.boder-div:after{background: #F2F8FF!important;z-index: 1;}
.row-section.margin-bottom-set{margin-bottom: 0px;}
.row-section.margin-top-set{margin-top: 0px;}
@media (max-width: 767px) {
    .feature li {
        width: 100%;
    }   
    .feature-in{
        justify-content: unset;
    } 
    .feature .lightgrey-bottomborder{margin-bottom: 0;padding-bottom: 0;}
}
@media(max-width:440px){
    .feature li .feature-in .icon{margin-left: 15px;}
    .feature li .feature-in .content{margin-top: 15px;}
}
/* how to get started */

.principles .solu-div{background-color: #fff;width: 100%;text-align: center;}

@media(min-width:767px){
    .principles .row{align-items: unset;}
}
/* FAQ */

.hide-faq{display:none}
.hide-faq.show-faq{display:block}
.more-click{transition:.5s all;font-size:16px;cursor:pointer;display:inline;color:#3b5998;font-weight:500}
.more-click:hover{color:#4d4d4d}
.faq-new-btn{text-align:center;padding-top:30px}
.more-none,.less-none{display:none!important}
.accordion .tog.tog-flex {
    display: flex;
    align-items: center;
}
div#cont1 {
    display: block;
}
.accordion .tog {
    margin: auto;
    font-size: 18px;
    line-height: 30px;
    color: #2e2e2e;
    font-weight: 500;
}
.container .accordion {
    margin-bottom: 0px!important;
    text-align: left;
    width: 100%;
}
.accordion-head h4{
    flex-grow: 1;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #2e2e2e;
    line-height: 30px;
    text-align: left !important;
    margin-top: 0px;
}
.accordion-head.open .arrow2{
    background-size: unset!important;
}
.accordion .tog .arrow2 {
    background: url(/affiliate-program/image/down-arrow.svg) 0;
}
.accordion-head.open .arrow2 {
    background: url(/affiliate-program/image/up-arrow.svg) 0;
}
.accordion .accordion-body {
    display: none;
    height: auto;
    margin: auto;
}
.accordion .accordian-last{padding-bottom: 0px!important;}
.accordion .accordian-last-p{padding: 20px 0 0 0px;}

/* cards-section */
.row-fluids {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.child-fluids {
    width: 100%;
    max-width: 230px;
    margin: 0 12px 0;
    text-align: center;
    padding: 25px 12px;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    cursor: pointer;
    min-height: 145px;
}

.child-fluids:hover{box-shadow: 0 2px 4px 0 #eee;}
.child-fluids .svg-icon {
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0px);
    transition: .4s all;
}

.child-fluids:hover .svg-icon{transform: translateY(-7px);}
.child-fluids .headingtags {
    padding-top: 7px;
    font-weight: 500;
    margin-bottom: 0;
}
.custom-font{
    font-size: 36px;
    line-height: 50px;
    color: #2e2e2e;
    font-weight: 500;
}
@media (max-width: 80rem) {
    .headingtags, .headingtags, .head1 .heading {
        font-size: 1.125rem;
        line-height: 30px;
    }
}
.child-fluids p {
    font-size: 16px;
    line-height: 28px;
    
    padding-top: 3px;
}

@media(max-width:767px){.first-b3-content {padding-top: 0px!important;}.first-b3-content ul li{margin-bottom: 5px!important;}
.row-fluids{flex-wrap:wrap;}
.child-fluids{max-width:100%;margin:0px 12px 25px;min-height: auto;}
.top-section h1 img {
    top: 45px;
    left: 45px;
    max-width: 230px;
}

}
@media(max-width: 1199px) {
    .row-fluids2{flex-wrap:wrap}
    }
@media (max-width: 992px){.first-b3-content ul li {margin-bottom: 5px!important;}}



@media(max-width:767px) {
    .solu-div{max-width: 405px;margin: 0 auto 20px;}
    .for-mrg{margin-bottom: 0px;}
    .for-lst .solu-div:last-child{margin-bottom: 0;}
    .first-b3-content{padding-top: 0;}
    .mobileimgminheight{min-height: 332px;margin-top: 30px;}
    .mobile-view-le{display: flex!important; justify-content: center;}
    .b4-img {margin-top: 50px;}
    .desktop-view-le {display: none!important;}
    .paddingleft50{padding-left: 0px;}
    .img-view-box{width: 100%;}
    .img-view-box .headingtags{font-size: 18px;text-align: center;}
    .commissions .commissions-cont .solu-div{padding: 30px;margin-bottom: 25px;}
    .custom-font { font-size: 26px; line-height: 42px;}
    .mob-0{margin-top: 0px;}
    .accordion .tog.mob-pas-set{padding: 0 0 20px;}
    .mt-35{margin-top: 50px;}
}


.main.one{
    margin-top: 30px;
}    
.main.one li{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 28px;
}    
.main.one li:last-child{
    margin-bottom: 0px;
}
.main.one li span{
    position: absolute;
    top: 2px;
    left: 0;
}
.justifyCenter{
    justify-content: center !important;
}
.mission-flex1 {
    padding-right: 70px;
    max-width: 40%;
}
.img-flex2 {
    max-width: 380px;
    padding-right: 40px;
}
.mission-flex2.mission-cont {
    position: relative;
}
.mission-flex2 {
    max-width: 45%;
}
.mission-flex2.mission-cont .head{
    max-width: 410px;
}
.mission-flex2.mission-cont .headingtags {
    color: #2470AD;
    margin-top: 12px;
    padding: 4px 0;
    font-weight: 500;
}
.font14 {
    font-size: 14px;
    line-height: 24px;
}
.mission-flex2 .span-arrow1 {
    width: 60px;
    height: 50px;
    position: absolute;
    background: url(/homeimages/newui/new-img/quote-lowers.png) no-repeat;
    top: -30px;
    left: -65px;
    margin: 0;
}
.mission-flex2 .span-arrow2 {
    width: 60px;
    height: 50px;
    position: absolute;
    background: url(/homeimages/newui/new-img/quote-uppers.png) no-repeat;
    bottom: 60px;
    right: 10px;
}
.new-icon-flex {
    display: flex;
    align-items: center;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
    width: 30%;
    max-width: 280px;
}
.new-icon-flex::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    background: #1870D5;
}
.for-new-icon svg {
    max-width: 75px;
    max-height: 78px;
}
.for-new-content {
    margin-left: 15px;
    text-align: center;
}
.million-text {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #1870D5;
}
.div15 {
    width: 15%;
}
.div21 {
    width: 21%;
}
.div14 {
    width: 14%;
}
.c-div {
    margin: auto;
}
.full-wid .p-width{
    max-width: 910px;
}
.switch-plan-div{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0px;
}
.switch-plan {
    width: fit-content;
    border-radius: 50px;
    padding: 10px 25px 5px;
    background: #F6FCFF;
}

.switch-plan>span {
    font-size: 14px;
    color: #4c4c4c;
    display: inline-block;
    margin: 4px 6px 0;
    vertical-align: top;
}

.onoffswitch {
    left: 0;
    margin: 0 auto;
    text-align: left;
    right: 0;
    width: 55px;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-block;
}

.onoffswitch,
input.switch:empty~label {
    position: relative;
    -webkit-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin: 4px 0 0;
    line-height: normal;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin .3s ease-in 0s;
    -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-inner:after,
.onoffswitch-inner:before {
    content: "";
    background-color: #d9d9d9;
    display: block;
    float: left;
    width: 50%;
    height: 23px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    color: #fff;
}

.onoffswitch-inner:after {
    padding-right: 10px;
    color: #999;
    text-align: right;
}

.onoffswitch-switch {
    background: #2f9c03;
    border-radius: 50%;
    bottom: 0;
    display: block;
    height: 15px;
    width: 15px;
    margin: 4px 0;
    position: absolute;
    top: 0;
    right: 4px;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 36px;
}

.switch-plan>span.save-20 {
    color: #2f9c03;
    font-weight: 600;
}
.pricing-table{
    width: 100%;
}
.table-row{
    display: flex;
}
.table-col5{
    width: 20%;
    padding: 40px 20px;
    border: 1px solid #eee;
    border-right: 0px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 154px;
}
.remove-border1{
    border-bottom: 0px solid #eee !important;
}
.remove-border2{
    border-right: 1px solid #eee !important;
}
.month-rev {
    font-size: 20px;
    line-height: 30px;
    color: #4d4d4d;
    font-weight: 500;
}
.month-rev-small {
    font-size: 14px;
    color: #4d4d4d;
    margin-top: 5px;
}
.month-rev span{
    color: #DF7000;
}
.month-rev-small .bold-price{
    font-weight: 500;
}
.month-rev-small .orange-price{
    color: #DF7000;
}
.enterprsie-text{
    display: block;
    font-size: 13px;
    line-height: 20px;
}
.paddingSet50{
    text-align: center;
    padding-top: 50px;
}
.product-smiley{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    margin-left: 0px;
    width: 45px;
}
@media(min-width: 1037px){
    .block-element-new1{
        display: block;
    }
}
@media(min-width: 768px){
    .row-section.main-head{
        margin-bottom: 25px;
    }
}
@media(max-width: 900px){
    .new-icon-flex{
        padding: 15px 10px;
        margin: 0 10px;
        width: 30%;
        max-width: 280px;
    }
    .million-text{
        font-size: 20px;
    }
}
@media(max-width: 767px){
    .product-smiley{
        width: 35px;
    }
    .pricing-table{
        display: flex;
    }
    .table-row {
        display: block;
        width: 50%;
    }
    .table-col5{
        width: 100%;
        padding: 35px 5px;
        min-height: 158px;
        border-right: 1px solid #eee;
    }
    .month-rev{
        font-size: 18px;
        line-height: 26px;
    }
    .month-rev-small{
        font-size: 14px;
    }
    .enterprsie-text{
        font-size: 11px;
    }
    .switch-plan-div{
        justify-content: center;
    }
    .mob-border1{
        border-bottom: 1px solid #eee !important;
    }
    .mission-flex1 {
        max-width: 100%;
        padding: 0;
        padding-bottom: 15px;
    }
    .mission-flex2 {
        max-width: 100%;
    }
    .mission-flex2.mission-cont .head {
        text-align: center;
    }
    .mission-flex2.mission-cont .headingtags {
        text-align: center;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .mission-flex2.mission-cont .font14 {
        text-align: center;
    }
    .mission-flex2 .span-arrow1 {
        background: none;
    }
    .mission-flex2 .span-arrow2 {
        background: none;
    }
    .new-icon-flex{
        width: 100%;
        margin: 0px auto 25px;
    }
    .new-icon-flex:last-child{
        margin-bottom: 0px !important;
    }
    .for-new-content{
        width: 100%;
        margin-left: 0px;
    }
    .div15{
        width: 100%;
    }
    .div21 {
        width: 100%;
    }
    .div14 {
        width: 100%;
    }
    .c-div {
        margin: auto;
        text-align: center;
        margin-top: 10px;
    }
}