/* CSS Document input 
font-family: 'FONTSPRING DEMO - Proxima Nova';
font-family: "Figtree", sans-serif;
*/ 

 /* 1 */

 /*---------------webkit-scrollbar PART START---------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #242424;
    background: #e9f2fb;
}
::-webkit-scrollbar-thumb {
    background: #343ff5;
    border-radius: 0px;
}

body{ 
    background: url(../images/body_bg.png) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    background-position: center;
    font-family: "Figtree", sans-serif !important;
}
body button{
    border: none;
    outline: none;
    cursor: pointer;
    background: none;
}

body a{
	text-decoration:none;
    cursor: pointer; 
    color: #fff;
    font-family: "Figtree", sans-serif;
}
body a:hover{
	text-decoration:none;
    color: #343ff5;
    
}
body ul{
	padding:0px;
	margin:0px;
    list-style-type: none;
}
body li{
    list-style-type: none;
}
:root{
    --font-family-1: "Figtree", sans-serif ;
}
h1,h2,h3,h4,h5,h6{
    padding: 0 !important;
    margin: 0;
    color: #262525;
}
p{
    font-family: var(--font-family-1);
    padding: 0;
    margin: 0;
    color: #565656;
}



/******* HEADER PART START *******/
header{

}
header .logo{
    max-width: 300px;
    margin: 0px 0px 0px;
}
header .nav-item{
    display: inline-block;
    padding: 0px 10px 0px 10px;
} 
header .nav-item .nav-link{
    margin: 0;
    padding: 5px 10px;
    color: #252424;
    font-weight: 500;
    font-size: 16px;
    transition: 0.5s ease;
}
header .nav-item .nav-link:hover{
    color: #343ff5;
}
header .navbar-toggler-icon{
    width: unset;
    height: unset;
}
header .navbar-toggler:focus{
    box-shadow:none !important;
}
header .navbar-toggler{
    background: #343ff5;
    border: 4px double #e9f2fb;
    color: #ffffff;
    font-size: 20px;
    padding: 3px 13px 5px;
    border-radius: 5px;
}
.btn_1 {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin: 0px 0px 0px 15px;
    background: transparent;
    border: 1px solid #3f3f41;
    overflow: hidden;
    cursor: pointer;
} 
.btn_1:hover{
    border: 1px solid #343ff5;
}
.btn_1:after {
    content: " ";
    width: 0%;
    height: 100%;
    background: #343ff5;
    position: absolute;
    transition: all 0.4s ease-in-out;
    right: 0;
}
.btn_1 i{
    position: relative;
    top: 1px;
    left: 5px;
}
.btn_1:hover::after {
    right: auto;
    left: 0;
    width: 100%;
}
.btn_1 span {
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 7px 25px;
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.btn_1:hover span {
    color: #fff;
    animation: scaleUp 0.3s ease-in-out;
}
@keyframes scaleUp {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(0.95);
    }
  
    100% {
      transform: scale(1);
    }
}
.btn_2{
    background: #343ff5;
    border: 1px solid #343ff5;
}
.btn_2:hover{
    border: 1px solid #3f3f41;
}
.btn_2:after{
    background: #e9f2fb;
}
.btn_2 span{
    color: #fff;
}
.btn_2:hover span{
    color: #242424;
}

.page-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11111;
}
.page-header.is-sticky {
    position: fixed;
    background: #e9f2fb;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    padding: 4px 0;
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
from {
    transform: translateY(-100%);
}
to {
    transform: translateY(0);
}
}
/******* HEADER PART END *******/

/******* BANNER PART START *******/
.banner_bg{
    background: url(../images/ban_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.ban_part{
    padding: 120px 0px 45px;
    overflow: hidden;
    position:relative;
}
.ban_con{

}
.ban_con h1{
    font-size: 60px;
    font-weight: 700;
    color: #252424;
}
.ban_con h1 span{
    background: -webkit-linear-gradient(360deg, #0bb7fe 35%, #5052ee 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ban_con p{
    max-width: 480px;
    font-size: 16px;
    line-height: 27px;
    margin: 10px 0px 25px;
}
.ban_con .sub_btn{
    display: flex;
    align-items: center;
    gap: 35px;
}
.btns2{
    font-size: 17px;
    font-weight: 500;
    color: #252424;
}
.btns2 img{
    position: relative;
    left: 10px;
}

.btns{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #343ff5;
    border: 1px solid #343ff5;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    max-width: 200px;
}
.btns:hover{
    border: 1px solid #3f3f41;
}
.btns:after {
    content: " ";
    width: 0%;
    height: 100%;
    background: #e9f2fb;
    position: absolute;
    transition: all 0.4s ease-in-out;
    right: 0;
}
.btns:hover::after {
    right: auto;
    left: 0;
    width: 100%;
}
.btns span {
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 8px 20px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.btns:hover span {
    color: #242424;
    animation: scaleUp 0.3s ease-in-out;
}
@keyframes scaleUp {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(0.95);
    }
  
    100% {
      transform: scale(1);
    }
}

.ban_vid{
    max-width: 500px;
    min-height: 300px;
    position: relative;
}
.ban_vid .vid{
    width: 100%;
    position: absolute;
    right: 0px;
    max-width: 500px;
    top: -114px;
}
.main {
    margin: 0px auto;
    width: 480px;
    height: 480px;
    position: relative;
}
.big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}
.icon-block {
    height: 64px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.icon-block img {
    margin: 0px auto;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
/* circle content */
.circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 65%;
    height: 65%;
    border: 2px solid #fff;
    border-radius: 50%;
}
.circle .icon-block img {
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}
/* center logo */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.center-logo img {
    max-width: 105px;
}
  
/* keyframe animation */
  
@keyframes Rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
  
@-webkit-keyframes Rotate {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
}
  
@keyframes Rotate-reverse {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
}
  
@-webkit-keyframes Rotate-reverse {
    from {
      -webkit-transform: rotate(360deg);
    }
    to {
      -webkit-transform: rotate(0deg);
    }
}
  
@keyframes circle-rotate {
    from {
      transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(405deg);
    }
}
  
@-webkit-keyframes circle-rotate {
    from {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
      -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}
  
@keyframes img-rotate {
    from {
      transform: rotate(-45deg);
    }
    to {
      transform: rotate(-405deg);
    }
}
  
@-webkit-keyframes img-rotate {
    from {
      -webkit-transform: rotate(-45deg);
    }
    to {
      -webkit-transform: rotate(-405deg);
    }
}
  
.pay_part{
    margin: 25px 0px 0px;
}
.pay_part h4{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    color: #565656;
}
.pay_carousel{
    margin: 30px 0px 0px;
}
.pay_carousel img{
    max-width: 90px;
}
/******* BANNER PART END *******/

/******* STAT PART START *******/
.sta_bg{
    padding: 45px 0px;
}
.sta_part{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}
.sta_part li{
    width: 24%;
    display: inline-block;
}
.sta_text{
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}
.sta_text img{
    float: left;
    margin: 0px 15px 0px 0px;
}
.sta_text h5{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.sta_text h5 span{
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #737373;
    margin: 10px 0px 0px;
}

.heading{

}
.heading h1{
    font-weight: 500;
    font-size: 46px;
    color: #262626;
    max-width: 490px;
}
.heading h5{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    color: #262525;
}
.heading p{
    margin: 0px;
    line-height: 25px;
    font-size: 17px;
    font-weight: 400;
    margin: 0px 0px 30px;
}
/******* STAT PART END *******/

/******* PLAN PART START *******/
.plan_bg{
    padding: 45px 0px;
}

.plan_tab{
    margin: 45px 0px 0px;
}
.plan_tab .nav-item{
    width: 100%;
}
.plan_tab .nav-item .nav-link{
    width: 100%;
    max-width: 300px;
    padding: 8px 10px 9px;
    text-align: start;
    margin: 6px 0px;
    color: #565656;
    font-size: 17px;
    font-weight: 400;
}
.plan_tab .nav-item .nav-link i{
    float: right;
    margin: 5px 0px 0px; 
    opacity: 0;
    transition: 0.5s;
}
.plan_tab  .tab .nav-link.active{
    background: #fff !important;
    color: #b05cf2 !important;
}
.plan_bg .sub_btn{
    margin: 45px 0px 0px;
}
.tab{

}
.tab .nav-item{
    
}
.tab .nav-link{
    padding: 8px 10px 9px;
    text-align: center;
    color: #565656;
    font-size: 17px;
    font-weight: 400;
}
.tab .nav-link.active{
    background: #fff !important;
    color: #b05cf2 !important;
}
.tab .nav-link.active i{
    opacity: 1;
}

.plan_con{
    background: linear-gradient(180deg, #fff, #e9f2fb);
    border-radius: 10px;
    border: 2px dashed #3c3e3f;
    padding: 15px;
}
.plan_con ul{
    
}
.plan_con li{
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}
.plan_left{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.plan_left h6{
    display: flex;
    align-items: center;
    margin: 0px;
    gap: 7px;
    color: #262626;
    font-size: 17px;
}
.plan_left h6 span{
    background: #b05cf2;
    height: 15px;
    width: 15px;
    margin: 2px 0px 00px;
    border-radius: 50%;
    display: inline-block;
}
.plan_left h1{
    margin: auto;
    background: #fff;
    border: 2px solid #404040;
    outline: 6px solid #fff;
    height: 105px;
    width: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #aa59e9;
    font-size: 40px;
    font-weight: 700;
}
.plan_left h1 span{
    font-size: 20px;
    margin: 13px 0px 0px;
}
.plan_left p{
    color: #565656;
    font-size: 17px;
    font-weight: 500;
    margin: 0px;
}
.plan_left p span{
    color: #aa59e9;
}

.plan_ryt{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.plan_ryt p{
    margin: 0px;
    font-size: 17px;
    font-weight: 400;
    color: #565656;
}
.plan_ryt p img{
    margin: -3px 5px 0px 0px;
}
.plan_ryt p span{
    float: right;
    color: #262626;
    font-weight: 600;
}
.plan_text{
    margin: 20px 0px 0px;
}
.plan_text p{
    text-align: justify;
    font-size: 15px;
    margin: 0px 0px 10px;
    line-height: 27px;
}
/******* PLAN PART END *******/

/******* CALCI PART START *******/
.calci_bg{
    padding: 45px 0px;
}
.calci_bg .heading{
    text-align: center;
}
.calci_part{
    text-align: center;
    margin: 35px 0px 0px;
}
.calci_part li{
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin: 35px 0px;
}
.cal_inp{

}
.cal_inp .inpts1{
    width: 100%;
    background: transparent;
    height: 45px;
    padding: 7px 25px;
    outline: none;
    border: 2px solid #9aa1a6;
    border-radius: 30px;
    color: #878585;
    font-size: 17px;
    font-weight: 600;
}
option {
    background: #e5f0fa;
    color: #262626;
    font-size: 16px;
    font-weight: 500;
}
.calci_part label{
    font-size: 15px;
    font-weight: 500;
    color: #262525;
    text-align: start;
    width: 100%;
    padding: 0px 0px 5px 0px;
}
.cal_img{

}
.cal_img img{
    background: #e5f0fa;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    max-width: 150px;
}

.cal_txt_grp{
    text-align: center;
    width: 100% !important;
    max-width: 946px !important;
    margin: 70px auto 0px !important;
    background: #fff;
    padding: 25px 20px;
    border-radius: 10px;
    position: relative;
}
.cal_txt_grp li{
    display: inline-block;
    width: 32%;
} 
.cal_txt{



}
.cal_txt h5{
    margin: 0px;
    color: #565656;
    font-size: 16px;
    font-weight: 500;
}
.cal_txt h5 span{
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: #262626;
    margin: 0px 0px 8px;
}
.cal_txt_grp h4{
    background: #343ff5;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    width: fit-content;
    margin: auto;
    padding: 10px 100px !important;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: -41px;
    left: 0;
    right: 0;
}
.range_point{
    margin: 20px 0px;
    width: 100%;
}
.range_point input{
    width:100%;
}
.profit_output{
    
    
}
.profit_output p{
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin: 0px !important;
    width: 32%;
}
.profit_output p span{
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: #262525;
}
.profit_output #result{
    font-weight: 500;
}
#chart {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    border: 5px solid #343ff50f;
}

/******* CALCI PART END *******/

/******* ECO PART START *******/
.eco_bg{
    padding: 45px 0px;
}
.eco_part{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
}
.quant_heading{
    
}
.quant_heading h1{
    margin: 50px auto 0px;
    text-align: center;
    font-size: 35px;
    max-width: 100%;
}
.quant_bot p{
    font-size: 17px;
    font-weight: 400;
}
.quant_bot p span{
    color: #343ff5;
    font-weight: 600;
}
.eco_tab{

}
.tab2{
    margin: 35px 0px 0px;
    gap: 15px;
}
.tab2 .nav-item .nav-link{
    border-bottom: 2px solid #fff;
    border-radius: 0px !important;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 11px;
    color: #565656;
}
.tab2 .nav-item .nav-link:hover{
    color: #343ff5;
    border-bottom: 2px solid;
}
.tab2 .nav-link.active{
    color: #343ff5 !important;
    border-bottom: 2px solid;
}

.eco_tab_con{
    margin: 50px 0px 30px;
}
.eco_grp{
    display: flex;
    justify-content: space-between;
}
.eco_text{
    width: 100%;
    max-width: 155px;
    height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #eaf3fa;
    border-radius: 10px;
    transition: 0.6s;
}
.eco_text:hover{
    transform: translateY(-15px);
}
.eco_text img{
    max-width: 55px;
}
.eco_text h5{
    color: #565656;
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0px 0px;
}
.eco_last i{
    height: 24px;
    width: 25px;
    border: 2px solid #343ff5;
    color: #343ff5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
}
.eco_last a{
    font-size: 15px;
    font-weight: 500;
    color: #5e5e5e;
    position: relative;
    top: 25px;
}
/******* ECO PART END *******/

/******* REFERRAL PART START *******/
.refer_bg{
    padding: 45px 0px;
}
.refer_bg .heading p{
    text-align: justify;
}

.ref_img{
    position: relative;
    width: fit-content;
    margin: auto;
}
.ref_img .ref_img1{
    
}
.ref_lvl{
    height: 90px;
    width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2443ec;
    margin: 0px auto;
    border-radius: 10px;
    border: 2px solid #e3eaf8;
    outline: 3px solid #2443ec;
    color: #fff;
    position: absolute;
    font-weight: 700;
}
.ref_lvl span{
    font-size: 24px;
    font-weight: 400;
    margin: 0px 0px -16px 5px;
}
.lvl1{
    left: -50px;
    top: -90px;
    bottom: 0;
    margin: auto;
    font-size: 65px;
}
.lvl2{
    background: #02db72;
    outline: 3px solid #02db72;
    font-size: 55px;
    left: 75px;
    right: 0;
    top: -35px;
    width: 100px;
    height: 75px;
}
.lvl3{
    bottom: -23px;
    left: -3px;
    right: 0;
    background: #00adf9;
    outline: 3px solid #00adf9;
    height: 70px;
    width: 90px;
    font-size: 48px;
}
.ref_last_img{
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.ref_circle1{
    position: absolute;
    top: 25px;
    left: 0;
    animation: float 7s infinite ease-in-out;
}
@keyframes float{
    0%{
        transform: translateY(0px);
    }
    30%{
        transform: translateY(-25px);
    }
    50%{
        transform: translateY(-25px) translateX(125px);
    }
    80%{
        transform: translateY(-25px) translateX(0px);
    }
    100%{
        transform: translateY(0px);
    }
}

.ref_circle2{
    position: absolute;
    top: 45px;
    right: 0;
    left: 66px;
    margin: auto;
    animation: float1 5s infinite ease-in-out;
}
@keyframes float1{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(50px);
    }
    100%{
        transform: translateY(0px);
    }
}
.ref_circle3{
    position: absolute;
    bottom: 55px;
    right: 0;
    left: -21px;
    margin: auto;
    animation: float2 5s infinite ease-in-out;
}
@keyframes float2{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-100px);
    }
    100%{
        transform: translateY(0px);
    }
}
.ref_circle4{
    position: absolute;
    bottom: 90px;
    right: -1px;
    margin: auto;
    animation: float3 5s infinite ease-in-out;
}
@keyframes float3{
    0%{
        transform: translateY(0px);
    }
    30%{
        transform: translateY(60px);
    }
    50%{
        transform: translateY(60px) translateX(-30px);
    }
    80%{
        transform: translateY(60px) translateX(0px);
    }
    100%{
        transform: translateY(0px);
    }
}
.ref_circle5{
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 115px;
    margin: auto;
    animation: float4 5s infinite ease-in-out;
}
@keyframes float4{
    0%{
        transform: translateY(0px);
    }
    30%{
        transform: translateX(64px);
    }
    50%{
        transform: translateX(64px) translateY(-30px);
    }
    80%{
        transform: translateX(64px) translateY(0px);
    }
    100%{
        transform: translateX(0px);
    }
}
/******* REFERRAL PART END *******/

/******* FEA PART START *******/
.fea_bg{
    padding: 45px 0px;
}
.fea_bg .heading{
    position: sticky;
    top: 80px;
    margin-bottom: 20px;
}

.fea_text{
    background: #ffff;
    border-radius: 10px;
    padding: 20px;
    margin: 0px 0px 30px;
}
.fea_text h4{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fea_text h4 img{
    max-width: 50px;
}
.fea_text h4 span{
    font-size: 14px;
    font-weight: 600;
    color: #343ff5;
    background: #dfe3fd;
    padding: 5px 13px 4px;
    border-radius: 30px;
}
.fea_text h5{
    font-size: 22px;
    color: #262626;
    font-weight: 600;
    margin: 15px 0px 0px;
    padding: 0px 0px 6px !important;
    border-bottom: 2px solid #9af1c7;
}
.fea_text h6{
    font-size: 15px;
    font-weight: 600;
    margin: 25px 0px 7px;
}
.fea_text p{
    text-align: justify;
    font-size: 15px;
    line-height: 23px;
}
/******* FEA PART END *******/

/******* ABOUT PART START *******/

/******* ABOUT PART END *******/

/******* LAUNCH PART START *******/
.launch_bg{
    padding: 45px 0px;
}
.launch_img{
    gap: 25px;
    align-items: center;
}
.launch_img .launch1{
    max-width: 100%;
}
.launch_img .launch2{
    max-width: 325px;
}
.launch_bg .heading p{
    margin: 20px 0px 45px;
    text-align: justify;
}
/******* LAUNCH PART END *******/

/******* INSURANCE PART START *******/
.ins_bg{
    padding: 45px 0px;
}
.ins_part{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
}
.ins_text{
    margin: 18px 0px 15px;
}
.ins_text p{
    display: inline-flex;
    width: 100%;
    font-weight: 500;
}
.ins_text p img{
    height: 20px;
    margin: 2px 5px 0px 0px;
}
/******* INSURANCE PART END *******/

/******* GETSTART PART STAR *******/
.how_bg{
    padding: 45px 0px;
}
.how_tab{
    margin: 0px 0px 45px;
}
.how_tab .tab2 .nav-link{
    font-weight: 600;
    border-bottom: 2px solid transparent;
}
.how_tab .tab2 .nav-link.active {
    background: none !important;
    border-bottom: 2px solid #343ff5;
}

.how_box{
    background: #2645eb;
    padding: 20px;
    border-radius: 10px;
    margin: 25px 0px;
    min-height: 225px;
}
.how_box img{
    float: right;
}
.how_box h6{
    background: #fff;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0px 0px !important;
}
.how_box h5{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin: 60px 0px 15px;
}
.how_box h4{
    color: #ffff;
    font-size: 20px;
    font-weight: 400;
    margin: 0px;
}
.how_box2{
    background: #bb7bf5;
}
.how_box3{
    background: #8669f5;
    min-height: 290px;
}
.how_box3 h5{
    margin: 125px 0px 15px;
}
.how_box3 h4{
    max-width: 175px;
}
.how_box4{
    background: #29b9f8;
    min-height: 195px;
}

/******* GETSTART PART END *******/

/******* TRANSACTION PART START *******/
.trans_bg{
    padding: 45px 0px;
}
.trans_bg .heading{
    text-align: center;
    max-width: 610px;
    margin: auto;
}
.trans_bg .heading h1{
    margin: 0px auto 5px;
}
.trans_text p{
    margin: 0px 0px 5px;
    font-size: 16px;
    font-weight: 400;
}

.tra_sec{

}
.tra_sec .tab2 .nav-item{
    width: 100%;
    max-width: 170px;
    margin: 0px 20px 0px 0px;
}
.tra_sec .tab2 .nav-item .nav-link{
    border: 1px solid #3c3e3f;
    width: 100%;
    border-radius: 5px !important;
    max-width: 400px;
    padding: 10px;
}
.tra_sec .tab2 .nav-item .nav-link:hover{
    color: #fff;
}
.tra_sec .tab2 .nav-link.active{
    background: #343ff5;
    color: #fff !important;
    border: 1px solid #343ff5;
}
.trans_part::-webkit-scrollbar{
    display: none;
}

.trans_part{
    width: 100%;
    margin: 20px auto 0px;
    text-align: center;
    background: #fff;
    border-radius: 9px;
    max-height: 430px;
    overflow-y: scroll;
    border: none;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.trans_part ul{
    position:relative;
    border-bottom: 1px solid #343ff50f;
}
.trans_part ul li{
    display: inline-block;
    width: 32%;
    text-align: center;
    vertical-align: middle;
}
.tab_head{
    padding: 12px 0px;
    border-radius: 10px 10px 0px 0px;
}
.tab_head h4{
    color: #1d222b;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}
.tab_body{
    padding: 5px 0px;
}
.tab_body .date{
    position: absolute;
    left: 17px;
    bottom: 0px;
    font-size: 13px;
    text-align: start;
}
.tab_body .date h5{
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}
.tab_body:last-child{
    border: none;
}
.tab_body img{
    max-width: 30px;
}
.tab_body h5{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #343ff5;
    padding: 10px 0px !important;
}
.tab_body h5 span{
    display: block;
    color: #565656;
    font-size: 13px;
    font-weight: 400;
}
.tab_body li{
    
}
.tab_body:nth-child(even){
    background: #f6f6f6;
}
.tab_body li:nth-child(1) h5{
    text-align: start;
    padding: 0px 0px 0px 10px !important;
    margin: -12px 0px 0px 0px;
}
.tab_body li:nth-child(3) h5{
    color: #565656;
    font-weight: 500;
}
.tab_body li:nth-child(3) h5 span a{
    color: #343ff5;
    font-weight: 500;
    font-size: 13px;
}

.trans_heading{
    
}
.trans_heading h1{
    font-size: 35px;
}
.with_trans_part ul li{
    width: 18%;
}
.with_trans_part ul li:nth-child(5) h5{
    color: #565656;
    font-weight: 500;
}
.with_trans_part .tab_body .btns span{
    color: #fff;
}
.with_trans_part .tab_body .btns:hover span{
    color: #343ff5;
}
.with_trans_part .tab_body li:nth-child(3) h5{
    text-align: center;
    margin: 0px !important;
}
/******* TRANSACTION PART END *******/

/******* ABOUT PART START *******/
.about_bg{
    padding: 45px 0px;
}
.about_img{
    position: relative;
    width: fit-content;
    margin: auto;
}
.about_img .abt{
    position: relative;
    z-index: 1;
}
.play_btn{
    position: absolute;
    left: 45px;
    right: 0px;
    top: 0px;
    bottom: -5px;
    margin: auto;
    max-width: 100px !important;
    z-index: 11;
}
.waves {
    position: absolute;
    width: 170px;
    height: 170px;
    background: repeating-radial-gradient(transparent, transparent, #04a45f, #01da71 100px);
    opacity: 0;
    border-radius: 100%;
    right: 0px;
    bottom: 10px;
    top: 0px;
    left: 40px;
    margin: auto;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    z-index: 1;
}
@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.cert_bg{
    padding: 45px 0px;
}
.cert_bg .sub_btn{
    margin: 30px 0px 0px;
}
.cert_grp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.certBox{
    position: relative;
    width: fit-content;
    margin: auto;
}
.certBox::after{
    content: "";
    position: absolute;
    height: 200px;
    width: 120%;
    background: #7848f6;
    border-radius: 10px;
    top: -22px;
    left: -21px;
    right: 0;
    margin: auto;
}
.certBox1::after{
    background: #29b9f8;
}
.certBox img{
    position: relative;
    z-index: 1;
    max-width: 220px;
}
.certBox .cert_btn{
    display: block;
    text-align: center;
    margin: 25px 0px 0px;
    color: #565656;
    font-size: 17px;
    font-weight: 500;
    text-decoration: underline;
    transition: 0.5s;
}
.certBox .cert_btn:hover{
    color: #2443ec;
    transform: translateY(-5px);
}
/******* ABOUT PART END *******/

/******* FOOTER PART START *******/
footer{
    background: #fff;
    padding: 45px 0px 0px;
}
.foot_link{

}
.foot_link a{
    display: block;
    color: #565656;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0px 0px 15px;
    width: fit-content;
}
.social_img{
    display: flex;
    justify-content: space-between;
}
.social_img img{
    
}
.foot_logo{
    position: relative;
    padding: 20px 0px;
}
.foot_logo::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 82%;
    background: #78ebb3;
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto 0px auto auto;
}
.foot_logo img{
    max-width: 195px;
}
.copyright{
    padding: 25px 0px 20px;
}
.copyright p{
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
}
.copyright p a{
    color: #565656;
}
.copyright p a:hover{
    color: #2443ec;
}
.foot_fav{
    max-width: 175px;
    opacity: 0.4;
    margin: 30px auto 0px;
}
/******* FOOTER PART END *******/

button.back-to-top{
    margin: 0 !important;
    padding: 0 !important;
    background: #565656;
    height: 0px;
    width: 0px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: transparent;
    position: fixed;
    cursor: pointer;
    display: block;
    border: none;
    right: 50px;
    bottom: 75px;
    font-size: 0px;
    outline: 0 !important;
    z-index: 99;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
button.back-to-top.show {
    display: block;
    background: #343ff5;
    color: #fff;
    line-height: 38px;
    font-size: 22px;
    right: 15px;
    bottom: 20px;
    height: 35px;
    width: 35px;
    visibility: visible;
}
button.back-to-top.show:hover{
    background: #fff;
    filter: drop-shadow(1px 2px 2px #565656);
    color: #000;
}


/******* RESPONSIVE PART START *******/
@media  (min-width:1399px){
    .ban_vid .vid {
        right: -21%;
    }
}

@media  (max-width:1199px){
    header .nav-item{
        padding: 0px;
    }
    .sta_bg {
        overflow: hidden;
    }
    .sta_text{
        padding: 25px 20px;
    }
    .sta_text h5 span{
        font-size: 11px;
    }
    .plan_bg {
        overflow: hidden;
    }
    .plan_ryt p{
        font-size: 15px;
    }
    .calci_bg {
        overflow: hidden;
    }
    .calci_part li:nth-child(1) .cal_inp{
        left: 90px;
    }
    .calci_part li:nth-child(3) .cal_inp{
        right: 90px;
    }
    .eco_bg {
        overflow: hidden;
    }
    .eco_grp{
        gap: 10px;
    }
    .refer_bg {
        overflow: hidden;
    }
    .fea_bg {
        overflow: hidden;
    }
    .launch_img .launch2{
        max-width: 280px;
    }
    .tab_head h4{
        font-size: 15px;
    }
    .tab_body h5 span{
        font-size: 12px;
    }
    .foot_logo::after{
        width: 78%;
    }
    .ins_bg {
        overflow: hidden;
    }
    .how_bg {
        overflow: hidden;
    }
    .trans_bg {
        overflow: hidden;
    }
    .about_bg {
        overflow: hidden;
    }
    .cert_bg {
        overflow: hidden;
    }
}

@media  (max-width:991px){
    header{
        background: #e9f2fb;
    }
    header .nav-item .nav-link{
        width: fit-content;
        margin: auto;
    }
    header .align-items-center{
        justify-content: center;
        margin: 10px 0px 0px;
    }
    .ban_con {
        text-align: center;
    }
    .ban_con p{
        margin: 10px auto 25px;
    }
    .ban_con .sub_btn{
        justify-content: center;
    }
    .ban_con .sub_btn .btns{
        margin: unset;
    }
    .ban_vid{
        min-height: unset;
    }
    .ban_vid .vid{
        display:none;
    }
    .pay_part h4{
        text-align: center;
    }
    .pay_carousel img {
        margin: auto;
    }
    .sta_part li{
        text-align: center;
    }
    .sta_text img {
        float: unset;
        margin: 0px 0px 5px;
    }
    .heading {
        text-align: center;
    }
    .heading h1{
        max-width: 100%;
    }
    .plan_tab .nav-item {
        width: 25%;
        display: inline-block;
    }
    .plan_tab .nav-item .nav-link{
        font-size: 14px;
    }
    .plan_bg .sub_btn{
        margin: 20px 0px 30px;
    }
    .plan_bg .sub_btn .btns{
        margin: auto;
    }
    .sub_btn .btns{
        margin: auto;
    }
    .calci_part li:nth-child(1) .cal_inp {
        left: 40px;
    }
    .calci_part li:nth-child(3) .cal_inp {
        right: 40px;
    }
    .tab2{
        text-align: center;
        justify-content: space-around;
    }
    .tab2 .nav-item .nav-link{
        padding: 5px 1px;
    }
    .ref_img{
        margin: 70px auto 0px;
    }
    .refer_bg .heading p, .launch_bg .heading p {
        text-align: center;
    }
    .fea_bg .mt-5{
        margin-top: 5px !important;
    }
    .how_box3{
        margin: 5px 0px;
        min-height: 225px;
    }
    .how_box3 h5 {
        margin: 60px 0px 15px;
    }
    .tab_body li:nth-child(1) h5, .tab_body li:nth-child(3) h5 {
        text-align: center;
        padding: 0px !important;
        margin: 0px !important;
    }
    .tab_body .date {
        left: 12px;
        bottom: -6px;
    }
    .trans_text{
        text-align: center;
    }
    .cert_grp{
        margin: 45px 0px 0px;
    }
    .foot_link {
        margin: 10px 0px 0px;
    }
    .foot_link a{
        margin: 0px 0px 5px;
    }
}

@media  (max-width:767px){
    .sta_part{
        display: unset;
    }
    .sta_part li {
        width: 49%;
        margin: 6px 0px;
    }
    .sta_text{
        max-width: 240px;
        margin: auto;
    }
    .sta_text img {
        float: left;
    }
    .tab {
        justify-content: space-between;
    }
    .plan_tab .nav-item {
        width: 49%;
    }
    .cal_txt_grp {
        text-align: center;
        width: 100% !important;
        max-width: 946px !important;
        margin: 70px auto 0px !important;
        background: #fff;
        padding: 15px 15px;
    }
    .profit_output p {
        margin: 5px 0px !important;
        width: 100%;
    }
    .calci_part li{
        width: 100%;
    }
    .calci_part li:nth-child(2) {
        display: none;
    }
    .calci_part li:nth-child(1) .cal_inp, .calci_part li:nth-child(3) .cal_inp{
        right: 0;
        left: 0;
    }
    .eco_grp {
        display: unset;
    }
    .eco_text {
        width: 32%;
        height: 110px;
        margin: 0px 0px 10px;
        display: inline-flex;
        vertical-align: middle;
    }
    .certBox::after{
        width: 110%;
        top: -11px;
        left: -11px;
    }
    .foot_logo::after {
        width: 60%;
    }
    .copyright p{
        font-size: 12px;
    }

}

@media  (max-width:576px){
    header{
        padding: 5px 0px;
    }
    header .logo {
        max-width: 130px;
        margin: 0px 0px 0px;
    }
    header .navbar-toggler {
        font-size: 16px;
        padding: 4px 10px 3px;
    }
    .btn_1 span{
        padding: 7px 17px;
        font-size: 14px;
    }
    .ban_part {
        padding: 80px 0px 25px;
    }
    .ban_con h1 {
        font-size: 33px;
    }
    .ban_con p {
        font-size: 14px;
        line-height: 22px;
        margin: 10px auto 19px;
    }
    .ban_con .sub_btn{
        flex-direction: column;
        gap: 8px;
    }
    .btns span{
        padding: 8px 10px;
        font-size: 14px;
    }
    .btns2 {
        font-size: 15px;
    }
    .pay_part {
        margin: 30px 0px 0px;
    }
    .pay_part h4{
        font-size: 15px;
    }
    .pay_carousel{
        margin: 15px 0px 0px;
    }
    .sta_bg {
        padding: 10px 0px 25px;
        overflow: hidden;
    }
    .sta_text {
        padding: 10px;
    }
    .sta_text img {
        float: unset;
    }
    .plan_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .heading h1 {
        font-size: 30px;
    }
    .heading p {
        line-height: 20px;
        font-size: 13px;
        margin: 0px 0px 15px;
    }
    .heading h5{
        font-size: 14px;
    }
    .plan_tab {
        margin: 30px 0px 0px;
    }
    .plan_tab .nav-item {
        width: 100%;
    }
    .plan_con li{
        width: 100%;
    }
    .plan_left{
        gap: 10px;
        text-align: center;
        margin: 0px 0px 15px;
    }
    .plan_ryt{
        gap: 10px;
    }
    .plan_ryt p {
        font-size: 13px;
    }
    .plan_text p{
        font-size: 13px;
        line-height: 21px;
    }
    .calci_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .calci_part {
        margin: 15px 0px 0px;
    }
    .calci_part li {
        width: 100%;
        margin: 8px 0px;
    }
    .cal_txt_grp{
        margin: 55px auto 0px;
        padding: 30px 5px 10px;
    }
    .cal_txt_grp h4{
        padding: 10px 60px !important;
        top: -39px;
    }
    .cal_txt_grp li{
        width: 49%;
        margin: 0px 0px 10px;
    }
    .cal_txt h5{
        font-size: 13px;
    }
    .cal_txt h5 span {
        font-size: 16px;
        margin: 0px 0px 5px;
    }
    .eco_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .eco_part{
        padding: 10px;
    }
    .tab2 {
        margin: 10px 0px 0px;
    }
    .eco_tab_con {
        margin: 20px 0px 0px;
    }
    .eco_text {
        width: 49%;
    }
    .refer_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .lvl1 {
        left: -5px;
        top: -86px;
        font-size: 45px;
        width: 83px;
        height: 60px;
    }
    .lvl2{
        font-size: 43px;
        left: 67px;
        top: -29px;
        width: 85px;
        height: 60px;
    }
    .ref_last_img {
        right: -5px;
    }
    .ref_circle2{
        top: 38px;
        left: 55px;
    }
    @keyframes float1{
        0% {
            transform: translateY(0px);
        }
        
        50% {
            transform: translateY(38px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes float2{
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-75px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .ref_circle4 {
        bottom: 75px;
    }
    @keyframes float3{
        0% {
            transform: translateY(0px);
        }
        30% {
            transform: translateY(52px);
        }
        50% {
            transform: translateY(52px) translateX(-26px);
        }
        80% {
            transform: translateY(52px) translateX(0px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes float4 {
        0% {
            transform: translateY(0px);
        }
        30% {
            transform: translateX(40px);
        }
        50% {
            transform: translateX(40px) translateY(-25px);
        }
        80% {
            transform: translateX(40px) translateY(0px);
        }
        100% {
            transform: translateX(0px);
        }
    }
    .fea_bg {
        padding: 25px 0px;
        overflow: hidden;
    }
    .fea_text{
        padding: 10px;
    }
    .launch_bg {
        padding: 5px 0px 20px;
        overflow: hidden;
    }
    .launch_bg .heading p {
        margin: 15px 0px;
    }
    .ins_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .ins_part{
        padding: 10px;
    }
    .ins_text p{
        font-size: 13px;
    }
    .how_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .how_tab {
        margin: 20px 0px 6px;
    }
    .tab2 .nav-item .nav-link{
        font-size: 13px;
    }
    .how_box{
        padding: 10px;
        margin: 15px 0px;
        min-height: 100% !important;
    }
    .trans_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .trans_bg .mt-5 {
        margin-top: 10px !important;
    }
    .ins_text p img {
        height: 15px;
        margin: 1px 5px 0px 0px;
    }
    .trans_text p {
        font-size: 13px;
    }
    .tra_sec .tab2 .nav-item {
        display: inline-block;
        width: 47%;
        margin: 0px 0px 0px 0px;
    }
    .trans_part{
        overflow-x: scroll;
    }
    .trans_part ul {
        min-width: 600px;
    }
    .trans_bg .heading h1 {
        margin: 0px auto;
        font-size: 25px;
    }
    .trans_heading{
        margin: 17px auto 0px;
    }
    .with_trans_part ul {
        min-width: 590px;
    }
    .about_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .cert_bg {
        padding: 20px 0px;
        overflow: hidden;
    }
    .cert_grp {
        flex-direction: column;
        gap: 30px;
    }
    .certBox .cert_btn{
        margin: 10px 0px 0px;
    }
    footer {
        padding: 15px 0px 0px;
    }
    .foot_link a{
        font-size: 13px;
        line-height: 23px;
    }
    .social_img {
        margin: 25px 0px 0px;
    }
    .social_img img {
        max-width: 30px;
    }
    .foot_logo{
        text-align: center;
    }
    .foot_logo img {
        max-width: 165px;
    }
    .foot_logo::after{
        display: none;
    }
    .copyright {
        padding: 10px 0px;
        text-align: center;
    }
    .copyright .text-end {
        text-align: center !important;
    }
    button.back-to-top.show{
        line-height: 33px;
        font-size: 18px;
        right: 5px;
        bottom: 50px;
        height: 30px;
        width: 30px;
    }
    .page-header.is-sticky .container{
        padding: 0px;
    }
    
}





/******* RESPONSIVE PART END *******/