html, body {
  width: 100%;
  height: 100%;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
}
.set-img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.m0{margin: 0!important;}
.mt0 {
  margin-top: 0;
}
.mt30 {
  margin-top: 30px;
}
.mtb10 {
  margin: 10px 0;
}
.p0 {
  padding: 0 !important;
}
.pr7 {
  padding-right: 7px;
}.pt50{padding-top: 50px;}
.mt10 {
  margin: 10px 0;
}
.mt15 {
  margin-top: 15px;
}
.mt60 {
  margin-top: 60px;
}
.mt100 {
  margin-top: 100px;
}

.slider-text {    position: relative;    z-index: -1;}
.slider-text span{ color: #333; font-size: 28px; font-weight: bold;line-height: 30px; left: 0; position: absolute;right: 0; text-align: center;text-transform: uppercase;  top:15px;}

/*------------------------ financial goals ---------------------------*/

.set-bg{
  background-image: -moz-linear-gradient( 90deg, rgb(38,196,222) 0%, rgb(1,56,76) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(38,196,222) 0%, rgb(1,56,76) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(38,196,222) 0%, rgb(1,56,76) 100%);
  padding: 100px 0;
     clear: both;
}

.title1{  color: #fff;    font-size: 30px;    text-transform: uppercase;}
.set-text{  margin: 10px 0;color: #fff;text-align: center;}
.set-outer-circle{margin-top: 20px;    text-align: center;}
.set-img-text{ color:#fff;    font-size: 14px;    margin: 20px 0;    text-transform: uppercase;}
.set-img-text span{ display: block;    font-weight: bold;    line-height: 15px;}
.goal-btn{background-color: rgb(246, 224, 77);    border-radius: 5px;    color: rgb(0, 0, 0);    cursor: pointer;    display: inline-block;    font-size: 20px;    font-weight: bold;    margin: 50px 0 0;    padding: 10px;    text-decoration: none;    text-transform: uppercase;}
.goal-btn span{  display: block;    font-size: 12px;    line-height: 10px;font-weight: normal;text-align: center;}
.goal-btn:hover,.goal-btn:active,.goal-btn:focus{text-decoration: none;color:#000; background-color: rgb(225, 198, 29);}


/*------------------------ financial advice ---------------------------*/

.set-map{ clear: both; background-image: url("../img/map.png");    background-position: center top;    background-repeat: no-repeat;    padding: 100px 0;}
.title-1{ font-size: 22px;   text-transform: uppercase; line-height: 15px; }
.set-text-1{     text-align: center;font-size: 14px; }
.p-color{  color: rgb(248, 97, 90);    font-weight: bold;    line-height: 40px;    margin-bottom: 20px;}
.advice{    margin: 60px 0 10px;    text-align: center;}
.advice-title{ display: block;    font-size: 20px;    font-weight: bold;    margin: 10px 0;}
.advice-dec{}

/*------------------------ financial product ---------------------------*/
#rt-feature{background-color: #F6F6F6; }
.set-pro{  background-color: #F7F9FB;   padding: 50px 0; overflow: hidden;}
.set-big-box{display: block; margin-bottom: 20px;height: 320px;position: relative; transition: all 0.5s ease-in-out 0s;}
.set-big-box:hover,.set-big-box:focus{color: #fff;text-decoration: none;box-shadow: 0 0 5px #3A3A3A;}
.bg-color-1{   background-color: rgb(248, 97, 90);    padding: 10px;   color: rgb(255, 255, 255);}
.bg-color-2{   background-color: #5abee8;    padding: 10px;   color: rgb(255, 255, 255);}
.bg-color-3{   background-color: #efbd49;    padding: 10px;   color: rgb(255, 255, 255);}
.bg-color-4{   background-color: #ff6c23;    padding: 10px;   color: rgb(255, 255, 255);}
.bg-color-5{   background-color: #95bb04;    padding: 10px;   color: rgb(255, 255, 255);}
.bg-color-6{   background-color: #e30a12;    padding: 10px;   color: rgb(255, 255, 255);}

.set-small-icon{ font-size: 65px;}
.set-back-icon{ font-size: 200px;    left: 0;    opacity: 0.15;   position: absolute;    right: 0;    text-align: center;    top: 60px;}
.pro-title{  bottom: 10px;    font-size: 20px;    font-weight: bold;    left: 10px;    position: absolute;    text-transform: uppercase;}
.set-small-box{transition: all 0.5s ease-in-out 0s;display: block; position: relative;height: 150px;    margin-bottom: 20px;}
.set-small-box:hover,.set-small-box:focus{color: #fff;text-decoration: none;box-shadow: 0 0 5px #3A3A3A;}
.set-back-s-icon{  font-size: 120px;    left: 0;    opacity: 0.15;    position: absolute;    right: 0;    text-align: center;    top: 20px;}
.d-img {    display: inline-block;    width: 18%;}

/*------------------------ Mobile View ---------------------------*/

@media (min-width:320px) and (max-width : 479px) {
    .svgcl {    margin-top: 0;}
    .title1 {    font-size: 22px;    line-height: 25px;}
    .pro-title,.advice-dec,.set-text-1,.set-text {    line-height: 22px;  font-size: 14px;}
    .goal-btn{font-size: 15px;}
    .set-big-box{height: 150px;}
    .title-1 { font-size: 18px;}
    .p-color { line-height: 20px;}
    br{display: none;}
    .set-back-icon {  font-size: 120px;   top: 20px;}
    .set-small-icon {    font-size: 50px;}
    .set-map,.set-bg {    padding: 50px 0;}
    .mt100 {    margin-top: 10px;}
    .b-border{border-bottom: 1px solid #fff;}
    .slider-text span {    font-size: 11px;    line-height: 17px;    top: 5px;}
.sp-module ul >li >a {
  color: #fff !important;
}

.sp-module ul >li >a:before {display:none !important;}

}

@media (min-width:360px) and (max-width : 479px) {
.svgcl {    margin-top: 0;}
    .title1 {    font-size: 22px;    line-height: 25px;}
    .pro-title,.advice-dec,.set-text-1,.set-text {    line-height: 22px;  font-size: 14px;}
    .goal-btn{font-size: 15px;}
    .set-big-box{height: 150px;}
    .title-1 { font-size: 18px;}
    .p-color { line-height: 20px;}
    br{display: none;}
    .set-back-icon {  font-size: 120px;   top: 20px;}
    .set-small-icon {    font-size: 50px;}
    .set-map,.set-bg {    padding: 50px 0;}
    .mt100 {    margin-top: 10px;}
    .b-border{border-bottom: 1px solid #fff;}
    .slider-text span {    font-size: 11px;    line-height: 17px;    top: 5px;}
}

@media (min-width:480px) and (max-width : 639px) {
.svgcl {    margin-top: 0;}
    .title1 {    font-size: 22px;    line-height: 25px;}
    .pro-title,.advice-dec,.set-text-1,.set-text {    line-height: 22px;  font-size: 14px;}
    .goal-btn{font-size: 15px;}
    .set-big-box{height: 150px;}
    .title-1 { font-size: 18px;}
    .p-color { line-height: 20px;}
    br{display: none;}
    .set-back-icon {  font-size: 120px;   top: 20px;}
    .set-small-icon {    font-size: 50px;}
    .set-map,.set-bg {    padding: 50px 0;}
    .mt100 {    margin-top: 10px;}
    .b-border{border-bottom: 1px solid #fff;}
    .slider-text span {    font-size: 12px;    line-height: 17px;    top: 5px;}
}

@media (min-width:640px) and (max-width : 760px) {
.svgcl {    margin-top: 0;}
    .title1 {    font-size: 22px;    line-height: 25px;}
    .pro-title,.advice-dec,.set-text-1,.set-text {    line-height: 22px;  font-size: 14px;}
    .goal-btn{font-size: 15px;}
    .set-big-box{height: 150px;}
    .title-1 { font-size: 18px;}
    .p-color { line-height: 20px;}
    br{display: none;}
    .set-back-icon {  font-size: 120px;   top: 20px;}
    .set-small-icon {    font-size: 50px;}
    .set-map,.set-bg {    padding: 50px 0;}
    .mt100 {    margin-top: 10px;}
    .b-border{border-bottom: 1px solid #fff;}
    .slider-text span {    font-size: 12px;    line-height: 17px;    top: 5px;}
}

@media (min-width:761px) and (max-width : 959px) {
    .pro-title { font-size: 14px;}
    .set-text-1 {    font-size: 12px;}
    .advice-dec {    font-size: 11px;    line-height: 20px;}
    .icon-data {    width: 70%;}
    .icon-size {        font-size: 24px !important;}
    .slider-text span {    font-size: 14px;    line-height: 17px;    top: 5px;}
}

@media (min-width:960px) and (max-width : 1024px) {
	
}

@media (min-width:1024px) and (max-width : 1279px) {
}

@media (min-width : 1280px) {
}