body {
    width: 100%;
}

/* Navbar */
.logoimg {
    /*width: 250px;*/
}
.navbar-right .nav-item a.nav-link {
    color: #ffffff;
}
.am-txt {
    margin: 0.5em 1em 0.5em 1em;
}

.logo_text {
    float: right;
    font-size: 12px;
    margin-top: 15px;
    font-weight: 550;
    margin-left: 5px !important;
}

.logo_text_f {
    font-size: 12px;
    font-weight: 550;
    margin-left: -10px;
}

.logo_text_header {
    font-size: 12px;
    margin-top: 16px;
    font-weight: 550;
    margin-left: -12px;
}

/*Banner*/
.main-banner {
    background-image: url('../images/heroimage.png');
    background-repeat: no-repeat;
    color: #001f41;
	/* height: 35rem; */
    height: auto;
}
.banner-middle li {
    font-size: 23px;
}


.main-banner h1 {
    /*padding-top: 0.5em;*/
    font-size: 3em;
}
.banner-middle {
    margin-left: 35%;
    font-size: 1.7em;
	font-style: bold;
}
.banner-middle ul {
    list-style: none;
}
.banner-middle li {
    line-height: 1.8em;
    padding-left: 10px;
}
.msgOTP {
    font-size: 16px;
}
.listimg {

}


/*Why Join*/
.whyjoinsec {
    background-color: #ffffff;
    background-image: url("../images/girlimage.png");
    background-size: 365px;
    background-position: right bottom;
    background-repeat: no-repeat;
	color: #001f41;
    margin-bottom: -1rem;
}
.whyjoin {
    margin: 2rem 0 2rem 12rem;
}
hr {
    background-color: #009DD9;
    width: 200px;
    height: 7px;
    margin: 0px auto;
}
h2.sec-heading {
    padding: 0.6em 0;
    word-spacing: 3px;
    /* font-family: Inter; */
    font-stretch: condensed;
    /* margin-left: 15px; */
}

.blue-border {
    border-bottom: 15px solid #59d2ff;
}

.blue-bg {
    background-color:#6c35f7;
    padding-bottom:50px;
    height:615px;
}

.grey-bg.dekstop {
    background-color: #f8f9fa;
    padding-bottom:50px;
    height:515px;
}

/*How it works*/
.howitworks {
    text-align: center;
}
.howitworks .card-img-top {
    height: 125px;
    width: auto;
}
.hiw-cards {
    /*padding-top: 4em;*/
}
.hiw-security {
    background-color: #e4e4e4;
	padding: 2rem 0px 1rem 0px;
}


/*Rewards*/
.rewards-heading p {
    color: #fff;
    font-size: 1.5em;
}
.rwds-head {
	padding: 1rem;
}
.rewards .card-img-top {
    height: 125px;
    width: auto;
}
.rewards-table th, .rewards-table td {
    padding: 0.4rem;
}

/*About Us*/
.aboutussec {
    color: #001f41;
    background-image: url("../images/footerimg.png");
    background-size: 500px 420px;
	padding-top: 2rem;
	width: 99%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.aboutus {
   padding: 2rem 0 2rem 10rem;
}

/*contact page */
.contact {

    color: #001f41;
    background-image: url("../images/footerimg.png");
    background-size: 400px;
    background-position: right bottom;
    background-repeat: no-repeat;
	padding: 100px 0 100px 0px;
}

/*Footer*/
footer a {
    color: #4D577D;
    text-decoration: none !important;
    padding: 0 1em;
}
footer a:hover {
    color: #6c35f7;;
}
footer p.rights {
    color: #001e3c;
    font-size:12px;
    line-height: 0px; /* line-height: 18px;   */
    font-weight: 500;
    overflow-wrap: break-word;
    tab-size: 4;
    word-break: break-word;
}


.radio {
    display: inline-block;
    width: 8%;
    text-align: center;
}
.radio input[type="radio"] {
    margin-bottom: 0.5em;
    width: 1.3em;
    height: 1.3em;
    margin: 0.5em auto;
}
.radio label {
    display: grid;
    text-align: center;
}

.side-navbar {
    width: 180px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background-color: #100901;
    transition: 0.5s;
  }
  .nav-link:active,
  .nav-link:focus,
  .nav-link:hover {
    background-color: #ffffff26;
  }
  .my-container {
    transition: 0.4s;
  }
  .active-nav {
    margin-left: 0;
  }
  /* for main section */
  .active-cont {
    margin-left: 180px;
  }
  #menu-btn {
    background-color: #100901;
    color: #fff;
    margin-left: -62px;
  }

  .open {
    height: 147px;
  }

  /* login */
  .cardlogin {
	position: relative;
	top: 20%;

	display: flex;
	flex-direction: column;
	width: 500px;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0, 0, 0.125);
	border-radius: 0.25rem;
	padding: 10px 50px;
	margin-bottom: 2px;
}

.cardlogin2 {

	flex-direction: column;
	width: 500px;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0, 0, 0.125);
	border-radius: 0.25rem;
	padding: 10px 50px;
}

.logincard-header {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: FFF;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-width: 100%;
}

.img-login {
	width: 200px;
	display: block;
	margin-left:auto;
	margin-right: auto;
	padding: 20px 0 20px 0;
}

.btn-login {
	background-color: #0077B8;
	border-color: #000;
	color: #FFF;
	border-width: 0.5px;
	border-radius:3px;
	width: 100%;
	margin-bottom: 20px;
}

.btncss {
    width:150px;
}

.cardMargin {
    margin-left: 10px;
}
body {
    font-family: inter, system-ui;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
}

a {
    color: rgb(56, 13, 177);
    /* text-decoration: none; */
    text-decoration: underline;
    }
a:hover {
    /* color: #0d6efd; */
    color: #6c35f7;
}
.accordion-button:not(.collapsed) {
    /* color: #0d6efd; */
    color: #6c35f7;
}
i {
    margin-right: 5px;
}
.web-nav-dashboard {
    display: inline-block;
}
.active {
    color: blue;
}
/** Toggle button css **/
.container > .switch {
    display: block;
    margin: 22px auto;
  }

  .switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 35px;
    padding: 1px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px;
    margin-right:10px;
  }

  .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #fff;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
  }
  .switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
  }
  .switch-label:before {
    content: attr(data-off);
    right: 9px;
    color: #ccc;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  }
  .switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
    font-weight: 600px;
  }
  .switch-input:checked ~ .switch-label {
    background: #6c35f7;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
  }
  .switch-input:checked ~ .switch-label:before {
    opacity: 0;
  }
  .switch-input:checked ~ .switch-label:after {
    opacity: 1;
  }

  .switch-handle {
    position: absolute;
    top: 1px;
    left: -10px;
    width: 36px;
    height: 36px;
    background: white;
    border-radius: 3px;
    font-weight: 600px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
  }
  .switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
  }
  .switch-input:checked ~ .switch-handle {
    left: 30px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
  }

  .switch-green > .switch-input:checked ~ .switch-label {
    background: #4fb845;
  }


/** Privacy style  **/
.subsectiontitlecent{
	font-size:22px;
	color:#000000;
	font-weight:400;
	text-align:center;
	margin: 0;
}

.subsectionsubtitlecent{
	font-size:20px;
	color:#000000;
	font-weight:400;
	text-align:center;
	margin: 0;
}

.headtitles{
	font-size:15px;
	color:#000000;
	font-weight:400;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;


}

.privacyaddress{
	padding-left:205px;
	margin-top:1px;
	margin-bottom:1px;
}

.bodycopy{
	font-size:15px;
	color:#000000;
	font-weight:400;
	text-align:left;

}

.bodycopyitalic{
	font-size:15px;
	font-style: italic;
	color:#000000;
	font-weight:400;
	text-align:left;

}


.privacyouter {
	background-color:#fff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;
	/*align-items: center;*/
  	justify-content: center;
    padding: 2.5em 1em 0 1em;
    text-align: justify;
}

.privacyinnersec{
	background-color:#F9F9F9;
	width:80%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;

}


.privacylinksec{
	background-color:#F9F9F9;
	width:80%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;

}


.signin {
	color: #038DCE;
	font-weight:700;
	text-decoration: none;
	margin:0px;
	font-size:15px;
}


.bulletlist{
	display:block;
	list-style-type: disc;
	padding-left:6%;
	padding-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.bulletlist2{
	display:block;
	list-style-type: circle;
	padding-left:6%;
	padding-right:20px;
}

.collectedinfotable{
	margin-left:5%;
	margin-right:5%;
	border-collapse:collapse;
	border: solid 1px #0c0c0c;

}

.collectedtabletr{
	background-color: #000000;
	color: #000000;

}

.collectedtabletdgrey{
	background-color: grey;
	color: #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	align-items:center;
	text-align:center;

}

.collectedtabletd{
	font-size:15px;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	align-items:center;
	text-align:center;
	height:22px;

}

.collectedtabletdleft{
	font-size:15px;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;


}

.collectedtablehr{
	font-size:15px;
	color:#FFF;
	background-color: #038DCE;
	width:70%;
	padding-left:4px;
	text-align:center;
	border-bottom:solid 1px #000000;

}

.collectedtablehrsmall{
	font-size:15px;
	color:#FFF;
	background-color: #038DCE;
	border-left:1px #000000;
	border-right:1px #000000;
	padding-left:5px;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}

.bulletli{
    display: list-item;
}

.somespace{
	margin-bottom:5%;
}


.privacyanchor {
	color: #038DCE;
	font-weight:700;
	text-decoration: none;
	margin:0px;
	font-size:15px;
	padding-left:1%;
}

.scrollableContent {
	height: 20em;
    overflow-y: scroll;
    border: 1px solid #cacaca;
}



/** privacy style end **/
/** Toggle button css end **/


@media (min-width: 480px) and (max-width: 767px) {
	.radio {
	    width: 8%;
	}
}

@media (max-width: 768px) {
    
	.radio input[type="radio"] {
		width: 1em;
    	height: 1em;
	}
    .navbar-collapse {
        position: absolute;
        top: 90%;
        left: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        transition: all 0.4s ease;
        display: block;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-left: 50%;
        left: 50%;
        transition: all 0.2s ease;
    }
    .navbar-collapse.show {
        left: 0;
    }

}

/*Mobile devices*/
@media (min-width: 320px) and (max-width: 767px) {
    
    .logo_text_header {
        font-size: 12px;
        margin-top: 12px;
        font-weight: 550;
        margin-left: -144px !important;
    }
    .banner-middle {
        color:#fff;
    }
	.logoimg {
            /*width: 200px;*/
	}
    .main-banner h1 {
        font-size: 2rem;
        padding-top: 1rem;
    }
    .banner-middle {
        margin-left: 0;
        font-size: 1.2em;
    }
    .listimg {
        width: 45px;
    }

    .whyjoinsec {
        background-image: none;
        margin-left: 1rem;
    }
    .whyjoin {
        width: 100%;
    }

    .hiw-security .media-body {
        text-align: justify;
    }

    .rwds-head {
        width: 100%;
    }
    .rewards-heading p {
        font-size: 1em;
    }

    .aboutus {
        width: 100%;
        margin-left: 0;
    }
    .aboutussec {
        background-image: none;
        margin-left:10px;
    }
    footer p.rights {
        font-size: 9px;
    }
    .main-banner{
        background-image: linear-gradient(#56a2dd, white) !important;
        background-repeat: no-repeat;
    }
}


@media (min-width: 360px) and (max-width: 767px) {
    .logo_text_header {
        font-size: 12px;
        margin-top: 16px;
        font-weight: 549;
        margin-left: -140px !important;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .logo_text_header {
        font-size: 12px;
        margin-top: 12px;
        font-weight: 549;
        margin-left: -266px !important;
    }
}
@media (min-width: 320px) and (max-width: 990px){
    .dekstop{
        display:none;
    }

    /* .logo_text {
        font-size: clamp(12px, 10.56716417910448px + 0.44776119402985vw, 15px);
        font-weight: 550;
        margin-left: clamp(-645px, 293.2835820895522px - 94.77611940298507vw, -20px); */
    }

    .navlogo {
        width: clamp(140px, 130.4477611940299px + 2.98507462686567vw, 160px);
    }

    .banner-middle li {
        font-size: 21px;
    }
}

@media(min-width: 991px) {
    .navlogo {
        width:160px;
    }
}
/*Banner responsive*/
@media (min-width: 400px) {
    .banner-middle {
        margin-left: 8%;
    }
    
}
@media (min-width: 450px) {
    .banner-middle {
        margin-left: 13%;
    }
}
@media (min-width: 500px) {
    .banner-middle {
        margin-left: 18%;
    }
}
@media (min-width: 600px) {
    .banner-middle {
        margin-left: 23%;
    }
}
@media (min-width: 766px) {
    .banner-middle {
        margin-left: 28%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .logo_text_header {
        font-size: 12px;
        margin-top: 12px;
        font-weight: 550;
        margin-left: -870px !important;
    }
    .whyjoin {
        width: 53%;
        margin-right: 3%;
    }
    .aboutussec {
        background-size: 450px;
    }
    .aboutus {
        width: 50%;
        margin-left: 3%;
    }

    .banner-middle {
        margin-left: 23%;
    }

}

@media (min-width: 860px) {
    .banner-middle {
        margin-left: 24%;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .banner-middle {
        margin-left: 32%;
    }
    .box-width {
        width: 33%;
    }
    .card-body-hiw {
        width:280px;
    }
    .logo_text_header {
        font-size: 12px;
        margin-top: 12px;
        font-weight: 550;
        margin-left: -560px !important;
    }
}

.navbar-collapse.loggedinnavbar {
	background-color: #fff;
}

@media (min-width: 992px) {
    .banner-middle {
        margin-left: 32%;
    }
    .navbar-collapse.loggedinnavbar {
    	display: none !important;
    }
}
@media (min-width: 320px) and (max-width: 500px) {
    .framesize {
        margin-left: clamp(-85px, 83.8888888888889px - 52.77777777777778vw, 10px);
    }
}
.loggedinnavbar li.nav-item {
    background-color: #eeebeb;
    padding: 0.5em 1.5em;
}
.navbar-toggler-icon {
    width : 1em;
}
.navbar-foreground {
	z-index: 100;
}

.ui-autocomplete {
    overflow-y: scroll;
    height: 10em;
}

.page-block{
    padding-top: 6em;
    padding-bottom: 4.4em;
}

hr.section{
    width:auto;
}

.wrapper {
  width: 100%; }

#sidebar {
    /*min-width: 300px;*/
    /*max-width: 300px;*/
    /*background: #1bbae1;*/
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
#sidebar.active {
    margin-left: -300px; }
#sidebar .logo {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto; }
#sidebar .logo span {
    display: block; }
#sidebar ul.components {
    padding: 0; }
#sidebar ul li {
    font-size: 16px; }
#sidebar ul li > ul {
    margin-left: 10px; }
#sidebar ul li > ul li {
    font-size: 14px; }
/*changed by pri */
#sidebar ul li a {
    padding: 10px 0;
    display: block;
    color:#8a8686; /* rgba(255, 255, 255, 0.8);*/    
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
    background-color: #f8f9fa;
    text-decoration: none; }
#sidebar ul li a:hover {
    color: #202020; }
#sideMenus li:hover > a {
    color: #202020 !important;
}
#sidebar ul li.active > a {
    background: transparent;
    color: #202020; }
@media (max-width: 991.98px) {
    #sidebar {
        margin-left: 0px; }    /*priyanka -300*/
    #sidebar.active {
        margin-left: 0; } }

a[data-toggle="collapse"] {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

@media (max-width: 991.98px) {
    #sidebarCollapse span {
        display: none;
    }
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../images/ajax-loader.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    background-blend-mode: color-dodge;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}

@media (max-width: 385px) {
    .navbar-brand .mobile {
        display: none;
    }
}

.autocompleteui {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 200px !important;
    top: 21rem !important;
    left: 141px !important;
    width:352px !important;
}

.btn-custom{
    font-family:'Inter','Open sans',sans-serif;
    font-size:24px;
    line-height:24px;
    border-radius:30px;
    border:0;
    padding:15px;
    margin:auto;
	font-size: 15px;
    /* background:#001f41; */
    color:#fff;
    white-space:normal;
    margin-bottom: 10px;
}

.btn-custom2{
    font-family:'Inter','Open sans',sans-serif;
    font-size:24px;
    line-height:24px;
    border-radius:30px;
    border:0;
    margin:auto;
	font-size: 16px;
    background:#001f41;
    color:#fff;
    white-space:normal;
    margin-bottom: 0px;
}
.btn-custom2:hover {
    text-decoration: none;
    color: #fff;
}

.btn-customlg{
    font-family:'Knockout','Open sans',sans-serif;
    text-transform:uppercase;
    font-size:32px;
    line-height:32px;
    letter-spacing:1px;
    border-radius:2px;
    border:0;
    padding:22px;
    margin:auto;
    margin-top:30px;
    display:block;
    background:#00aeef;
    color:#fff;
    white-space:normal
}
.btn-custom:hover{
	font-family:'Inter','Open sans',sans-serif;
    font-size:24px;
    line-height:24px;
    border-radius:30px;
    border:2px #001f41;
    padding:15px;
    margin:auto;
	font-size: 16px;
    background:#FFF;
    color:#001f41;
    white-space:normal
}
.btn-customlg:hover{outline:none;box-shadow:none;text-decoration:none;background:#6bd6f7;color:#fff}

.btn-customSendMsg{
    font-family:'Inter','Open sans',sans-serif;
    font-size:24px;
    line-height:24px;
    border-radius:9999px;
    border: 2px solid #6c35f7;
    padding:16px;
    margin:auto;
	font-size: 16px;
    background:#f7f7f9;
    color:#6c35f7;
    white-space:normal;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 22px;
    tab-size: 4;
}
.btn-customSendMsg:hover {
    background-color: #6c35f7;
    color: #f7f7f9;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

.btn-blue {
	color: #001f41;
}

.hero {
	    width: 50%;
    margin-right: 10%;
    padding: 1em 0 1em 0 !important;
}

.listing {
	padding-right: 15px;
}

.float-right {
	float: right;
}

.btn-signin {
	color: #012141;
    border-color: #012141;
	border-width: medium;
	border-radius: 20px;
	margin: 0 .5rem;
	width: 7rem;
}

.btn-cant_access {
	color: #012141;
    border-color: #0d6efd;;
	border-width: medium;
	border-radius: 20px;
	/* margin: 0 .5rem; */
	width: 8rem;
}


.btn-outline-signin:hover {
	color: #012141;
  border-color: #FFF;
	border-width: medium;
	border-radius: 20px;
	margin: 0 .5rem;
	width: 7rem;
}

.btn-outline-faq {
	color: #009e00;
  border-color: #009e00;
	border-width: medium;
	border-radius: 20px;
	margin: 0 .5rem;
	width: 5rem;
}

.card-body-hiw {
	border-radius: 20px;
	height: 18rem;
	width: auto;
	text-align: left;
	background-color: #EAEAEA;
}

/* apply animations to button */
.coolBeans {
    border: 2px solid currentColor;
    border-radius: 3rem;
    color: #6c35f7;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    /* padding: 1rem 1rem; */
    position: relative;
    text-decoration: none;
    transition: 0.2s transform ease-in-out;
    will-change: transform;
    z-index: 0;
    line-height: 24px;
    overflow-wrap: break-word;
    width: 120px;
}

.coolBeans::after {
    background-color: #5b4cc9;
    border-radius: 3rem;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(0deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    z-index: -1;
  }
  .coolBeans:hover::after {
    transform: translate(0, 0);
  }
  .coolBeans:hover {
        border: 1px solid transparent;
        color: #fff;
        transform: scale(1.0);
        will-change: transform;
        background-color: #438fda;
        position: relative;
        margin-bottom : 20px;
  }


@media (min-width: 600px) {

}

@media (min-width: 500px) {

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

}




card-body-hiw: hover {
	transform: scale(1.2); /* Equal to scaleX(0.7) scaleY(0.7) */
}



.strong {
	font-weight: 600;
}

.xstrong {
	font-weight: 700;
}
	.xxstrong {
	font-weight: 800;

}

.mid {
	font-weight: 500;
}

.nblue {
	color: #32bbb9;
}

.npurple {
	color: #6e37f9;
}

.nred {
	color: #f40952;
}

.nyellow {
	color: #ff9408;
}

.howitworkssec {
	/* padding: 0 0 5rem 0; */
   color: #001f41;
   /* padding-top: 2rem; */
}

.ctitlep {
	padding: 1rem -1rem 0 1rem;
}
.ctp {
	padding: 0rem 1rem 0rem 1rem;
    font-weight: 400;
}

.rewardssec {
	width: 100%;
	background: linear-gradient(to bottom right, #660033 0%, #0000cc 100%);
	color: #FFF;
	padding: 3rem 0rem 0rem 0rem;
}


.card-body-rew {
	border-radius: 20px;
	height: auto;
	text-align: left;
    width: auto;
	background-color: #EAEAEA;
}

.hiw-body {
    /* display: contents; */
    padding-left: 20px;
    padding-right: 20px
}

.raffle-card {
	border-radius: 20px;
	text-align: left;
	height: 12rem;

}

.journey {
	/* padding: 2rem 0 5rem 0; */
    padding: 1rem 0 1rem 0;
    color: #001f41;
}

.registration{
    margin-left: 10px;
}
.customhr {
	border: 1px solid #050617;
	width: 70%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.footerimg {
	margin: 2rem 0;
    /* margin-right:1rem; */
    margin-right: -5px;
    margin-top: 20px;
    margin-bottom: 2rem;
    width: clamp(140px, 130.4477611940299px + 2.98507462686567vw, 160px);
}

.sectionpadding {
	padding: 4rem 0 2rem 0;
}

/* .card-body:hover {
	transform: scale(1.05, 1.05);
	 -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
} */

.card-body-index {
    /* flex: 1 1 auto;
    padding: 1rem 1rem; */
  }

.card-body-index:hover {
	transform: scale(1.05, 1.05);
	 -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
}

/*FAQ*/

        .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 16px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }
    .panel-title > button {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

    .acbuttoneffect {
        background-color: #fafafa;
        margin-bottom: 10px;
    }
    #homeVideo button.btn.btn-default {
        background: black;
        border-radius: 50%;
        position: absolute;
        right: 0;
        z-index: 5;
        color: white;
    }

    .FAQ {
        color: #001f41;
    }

.img-card {
	width: 100px;
	display: block;
  margin-left: auto;
  margin-right: auto;
}


/*Contact*/

.form-control,
.form-group .form-control {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 0 2px, 100% 1px;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center -webkit-calc(100% - 1px);
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control[disabled],
.form-control[readonly],
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-color: rgba(0, 0, 0, 0)
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-image: none;
    border-bottom: 1px dotted #D2D2D2
}

.form-group {
    position: relative
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {
    position: absolute;
    pointer-events: none;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.form-group.label-floating label.control-label {
    will-change: left, top, contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
    display: none
}

.form-group .help-block {
    position: absolute;
    display: none
}

.form-group.is-focused .form-control {
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.form-group.is-focused .form-control .material-input:after {
    background-color: #009688
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
    color: #009688
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
    color: #BDBDBD
}

.form-group.is-focused .help-block {
    display: block
}

.form-group.has-warning .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-warning .help-block,
.form-group.has-warning label.control-label {
    color: #ff5722
}

.form-group.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group.has-error .help-block,
.form-group.has-error label.control-label {
    color: #f44336
}

.form-group.has-success .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-success.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-success .help-block,
.form-group.has-success label.control-label {
    color: #4caf50
}

.form-group.has-info .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-info.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-info .help-block,
.form-group.has-info label.control-label {
    color: #03a9f4
}

.form-group textarea {
    resize: none
}

.form-group textarea~.form-control-highlight {
    margin-top: -11px
}

.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group select~.material-input:after {
    display: none
}

.form-control {
    margin-bottom: 7px
}

.form-control::-moz-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-control:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-control::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}
.checkbox label,
.radio label,
label {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0;
    /* line-height: 24px;
    font-size: 16px;
    color: #00254a; */
}

.help-block {
    margin-top: 0;
    font-size: 12px;
}

.form-group {
    padding-bottom: 7px;
    margin: 15px 0 0 0;
}

.form-group .form-control {
    margin-bottom: 7px;
    font-size: 14px;
}
.has-error {
    color: red;
    font-size: 12px;
}
.form-group .form-control::-moz-placeholder {
    font-size: 14px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
    font-size: 14px;
    line-height: 1.42857143;
    color: #565454;
    font-weight: 500
}

.form-group label.control-label {
    font-size: 14px;
    line-height: 1.07142857;
    font-weight: 600;
    margin: 0 0 0 0;
    padding-top: 7px !important;
}

.form-group .help-block {
    margin-top: 0;
    font-size: 12px
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 14px;
    line-height: 1.42857143
}

.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.control-label {
    top: -30px;
    left: 0;
    font-size: 14px;
    line-height: 1.07142857
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857
}

.form-group.form-group-sm {
    padding-bottom: 3px;
    margin: 21px 0 0 0
}

.form-group.form-group-sm .form-control {
    margin-bottom: 3px
}

.form-group.form-group-sm .form-control::-moz-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm label.control-label {
    font-size: 9px;
    line-height: 1.125;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group.form-group-sm .help-block {
    margin-top: 0;
    font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
    top: -11px;
    font-size: 11px;
    line-height: 1.5
}

.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-static label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-lg {
    padding-bottom: 9px;
    margin: 30px 0 0 0
}

.form-group.form-group-lg .form-control {
    margin-bottom: 9px
}

.form-group.form-group-lg .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg label.control-label {
    font-size: 14px;
    line-height: .99999998;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group.form-group-lg .help-block {
    margin-top: 0;
    font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
    top: -5px;
    font-size: 18px;
    line-height: 1.3333333
}

.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-static label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

select.form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.form-group.is-focused select.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #D2D2D2
}

.form-group.is-focused select.form-control[multiple],
select.form-control[multiple] {
    height: 85px
}

.input-group-btn .btn {
    margin: 0 0 7px 0
}

.form-group.form-group-sm .input-group-btn .btn {
    margin: 0 0 3px 0
}

.form-group.form-group-lg .input-group-btn .btn {
    margin: 0 0 9px 0
}

.input-group .input-group-btn {
    padding: 0 12px
}

.input-group .input-group-addon {
    border: 0;
    background: 0 0
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}
.contact-widget-section .single-contact-widget {
    background: #f9f9f9;
    padding: 20px 25px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
    height: 260px;
    margin-top: 25px;
    transition: all 0.3s ease-in-out
}

.contact-widget-section .single-contact-widget i {
    font-size: 75px
}

.contact-widget-section .single-contact-widget h3 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    padding-bottom: 10px
}

.contact-widget-section .single-contact-widget p {
    line-height: 16px
}

.contact-widget-section .single-contact-widget:hover {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

#contactForm {
    margin-top: -10px
}

#contactForm .form-group label.control-label {
    color: #8c8c8c
}

#contactForm .form-control {
    font-weight: 500;
    height: auto
}

.contact_h3 {
    font-weight: 700;
    font-size:32px;
    margin-top: 30px;
    text-align: center;
}

.lead {
    font-size:17px;
    font-weight: 600;
    line-height: 23.38px;
    text-size-adjust:100%;
    padding-top: 16px;
    padding-bottom: 16px;
    word-break: break-word;
    tab-size:4;
    line-height: 24px;
    overflow-wrap: break-word;
    text-align:center
}
/* login */
.pr-1 {
	padding-right: 10px;
}

.cardlogin {
	position: relative;
	top: 20%;

	display: flex;
	flex-direction: column;
	width: 500px;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0, 0, 0.125);
	border-radius: 0.25rem;
	padding: 10px 50px;
	margin-bottom: 2px;
}

/* .cardlogin2 {
	flex-direction: column;
	width: 500px;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0, 0, 0.125);
	border-radius: 0.25rem;
	padding: 10px 50px;
} */

.logincard-header {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: FFF;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-width: 100%;
}

.img-login {
	width: 200px;
	display: block;
	margin-left:auto;
	margin-right: auto;
	padding: 20px 0 20px 0;
}

.btn-login {
    color:#6c35f7;
    border: 2px solid #6c35f7;
    background:#f7f7f9;
	border-width: 0.5px;
	border-radius:9999px;
	width: 100%;
	margin-bottom: 20px;
    font-weight: 500;
    line-height: 22px;
    tab-size: 4;
}

.btn-cantlogin {
    color:#32bbb9;
    border: 2px solid #32bbb9;
    background:#f7f7f9;
	border-width: 0.5px;
	border-radius:9999px;
	width: 100%;
	margin-bottom: 20px;
    font-weight: 500;
    line-height: 22px;
    tab-size: 4;
}

.btn-warning {
    color:#6c35f7;
    border: 2px solid #eaf519;
    background:#f7f7f9;
	border-width: 0.5px;
	border-radius:9999px;
	width: 100%;
	margin-bottom: 20px;
    font-weight: 500;
    line-height: 22px;
    tab-size: 4;
}

.btn-login:hover {
    background-color: #6c35f7;
    color: #f7f7f9;
}

.btn-cantlogin:hover {
    background-color: #32bbb9;
    color: #f7f7f9;
}

.nav-list {
	padding: 15px 0 15 0;
	list-style: none;
	font-size: 1.1rem;
	color: #070818;
}
.help-block.mobile-span{
    position: relative;
    font-weight: 100;
    display: block;
    color: #565454; 
}

/* footer */
.footer {
	padding: 1rem 0 2rem 0;
}

.footerlink {
	margin-bottom: 10px;
}

.needhelp {
	text-decoration: none;
	color: #262626;;
	padding-top: 30px;
	font-size: 1rem;
}

@media (min-width: 767px) and (max-width: 995px) {
    .secondbox{
        padding-bottom: 40px;
      }
}

@media (min-width: 320px) and (max-width: 500px) {
	.radio {
	    width: 7%;
	}
    .cardlogin2 {
        width: clamp(300px, -11.1111111111111px + 97.22222222222222vw, 475px);
    }
    .cardlogin  {
        position: relative;
        top: 20%;
        display: flex;
        flex-direction: column;
        width: clamp(300px, -11.1111111111111px + 97.22222222222222vw, 475px);
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0, 0, 0.125);
        border-radius: 0.25rem;
        margin-bottom: 2px;
        padding: 10px 50px;
    }
}