.bdrwpr {
    margin: 80px auto;
    max-width:95%;
    padding: 50px;
    border: solid 1px #707070;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
}
    .bdrwpr.mr-t40 {
        margin:40px auto
    }
.cntr.c-group {
    justify-content: center
}
.v-center{ margin-left:auto; margin-right:auto; float:none; display:block }
.ptrnbg {
    background: url(http://approjects.co.za/?big=es-xl/latam-partner-one/assets/img/patrn-1.jpg) repeat 0 0;
}

.cstimg{ margin-top:25px }
.cstimg.m-image-intro > div {
    width: 70%;
    text-align: left
}

.lg-pad { padding-bottom:50px }
.tp-spc { padding-top:50px; padding-bottom:50px }

.divder-l {
    position: relative
}
.divder-l:before {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left:-1px;
    width:1px;
    height:100%;
    background:#ccc
}

.cus-lst { margin:25px 0; padding:0 }
.cus-lst li {
    border-left: solid 1px #fff;
    list-style: none;
    margin: 10px 0 0; padding:0 0 0 15px
}

.whtxt { color:#fff !important }
.whtbx {
    background: #fff;
    box-shadow: rgba(0,0,0,.5) 0px 0px 8px;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden
}

.custm-f.m-content-placement-item > picture {
    padding-bottom:65%
}

.progress-bar {
    position: relative;
    margin-top: 120px
}
    .progress-bar:before {
        content:'';
        display:block;
        position: absolute;
        width: 100%;
        height: 3px;
        top: -50px;
        left: 0px;
        background: #0274bf
    }
    .progress-bar:after {
        content: '';
        display: block;
        position: absolute;
        top:-60px;
        left: 50%;
        margin-left:-10px;
        width: 20px;
        height: 20px;
        border: solid 2px #0274bf;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        background:#fff;
    }
        .progress-ttl {
            position: absolute;
            width: 100%;
            text-align: center;
            top: -100px;
            left: 0;
            font-weight: 600;
            font-size: 18px
        }

.f-background-accent-100 a.c-call-to-action.f-secondary {
    background: #fff
}
.push-tp { margin-top:50px}
.left-br { position:relative; padding:5px 0 5px 20px !important; margin-top:25px }
    .left-br:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 3px;
        height:100%;
        background: #0276C3
    }
.smfet {
    min-height: 200px !important
}
.smfet picture {
    text-align: center
}
    
    .smfet h3 { padding-top:0px }

.ico-txt > div { padding-left:140px !important; position:relative }
.ico-txt > div > picture {
    position:absolute;
    top:40px;
    left:0;
}

.c-hed-bg {
    background: #243961; color:#fff !important; padding:15px !important
}

.whtbx .c-hed-bg {
    margin: -20px -20px 20px
}

.context-device {
    padding-top: 80px
}

@media only screen and (min-width: 1166px) {
    .context-device iframe {
        min-height: 640px
    }
}

    @media only screen and (min-width: 1084px) {
        .bdrwpr {
            max-width: 60%;
        }

            .bdrwpr.wid-100 {
                max-width: 100%
            }

        .cstmr {
            margin-top: -150px
        }

        .cstimg {
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            -o-border-radius: 20px;
            overflow: hidden
        }

        .cstplc.m-content-placement-item > picture {
            padding-bottom: 48%
        }

        .lg-pad {
            padding-bottom: 200px
        }

        .tp-spc {
            padding-top: 200px
        }

        .push-tp {
            margin-top: -150px
        }

        .divder-l:before {
            display: block
        }
    }

    @media only screen and (min-width: 768px) {
        .smfet.m-feature.f-align-right > div {
            left: 40%;
            width: 60%
        }

        .context-device iframe {
            min-height:45vw
        }
    }

/* New page css start */
    :root {
        --white: #ffffff;
        --black: #000000;
        --colorOrange: #c74a0a;
        --lightPurple: #ECE0FCCC;
       
      }
      .mt0 {
        margin-top: 0px;
      }
      .ml0 {
        margin-left: 0px !important;
      }
      .mr0 {
        margin-right: 0px !important;
      }
      .pt0 {
        padding-top: 0px;
      }
      .bg-transparent {
        background: transparent;
      }
      .bg-lightPurple{
        background:var(--lightPurple);
      }
      .body-bg {
        background-color: var(--grey);
      }
      
      .color-white {
        color: var(--white);
      }
      .color-orange {
        color: var(--colorOrange);
      }
      .custom-content-placement section.m-content-placement-item.f-size-large {
          box-shadow: inset 0px -1px 3px 0px #b7b7b7, 0px 0px 14px #00000029;
          border-radius: 20px;
          padding: 30px;
      }
      .x-type-uppercase{text-transform: uppercase}
      @media (min-width:768px){
        .custom-content-placement .m-content-placement-item{min-height: 605px;}
      }




      .mt0 {
        margin-top: 0px;
      }
      .ml0 {
        margin-left: 0px !important;
      }
      .mr0 {
        margin-right: 0px !important;
      }
      .pt0 {
        padding-top: 0px;
      }
      .bg-transparent {
        background: transparent;
      }
      .custom-boxed{
          background-color: #fff;
          padding: 10px 15px 15px;
        }
        .display-center{display: flex;
          justify-content: center;}
          .light-purple-bg{
            background:#f1ebf9;
          }
          .dark-purple-bg{
            background:#8a5fc8;
          }
          .custom-purple-button{    border-radius: 35px;
          display: inline-block;}
          .half-light-purple-bg{
      
      background: rgb(2,0,36);
      background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, #f1ebf9 50%,#f1ebf9 100%);
          }
          .custom-middle-radius{
          border-radius: 15px;
          box-shadow: 0 2px 6px #c3c0c0;
          }
        
          .number-wrap {
          border-right: 4px solid #8a5fc8;text-align:right;
      }
      span.number {
          padding: 0 20px 0 0;
          font-size: 3em;
          font-weight: bold;
          color: #d67c52;
      }
      .d-flex{display: flex; justify-content: center;}
      .custom-table {width:100%;}
      .c-table.custom-table caption {padding: 20px 0 3px;}
      .custom-table > table{background: #fff;box-shadow: -1px 1px 4px 0px #a9a9a9;}
      .custom-table > table >thead tr > th{ background:#8361C2;color:#fff; }
      .custom-table > table >thead tr > th:first-child{border-radius:5px 0 0 0;}
      .custom-table > table >thead tr > th:last-child{border-radius:0 5px 0 0;}
      
      @media screen and (max-width: 539px){
        .d-flex{display: block;}
        .number-wrap{text-align:left; border-bottom: 4px solid #8a5fc8; border-right:0px;}
        }


        .sm-t-spc { padding-top:50px }
.no-t-spc { padding-top:0 }
.no-spc { padding:0 !important; margin:0 !important }
.b-shd {
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.b-shd div { padding-left: 15px; padding-right:15px }
.background-shade-pr { background:rgba(236,224,252,.8) }
.m-rich-content-block .f-lightweight:hover span {
    box-shadow: 0 2px currentColor;
}

/* new css aman */
.experiment-feature-wrapper {
    background-color: #EFE1FF;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
}
.background-shade-blue {
    background-color: #E8F4FA;
}
.content-rich-box {
    background-color: #E8F4FA;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    margin-bottom: 1rem;
}
@media(min-width: 1083px){
    .content-rich-box {
        min-height: 465px;
    }
}


/* .sm-t-spc { padding-top:50px }
.no-t-spc { padding-top:0 }
.no-spc { padding:0 !important; margin:0 !important }
.b-shd {
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.b-shd div { padding-left: 15px; padding-right:15px }
.background-shade-pr { background:rgba(236,224,252,.8) }
.m-rich-content-block .f-lightweight:hover span {
    box-shadow: 0 2px currentColor;
}
.experiment-feature-wrapper {
    background-color: #EFE1FF;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
}
.background-shade-blue {
    background-color: #E8F4FA;
}
.content-rich-box {
    background-color: #E8F4FA;
    padding: 1rem;
    box-shadow: inset 0px 3px 6px #0000004E, 0px 0px 14px #00000029;
    border-radius: 20px;
    margin-bottom: 1rem;
}
.color-orange {
    color: #FB7935;
}
.em-destaque-card {
    background-color: #F6F5CE;
    padding: 2rem !important;
    min-height: 550px;
    border-radius: 20px;
    box-shadow: inset 0px 3px 6px #0000004E, 0px 0px 14px #00000029;
}






@media(min-width: 1083px){
    .content-rich-box {
        min-height: 400px;
    }
}


.ms-ignite-bg{
background-color: #FFDBD2;
    padding: 1rem;
    border-radius: 10px;
    box-shadow:inset 0px 3px 6px #0000001a, 0px 0px 14px #00000000;
    }
.background-shade-blue {
    background-color: #CCE4F7;
}

*/

/* newsletter */
.sm-t-spc { padding-top:50px }
.no-t-spc { padding-top:0 }
.no-spc { padding:0 !important; margin:0 !important }
.b-shd {
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.text-link-color{color:#0078D4;}
.m-rich-content-block .f-lightweight:hover span {
    box-shadow: 0 2px currentColor;
}
.ms-ignite-bg{
    padding: 1rem;
    border-radius: 10px;
    box-shadow:inset 0px 0px 6px #0000001a, 0px 0px 14px #00000000;
    }

.light-pink-bg{
    background: #FDF6F3;
}
.round-border{
 border-radius: 10px;
 border:1px solid #707070;
}

@media screen and (max-width: 767px){
    .x-sm-b-16{
        margin-bottom: 16px;
    }
}
@media screen and (min-width: 768px){
  .d-flex{
    display: flex;
}
.h-100{
    height: 100%;
}

.custom-slider.c-carousel .c-sequence-indicator{
    bottom: -30px;
}
  
}

@media screen and (min-width: 768px) and (max-width:1500px){
  .custom-slider .m-feature.f-align-left>div, .custom-feature.m-feature.f-align-left>div{
        overflow-y: auto;
        height: 100%;
    }  
}