body {
    font-family: "Barlow", sans-serif!important;

}
a {
    text-decoration: none;
}

.top-logo-w-back {
    /* height: 323px; */
    width: 100%;
    /* background-image: url('../images/login-top-b.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat; */
}

.back-regi {

    width: 100%;

    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.h-top-img {
    width: 130px;
    margin: 180px 0 0 0;
}

.main-cont {
    padding: 0px 20px 0 20px;
}

.log-in-f input {
    background: #2d303e00;
    border: none;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
}

.log-in-f span {
    background: #D7B56D;
    border: none;
    color: #000;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    border-radius: 100px !important;
    width: 40px;
    padding: 0 12px;
}

.log-in-f .input-group {
    margin: 10px 0;
    height: 45px;
    border-radius: 100px;
    background: #000000;
    border: 1px solid #D7B56D;
    color: #D7B56D;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    padding: 6px;
}

.log-in-f input::placeholder {
    color: #D7B56D;
}

.log-in-f input[type=submit] {
    background: linear-gradient(90deg, #D7B56D 0%, #9A5A13 100%);
    color: #000;
    font-size: 21px;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    text-transform: uppercase;
    height: 50px;
    width: 260px;
}

.log-in-f input[type=checkbox] {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

.sign-up-btn a {
    text-decoration: none;
    color: #D7B56D;
    font-weight: 600;
}

.sign-up-btn {
    position: relative;
    top: 14px;
    color: #ffffffb5;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}

.h-top-logo {
    width: 100px;
}

.top-strip {
    width: 100%;
    background: #fff;
    padding: 12px 0;
    box-shadow: 0px 12px 14px -10px rgba(0, 0, 0, 0.15);
}

.image-back {
    background-image: url('../images/green-back.jpg');
    background-position: center;
    background-size: 100% 110%;
    background-repeat: no-repeat;
    color: #fff;
    padding: 50px 20px 30px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    background-color: #16714E;
    overflow: visible;
    height: 216px;
}

.midil-row-border {
    border-top: 1px solid #4D9F80;
    border-bottom: 1px solid #4D9F80;
}

.green-back .row {
    padding: 18px 0;
}

.main-cont-home {
    padding: 25px 20px 10px 20px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin: 0px 0 0 0;
    z-index: 100;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.main-cont-home img {
    box-shadow: 0px 5.435897350311279px 18.119657516479492px -9.059828758239746px rgba(0, 0, 0, 0.25);
    width: 92px;
}

.indx-img {
    width: 185px !important;
    margin: 0px 0 0 0;
}

.dash-img {
    border-radius: 50px !important;
    border: 1px solid #ED3237 !important;
    padding: 3px !important;
    width: 45px !important;
}

.dash-card .card-footer {
    background: #fff;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    padding: 4px;
    border-radius: 0 0 13px 13px;
    border: none;
}

.dash-card .card-header {
    background-color: #fff;
    border: none;
    padding: 0;
}

.dash-card .card-body {
    background-color: #fff;
    border: none;
    padding: 0;
    border-radius: 9px;
}

.dash-card .card-title {
    background-color: #fff;
    border: none;
    padding: 9px 0 0 0;
    font-weight: 600;
    font-size: 11px;
    color: #000;
}

.dash-card-img {
    width: 66px;
    box-shadow: 0px 10px 24px -5px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin: 0 0 15px 0;
}

.dash-card {
    border: none !important;
    padding: 10px 0 0 0;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.15);
}


.logo-c-name img {
    margin: 0 10px 0 0;
}

.logo-c-name span {
    font-weight: 600;
    font-size: 12px;
    color: #000;
    margin: 8px 0 0 0;
}

.top-cont {
    padding: 10px 15px;
}

.indx-card .card-footer {
    background: #ED3237;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding: 4px;
    border-radius: 0 0 13px 13px;
}

.indx-card .card-header {
    background-color: #fff;
    border: none;
    padding: 0;
}

.indx-card .card-body {
    background-color: #fff;
    border: none;
    padding: 0;
}

.indx-card .card-title {
    background-color: #fff;
    border: none;
    padding: 9px 0 0 0;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.indx-card {
    border: 1px solid #ED3237 !important;
    padding: 10px 0 0 0;
    border-radius: 15px;
    box-shadow: 0px 4px 34px -10px rgba(139, 189, 255, 0.50);
}

.main-cont-home a {
    text-decoration: none;
}

.main-cont-home h6 {
    color: #5C5C5C;
    font-weight: 700;
    font-size: 17px;
    margin: 10px 0;
}

.gradiant-back {
    background: linear-gradient(180deg, #8FC74A 0%, #16714E 100%);
    color: #fff;
}

.ref-btn button {
    border: none;
    margin: 0px 7px;
}

.ref-btn {
    background: #fff;
    border: none;
    padding: 20px 15px;
    border-radius: 20px 20px 0 0;
    filter: drop-shadow(0px -2px 25px rgba(0, 0, 0, 0.15));
    position: relative;
    top: 84px;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: #fff !important;
}

.btn:hover {
    color: #fff !important;
}

.ref-links {
    margin: 10px 0;
}

.ref-links h6 {
    font-size: 13px;
}

.links {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scroll-div {
    background: #FFFAA1;
    padding: 7px 12px 0 12px;
    font-size: 12px;
    font-weight: 600;
}

.banner-div {
    padding: 15px 20px;
}

.main-h {
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 35px;
    font-weight: 400;
}

.main-h-login {
    color: #FDE494;
    font-family: "Barlow", sans-serif;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
}

.carousel-item p {
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 15px;
}

.carousel-item {
    padding: 30px 20px;
}


.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50px !important;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    opacity: 1;
    transition: opacity .6s ease;
}

.carousel-indicators .active {
    opacity: 1;
    border: 1px solid #EAB92E;
    background: none;
    height: 18px;
    width: 18px;
    margin-top: -5px;
}

.btn-login {
    background: linear-gradient(180deg, #FDE494 0%, #EAB92E 100%);
    width: 100%;
    text-transform: uppercase;
    color: #000;
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    border: none;
    margin-top: 135px;
}

.btn-sign {
    background: linear-gradient(180deg, #EE6310 0%, #872F2B 100%);
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    border: none;
    margin-top: 135px;
}

.well-text {
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 15px;
}

.for-checkbox {
    display: block;
    justify-content: space-between;
    text-align: right;
    margin-bottom: 10px;
}

.for-checkbox label {
    color: #ffffffcf;
    font-family: "Barlow", sans-serif;
    font-size: 17px;
}

.forget-pass {
    color: #ffffffcf;
    font-family: "Barlow", sans-serif;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 17px;
    cursor: pointer;
}

.back-btn-main {
    padding: 26px 0 0 8px;
}

.back-btn-main img {
    width: 37px;
}

.hr-cap {
    color: #ECECEC;
    top: 0px;
    left: 0;
    margin-top: 70px;
    z-index: 1000;
    opacity: 1;
}

.hr-cap::before {
    content: 'Or continue with';
    position: absolute;
    color: #ECECEC;
    font-family: "Barlow", sans-serif;
    font-size: 17px;
    top: 67%;
    left: 31%;
    background: #212529;
    padding: 0px 20px;
}

.social-login {
    padding: 50px 0 30px 0;
}

.carousel-item img {
    border-radius: 20px;
}

.desh-main-h {
    color: #FDE494;
    font-family: "Barlow", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1);
}

.search input::placeholder {
    color: #fff;
}

.search input {
    background: #2d303e;
    height: 50px;
    text-indent: 10px;
    border: 1px solid #464957;
    border-radius: 30px;
}

.search .form-control {
    color: #fff;
    background: #2d303e;
    border: 1px solid #464957;
}

.search .fa-search {
    position: absolute;
    top: 10px;
    left: 11px;
    font-size: 22px;
    color: #2d303e;
}

.search button {
    position: absolute;
    top: 5px;
    right: 7px;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    background: #f2cc5b;
    border: 0;
}

.search .btn:hover {
    background: #D7B56D !important;
}

.view {
    color: #FDE494;
    font-size: 12px;
    text-decoration: none;
}

.popularbox {
    background: #D7B56D;
    border-radius: 10px;
    overflow: hidden;
}

.popularboxa {
    text-decoration: none;
}

.popularbox h4 {
    font-size: 16px;
    margin-top: 5px;
    color: #9A5A13;
    text-decoration: none;
}

.footer {
    background-color: #1E1E1E;
    width: 100%;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    padding: 6px 20px 0 20px;
    height: 83px;
    color: #ececec;
    box-shadow: 0px -14px 25px -5px #D7B56D;
    border-radius: 15px 15px 0 0;
}

.footer ul li a {
    font-size: 13px;
    font-weight: normal;
    color: #ececec;
}

.footer i {
    font-size: 18px;
}

.footer .active {
    color: #fff;
}

.for-bottom-gradi {
    height: 67px;
    background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(215,181,109,1) 100%);
}
.btn-dash {
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    background: #5C5353;
    margin: 0 3px;
}
.for-three-card{
    padding: 0 20px;
}
.for-three-card .col-4{
    padding: 0 3px;
}

.for-three-card .col-6{
    padding: 0 3px;
}

.slotBox h4 {
    color: #fff;
    font-size: 19px;
    margin-top: -32px;
    text-decoration: none;
}

.active{
    color: #D7B56D!important;
}

.active svg path{
    fill: #D7B56D!important;
}
.top-icon-tab .card{
    background: none!important;
    width: 100%;
    color: #fff;
}
.top-icon-tab .card img {
    width: 66px;
    align-self: center;
}

.top-icon-tab .card h4 {
    font-size: 13px;
    font-weight: 400;
    margin: 8px 0 0 0;
}
.gift-card {
    background: #353131;
    border-radius: 10px;
    padding: 0 6px 0 0;
    border: 1px solid #9A5A13;
}
.gift-card p{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
.gift-card h4{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.memberbox {
    background: #353131;
    border-radius: 14px;
    overflow: hidden;
    border-bottom: 2px solid #D7B56D;
}
.memberbox h4 {
    font-size: 16px;
    margin-top: 5px;
    color: #D7B56D;
    text-decoration: none;
}

i.fa.fa-filter {
    color: #D7B56D;
    font-size: 24px;
}
.agency-top {
    background: linear-gradient(90deg, rgba(215,181,109,1) 0%, rgba(154,90,19,1) 100%);
    padding: 10px;
    border-bottom-left-radius: 50px;
    height: 250px;
}

.top-cont h6{
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.top-cont p{
    color: #eddebd;
    font-size: 13px;
    margin-top: 15px;
}

.top-cont span {
    /*background: #fff;
    padding: 8px 17px 10px 17px;*/
    color: #9A5A13;
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    box-shadow: 0 5px 5px 0 #00000036;
}

.top-cont-span {
    background: #fff;
    padding: 8px 17px 10px 17px;
    color: #9A5A13;
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    box-shadow: 0 5px 5px 0 #00000036;
}

.gift-card-agency {
    background: #353131;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #9A5A13;
}

.tab-cont{

}

.tab-cont h6 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 5px;
}

.tab-cont p{
    color: #D7B56D;
    font-size: 13px;
    margin-top: 6px;
    
}

.tab-cont span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.invitation-link {
    background: linear-gradient(90deg, rgba(215,181,109,1) 0%, rgba(154,90,19,1) 100%);
    color: #fff;
    align-self: center;
    padding: 17px 37px;
    border-radius: 100px;
    margin: -52px 22px 0 22px;
}


.promotion-card {
    background: #D7B56D;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #9A5A13;
    height: 100px;
}
.promotion-card p{
    color: #9A5A13;
    font-size: 18px;
    font-weight: 600;
}
.promotion-card h4{
    color: #353131;
    font-size: 15px;
    font-weight: 600;
}

.promo-card {
    background: #353131;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #9A5A13;
}

.bottom-sec-ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.bottom-sec-ul li{
   padding: 10px 0;
   border-bottom: 1px solid #555555;
}
ul.bottom-sec-ul li a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #fff;
}

ul.bottom-sec-ul li a img{
    margin: 0 10px 0 0;
}

ul.bottom-sec-ul li a i{
align-self: center;
}
   
  .card .circle:hover .box{
    transform: translate(-50%, -50%) scale(0.91);
  }
  .card .circle .box span,
  .wrapper .card .text{
    color: #D7B56D ;
  }
  .circle {
    width: 42%;
    height: 68px;
    margin: 0 10px 0 0;
}
  .circle .box span{
    font-size: 20px;
    font-family: sans-serif;
    font-weight: 600;
    transform: translate(-45%, -45%);
    transition: all 0.1s;
    color: #D7B56D ;
  }
  .card .circle:hover .box span{
    transform: translate(-45%, -45%) scale(1.09);
  }
  .card .text{
    font-size: 20px;
    font-weight: 600;
  }

  .box {
    width: 100%;
    position: relative;
    top: -52px;
    right: -14px;
}

.card-progress{
    background: #D7B56D50;
    padding: 5px;
    border-radius: 5px;
}
.top-icon-tab-wallet .card img {
    width: 28px;
    height: 40px;
    align-self: center;
}

.top-icon-tab-wallet .card{
    background: none!important;
    width: 100%;
    color: #D7B56D;
}

.top-icon-tab-wallet .card h4 {
    font-size: 12px;
    font-weight: 400;
    margin: 8px 0 0 0;
}

section.top-icon-tab-wallet {
    margin: -38px 0 0 0;
}

.promo-card-wallet {
    background: #353131;
    border-radius: 6px;
    padding: 25px 0;
    border: 1px solid #9A5A13;
}

.account-page .top-cont span {
    background: #D7B56D;
    padding: 5px 18px;
    color: #9A5A13;
    font-size: 12px;
    font-weight: 600;
    border-radius: 100px;
    box-shadow: 0 5px 5px 0 #00000036;
}

.promotion-card-account {
    background: #000;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #D7B56D50;
    height: 100px;
    color: #fff;
}