@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face{
    font-family:heading;
    src:url('../fonts/heading.ttf')
}   



*{    margin: 0px;    padding: 0px;	}

body {line-height: 23px;font-family: 'Poppins', sans-serif;font-size: 15px;margin: 0px;padding: 0px;background: #0d75b7;}

::selection { text-shadow: none; }

a {    color:#707070;    -webkit-transition: all .3s ease;   -moz-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;	}

ol, ul , li {list-style: none;list-style-position: inside;padding: 0px;margin: 0px;}

a:hover {color:#000;}

p {font-size: 15px;line-height: 1.7;/* font-weight: 400; */font-family: 'Poppins', sans-serif;color: #707070;margin-bottom: 15px;}

h1, h2, h3, h4, h5, h6 {/* font-size:16px; *//* font-weight: 600; */font-family: 'heading', sans-serif;color: #fff;}

img {border: none;max-width: 100%;border: 0;}

header {
    /* background: #1151a5; */
    padding: 15px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

header ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.lright {
    float: right;
    border-bottom: 1px solid #37b1d1;
    width: 100%;
}

ul.nav-left li {
    display: inline-block;
    margin-right: 16px;
    float: left;
}

.nav-left a {
    color: #fff;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 10px 20px;
    text-decoration: none;
    display: inline-block;
}

ul.nav-left li:last-child {
    margin-right: 0;
}

ul.nav-right {
    float: right;
    margin-top: 8px;
}

ul.nav-right li {
    display: inline-block;
    color: #fff;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
    line-height: 14px;
}

.nav-left a:hover , .nav-left a:active , .nav-left a:focus {
    border-bottom-color: #fff;
}


section.banner {
    /* background: url('../images/bg1.png') no-repeat scroll center top; */
    background-size: cover;
    padding-top: 14em;
    padding-bottom: 14em;
    text-align: center;
    /* background-color: #1265b2; */
}

h4.h4_bg {
    margin: 0;
    /* background: red; */
    display: inline-block;
    padding: 6px 40px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01c6de+0,0a83bc+100 */
    background: #01c6de; /* Old browsers */
    background: -moz-linear-gradient(left,  #01c6de 0%, #0a83bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #01c6de 0%,#0a83bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #01c6de 0%,#0a83bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c6de', endColorstr='#0a83bc',GradientType=1 ); /* IE6-9 */
    box-shadow: -8px 0 10px rgb(0 0 0 / 9%);
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.banner h1 {
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    line-height: normal;
    margin: 30px 0;
    position: relative;
}

.banner h3 {
    margin-top: 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}


.banner p {
    color: #fff;
    font-size: 14px;
}

.banner ul {
    display: flex;
    margin: 30px auto 0;
    justify-content: center;
}

.banner ul li {
    margin: 0 4px;
}

.banner ul li a.get_started ,
.banner ul li a.knw_more
{
    padding: 17px 50px;
    display: inline-block;
    /* background: #fff; */
    border-radius: 30px;
    /* color: #000; */
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 6px 6px 10px #00000038;
}

a.get_started {
    color: #000;
    background: #fff;
    padding: 17px 50px;
    display: inline-block;
    /* background: #fff; */
    border-radius: 30px;
    /* color: #000; */
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 6px 6px 10px #00000038;
}

a.knw_more {
    background: #3f4042;
    color: #fff;
}

section.road_map {
    clear: both;
    padding-top: 4em;
    padding-bottom: 10em;
    /* background: url('../images/bg2.png') no-repeat scroll center top #0e6eb7; */
}

.rmap-right h2 {
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    line-height: 45px;
}

.rmap-right h4.h4_bg {
    margin: 10px 0;
}

.rmap-right p {
    color: #fff;
}

.rmap-left > h2 {
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
}

.road_linn {
    background: #fcfcfc;
    padding: 2.5em;
    float: left;
    width: 100%;
}

.road_line h4.h4_bg {
    margin-left: -38px;
    /* margin-bottom: 20px; */
}

.road_linn li {
    clear: both;
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.road_linn li .road_line {
    float: right;
}

.road_linn li p {
    margin-bottom: 0;
}

.road_linn li:last-child {
    margin-bottom: 0;
}

.road_linn li h2 {

    font-size: 45px;
    line-height: 45px;
    clear: both;
    color: #2d2d2d;
    font-weight: bold;
}

.road_linn li span {
    font-size: 20px;
}


.road_linn li.rd_right {
    float: right;
}

.road_linn li.rd_right .road_line {
    max-width: 410px;
}

.road_linn li.rd_right  .road_line h4.h4_bg {margin-left: 0;float: right;margin-right: -38px;margin-bottom: 20px;}

section.curiousp_section {
    padding-top: 5em;
    padding-bottom: 12em;
    background-color: #0e6eb7;
    /* background: url('../images/bg3.png') no-repeat scroll center top; */
}


.faddress address {
    margin: 0;
}

.container-fluid.faddress {
    background: #3f4042;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    position: relative;
    z-index: 10;
}

footer {
    /* background: #1251ab; */
    padding-top: 50px;
    padding-bottom: 0;
    position: relative;
}

footer .container {
    padding-bottom: 40px;
}

.fmid-left h2 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
}

.fmid-left p {
    color: #fff;
    font-size: 14px;
}

.ftr_links.col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #3dabd4;
}

.ftr_links.col-md-12 li {
    display: inline-block;
    margin: 0 30px;
}

.ftr_links.col-md-12 a {
    color: #fff;
    text-transform: uppercase;
}

.footer-top.col-md-12 {border-bottom: 1px solid #3dabd4;padding-bottom: 30px;margin-bottom: 50px;justify-content: space-between;display: flex;align-items: center;}

.fmid-right ul {
    display: flex;
    justify-content: flex-end;
    float: right;
} 

section.banner:before {content: "";position: absolute;left: 0;width: 100%;height: 100%;top: -60px;z-index: 0;background: url('../images/rbg1.jpg') no-repeat scroll center top;transform: skewY(-4deg);}

section {
    position: relative;
}

section.road_map:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: -60px;
    z-index: 0;
    background: url(../images/rbg2.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
}

section.curiousp_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: -60px;
    z-index: 0;
    background: url(../images/rbg3.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
}

section.curiousp_section{
}

section.get_section {padding-top: 6em;padding-bottom: 12em;clear: both;}


section.get_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: -60px;
    z-index: 0;
    background: url(../images/rbg4.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
}

section.aff_prog {
    padding-top: 6em;
    padding-bottom: 10em;
}


section.aff_prog:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: -60px;
    z-index: 0;
    background: url(../images/rbg5.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
}

.aff-right ul {
    margin-bottom: 20px;
}

.cp-tabs > ul {
    display: flex;
}

.cp-tabs > ul li {
    margin-right: 20px;
    position: relative;
}

.cp-tabs > ul li > a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px dashed #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.cp-tabs > ul li > a:hover {
    background: #3f4042;
}

h3.cp_head {background: #3f4042;color: #fff;padding: 18px 22px;font-size: 28px;text-transform: uppercase;margin-top: 40px;width: 110%;}

.cp_border_inn {
    border: 8px solid #fff;
    padding: 40px 20px;
    float: left;
    margin-right: 30px;
}

.cp_border {
    display: flex;
    align-items: start;
    margin-top: 40px;
}

.cp_border_inn h2 {
    margin-top: 0;
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

.cp_border_inn h3 {
    color: #fff;
    font-size: 38px;
    margin-top: 0;
    text-transform: uppercase;
}

.cp_border_inn h4 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}

.cp_border ul h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 0;
}

.cp_border span {
    color: #fff;
    text-transform: uppercase;
}

.cp_border li {
    margin-top: 12px;
}

.cp-invest h2 {
    margin-top: 0;
    font-size: 50px;
    line-height: 50px;
}

.cp-invest {
    padding: 30px;
    background: #fcfcfc;
}

.cp-right h4.h4_bg {
    padding: 10px 16px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
}

.cp_content{
	display:none
}

.cp_content.active{
	display:block
}


.cp-tabs > ul li:before {content: "";height: 40px;background: transparent;width: 5px;position: absolute;left: 0;bottom: -40px;right: 0;margin: 0 auto;}

.cp-tabs > ul li.activen:before {
    background: #fff;
}


.get_left {
    text-align: right;
    padding-right: 30px;
}

.get_left h2 {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    margin-top: 0;
}

.get_right h3 {
    margin-top: 0;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
}

.get_right p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}

.get_head.col-md-12 {
    display: flex;
    align-items: center;
    margin-bottom: 4em;
}

.get_right.col-md-6 {
    border-left: 2px solid #fff;
    padding-left: 30px;
}

.get_right  h4.h4_bg {
    margin: 10px 0;
}

.gs_item_inn {border: 5px solid #fff;width: 100%;padding: 40px;position: relative;display: table;min-height: 360px;}

.gs_item_inn h3 {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 30px;
    max-width: 170px;
    float: right;
    min-height: 90px;
}

.gs_item_inn p {
    clear: both;
    color: #fff;
    margin-top: 10px;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
}

.gs_item_inn h2 {
    color: #fff;
    font-size: 65px;
    background: #3f4042;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -20px;
    top: -20px;
}


.gs_item_btm {
    display: table;
    margin: 40px auto;
}

.row.prog_benefits {
    margin-top: 5em;
}

.prod_head  h2 {
    color: #fff;
    margin-top: 0;
    font-size: 45px;
    text-transform: uppercase;
    line-height: 45px;
}

.prod_head h4.h4_bg {
    padding: 7px 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.prod_head  p {
    color: #fff;
}

.prod_item_inn {
     padding: 3em 2em;
     background: #02beda; /* Old browsers */
     background: -moz-linear-gradient(left,  #02beda 0%, #098cc1 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(left,  #02beda 0%,#098cc1 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right,  #02beda 0%,#098cc1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02beda', endColorstr='#098cc1',GradientType=1 ); /* IE6-9 */
     width: 94%;
     box-shadow: -3px 0 16px #0000001f;
     position: relative;
     float: right;
     z-index: 1;
     min-height: 280px;
}

.clear {
    clear: both;
}

.prod_item_inn h3 {
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    font-size: 22px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 5px solid #fff;
}

.prod_head {}

.prod_item {
    margin-top: 60px;
    position: relative;
}

.prod_item_inn p {
    color: #fff;
    margin-bottom: 0;
}

.prod_item:before {content: "";position: absolute;left: 10px;width: 85%;height: 100%;background: rgb(0 0 0 / 10%);top: -30px;z-index: 0;}

.prod_item_inn:after {
    content: "";
    position: absolute;
}

.aff-right h2 {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.aff-right h4.h4_bg {
    margin: 20px 0;
}

.aff_section p {
    color: #fff;
    margin-bottom: 10px;
}

.aff-right li {
    list-style: disc inside;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}


.container.min_stat {
    margin-top: 5em;
    padding-top: 5em;
    border-top: 1px solid #ffffff45;
    clear: both;
    display: table;
}

.ms-head h2 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.ms-item h2 {
    color: #fff;
    font-size: 30px;
}

.ms-item h4 {
    color: #fff;
    font-weight: normal;
    background: #01c6de;
    background: -moz-linear-gradient(left, #01c6de 0%, #0a83bc 100%);
    background: -webkit-linear-gradient(left, #01c6de 0%,#0a83bc 100%);
    background: linear-gradient(to right, #01c6de 0%,#0a83bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c6de', endColorstr='#0a83bc',GradientType=1 );
    box-shadow: -8px 0 10px rgb(0 0 0 / 1%);
    padding: 4px 10px;
    text-transform: uppercase;
}

.min_stat  .row + .row {
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #fff;
}

.ms_state > h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 40px;
}

.ms_state li {
    padding-left: 40px;
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

.ms_line {
    color: #fff;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.ms_state li h3 {
    color: #fff;
    font-size: 16px;
}

.ms_line h4 {
    color: #fff;
    text-transform: uppercase;
}

footer:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 120%;
    top: -140px;
    z-index: 0;
    background: url(../images/ftr-btm1.png) no-repeat scroll center top;
    /* transform: skewY(1deg); */
    /* background-size: cover; */
}

ul.nav-right li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 0 0 30px;
    background: url(../images/stripe.png) no-repeat scroll -53px -48px;
}

ul.nav-right li:first-child {
    margin-left: 0;
    padding-left: 0;
    border: none;
}

.banner ul.bread_crumbs {
    margin-top: 0;
    color: #fff;
}

.banner ul.bread_crumbs a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}


.banner ul.bread_crumbs {
    margin-top: 0;
    color: #fff;
}

.banner ul.bread_crumbs a.home {padding-left: 30px;background: url('../images/stripe.png') no-repeat scroll  -51px -247px;}

section.early_comp {
    padding-top: 2em;
    padding-bottom: 9em;
    color: #fff;
}

.early-left h2 {
    font-size: 45px;
    line-height: normal;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 20px;
}

.early-left h4.h4_bg {
    padding: 6px 12px;
}

.early-right h3 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
}

.early_comp p {
    color: #fff;
}

.early-btm.col-md-6 {
    margin-top: 2em;
}

.early-btm.col-md-6 h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

section.early_comp:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/abbg2.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}


section.comp_feature {
    padding-top: 4em;
    padding-bottom: 12em;
    clear: both;
}

section.comp_feature:before {content: "";position: absolute;left: 0;width: 100%;height: 100%;background: url(../images/abbg3.jpg) no-repeat scroll center top;transform: skewY(-4deg);z-index: -1;top: -60px;}


.cfinn-head.col-md-12 {
    text-align: center;
    margin-bottom: 40px;
}

.cfinn-head h2 {
    color: #fff;
    font-size: 50px;
    margin-top: 0;
    line-height: 50px;
    margin-bottom: 10px;
}

.cfinn-head h3 {
    color: #fff;
}

.cfinn-cont.col-md-12 {
    background: #fff;
    padding: 3em;
}

.cf_item_inn + .cf_item_inn {
    margin-top: 60px;
}

.cf_item_inn h2 {
    line-height: 30px;
    text-transform: uppercase;
    color: #3f4042;
}

.cfinn-cont > .row {
    display: flex;
    align-items: center;
}

.cf_feature h2 {
    line-height: 50px;
    font-size: 50px;
    text-transform: uppercase;
}

section.cmp_road {
    padding-top: 4em;
    padding-bottom: 10em;
}

.cmp_road:after{
	content:"";
	
}

.cmp-rhead.col-md-12 {
    /* margin-bottom: 2em; */
    text-align: center;
}

.cmp-rhead.col-md-12 h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 50px;
}

.cmp-it-left h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 5px;
}

.cmp-it-left h3 {
    color: #fff;
    margin-bottom: 20px;
}

.cmp-it-left h4.h4_bg {
    padding: 5px 20px;
    text-transform: uppercase;
}

.cmp-it-left h5 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

.cmp-it-left {
    margin-top: 40px;
}

.cmp-it-left p {
    color: #fff;
}
.cmp_road:before
{
	content: "";position: absolute;left: 0;width: 100%;height: 100%;background: url(../images/abbg4.jpg) no-repeat scroll center top;transform: skewY(-4deg);z-index: -1;top: -60px;
	
}

section.innv_stock {
    padding-top: 6em;
    padding-bottom: 10em;
}

.invs-left h2 {
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    max-width: 280px;
    line-height: normal;
    line-height: 45px;
}

section.innv_stock:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/abbg5.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}

.invs-left h4 {
    background: #01c6de;
    display: table;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
}

.invs-right  p {
    color: #fff;
    line-height: normal;
}

.innp-line {
    margin-top: 2em;
    clear: both;
    width: 100%;
}

.innp-line h2 {
    color: #fff;
    line-height: 35px;
    text-transform: uppercase;
}

.innp-line p {
    color: #fff;
}


.row.ready_tp .innp-line {
    padding-top: 4em;
    border-top: 1px solid #3bb0d2;
    margin-top: 4em;
}



a.get_started.innp-btn {
    position: absolute;
    right: 0;
    bottom: 60px;
}


section.banner.ab_banner:before{
	background: url(../images/abbg1.jpg) no-repeat scroll center top;
}

header .row {
    display: flex;
    align-items: center;
}


ul.nav-left {
    float: left;
}


.banner h1 span.back_head {position: absolute;z-index: 0;left: 0;right: 0;text-shadow: -1px 0 #d4d4d4, 0 1px #d4d4d4, 1px 0 #d4d4d4, 0 -1px #d4d4d4;color: #02bed7;font-size: 70px;top: -17px;opacity: 0.8;}


.banner h1 strong {
    position: relative;
}

.banner ul li span.act_link {
    text-transform: uppercase;
    font-size: 16px;
}

.banner ul li i.fa-right {
    background: url(../images/stripe.png) no-repeat scroll -52px -345px;
    padding: 10px 11px;
    display: inline-block;
}

ul.nav-right li a.register {
    background-position: -53px -148px;
}

section.aff_section {
    padding-top: 3em;
    padding-bottom: 9em;
}

.cff_section h4.h4_bg {
    padding: 7px 10px;
}

section.aff_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/affbg1.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}

.aff-left h2 {
    font-size: 45px;
    line-height: 44px;
}

.aff-head > .row {
    display: flex;
    align-items: center;
}

.aff-head {
    margin-bottom: 2em;
}

.aff-item li {
    list-style: disc inside;
    color: #fff;
    /* position: relative; */
}

.aff-block {
    width: 100%;
    background: rgb(255 255 255 / 20%);
    padding: 3em;
    float: left;
    width: 100%;
}

.aff-ihead {
    min-height: 220px;
}

.aff-block ul li {list-style: none;/* width: 33.33%; *//* float: left; *//* text-align: center; */position: relative;}

.aff-block ul li strong {
    display: block;
    font-size: 46px;
    font-family: heading;
    line-height: normal;
}

.aff-block ul {
    display: flex;
    justify-content: space-between;
}

.aff-block ul li span {
    font-size: 16px;
    text-transform: uppercase;
}

section.reff_section {
    padding-top: 4em;
    padding-bottom: 10em;
    color: #fff;
}

section.reff_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/affbg2.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}

.reff_section p {
    color: #fff;
}

.aff-head h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.rf_list_inn {
    display: table;
    margin: 0 auto;
}

.rf_block {
    display: flex;
    align-items: center;
    position: relative;
    /* min-width: 530px; */
    width: max-content;
    /* justify-content: center; */
}

.rf_list {
    display: flex;
    padding: 2.8em 3.5em;
    background: #fff;
    position: relative;
    min-width: 170px;
    text-align: center;
    justify-content: center;
}

.rf_list ul {
    display: flex;
    color: #000;
}

.rf_list li {
    font-family: heading;
    font-size: 34px;
    margin-right: 50px;
}

.rf_list li:last-child {
    margin-right: 0;
}

.rf_result {
    padding: 15px 30px;
    border: 1px dashed #fff;
    margin-left: -2px;
    font-size: 24px;
    font-weight: 500;
    min-width: 150px;
    text-align: center;
    display: none !important;    
}

.rf_level {
    margin: 0;
    /* background: red; */
    display: inline-block;
    padding: 15px 40px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
    background: #01c6de;
    background: -moz-linear-gradient(left, #01c6de 0%, #0a83bc 100%);
    background: -webkit-linear-gradient(left, #01c6de 0%,#0a83bc 100%);
    background: linear-gradient(to right, #01c6de 0%,#0a83bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c6de', endColorstr='#0a83bc',GradientType=1 );
    box-shadow: -8px 0 10px rgb(0 0 0 / 9%);
    min-width: 180px;
    position: relative;
    z-index: 1;
    /* left: -140px; */
    font-size: 24px;
    right: -40px;
}

.reff_list.col-md-12 {
    margin-top: 2em;
    margin-bottom: 2em;
}

.aff-block.aff-4block li:after {
    content: "...";
    right: -60px;
}


.aff_section .innp-line p {
    max-width: 800px;
}

.faq_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/faqbg.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}
.ready_stock:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/faqbg2.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}

section.ready_stock {padding-top: 5em;padding-bottom: 12em;}

.ready_stock .row.ready_tp .innp-line {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

section.faq_section {
    padding-top: 4em;
    padding-bottom: 10em;
}

.faq-head {
    color: #fff;
}

.faq-head h4.h4_bg {
    padding: 6px 16px;
    margin: 10px 0;
}

.faq-head h2 {
    font-size: 45px;
    line-height: normal;
    margin-bottom: 0;
}

section.faq_section p {
    color: #fff;
}

.faq-top ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.faq-top ul span.faq-h {
    color: #fff;
    display: block;
    font-size: 30px;
    font-family: heading;
}

.faq-top.col-md-12 {
    margin-top: 4em;
    margin-bottom: 2em;
}

.faq-top ul a {text-decoration: none;}

.faq-top ul span.faq-h +  span.faq-h {
    font-size: 14px;
}

.faq-top ul li {
    width: 23%;
    border-bottom: 1px solid #82d8ea;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 1em;
}

.faq-block {
    width: 97%;
    clear: both;
    float: right;
    position: relative;
    margin-top: 3em;
    border-left: 1px dashed #83d0e6;
    padding-left: 20px;
}

.faq-block span.faq-no {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: -40px;
    top: 0;
    line-height: normal;
}

.faq-block h4 {
    margin-top: 0;
    font-size: 24px;
}

.faq-block p {
    margin-bottom: 0;
}

section.inv_section {
    padding-top: 4em;
    padding-bottom: 11em;
}

section.inv_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/invebg.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}

.inv_section h4.h4_bg {
    padding: 6px 12px;
}

.inv_section p {
    color: #fff;
}

.inv-list.col-md-12 p {    font-size: 14px;    line-height: normal; }

.inv-item.col-md-3 {    margin-top: 3em;    /* margin-bottom: 3em; */   }

.inv-item .cp_border_inn {padding: 35px 10px;text-align: center;border-width: 5px;min-width: 130px;margin-right: 11px;box-shadow: 0 0 14px rgb(51 51 51 / 30%);}

.inv-item .cp_border_inn h2 {    font-size: 34px;   }

.inv-item .cp_border_inn h3 {    font-size: 21px;    margin-bottom: 0;  }

.inv-item .cp_border_inn  h4 {    font-size: 11px;    margin-top: 0;    }

.inv-item.col-md-3 h3 {margin-top: 0;font-size: 15px;margin-bottom: 0;}

.inv-item.col-md-3 li {margin-top: 0;margin-bottom: 10px;}

.row.inv-row {    margin-top: 5em;  }


.inv-item.col-md-3 li span {font-size: 14px;}

.inv-calc h2 {
    font-size: 40px;
    line-height: 40px;
}

.res-calc {
    width: 100%;
    background: rgb(255 255 255 / 30%);
    padding: 30px;
}

.res-calc h4 {
    font-family: 'Poppins' , sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

.res-calc h4 + p {
    font-size: 14px;
}

.per-form ul {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.per-form ul li {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.per-form ul li strong {
    font-size: 20px;
    font-family: heading;
    display: block;
    text-align: center;
}

form.per-form {
    margin-top: 20px;
    width: 100%;
}

.aff-block li:after {content: ".....";position: absolute;right: -85px;font-size: 55px;top: 20px;}

.aff-block ul li:last-child::after {
    display: none;
}

.aff-block ul li strong small {
    font-size: 70%;
}

section.cff_section {
    padding-top: 4em;
    padding-bottom: 10em;
}

section.cff_section:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/cntbg.jpg) no-repeat scroll center top;
    transform: skewY(-4deg);
    z-index: -1;
    top: -60px;
}


.cnt-head  .aff-left p {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.cff_section .cnt-head li {
    color: #fff;
    font-family: heading;
    margin-bottom: 30px;
    padding-left: 30px;
    position: relative;
}

.cff_section .cnt-head li:before {content: "";position: absolute;left: 0;width: 50px;height: 50px;background: url('../images/cnt-icon.png') no-repeat scroll left top;z-index: -1;top: -6px;}

.cff_section .cnt-head li span {
    font-size: 12px;
    font-family: 'Poppins';
}

.cff_section .cnt-head li a {
    font-family: heading;
    font-size: 16px;
    color: #fff;
    display: block;
}

.cff_section .cnt-head li strong {
    display: block;
    font-size: 16px;
}

.cff_section .cnt-head li span {
}


.cnt-form-inn {
    padding: 50px;
    border: 1px dashed #ffff;
}

.cnt-form-inn p {
    color: #fff;
}

.cnt-fields li {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

.cnt-fields li label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.cnt-fields li .form-control {
    height: 43px;
    font-size: 13px;
}

.cnt-fields li  textarea.form-control {
    height: 100px;
}

.cnt-fields li:last-child {
    margin-bottom: 0;
}

.opack-head.col-md-12 {
    text-align: center;
    margin-bottom: 3em;
}

.opack-head h2 {
    font-size: 36px;
}

.opack-inn {    background: #fff;    padding: 30px;    color: #000;     width: 100%;    }

.opack-inn * {    color: #001a29;   }

.opack-inn h4 {    margin-bottom: 0;    font-size: 16px;    }

.opack-inn h4 span {    color: #0b7bba; }

.opack-inn h3 {    border-bottom: 1px solid #ddd;    padding-bottom: 10px;  }

.aff-right p {
    color: #fff;
    font-size: 15px;
}

.ref-levels  {
    height: 797px;
    width: 651px;
    margin-top: -20px;
    background: url(../images/ref_levels_bg.png) no-repeat center center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    padding: 35px 35px 40px 35px;
}


.ref-levels  .ref-levels-content {
    height: 334px;
    width: 100%;
    padding: 0px 0px;
}

.ref-levels  .ref-levels-content .ref-level-perc {
    /* font-family: "Righteous",sans-serif; */
    font-size: 100px;
    color: #fff;
    letter-spacing: -5.55px;
    text-shadow: 0 6px 9px rgb(0 0 0 / 20%);
    position: relative;
    margin-left: 60px;
    line-height: 1;
    top: 150px;
    font-weight: bold;
}

.ref-levels  .ref-levels-content .ref-level-perc sup {
    position: absolute;
    font-weight: 500;
    font-size: 60px;
    top: 40px;
    font-family: "Oxygen",sans-serif;
    line-height: 1;
    letter-spacing: -4.06px;
}

.ref-levels  .ref-levels-content ul.ref-other-levels {
    margin-top: 86px;
}

.ref-levels  .ref-levels-content ul li {
    padding: 0 35px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
}

.ref-levels  .ref-levels-content .ref-level-heading {
    /* font-family: "Righteous",sans-serif; */
    text-transform: none;
    margin-top: 31px;
}

.ref-levels  .ref-levels-content ul.ref-other-levels .ref-level-heading {
    margin-bottom: 23px;
    margin-top: 0;
}

.ref-levels  .ref-levels-content .ref-level-heading span {
    font-size: 53px;
    color: #3f4042;
    text-shadow: 0 2px 4px rgb(0 0 0 / 19%);
    line-height: 1;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    right: 20px;
}

.ref-levels  .ref-levels-content .ref-level-heading small {
    font-size: 32px;
    color: #fff;
    text-shadow: 0 2px 4px rgb(0 0 0 / 19%);
    display: block;
    margin-top: 8px;
    position: relative;
    right: 20px;
}

.ref-levels  .ref-levels-content ul.ref-other-levels li:not(:first-child) {
    height: 56px;
    padding-left: 35px;    
}

.ref-levels  .ref-levels-heading {
    text-transform: uppercase;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #fff;
    letter-spacing: 12.51px;
    font-weight: bold;
    margin-top: -12px;
}

.ref-levels  .ref-levels-content {
    height: 334px;
    width: 100%;
    padding: 0px 0px;
}

.ref-levels  .ref-levels-content ul.repr-other-levels {
    margin-top: 16px;
}

.ref-levels  .ref-levels-content ul.repr-other-levels li {
    padding-left: 30px;
    height: 57px;
}

.ref-levels .ref-levels-content .ref-level-heading.glob-left small {
    right: 0;
    top: 5px;
}

.ref-levels .ref-levels-content .ref-level-perc.btm-per {
    top: 60px;
    margin-left: 100px;
}

.cff_section .cnt-head li.cf-icon2:before {
    background-position: left -85px;
}

input.rangeHrd {
    width: auto;
    background: none;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    border: 0;
    color: #fff;
    font-weight: bold;
    outline: none !important; 
}

.resl-show {
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    font-family: 'heading', sans-serif;
}