body{background: #ffffff;}
.btn {border: 2px solid transparent;}
body[data-pagetype=public-page] #wrapper {background: #000000;}
.main-page #main {background: #000;}
.multi-lang-drop .dropdown-toggle{padding:10px 0 9px 14px; border-radius: 0; }
.hero-block #header {position: relative;display: block;height: auto;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
.hero-block #header .navbar {border:none;}
.hero-block #header:after{top: 130px;right: 100px;z-index: 0;width: 10px;height: 8px;content:'';position:absolute;background: url(../../../../cstatic/12dfth14-b67f-32002-920b-c43ffea5f324/SL-hero-bg.png) no-repeat; display: none;}
.carousel-fade .carousel-item .textbox{
	-webkit-animation: fadeOut ease 1.5s;
	-moz-animation: fadeOut ease 1.5s;
	-o-animation: fadeOut ease 1.5s;
	-ms-animation: fadeOut ease 1.5s;
}
.carousel-fade .carousel-item.active .textbox{
	-webkit-animation: fadeIn ease 1.5s;
	-moz-animation: fadeIn ease 1.5s;
	-o-animation: fadeIn ease 1.5s;
	-ms-animation: fadeIn ease 1.5s;
}
.shuffle-on-slide{ display:none;}
@media(max-width:991px){
    .hero-block #header:after{display: none;}
}
.hero-block .hero-block-bg{top:0;left:0;width:100%;height:100%;overflow:hidden;position:absolute;}
.hero-block{color:#848689;height:1%;z-index:8;position:relative;display:table-header-group}
.hero-block .frame{position:relative}
.hero-block .hero-holder{position:relative;padding:0 0 50px}
.hero-block .row{position:relative}
.hero-block h1{font-weight:700;font-size:48px;line-height:1.22;color:#fff; margin-bottom: 15px;}
.hero-block h1 sup:first-child{
    font-size: 0.29545em;
    top: -1.5em
}
.hero-block h1 sup.asterik-sign{
    font-size: 0.4889em;
    top: -0.675em;
}
.hero-block p span{position: relative; display: block; line-height: 14px; font-size: 14px; padding: 20px 0 0;}
/* .hero-block p span.hero-top-head:before,
.hero-block p span.hero-top-head:after{
    content: '';
    height: 15px;
    width: 15px;
    background-color: #DF0089;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 25px;
} */
.hero-block p span.hero-top-head:before {
    left: 0;
}
.hero-block p{margin:0 0 15px;line-height: 14px ; font-size: 14px}
.hero-block .animate{top:100px;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.simplii-dots {padding-top: 20px;max-width: 439px;}
.simplii-dots img {max-width: 100%; height: auto; display: block}
.body-loaded .hero-block .animate{top:0;opacity:1;padding-bottom:20px; padding-top: 150px;position: relative;padding-left: 34px;}
.body-loaded .hero-block .animate:before{display: none;bottom: 50px;right: 220px;z-index: 1;width: 23px;height: 8px;content:'';position:absolute;background: url(../../../../cstatic/0e9d3db6-8fc7-4254-89d1-59473c4f4a50/header-element2.png) no-repeat;}
@media(max-width:991px){
    .body-loaded .hero-block .animate:before{display: none;}
}
.form-login{z-index:3;max-width:445px;margin:60px 0 0 auto;position:relative;}
.form-login .alert.alert-danger{padding-left:50px;margin-top:-15px}
.form-login .alert.alert-danger br{display:none}
.form-login .form-area{padding:48px 49px;-webkit-box-shadow:0 0 13px 3px rgba(0,0,0,.15);/*! box-shadow:0 0 13px 3px rgba(0,0,0,.10); */border-top-right-radius: 0; border-radius: 8px;}
.form-login:before{display: none;bottom: 90px;right: 86%;z-index: -1;width: 101px;height: 74px;content:'';position:absolute;background: url(../../../../cstatic/4b93803d-2ec3-42e0-a1d5-79aa0fd830da/form-element-i2c.png) no-repeat;}
@media(max-width:767px){
    .form-login:before{display: none;}
    .hero-block .hero-block-bg{background-size: cover;}
}
.form-login .form-logo{font-size:1.71429em;line-height:1.45833;margin:0 0 32px; font-weight: 700;}
.form-login .form-group{margin:0 0 21px}
.form-login .field-holder{min-height:70px;margin:0 0 20px;}
.form-login .field{position:relative}
.form-login .field label{color:#121418;font-size: 16px;font-weight: 700;}
/*.form-login .field.field-focused label{color:#999;font-size:.85714em;line-height:20px}*/
.form-login .field .ico{top:50%;left:21px;color:#d7d9e0;font-size:24px;line-height:1;position:absolute;margin:-12px 0 0;pointer-events:none}
.form-login .field .ico~.form-control{padding-left:56px}
.form-login .field .link{right:0;bottom:16px;font-weight:400;margin:-9px 0 0;font-size:16px;line-height:1.46154; color: #121418;/*! text-decoration: underline; */border-bottom: 2px solid #121418;padding: 0 0 1px 0;}
.form-login .field .link:hover,.form-login .field .link:focus{color:#DF0089;outline: dotted 1px;text-decoration: none;border-bottom: 2px solid #DF0089;}
.form-login .field .link~.form-control{padding-right:70px}
.form-login label{font-weight:400;font-size:14px;line-height:20px;}
.form-login .form-control{height:48px;color:#222;border-width:1px;font-size:1.14286em;line-height:1.5;border-radius: 4px;margin-bottom: 10px;padding: 6px 12px !important;}
.form-login .form-control::-webkit-input-placeholder{color:#999}
.form-login .form-control::-moz-placeholder{opacity:1;color:#999}
.form-login .form-control:-moz-placeholder{color:#999}
.form-login .form-control:-ms-input-placeholder{color:#999}
.form-login .form-control.placeholder{color:#999}
.form-login .remember{margin:0 !important}
.form-login .error-field .link{color:#ce6262}
.form-login .error-field .form-control{border-color:#ce6262}
.form-login [data-type=submit]{width:100%;display:block;margin:25px 0 0;font-weight:700;min-height:46px;padding:10px;position:relative;border-color:#69be28;font-size:16px;line-height:1.5;background:#69be28}
.form-login [data-type=submit]:hover,.form-login [data-type=submit]:focus{background:#467f1b}
.form-login .btn-default[data-type=submit]:hover,.form-login .btn-default[data-type=submit]:focus{color:#fff!important}
.form-login [data-type=submit].btn-orange{margin-top:15px;border-radius:100px}
.form-login [data-type="submit"]{border-radius:100px}
.form-login [data-type=submit]:hover,.form-login [data-type=submit]:focus{color:#fff!important}
.form-login [data-type=submit] .ico{top:50%;right:21px;font-size:12px;margin:-6px 0 0;position:absolute}
.form-login .form-footer{overflow:hidden;position:relative;margin:50px -48px -49px;border-radius:0 0 15px 15px;border-top:solid 1px #e5e5e5}
.form-login h3{margin:0;font-size:1.058823529411765em}
.form-login h3 a{display:block;font-weight:400;color:#999;padding:26px 120px 32px 47px}
.form-login h3 a:hover,.form-login h3 a:focus{text-decoration:none;color:#737373}
.form-login h3 a:focus,.form-login h3 a:hover{background:#f1f1f1}
.form-login h3 img[aria-hidden]{top:50%;right:45px;margin:-20px 0 0;position:absolute}
.form-login .heading{color:#69be28;display:block;margin:0 0 8px;font-weight:500;font-size:1.42857em;line-height:1.2}
.form-login .remember label{margin:0;font-size:16px;line-height:1.46154;letter-spacing:-.13px;color:#121418;display:inline-block;vertical-align:middle;margin: 0 !important;}
.form-login [class*=icheckbox]{top:0;vertical-align:middle}
.form-login.credit:before{left:50%;content:'';z-index:-2;bottom:-131px;position:absolute;width:596px;height:596px;margin:0 0 0 -298px;background:url(../../../../cstatic/61b9a734-1434-4ba9-bb64-528c4c32f8cb/circle1.png)}
.form-login.credit .form-area{border-radius:15px}
.form-login .captcha-area{margin:0 0 30px}


.bank-with-us h2 .ico{display:block;margin:0 0 12px}
.bank-with-us p{margin:0 0 16px;font-size:.93333em;line-height:1.57143}
.bank-with-us .list-logos li{margin:0 10px 0 0}
.bank-with-us{
    /* background-image:linear-gradient(-180deg,rgba(255,255,255,.1),#f3f5f8); */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fafbfd+100 */
    background: -moz-linear-gradient(top,  #ffffff 0%,  #fff url(../../../../cstatic/mnkiuj10-024e-32002-a8d1-cdeac7nhjkiu/SL-ch3-mobiles-bg.png) top/cover; 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,  #fff url(../../../../cstatic/mnkiuj10-024e-32002-a8d1-cdeac7nhjkiu/SL-ch3-mobiles-bg.png) top/cover; 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,  #fff url(../../../../cstatic/mnkiuj10-024e-32002-a8d1-cdeac7nhjkiu/SL-ch3-mobiles-bg.png) top/cover; 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background:  #fff url(../../../../cstatic/mnkiuj10-024e-32002-a8d1-cdeac7nhjkiu/SL-ch3-mobiles-bg.png) top/cover;; height: 445px;
    position:relative;padding:120px 0;font-size:1.214285714285714em;line-height:1.53}
.bank-with-us div.img-holder:before{display: none; top: 100px;right: -162px;z-index: -1;width: 570px;height: 571px;content:'';position:absolute;background: url(../../../../cstatic/4de584e7-b12a-470f-a878-76efd371e3e7/yb-ch3-mobiles-bg.png) no-repeat;}
.bank-with-us h2{color:#ffffff;margin:0 0 15px;font-size:3em;line-height:1.16667;font-weight:400}
.bank-with-us p{margin:0 0 40px;font-weight:300;max-width:550px}
.bank-with-us.bank-with-us-i2c p { color: #ffffff; font-size: 18px; line-height: 28px; max-width: 417px; font-weight: 300; }
.bank-with-us .img-holder{max-width: 100%;/* height: 445px; */ position: absolute;top: -162%;right: -15%;}
.bank-with-us .img-holder img{display:block;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;width:100%;height:700px;-webkit-transform:translate(0,100%);transform:translate(0,100%);-ms-transform:translate(0,100%)}
.bank-with-us.section-active h2,.bank-with-us.section-active p,.bank-with-us.section-active .list-logos{top:0;opacity:1}
.bank-with-us.section-active .img-holder img{-webkit-transform:translate(0,0);transform:translate(0,0);-ms-transform:translate(0,0%)}
.bank-with-us [class*=col-]{position:static}
.bank-with-us .container{z-index:2;position:relative}

.go-to-next-section{display:none}

/* Feature Section*/
.features-section {
    padding : 200px 0 110px 0;
    background : #fff;
    }

    .features-section::before {
        content: '';
        background: url(../../../../cstatic/2ffee071-3d32-44f0-84a0-95e9e886d460/SL-feature-blue-bg.svg);
        position: absolute;
        left: 0;
        top: 15%;
    /* z-index: 10; */
    width: 315px;
    height: 315px;
    }
    .features-section::after {
        content: '';
        background: url(../../../../cstatic/b7dcd3fc-ce54-4142-b582-d8819033b7c1/SL-feature-pink-bg.svg) no-repeat;
    position: absolute;
    right: -16%;
    bottom: 57%;
    width: 600px;
    height: 500px;
    z-index: 10;
    }
    .features-section h2 {
    color : #201D1D;
    font-size : 32px;
    line-height : 40px;
    font-weight : 300;
    margin : 0 0 15px;
    text-align:left;
    }
    .features-section .head h3 {
    color : #1B1A3E;
    font-size : 40px;
    line-height : 50px;
    font-weight : 400;
    margin : 0 0 100px;
    text-align:left;
    }
    .features-section .article {
    opacity : 0;
    transition : all 1s ease-in;
    }
    .features-section .article .box {
        opacity : 1;
      
        }
    .features-section .article:nth-child(even) {
    transform : translate(50px,0);
    }
    .features-section .article:nth-child(odd) {
    transform : translate(-50px,0);
    }
    .features-section .article.section-active, .features-section .article.in-view {
    opacity : 1;
    z-index: 11;
    }
    .features-section .article.section-active:nth-child(even), .features-section .article.in-view:nth-child(even) {
    transform : translate(0,0);
    }
    .features-section .article.section-active:nth-child(odd), .features-section .article.in-view:nth-child(odd) {
    transform : translate(0,0);
    }
    
    .features-section .box{
        padding-top:50px;
        overflow:hidden;
        position:relative; 
        text-align:left;
        background: #fefefe !important;
        z-index: 1000 !important;
        border: 1px solid transparent;
        border-radius: 20px;
        box-shadow: 2px 2px 5px 5px #f9f9f9;
        height: 325px !important;
        margin: 0 auto;
    }
    .features-section .box:hover{
        /* width: 92%;
        padding: 100px 0;
        height: 390px !important;
        position: absolute;
        top: -22px;  */
        transition: all 0.3s ease-in;
        box-shadow: 1px 2px 10px 10px rgb(0 0 0 / 4%);
    }
    .features-section .svg-holder {
    height: 100px;
    max-width: 260px;
    /* padding: 0 14px; */
    text-align: left;
    margin: 0 auto;
    }
    .features-section .svg-holder img {
    
        width:80px;
    }
    .features-section p {
    margin : 0;
    font-size : 1.25em;
    line-height : 1.4;
    color :#848689;
    font-weight : 300;
    }
    .features-section.features-section-i2c p {
    font-size : 18px;
    line-height : 23px;
    color : #7A7D91;
    font-weight : 400;
    
    }
    .features-section.features-section-i2c h2 {
    font-size : 40px;
    line-height : 48px;
    max-width: 510px;
    }
    .features-section .img-holder {
    height : 100%;
    }
    .ccart_landing-page .features-section .img-holder {
    height : auto;
    }
    .features-section .bg-cover {
    position : relative;
    }
    .features-section .bg-cover.left {
    margin : 0 -15px 0 0;
    }
    .features-section .bg-cover.right {
    margin : 0 0 0 -15px;
    }
    .features-section .bg-cover.center {
    margin : 0 -15px;
    }
    .features-section .img-holder img {
    width : 100%;
    height : auto;
    display : block;
    }
    .features-section .desc {
    overflow: hidden;
    max-width: 260px;
    margin: 0 auto;
    text-align: left;
    }
    .ccart_landing-page .features-section .desc {
    max-width : none;
    }
    .features-section .desc h4 {
    font-size : 26px;
    line-height : 28px;
    color : #232020;
    margin : 0 0 20px;
    font-weight : 400;
    text-align:left;
    }
    .features-section .desc > * {
    z-index : 2;
    position : relative;
    }
@media (min-width:992px){
.bank-with-us h2,.bank-with-us p,.bank-with-us .list-logos{top:40px;opacity:0;position:relative;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

}
@media (max-width:767px){
.body-loaded .hero-block .animate{padding-top:0}

.bank-with-us{padding:35px 0;background-position:90% 50%}
/* .bank-with-us:before{background-position:100% 50%;opacity:.5;top:auto;bottom:-15px} */
.bank-with-us .mobile-img{display:none}
.form-login .form-area{padding:30px 30px 60px}

.footer-info .logo{padding:0!important}


}
@media (max-width:575px){


.bank-with-us{padding:50px 0 30px}
.bank-with-us .list-logos li{width:130px}
}


@media (max-width:1023px){.bank-with-us .mobile-img{display:none}
.bank-with-us .img-holder{margin:-100px 0 -200px -30px}
.bank-with-us.section-active .img-holder img{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0)}
}
@media (max-width:991px){.hero-block{text-align:center}
.hero-block .hero-block-bg{background-position:0 50%;background-size: cover;}
.hero-block h1,.hero-block p{margin:0 auto 20px}
.hero-block p span{
    margin:0 0 20px
}
.form-login{margin:0 auto -60px;text-align:left}
.features-section{padding:0 0 30px 0}
.features-section .head h2{font-size:2em}
.features-section h3{font-size:1.5em}


.hero-block h1{max-width:none;text-align:center}
.hero-block .btn-mobile .btn.btn-orange{max-width:350px!important}
.bank-with-us .row>div:first-child{max-width:inherit!important;text-align:center;padding:0 15px 25px}
.bank-with-us p{max-width:inherit}
.nav-active .navbar-collapse{padding:0!important}
}
@media (max-width:575.98px){.hero-block .hero-block-bg{background-size:cover}
}
.slider-section{overflow:hidden;background:#fff url(http://192.168.0.85:8080/cdn3-main/cstatic/9e4296d5-bedf-4f1f-b236-adba3f49294e/enrollment-bg.png) no-repeat;background-position:50% 150%}
.slider-section .container{padding:100px 15px}
.slider-section .slider{position:relative}
.slider-section .slide{position:relative}
.slider-section .img-holder{max-width:610px}
.slider-section .img-holder img{display:block;width:100%;height:auto}
.slider-section .img-holder .img-title{top:22px;left:22px;min-width:130px;padding:10px 15px;font-size:15px;line-height:18px;color:#fff;background:#AC3236;border-radius:18px;font-weight:400}
.slider-section .img-holder .img-title.orange{background:#F8A334}
.slider-section .img-holder .img-title.red{background:#9E3437}
.slider-section .caption-holder{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slider-section .caption{max-width:630px;background:rgba(255,255,255,.95);padding:40px 55px;font-size:18px;line-height:24px;color:#848689;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.1);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
.slider-section .caption h1{font-size:24px;line-height:40px;color:#DF0089;margin:0 0 10px;font-weight:300}
.slider-section .caption h2{font-size:40px;line-height:43px;color:#201D1E;margin:0 0 22px}
.slider-section .caption p{margin:0 0 22px}
.slider-section .caption .btn-more{display:inline-block;vertical-align:top;min-width:180px;padding:10px 15px;font-size:16px;line-height:22px;font-weight:400;color:#fff;border-radius:6px;transition:all .4s ease;background:#38A0BD;border:1px solid #38A0BD}
.slider-section .caption .btn-more:hover{transition:all .4s ease;background:0 0;color:#38A0BD}
.slider .btn-next,.slider .btn-prev{display:block;width:47px;height:47px;background:#fff;border-radius:100%;text-align:center;position:absolute;bottom:23px;z-index:9;left:257px;transition:all .4s ease;color:#414141}
.slider .btn-next{left:318px}
.slider .btn-next span,.slider .btn-prev span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);font-size:30px}
.slider .btn-next:hover,.slider .btn-prev:hover{transition:all .4s ease;background:#38A0BD;color:#fff}
.article-holder{position:relative}
.article-holder.shuffle-on .shuffle-active{opacity:0;transition:opacity .5s ease}
.article-holder .shuffle-off{opacity:0;position:absolute;top:0;left:0;right:0;transition:opacity .5s ease}
.article-holder.shuffle-on .shuffle-off{opacity:1}
.features-section .feature-frame.add .bg-cover{height:100%;display:flex;align-items:center}
.features-section .feature-frame.add .bg-cover.left:before{top:auto;bottom:0}
.features-section .feature-frame.add .bg-cover.right{margin:0}
.features-section-i2c.features-section .feature-frame.add .bg-cover.right:before{top:auto;bottom:0}
.features-section .feature-frame.add .bg-cover{display:flex;height:100%;align-items:center}
.features-section .feature-frame.add .bg-cover.left:before{top:100%;bottom:auto}
.features-section .feature-frame.add .bg-cover.center.last {margin: 0 0 0 -15px;}
.features-section .feature-frame.add .bg-cover.left.first:before {top: auto;bottom: 0;display: none;}
.feature-holder {position: relative;}
.feature-holder .feature-frame {transition: opacity 0.5s ease; position:relative;}
.feature-holder .feature-frame.add {opacity: 0;position: absolute;top: 0;left: 0;right: 0;transition: opacity 0.5s ease; z-index:-1;}
.feature-holder.shuffle-on .feature-frame {opacity: 0;transition: opacity 0.5s ease;}
.feature-holder.shuffle-on .feature-frame.add {opacity: 1;transition: opacity 0.5s ease; z-index:2;}
.footer-frame .copyright-text {
    margin: 0 !important;
}


/*Benefit Section */
.benefit-div h3,.benefit-div p, .benefit-div img{
    transition: all .25s ease;
}
.benefits-section {
padding : 100px 0 50px;
font-size : 1.21429em;
line-height : 1.35294;
font-weight : 300;
color : #7A7D91;
background : #fff;
}
.benefits-section .head, .features-section .head {
max-width :none;
text-align:left;
position: relative;
}
.benefits-section .head::before , .features-section .head::before{
    content: '';
    width: 80px;
    height: 6px;
    background-color: #DF0089;
    position: absolute;
    top: -30px;
    left: 0;
}
.benefits-section .image-holder {

position : relative;
margin: -38px 1px 0px -102px;
}
.benefits-section .image-holder img {
display : block;
position : relative;
width : 100%;
height : auto;
transition : all 1s ease;
}
.benefits-section .image-holder::before {

bottom: -29%;
right: -20%;
width: 943px;
height: 973px;
content : '';
background:url(../../../../cstatic/2aac8de5-58f3-475c-964e-cfda98143cb5/ppoker-benefit-card-bg.png)no-repeat;
position : absolute;
}
.benefits-section .image-holder .btn-default {
max-width : 200px;
min-width : 200px;
margin-bottom : 35px;
}
.benefits-section ul li{
    position: relative;
}
.benefits-section ul li.right-bg::before
{
    content: '';
    width: 1px;
    height: 102%;
    background: #979797;
    opacity: 0.33;
    position: absolute;
    bottom: 0;
    right: 0;
}
.benefits-section ul li.bottom-bg::after
{
    content: '';
    width: 102%;
    height: 1px;
    background: #979797;
    opacity: 0.33;
    position: absolute;
    bottom: 0;
}
.benefits-section ul li .org
{   margin:0 auto;
    height: 68px;
    width: 68px;
}
.benefits-section ul li .org-hover
{margin:0 auto;
display:none;
}
.benefits-section ul li:hover,
.benefits-section ul li:focus
{cursor:pointer;}
.benefits-section ul li:hover .org,
.benefits-section ul li:focus .org
{display:none;}
.benefits-section ul li:hover .org-hover,
.benefits-section ul li:focus .org-hover
{
  display:block;
}
.benefits-section ul li p {
    display: none;
}
.benefits-section ul li:hover p,
.benefits-section ul li:focus p
{
display:block;
color: #fff;
    font-size: 14px;
    text-align: center;
    max-width: 192px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 25px;
}

.benefits-section ul li:hover h4,
.benefits-section ul li:focus h4
{
color:#FFFFFF;
font-size:18px;
line-height:19px;
font-weight:500;
margin:10px 0px;
}
.benefits-section h2 {
color :  #201D1D;
font-size : 32px;
line-height : 40px;
font-weight : 300;
/* margin : 0 0 15px; */
}
.benefits-section h3 {
color : #1B1A3E;
font-size : 3em;
line-height : 1.3;
font-weight : 400;
margin : 0 0 100px;
}
.benefits-section ul {
margin : 0 -15px;
}
.benefits-section ul li {
opacity : 0;
margin:auto;
display : inline-block;
min-height: 280px;
width : 32%;
position : relative;
/* transition : all 1s ease; */
}
.benefits-section ul li:hover .benefit-div,
.benefits-section ul li:focus .benefit-div
{background-color: #DF0089;
    border-radius: 50%;
    padding: 40px 34px;
    height: 280px;
    width: 280px;
}
.benefits-section ul li .benefit-div
{
    border-radius: 50%;
	position: absolute;
	top: 50%;
    left: 50%;
	width: auto;
    transform: translate(-50%, -50%);
}
.benefits-section ul li .benefit-div .img-benefits
{
    background: url(../../../../cstatic/407b1e06-4665-4d75-87ce-e4475ae0eb07/SL-feature-img-bg.svg) no-repeat top/cover;
    padding: 25px;
    border-radius: 50%;
    max-width: 120px;
    margin: 0 auto;
}
.benefits-section ul li:hover .benefit-div .img-benefits,
.benefits-section ul li:focus .benefit-div .img-benefits
{
    background: transparent;
    padding: 0;
    margin: 0 auto;
}
.benefits-section ul li img
{
    display: block;
}
.benefits-section h4 {
font-size : 18px;
text-align:center;
line-height : 22px;
color : #4A4F55;
margin-bottom : 14px;
}
.benefits-section h4 .ico {
top : 1px;
margin : 0 10px 0 0;
position : absolute;
top : 1px;
left : 0;
line-height : 1.3;
}
.benefits-section h4 .icon-uptodate {
margin : 0 10px 0 0;
position : absolute;
top : -4px;
left : 0;
line-height : 1.3;
}
.benefits-section h4 .ico.icon-one-card {
font-size : 74%;
top : 3px;
}
.benefits-section h4 .ico.icon-globe {
font-size : 94%;
}
.benefits-section h4 .ico.icon-mobile {
font-size : 140%;
vertical-align : middle;
top : -6px;
}
.benefits-section h4 .ico.icon-multi-currencies {
font-size : 110%;
position : absolute;
top : -2px;
left : 0;
line-height : 1.3;
}
.benefits-section.benefits-section-i2c h4 {
color : #232020;
margin:20px 0px;
font-weight:500;
font-size:18px;
line-height:23px;
}
.benefits-section.section-active ul li {
top : 0;
opacity : 1;
height: 320px;
}

/*.benefits-section.benefits-section-i2c h3 {
position : relative;
line-height : 1.3;
font-size : 1.176em;
}*/
.go-to-next-section {
display : none;
}
@media (min-width: 992px) {

.bank-with-us h2, .bank-with-us p, .bank-with-us .list-logos {
top : 40px;
opacity : 0;
position : relative;
transition : all 0.5s ease;
}
.benefits-section.benefits-section-i2c {
padding-top : 62px;
}
.benefits-section.benefits-section-i2c {
padding-top : 90px;
padding-bottom: 310px;
}


.benefits-section ul li {
padding-right : 15px;
}
}
@media (max-width: 1365px) {
.hero-block h1 {
/* font-size : 2.8em; */
}
.features-section {
padding : 200px 0 110px 0;
}
}
@media (max-width: 767px) {
.benefits-section .image-holder::before
{ top: -250px;
    left: -230px;
}
.body-loaded .hero-block .animate {
padding-top : 0;
padding-bottom: 45px;
}
.benefits-section, .features-section {
padding : 35px 0;
}
.benefits-section ul li:hover .benefit-div,
.benefits-section ul li:focus .benefit-div
{min-height:210px;}
.benefits-section.section-active ul li:nth-child(1):after,.benefits-section.section-active ul li:nth-child(2):after,
.benefits-section.section-active ul li:nth-child(4):after,.benefits-section.section-active ul li:nth-child(5):after
.benefits-section.section-active ul li:nth-child(4):before,.benefits-section.section-active ul li:nth-child(5):before,
.benefits-section.section-active ul li:nth-child(6):before
{content: "";
    background: #ccc;
    position: absolute;
    bottom: 0%;
    left: 15%;
    height: 1px;
    width: 70%;}
.benefits-section h3 {
margin : 0 0 20px;
font-size : 1.5em;
}
.benefits-section h4 {
font-size : 1.14286em;
line-height : 1.5625;
margin : 0 0 10px;
}
.benefits-section ul li {
margin : 0;
display : block;
width : auto;
min-height:240px;
}
.benefits-section ul li + li {
margin :0;
}
.benefits-section .image-holder {
margin : 0 auto;
}
.bank-with-us {
padding : 35px 0;
background-position : 90% 50%;
}
.bank-with-us:before {
background-position : 100% 50%;
opacity : 0.5;
top : auto;
bottom : -15px;
}
.bank-with-us .mobile-img {
display : none;
}
.form-login .form-area {
padding : 30px;
margin-bottom: 65px;
}


}
@media (max-width: 575px) {

.benefits-section {
padding-bottom : 0;
border-bottom : 1px solid #f1f1f1;
}


}
@media (max-width: 1400px) {
        .benefits-section {
                background-position : 130% 5%;
        }
}
@media (max-width: 1367px) {
    .hero-block .hero-block-bg{
        background-size: 100% 100%;
        }      
}
@media (max-width: 991px) and (min-width:777px) {
.benefits-section ul li:hover .benefit-div,
.benefits-section ul li:focus .benefit-div
{min-height:230px;}
.benefits-section .image-holder::before
{    top: -55%;
    left: -30%;
}
}
@media (max-width: 991px) {

.hero-block {
text-align : center;
}
.hero-block .hero-block-bg {
background-position : 0% 50%;
}
.hero-block h1, .hero-block p {
margin : 0 auto 20px;
}
.hero-block h1 {
/* font-size : 2.5em; */
}
.hero-block p span {
font-size : 1.25em;
margin : 0 0 20px;
}
.hero-block p {
margin-top : 20px;
}
.form-login {
margin : 0 auto -90px;
text-align : left;
}

.features-section {
padding : 150px 0 60px 0;
}
.features-section .head {
text-align : center;
}
.features-section .head h2 {
font-size : 2em;
 margin: 0 auto 50px;

}
.features-section h3 {
font-size : 1.5em;
}
.benefits-section .image-holder img {
width : 348px;
margin : auto;
}
.benefits-section {
padding : 60px 0;
background-position : 50% 100%;
}
.benefits-section .head {
max-width : none;
text-align : left;
}
.benefits-section h2 {
font-size : 1.7em;
}
.benefits-section ul li h3 {
text-align :center;
}
.benefits-section .image-holder {
margin : 30px auto 0;
}

.hero-block h1 {
	margin-bottom:0px;
max-width : none;
text-align : center;
}
.hero-block .btn-mobile .btn.btn-orange {
max-width : 350px !important ;
}
.benefits-section.benefits-section-i2c .image-holder {
margin : 0 auto;
margin-top: 60px;
}
.benefits-section {
background-position : 90% 105%;
}
.nav-active .navbar-collapse {
padding : 0 !important ;
}
.hero-block p span.hero-top-head::after {
    display: none;
}
.hero-block p span.hero-top-head::before {
    display: none;
}
.form-login .form-area {
    margin-bottom: 65px;
    }
.simplii-dots{margin: 0 auto;}
}
@media (max-width: 575.98px) {
.hero-block .hero-block-bg {
background-size : cover;
}
.benefits-section .image-holder img {
width : 100%;
}
}
@media (max-width: 1500px) {
    .features-section::after {
        left: 80%;
    }
    .features-section::before {
        left: 0;
    }
}
@media (max-width: 992px) {
   
   
    .bank-with-us{
        height: auto;
    }
    .bank-with-us h2 {
        font-size: 2em;
    }
   
    .features-section .box{
        margin: 0 auto 30px;
        padding: 40px 20px; 
    }
    .body-loaded .hero-block .animate{
        padding-top: 25px;
        padding-bottom: 80px;
    }
    
}
@media (max-width: 892px) {
    .features-section::before {
        display: none;
    }
    .features-section::after, .benefits-section ul li.right-bg::before {
        width: 0;
        height: 0;
    }
    .benefits-section ul li.bottom-bg::after{
        display: none;
    }
}
@media (max-width: 768px) {
     
    .benefits-section ul li:hover .benefit-div,
    .benefits-section ul li:focus .benefit-div {
        padding: 30px;
        width: 240px;
        height: 240px;
    }
    .benefits-section ul li.right-bg::before{
        display: none;
    }
    .benefits-section ul li:hover p,
    .benefits-section ul li:focus p {
        font-size: 12px;
        line-height: 15px;
    }
    benefits-section ul li:hover h3 {
        font-size: 16px;
        margin: 10px 0px;
    }
    .hero-block p span.hero-top-head::after {
        left: 48.5%;
    }
    .features-section .box:hover {
        width: 100%; 
        height: 285px !important;
        position: static; 
        padding: 30px 10px;
    }
    .features-section .svg-holder img {
        width: 70px;
    }
    .features-section .desc h4 {
        font-size: 22px;
        line-height: 24px;
    }
    .features-section p {
        font-size: 1em;
        line-height: 1.6;
    }
    .features-section .box {
        margin: 0 auto 30px;
        padding: 30px 20px;
        height: 290px !important;
    }
    
    
}
.list-logos a, 
.list-logos img, 
.list-logos svg,
.list-logos a:focus, 
.list-logos a:hover
{color: #fff;}
/* SDGC-274 Changes Start  */
#footer .footer-holder {
    margin: 0;
}
#footer{
    box-shadow: none;
}
.hero-block #header{
    margin: 0 0 17px;
}
.hero-block p span.hero-top-head{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.464;
    color: #fff;
    padding: 0;
}
.hero-block p span.hero-top-desc{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    padding: 0 140px 0 0;
}
@media (max-width:1023px){
    .hero-block p span.hero-top-desc{
        padding: 0;
    }
}
@media (max-width: 767px){
    .hero-block h1{
        font-size: 2.75em;
    }
    .hero-block p span.hero-top-head{
        font-size: 1.75em;
    }
    .hero-block p span.hero-top-head{
        padding: 0;
    }
    .body-loaded .hero-block .animate{
        padding: 0 20px 40px;
    }
}
@media (max-width: 420px){
    .hero-block h1{
        font-size: 2.1em;
    }
    .hero-block p span.hero-top-head{
        font-size: 1.5em;
    }
}
/* SDGC-274 Changes End  */