/* *************shamshad Ahmad************** */

.loader{width: 100%;height: 100%;position: absolute;display: block;background-color: #fff;z-index:100;text-align: center;padding-top: 18%;  top: 0;}
.loadertxt{font-style: normal;font-weight: 400; font-size: 20px; line-height: 32px; align-items: center; text-align: center; color: #1C1C28;}

.pageconetnt_referral{overflow-x:hidden;margin: 120px 0px 100px;}

.bordertop{border-top: 1.1087px solid #000000 !important;padding-bottom:20px !important;}
.h1head{font-family: 'Red Hat Display', sans-serif;font-style: normal;font-weight:900;font-size: 130px;line-height: 110px;align-items: center;text-align: center;letter-spacing: -0.05em;text-transform: uppercase;padding: 20px 0px 0px;color: #000000;font-family: 'Work Sans', sans-serif;font-family: 'Red Hat Display', sans-serif;letter-spacing: -2px;}
.d-flex-referel{font-family: 'Cinzel';/* text-transform: uppercase; */display: flex;gap:16px;justify-content: center;font-style: normal;font-weight: 700;font-size: 40px;line-height: 48px;align-items: center;text-align: center;color: #1C1C28;padding: 13px 0px 0px;}

.d-flex-referel2{font-family: 'Cinzel';display: flex;gap:16px;justify-content: center;padding-top: 10px;font-style: normal;font-weight: 700;font-size: 28px;line-height: 62px;align-items: center;text-align: center;text-transform: uppercase;color: #1C1C28; }
.gdot{width: 14px; height: 14px; border-radius: 100%; background: #7BD38F; transform: matrix(-1, 0, 0, 1, 0, 0);}
.odot{width: 14px; height: 14px; border-radius: 100%; background: #FAB20E; transform: matrix(-1, 0, 0, 1, 0, 0);}
.rdot{width: 14px; height: 14px; border-radius: 100%; background: #E95B53; transform: matrix(-1, 0, 0, 1, 0, 0);}

.borderbottom{border-top: 1.1087px solid #000000 !important;padding: 50px 0px 0px;}

.anintro{padding: 30px 0px 0px;font-family: 'cinzel';font-family: 'Cinzel';font-style: normal;font-weight: 400;font-size: 40px;line-height: 48px;align-items: center;letter-spacing: -0.02em;/* text-transform: uppercase; */color: #1C1C28;}
.wepleased{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 400; font-size: 16px; line-height: 32px;  display: flex; align-items: center; color: #1C1C28;padding-bottom: 16px;}

.dflexbutton{display: flex;gap:12px;}
.checkbutton{text-transform:capitalize; position:relative;width:290px;justify-content: center;height: 56px;display: flex;    gap: 20px;   padding: 0px 8px;    margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;text-align: center; color: #E4D8B1 !important;}
.checkbutton:hover{color: #FFFFFF !important;}
/*.checkbutton::after{content: '';background-size: contain; width:16px; height:16px;position:absolute;right:12px; background-image: url("https://sandbox-st.marketsmojo.com/images/referral/arrow-right.png");}*/
.referalvideobg{width: 100%;height: 300px;margin-left: 0;background: linear-gradient(82.68deg, #FBEDDC -5.89%, #FFF5EC 108.01%);border-radius: 8px;margin-bottom: 40px;margin-top: 30px;}
.brleft{height:16px;}
.refpadd{padding: 23px 0px 0px;position: relative;display: revert;justify-content: center;}
.videoicons {position: absolute; top: 43%;cursor: pointer;}

.refbg2{background: #12121C;border-radius: 8px;padding:64px;min-height: 512px;margin-top: 64px;position: relative;}
.referreward{font-family: 'Cinzel', serif;padding-bottom: 15px;font-style: normal;font-weight: 400;font-size: 40px;line-height: 32px;align-items: center;text-align: center;letter-spacing: -0.02em;background: linear-gradient(269.67deg, #FFF2C4 6.98%, #CEC4A2 100.83%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.creditper{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 400;  font-size: 16px; line-height: 24px;align-items: center;text-align: center; letter-spacing: 0.02em; color: #DCDCDC;}
.amtn{font-family: 'Cinzel';font-style: normal;font-weight: 700;font-size: 32px;line-height: 48px;align-items: center;text-align: center;color: #FFFFFF;}
.creditper2{font-family: 'Playfair Display', serif;font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; align-items: center; text-align: center; letter-spacing: 0.02em; color: #DCDCDC; flex: none; order: 0; flex-grow: 0;padding-top: 16px;}
.checkicon{text-align: center;padding: 10px 0px 0px;}

.dflexbutton2{display: flex;gap:12px;justify-content: center;padding: 20px 0px 0px;}

.bgleft{position:absolute;bottom:0;left:0;}
.bgright{position:absolute;bottom:0;right:0;}

.ptreferral{padding: 100px 0px 0px;}
.ptreferral3 {padding:100px 0px 0px;}
.ptreferral2{padding: 100px 0px 0px;}
.ptreferral4{padding: 100px 0px 0px;}
.referralhead {font-family: 'Cinzel';font-style: normal;font-weight: 400;font-size: 40px;line-height: 56px;align-items: center;text-align: center;color: #1C1C28;margin-bottom: 10px;/* text-transform: uppercase; */}
.referralsmal{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 400;font-size: 24px;line-height: 32px;align-items: center;text-align: center;color: #1C1C28;padding-bottom: 24px;}
.referralsmall3{font-family: 'Playfair Display';font-style: normal;  font-weight: 600; font-size: 24px; line-height: 32px; align-items: center;text-align: center; color: #FFFFFF;}
.referralsmall3_1{font-family: 'Playfair Display';font-style: normal;  font-weight: 600; font-size: 24px; line-height: 32px; align-items: center;text-align: center; color: #FFFFFF;margin-bottom:6px;}

.referralsmal_2{font-family: 'Playfair Display', serif; font-style: normal;font-weight: 400;font-size: 24px;line-height: 32px;align-items: center;text-align: center;color: #FFFFFF; padding-bottom: 24px;}

.flext3{display:flex;justify-content: center; }
.refbg3{/* background: linear-gradient(259.85deg, #F0DFB4 -2.99%, #FFF7E1 106.84%); */border-radius: 8px;padding: 60px 45px 45px;background: linear-gradient(82.68deg, #FBEDDC -5.89%, #FFF5EC 108.01%);}

.numbertext{font-style: normal;font-weight: 400;font-size: 40px;line-height: 32px; align-items: center; text-align: center; color: #1C1C28;}
.ptnumber{padding: 48px 0px 0px;}
.referral-icon{text-align: center;}
.referral-icon-text{font-style: normal;font-weight: 400; font-size: 20px; line-height: 32px; align-items: center;text-align: center; color: #1C1C28;}

.flextab{display: flex;justify-content: center;padding:36px 0px 0px;}
.flextab2 {display: inline-grid; padding: 36px 0px 0px; width: 100%;}
.op-tab {display: flex; gap:66px; border-bottom: 1px solid #B9BFD3;padding-bottom:0px;}
.op-tab .tab-list {display: flex; align-items: center; cursor: pointer; padding-bottom: 0; border-bottom:0px solid transparent; transition: all 0.2s linear 0s;}
.op-tab .tab-list .tab-list-text {font-family: 'Playfair Display', serif;font-style: normal;font-weight:400;font-size: 16px;line-height: 32px;display: flex;align-items: center;color: #1C1C28;padding-bottom: 15px;border-bottom: 0px solid #FFF;}
.tab-list-text.active {border-bottom: 2px solid #1C1C28 !important;font-weight: 900 !important;}

.flextab3 {display: inline-grid;padding:0px 0px 0px; width: 100%;}
.tab-center{justify-content: center; width:100%;}
.mtm12{margin-top:0px;}
.refbg4{background-image: url("https://i.marketsmojo.com/referral/referral_curcle.png");position: relative; height: 424px;width: 415px;background-size:contain;}
.bgpadd{position:absolute;bottom:56px;margin-left:32px;}
.usn{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 500;font-size: 16px;line-height: 17px;margin-bottom: 4px;color: #1C1C28;letter-spacing: .4px;}
.ud{font-family: 'Manrope', sans-serif;font-style: normal; font-weight: 600; font-size: 10.8025px; line-height: 11px; color: #1C1C28;}
.blue_card .ud{color:#FFF;}
.blue_card .usn{color:#FFF;}
.jade_card .ud{color:#FFF;}
.jade_card .usn{color:#FFF;}
.blue_card .usn .edituser{color:#FFF;}
.jade_card .usn .edituser{color:#FFF; text-decoration: underline;}
.bgpadd2{position:absolute;bottom:20px;margin-right:0px;right:12px;background-image: url("https://i.marketsmojo.com/referral/referral_sq.png");    background-size: cover;height:170px; width: 148px;justify-content: center;}
.thumbimg{justify-content: center;position: relative; margin-top:-46px;}
.thumbimg img{height: 134px; width: 134px;}

.platinummember{padding: 10px 0px;font-style: normal;font-weight: 600;font-size: 20px;line-height: 24px;display: flex;justify-content: center;align-items: center;text-align: center;letter-spacing: -0.02em;color: #1C1C28;}
.platinumbg{width: 202px;height:32px;background: #F8CFCF;border: 1px solid #1C1C28;border-radius: 100px;margin-top:50px;}
.platinumhead{font-style: normal;font-weight: 500;font-size: 13px;line-height: 32px;align-items: center;text-align: center;letter-spacing:0.02em;text-transform:uppercase;color: #1C1C28;}
.platinumhead2{font-style: normal; font-weight: 400;font-size: 40px;line-height: 48px; align-items: center; color:#1C1C28;padding-top:32px;padding-right:50px;}

.arrowleft ul {margin-bottom: 0px;padding-left: 24px;padding-right:0px;}
.arrowleft ul li {list-style-image: none;list-style-image: url(https://i.marketsmojo.com/referral/tick.png);font-style: normal;font-weight: 400;font-size: 16px;line-height: 32px;align-items: center;color: #454545;padding-left:8px;}

.tablegrid{padding:0px 0px 0px;}
.tablegrid .table {width: 100%; margin-bottom: 0; color: #212529;}
.tablegrid table.table thead th {border-top: 0px solid #000 !important;    vertical-align: middle;}
.tablegrid{background: #FFFFFF;background: #FFFFFF; border: 1px solid #1C1C28;border-radius: 8px;    margin-top: 30px;}
.tablegrid th {font-style: normal;font-weight: 600;font-size: 14px;line-height: 22px;align-items: center;text-align: center;text-transform: uppercase;color: #1C1C28;font-family: 'Playfair Display', serif;}
.tl1{padding-left:30px !important;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 20px;align-items: center;color: #1C1C28;}
.tablegrid table.table td {padding-top:.86rem; padding-bottom:.86rem;}
.tl2{font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 800;font-size: 20px;line-height: 32px;align-items: center;text-align: center;color: #1C1C28;}
.tl3{font-family: 'Archivo', sans-serif;font-style: normal;font-weight:400; font-size: 20px; line-height: 32px; align-items: center;text-align: center; color: #1C1C28;}

.thb{border: 1px solid #B9BFD3 !important;border-top: 1px solid #000 !important;height: 50px;}
.thb2{border-bottom:0px solid #B9BFD3 !important;}
.thb3{border-top:0px solid #dee2e6 !important;}
.thb4{border-top:0px solid #dee2e6 !important;border-bottom:0px solid #dee2e6 !important;border-left:1px solid #B9BFD3 !important;}
.tablegrid .table th, .table td {padding: 0.75rem; vertical-align: top;  border-top: 0px solid #dee2e6;}

.referralhead2{font-family: 'Cinzel';font-style: normal;font-weight: 700;font-size: 32px;line-height: 48px;align-items: center;text-align: center;color: #1C1C28;/* text-transform: uppercase; */font-style: normal;font-weight: 400;font-size: 40px;line-height: 56px;
/* identical to box height, or 140% *//* display: flex; */align-items: center;text-align: center;color: #1C1C28;}

.fancy-collapse-panel{width:650px;margin:0 auto;position: relative;justify-content: center;padding-top:24px;}
.pageconetnt_referral .panel-default > .panel-heading {padding: 0;position: relative;}
.pageconetnt_referral .panel-heading {padding: 12px 35px 12px 15px;background: #FFFFFF; border: 1px solid #000000; box-shadow: 0px 8px 0px #000000;  border-radius: 8px;font-family: 'Playfair Display'; font-style: normal;  font-weight: 400;  font-size: 16px;  line-height: 24px; align-items: center;color: #1C1C28; margin-bottom: 12px;}
.panel-title{padding: 20px 56px 20px 20px;border-radius: 8px;}
.head46 {position: absolute;right: 20px;cursor: pointer;top:20px;}

.pageconetnt_referral .panel-body {padding: 0px 20px 14px;margin-top:-14px;}
.bh1{font-style: normal;font-weight: 700;font-size: 20px;line-height: 32px;display: flex;align-items: center;color: #1C1C28;}
.bh2{font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;align-items: center;color: #656566;}
.pageconetnt_referral .panel.panel-default {margin-bottom: 24px;}
.yellbg{background: #FFF9F2 !important;height: auto !important;}
.mtool{transform: translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;background-color: rgb(251, 238, 157);z-index: 901;}
.arrowwhite ul {margin-bottom: 0px;padding-left: 24px;padding-top:16px;}
.arrowwhite ul li {font-family: 'Archivo', sans-serif;list-style-image: none;list-style-image: url(https://i.marketsmojo.com/referral/w_check.png); font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;align-items: center;color: #DCDCDC;}
.refbg5 {background: #12121C;border-radius: 8px;padding: 64px;min-height: 400px;margin-top: 100px;position: relative;}

.bgleft_1{position:absolute;bottom:0;left:0;}
.bgright_1{position:absolute;bottom:0;right:0;}

.bgpadd4{height: 426px;  background: #FFFFFF;border: 1px solid #000000; border-radius: 8px;}
.yourmojo{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 600;font-size: 20px;line-height: 32px;align-items: center;letter-spacing: -0.02em;color: #1C1C28;}
.dflex2{display: flex;gap:18px;}
.reslide{position: relative;top:7px;}
.p123{padding: 88px 0px 0px 60px;}
.int{font-family: 'Archivo', sans-serif;width: 64px;height: 40px;  border: 1px solid #000000;border-radius: 8px;font-style: normal;font-weight: 600;font-size: 24px;line-height: 38px;align-items: center;text-align: center;letter-spacing: -0.02em;color: #1C1C28;}

.bgpadd5{height:425px;background: linear-gradient(229.61deg, #0E0E35 -4.79%, #000000 110.21%);border-radius: 0px 8px 8px 0px;}

.pt123{padding:60px 0px 0px;}
.referralcredit{font-family: 'Playfair Display'; font-style: normal; font-weight: 400;font-size: 16px; line-height: 32px; align-items: center; text-align: center; color: #FFFFFF;}

.referralrupee{font-style: normal;     font-family: 'Archivo', sans-serif;font-weight: 400; font-size: 40px; line-height: 32px; align-items: center;text-align: center; letter-spacing: -0.02em; color: #FFFFFF;margin-bottom: 30px;}
.bx{display: -ms-flexbox !important;display: flex !important;gap:12px;}
.abscd{display: flex;gap:20px;padding:26px 20px;}
.absc{position:absolute;bottom:14px;    display: flex;gap: 12px;padding:0px 20px;}
.userpro{position:relative;right:0px;bottom:0px;}
.userpro img{border-radius: 100%;height:40px; width:40px;}

.userpro2{position:relative;right:0px;bottom:0px;}
.userpro2 img{height:30px; width:30px;}
.usn12{font-family: 'Manrope', sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 25px;align-items: center;letter-spacing: 0.3em;text-transform: uppercase;color: #1C1C28;}
.usn123{font-family: 'Manrope', sans-serif;font-style: normal; font-weight: 600; font-size: 17px; line-height: 25px;  align-items: center; letter-spacing: 0.3em; text-transform: uppercase; color: #1C1C28;}

.bgpadd6{position: absolute;right: 95px;bottom: -50px;display: flex;justify-content: center;margin: 0 auto;}
.refbg6 {background-image: url(https://i.marketsmojo.com/referral/platbg2.svg); position: relative;  height: 214px;  width: 342px;  background-size: cover;  margin: 0 auto;}
@media only screen and (min-width:767px) and (max-width:1024px){
  .h1head{font-size: 70px;}
  .h1head img{width:100%;} 
  .ptreferral3 {padding:110px 0px 0px;}
  .bgpadd6{right: 52px;}
}
@media only screen and (max-width: 960px){
	.referralsmall3{font-size: 20px;line-height: 28px;}
	.refpadd{
    padding: 10px 0px 0px;
}
	.anintro{font-size: 24px;line-height: 33px;font-weight: 600;text-align: center;}
  .referralsmal{font-size: 16px;line-height: 22px;}	
  .pageconetnt_referral .container{padding-right: 0;padding-left: 0;padding-bottom: 14px !important;}
  .pageconetnt_referral{padding: 0px 10px;margin:110px 0px 100px;}
  .h1head img{height: 20px;}
  .h1head{padding: 12px 0px 0px;font-size: 40px;line-height: 40px;letter-spacing: -2px;}
  .background-transparent{background-color: #FFFFFF;}
  .d-flex-referel{font-size: 20px;line-height: 16px;padding: 0px 0px 0px;}
  .borderbottom{padding: 0px 0px 0px;}
  .wepleased{font-size: 16px;line-height: 28px;text-align: center;}
  .dflexbutton {gap: 0; justify-content: center; margin-bottom:60px;margin-top:20px;}
  .checkbutton{width: auto;margin: 0;}
  .referalvideobg {width: 100%;height: 204px;display: revert;justify-content: center;margin: 0 auto 0px;margin-left:0px;}
  .pht img{height: 305px;}
  .refbg2 {padding:40px 12px;min-height: auto;margin-top: 33px;}
  .referreward{font-size:28px;line-height:32px;padding-bottom: 0;}
  .dflexbutton2 {justify-content: center;padding: 15px 0px 18px;}
  .referralhead{font-size: 24px;line-height:32px;padding: 0px 20px;}
  .ptreferral {padding: 30px 0px 0px;}
  .ptreferral3 {padding: 50px 0px 0px;}
  .ptreferral4{padding:0px 0px 0px;}
  .refbg3 {height: auto;padding: 28px 15px 10px;}
  .checkicon {padding: 10px 0px 18px;}
  .ptreferral2 {padding: 30px 0px 0px;}
  .op-tab {overflow-x: scroll;overflow-y: hidden;width: 100%;scrollbar-width: none;flex-wrap: nowrap;    gap:30px;}
  .op-tab .tab-list {white-space: nowrap;}
  .op-tab::-webkit-scrollbar {display: none;}
  .p123 {padding: 20px 20px 10px 20px;}
  .bgpadd4 {height: auto;}
  .yourmojo{font-size: 20px;line-height: 32px;}
  .dflex2 {display: revert;gap: 0;}
  .reslide {position: relative;top: 0;width: 96%;}
  .reslide img{width:92%;}
  .int{width:86px;height: 40px;font-size: 20px;line-height: 38px;margin-right: 12px;margin-top: 12px;}
  .pt123 {padding: 20px 0px 0px;}
  .bgpadd5 {height: auto;margin-top: 20px;padding-bottom: 30px;border-radius: 0px 0px 0px 0px;}
  .bgpadd6 {position: relative;right: 0;bottom:70px;display: flex;justify-content: center;margin: 0 auto;}
  .referralhead2{font-size: 24px;line-height: 32px;padding: 30px 10px;}
  .fancy-collapse-panel{width:100%;    padding-top: 0;}
  .pageconetnt_referral .panel-heading a{font-size:16px; line-height:24px;}
  .refbg5 {padding: 40px 12px;min-height: auto;margin-top: 46px;}
  .tablegrid {padding: 20px 0px 0px;}
  .tl1{white-space: nowrap;}
  .ptnumber {padding:38px 0px 0px;}
  .usn12{font-size: 15px;}
}

@media only screen and (max-width:360px){
  .dflexbutton2 {gap: 0;margin-top: 10px;    display: revert;}
  .checkbutton{font-size: 13px;gap:5px;}
}

/****************second page***************/
.thankyoufor{font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;align-items: center;text-align: center;color: #1C1C28;font-family: 'Playfair Display';}
.h1head2 {font-family: 'Red Hat Display', sans-serif;font-style: normal;font-weight: 900;font-size: 130px;line-height: 110px;align-items: center;text-align: center;text-transform: uppercase;color: #000000;font-family: 'Work Sans', sans-serif;letter-spacing: -2px;font-family: 'Red Hat Display', sans-serif;}
.h1head2_2 {font-family: 'Red Hat Display', sans-serif;font-style: normal;font-weight: 900;font-size: 130px;line-height: 118px;align-items: center;text-align: center;text-transform: uppercase;color: #000000;font-family: 'Work Sans', sans-serif;letter-spacing: -1px;font-family: 'Red Hat Display', sans-serif;margin-bottom: 0px;}

.bordertop2 {border-top: 1.1087px solid #000000 !important;border-bottom: 1.1087px solid #000000 !important;padding-bottom:0px;}
.bordertop3 {border-bottom: 1.1087px solid #000000 !important;padding-bottom:0px;}
.dflex12{display: flex;justify-content: center;}
.mtm122 {margin-top:36px;}

.refbg444 {background-image: url(https://i.marketsmojo.com/referral/referral_curcle.svg);position: relative;height: 447px;width: 442px;background-size: 100%;}
.bgpadd1 {position: absolute;bottom: 126px;margin-left: 32px;}
.platinumambassador {font-style: normal;font-weight: 400;font-size: 18px;line-height: 36px;align-items: center;text-align: center;letter-spacing: 0.2em;text-transform: uppercase;color: #FFFFFF;margin-top: 118px;padding-right: 50px;}
.checkbutton2{text-transform:capitalize;position:relative;width: auto;justify-content: center;height: 56px;display: flex;gap: 20px;padding: 0px 16px;margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;text-align: center;color: #E4D8B1 !important;}
.checkbutton2:hover{color: #FFFFFF !important;}

.invitations{font-family: 'Playfair Display';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;align-items: center;text-align: center;color: #1C1C28;padding-top: 20px;padding-bottom:84px;}
.bgpadd20{position:absolute;bottom: -104px;margin-right:-58px;right:12px;background: #FFFFFF;border: 1px solid #1C1C28;box-shadow: 0px 6px 0px #000000;border-radius: 8px;background-size: cover;height:170px;width: 148px;justify-content: center;}
.thumbimg10{justify-content: center;position: relative;margin-top:0px;display: flex;width: 88px;margin: 0px auto;}
.thumbimg10 img{height: 88px;width: 100%;margin: 10px 0px 0px;border-radius: 100%;display: block;}
.platinummember123 {padding: 10px 12px;font-style: normal;font-weight: 600;font-size: 20px;line-height: 24px;display: flex;justify-content: center;align-items: center;text-align: center;letter-spacing: -0.02em;color: #1C1C28;}

.wemaintain{font-style: normal;font-weight: 600;font-size: 20px;line-height: 32px;align-items: center;text-align: center;color: #1C1C28;margin-bottom: 5px;padding-top: 15px;}
.yourreferral{font-style: normal;font-weight: 400;font-size: 16px;line-height: 32px;align-items: center;text-align: center;  color: #1C1C28;}
.bg66{width: 100%;height: 408px;background: #FFFFFF;border: 1px solid #000000;box-shadow: 0px 8px 0px #000000;border-radius: 8px;padding: 30px 30px;}
.ptreferral6{padding:20px 0px 0px;}
.platinumbg2 {width: auto;height: 32px;background: linear-gradient(222.41deg, #BE4A9B -12.71%, #3D042B 115.73%);  border-radius: 100px;margin-top: 0;padding: 0px 20px;font-style: normal; font-weight: 500; font-size: 13px; line-height: 32px; align-items: center;  text-align: center; letter-spacing: 0.02em; text-transform: uppercase;  color: #FFFFFF;}
.platinumhead22{font-family: 'Playfair Display';padding-top: 16px;font-style: normal;font-weight: 400;font-size: 32px;line-height: 48px;align-items: center;letter-spacing: -0.02em;color: #1C1C28;}
.dflex123{display: flex;}
.platinumbg2_2 {width: auto;height: 32px;background: linear-gradient(223.99deg, #119D38 -12.44%, #375E27 113.56%);border-radius: 100px;margin-top: 0;padding: 0px 20px;font-style: normal; font-weight: 500;font-size: 13px; line-height: 32px; align-items: center; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #FFFFFF;}
.ptreferral7{padding:60px 0px 0px;}
.mtm122222 {margin-top:25px;}
.whitebg{background: #FFFFFF !important;}
.pannelcontent{display: flex;gap:35px;font-style: normal;font-weight: 400;font-size:20px;line-height:28px;align-items: center;margin-bottom:40px;color: #1C1C28;}
.font-weight-700{font-weight: 700;}

.bodynew{background: #FFF9F2 !important;}

.checkbutton3{text-transform: capitalize;position:relative;width:240px;justify-content: center;height: 56px;display: flex;    gap: 26px;   padding: 0px 8px;    margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;text-align: center; color: #E4D8B1 !important;}
.checkbutton3:hover{color: #FFFFFF !important;}

.panel-title a{font-family: 'Playfair Display'; font-style: normal; font-weight: 700;  font-size: 20px; line-height: 32px; align-items: center; color: #1C1C28;}
.linehoriz {width: 100%; text-align: center; border-bottom: 1px solid #000; line-height: 0.1em;margin: 10px 0 30px;} 
.linehoriz span { background:#fef8f1; padding:0 10px; font-style: italic;font-weight: 400;font-size: 16px;align-items: center;text-align: center;color: #1C1C28;}
.curcle-box1 {width: 372px;position: absolute;height: 372px;background: linear-gradient(223.34deg, #FDDEE4 7.37%, #E4DEFD 99.26%);opacity: 0.4;border-radius: 100%;bottom: -90px;left:-66px;z-index: -1;}
.curcle-box2 {width: 372px;position: absolute;height: 372px;background: linear-gradient(223.34deg, #D8F6FF 7.37%, #DACDF4 99.26%);opacity: 0.4;border-radius: 100%;top: -90px;right: 0;z-index: -1;}

.lbg{position:absolute;left:0px;top:50px;}
.rbg{position:absolute;right:0px;top:50px;}

.dflexbutton22 {display: flex;gap: 12px;justify-content: center;padding: 30px 0px 10px;}
.checksection{padding: 30px 0px 0px; display: flex;justify-content: center;}
.checksection .form-check {position: relative;display: block;padding-left: 1.25rem;overflow: hidden;}
.checksection [type=checkbox]+label{position: relative;cursor: pointer;height:24px;margin-bottom: 0px;padding-left:32px;font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;align-items: center;text-align: center; color: #1C1C28;}
.checksection [type="checkbox"].filled-in:checked + label:before {top:3px;left:3px;width:8px;height:13px;border-top: 3px solid transparent;border-left: 3px solid transparent;border-right: 3px solid #42A5F5;border-bottom:3px solid #42A5F5;-webkit-transform: rotateZ(37deg);transform: rotateZ(37deg);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.checksection [type="checkbox"] + label:before {content: '';position: absolute;top: 0;left: 0;width: 24px;height: 24px;z-index: 0;border: 4px solid #42A5F5;border-radius: 1px;margin-top: 2px;background: #582FDA;}
.checksection [type="checkbox"].filled-in:checked + label:after {left:0;top:2px;width: 24px;height: 24px;border: 4px solid #42A5F5;background-color: #E3F2FD;z-index: 0;border-radius:2px;}
.checksection [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {content: '';position: absolute;z-index: 1;background: transparent;}

.refbg6566 {position: relative;height: 203px;width: 358px;background-size: cover;margin: 110px 7px 0px;}
.abscdb {position: absolute; bottom: 0; display: flex; gap: 12px; padding: 0px 20px;}
.refbg6566 .abscdb {position: absolute; bottom: 0; display: flex; gap: 12px; padding: 0px 20px;}
.refbg6566 .abscdb {position: absolute;bottom: 0;display: flex;gap: 12px;padding: 0px 18px;}
.bg8{background: linear-gradient(229.61deg, #0E0E35 -4.79%, #000000 110.21%);padding:80px 0px 80px;}

.gold_card {background-image: url(https://i.marketsmojo.com/referral/gold_card.svg);position: relative;height: 213px;width: 342px;background-size: cover;margin: 0 auto;}
.silver_card {background-image: url(https://i.marketsmojo.com/referral/silver_card.svg);position: relative;height: 216px;width: 342px;background-size: cover;margin: 0 auto;}
.blue_card {background-image: url(https://i.marketsmojo.com/referral/blue_card.svg); position: relative;height: 213px; width: 342px;background-size: cover; margin: 0 auto;}
.jade_card {background-image: url(https://i.marketsmojo.com/referral/jade_card.svg); position: relative;height: 213px; width: 342px;background-size: cover; margin: 0 auto;}
.platinum_card {background-image: url(https://i.marketsmojo.com/referral/platinum_card.svg); position: relative;height: 213px; width: 342px;background-size: cover; margin: 0 auto;}

.refbg6566 .gold_card {height: 213px;width: 342px;background-size: cover;}
.refbg6566 .silver_card {height: 216px;width: 342px;background-size: cover;}
.refbg6566 .blue_card {height: 213px; width: 342px;background-size: cover;}
.refbg6566 .jade_card {height: 213px; width: 342px;background-size: cover;}
.refbg6566 .platinum_card {height: 213px; width: 342px;background-size: cover;}

.siocalflex{display: flex;gap:30px;justify-content: center;}
textarea#copyMessage2 {width: 100%; padding: 10px; border: 1px solid #ddd;    font-family: 'Playfair Display', serif;    font-style: normal;font-weight: 400; font-size: 16px; line-height: 24px; align-items: center; color: #1C1C28;}
@media only screen and (max-width: 960px){
	.linehoriz{padding-top: 15px; margin: 10px 0 23px;}
	.rbg{display:none;}
	.lbg{display:none;}
	.pannelcontent{display: revert;gap:0px;font-size: 16px;line-height: 22px;margin-bottom: 10px;}
	.refbg6566 .gold_card {height: 208px;width: 342px;background-size: contain;    background-repeat: no-repeat;}
	.refbg6566 .silver_card {height: 208px;width: 342px;background-size: contain;    background-repeat: no-repeat;}
	.refbg6566 .blue_card {height: 208px;width: 342px;background-size: contain;    background-repeat: no-repeat;}
	.refbg6566 .jade_card {height: 208px; width: 342px;background-size: contain;    background-repeat: no-repeat;}
	.refbg6566 .platinum_card {height: 208px; width: 342px;background-size: contain;    background-repeat: no-repeat;}
	
	.bgpadd5 .gold_card {height: 190px;width: 306px;background-size: cover;}
	.bgpadd5 .silver_card {height: 190px;width: 306px;background-size: cover;}
	.bgpadd5 .blue_card {height: 190px;width: 306px;background-size: cover;}
	.bgpadd5 .jade_card {height: 190px; width: 306px;background-size: cover;}
	.bgpadd5 .platinum_card {height: 190px; width: 306px;background-size: cover;}
	
  .refbg6566{margin: 110px 0px 0px 10px;width: 80%;}
  .thankyoufor{font-size: 16px;line-height: 22px;}
  .ptreferral7 {padding: 0px 0px 0px;}
  .checkbutton2{width: auto;margin: 0;font-size: 15px;padding: 0px 30px;}
  .checkbutton3{width: 220px;margin: 12px 0px 0px;padding: 0px 0px;}
  .h1head2{padding: 9px 0px 0px;font-size: 42px;line-height: 40px;letter-spacing: -2px;}
  .h1head2_2{padding: 9px 0px 0px;font-size: 40px;line-height: 44px;letter-spacing: -3px;}
  .bg66 {width: 100%;height: auto;padding: 24px;margin-bottom: 20px;}
  .platinumhead22{font-size: 28px;line-height: 38px;padding: 15px 0px 0px;}
  .bordertop2 {padding-bottom: 0px; padding-top: 14px;}
  .bgpadd1 {bottom: 148px;margin-left: 28px;}
  .platinumambassador {font-size: 15px;line-height: 26px; margin-top: 105px; padding-right: 42px;}
  .invitations{padding:0px 0px 0px;}
  .referralsmall12{padding:0px 0px 0px;}
  .dflexbutton22 {justify-content: center; padding:15px 0px 40px;}
  .checksection{padding:10px 0px 0px;}
  .checksection [type=checkbox]+label{padding-left:22px;}
  .d-flex-referel2 {font-size: 12px;line-height: 16px;}
  .refbg444 {height: 418px;width: 442px;background-size: cover;}
  .checkbutton{gap: 6px;font-size: 16px;padding: 0px 20px;}
  .checkbutton3{font-size: 15px !important;line-height: 15px !important;}
  .refbg6566 .abscdb{bottom: 15px;padding: 0px 20px;}
  .refbg6566 .abscd {gap: 10px; padding: 7px 10px;}
  .bgpadd20 {position: absolute;bottom: -65px;margin-right: -24px;height: 166px;width: 145px;}
  
  .siocalflex{width:100%;float: left;display: revert;}
  .siocal1 {width:48%; float: left;}
  .siocal2 {width: 48%; float: left;margin-left: 4%;}
  .siocal3 {width: 48%; float: left;}
  .siocal4 {width: 48%; float: left;margin-left: 4%;}
}
@media only screen and (max-width:750px){
	.refbg6566{margin: 100px 0px 0px 10px;width: 94%;}
}
.dflex12345{display: flex;justify-content: center;margin-top:20px;}
.dflex1234{margin-bottom:40px;position: relative;}
.topbgbox{width: 298px; height: 80px;background: linear-gradient(180deg, #D8F6FF 0%, #D4E2FD 36.46%, #DDE4FB 100%);border: 1px solid #000000; box-shadow: 8px 8px 0px #000000; border-radius: 8px;}
.star1{position:absolute;right:-10px;top:-18px;}
.star2{position:absolute;left:-10px;bottom:-18px;}

.h1head3 {font-family: 'Red Hat Display', sans-serif;font-style: normal;font-weight: 900;font-size:70px;line-height: 96px;align-items: center;text-align: center;text-transform: uppercase; color: #000000;font-family: 'Work Sans', sans-serif;}
.ptreferral8{padding:20px 0px 0px;}
.bgpadd40{height:244px; background: linear-gradient(269.67deg, #FFF9E1 6.98%, #E7E2D1 100.83%); border-radius: 8px; font-style: normal;margin-bottom: 12px;}

.bgpadd412{height:244px;background: linear-gradient(269.67deg, #FFF9E1 6.98%, #E7E2D1 100.83%);border-radius: 8px;font-style: normal;margin-bottom: 12px;}
.dflex123456{display: flex;justify-content: center;margin-top:10px;gap: 8px;}
.dflex123456 img{height: 56px;border-radius: 4px;}
.ush{font-style: normal;font-weight: 700;font-size: 20px;line-height: 28px;align-items: center;  color: #1C1C28;margin-bottom:0;}
.pat{font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;align-items: center;color: #1C1C28;margin-bottom:0;}

.invite_via_email{font-family: 'Cinzel'; font-style: normal;font-weight:400;font-size: 32px;line-height: 56px;align-items: center;text-align: center;color: #1C1C28;padding: 40px 0px 0px;}
.mt234{margin-top:44px;}
.mt2345{margin-bottom:44px;}
.flex456{display:flex;gap:20px;justify-content: center;}
.invitebutton{text-transform: capitalize; width: 177px;height: 56px;background: #2378F8;border-radius: 8px;font-style: normal;font-weight: 700;font-size: 15px;line-height: 20px;display: flex;justify-content: center;gap:10px;align-items: center;color: #FFFFFF;}
a.invitebutton:hover{background-color: #2378F8;color: #FFFFFF;}

.flex456 ::placeholder{color: #B9BFD3;}
.sendbutton{position:relative;width:110px;justify-content: center;height: 56px; display: flex;  gap: 8px; font-style: normal; font-weight: 600;font-size: 16px; line-height: 24px; align-items: center; text-align: center; color: #1C1C28; padding: 0px 12px; margin: 0; background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important; border-radius: 8px;color: #E4D8B1 !important; text-transform:capitalize;}
.sendbutton:hover{color:#FFF !important;}
.sendp {margin-bottom: 6px;}
.refinput{width: 464px;height: 56px;border: 1px solid #1C1C28;border-radius: 8px;}
.refintext{font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;  color: #656566;padding:3px 0px 0px;}
.preview_email{font-style: normal;font-weight: 600;font-size: 13px;line-height: 24px;align-items: center;text-align: center;color: #2378F8;}
.preview_email a{font-style: normal;font-weight: 600;font-size: 13px;line-height: 24px;align-items: center;text-align: center;color: #2378F8;}

.ort{font-style: italic;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;text-align: center;color: #1C1C28;padding:16px 0px;}

.fb_button{width: 133px;height: 48px;border: 1px solid #3764B9; font-style: normal;display: flex;justify-content: center;gap:10px;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;color: #3D6AD6;}
.tw_button{width: 133px;height: 48px;border: 1px solid #00B7FF; font-style: normal;display: flex;justify-content: center;gap:10px;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;color: #00B7FF;}
.linkedin_button{width: 133px;height: 48px;border: 1px solid #0077B5; font-style: normal;display: flex;justify-content: center;gap:10px;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;color: #0077B5;}
.whatsup_button{width: 133px;height: 48px;border: 1px solid #39AE41; font-style: normal;display: flex;justify-content: center;gap:10px;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;color: #39AE41;}
.inb .fa {font-size:20px;}

.bgpadd4122{height:auto; background: linear-gradient(269.67deg, #FFF9E1 6.98%, #E7E2D1 100.83%);font-style: normal;margin-bottom: 12px;}
.flex4562{display:flex;gap:20px;justify-content: center;padding: 30px 0px 0px;}
.copy_ink {text-transform: capitalize; font-family: 'Archivo', sans-serif;position: relative;width: 166px; justify-content: center;height: 56px; display: flex;gap: 8px;font-style: normal;font-weight: 600;font-size: 16px; line-height: 24px;align-items: center; text-align: center; color: #1C1C28; padding: 0px 12px; margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px; color: #E4D8B1 !important;}
.copy_ink:hover{color: #FFF !important;}
.copyinput {width: 490px;height: 56px;background: #E7E0C4; border: 1px solid #C6B6A3;border-radius: 8px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; align-items: center;  color: #4D3920;}
.bggrey12{font-family: 'Playfair Display', serif;background: #F7F9FF;height: auto;padding:58px 48px;    margin-bottom: 48px;position: relative;box-shadow: 0px 4px 4px #dfcab2;  border-radius: 8px;}
.linehoriz2 {width: 100%;text-align: center;border-bottom: 1px solid #000;line-height: 0.1em;margin:35px 0 0px;}
.linehoriz2 span { background:#f4eeda; padding:0 10px; font-style: italic;font-weight: 400;font-size: 16px;align-items: center;text-align: center;color: #1C1C28;}

.flex4563{display:flex;gap:20px;padding: 30px 0px 0px;position: relative;}
.deartext{font-style: normal;font-weight: 600;font-size: 20px;line-height: 24px;align-items: center;color: #1C1C28;}
.btx{width:342px;border-bottom: 1px solid #1C1C28;position:relative;top:0px;}
.editt{font-family: 'Archivo', sans-serif;text-align: right;padding-left:0px;margin-top:0px;position:absolute;right:48px;top:34px;}
.editt a{font-style: normal;font-weight: 600;font-size: 16px;line-height: 40px;align-items: center;text-align: center;color: #2378F8;}
.ifyuare{font-style: normal;font-weight: 600;font-size: 20px;line-height: 28px;align-items: center;  color: #1C1C28;padding-top: 24px;}
.bdtext{font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;color: #1C1C28;}
.bdtext a{font-weight: 600;text-decoration-line: underline;color: #2378F8;    word-break: break-all;}
.brigh{border-right: 0px solid #000 !important;}
.bleft{border-left: 0px solid #000 !important;}
@media only screen and (min-width:767px) and (max-width:1024px){
  .refinput{width: 354px;}
  .fb_button{width: 116px;gap: 5px;}  
  .tw_button{width: 116px;gap: 5px;}
  .linkedin_button{width: 116px;gap: 5px;}
  .whatsup_button{width: 116px;gap: 5px;}
  .copyinput {width: 390px;}
}
@media only screen and (max-width: 960px){
  .h1head3 {font-size:28px;line-height:32px; padding-top: 10px;}
  .ptreferral8 {padding:20px 0px 0px;}
  .invite_via_email{font-size:24px;line-height:36px;padding:25px 0px 0px;}
  .bgpadd40 {height: auto;}
  .flex456 {display: revert;gap: 0;}
  .inb2{display: flex; justify-content: center;}
  .invitebutton{width: 90%;margin: 0 auto;}
  .refinput {width: 90%;margin: 0 auto;}
  .refintext, .flex456 .error_text{margin: 0 auto; text-align: center;}
  .sendbutton{width: 90%;margin: 18px auto 0px;}

  .bgpadd412 {height: auto; padding: 0px 20px 20px;}
  .fb_button{width:100%;display:inline-flex;justify-content: center;margin-bottom: 16px;}
  .tw_button{width: 100%;display: inline-flex;justify-content: center;margin-bottom: 16px;}
  .linkedin_button{width: 100%;display: inline-flex;justify-content: center;margin-bottom: 16px;}
  .whatsup_button{width: 100%;display: inline-flex;justify-content: center;margin-bottom: 16px;}
  .inline-flex2 {display: contents; gap: 12px;padding: 20px;}
  .bgpadd4122 {height: auto; padding: 0px 20px 20px;}
  .flex4562 {display: revert;gap: 0;}
  .copy_ink{width: 100%;margin: 18px auto 0px;font-size: 15px;}
  .copyinput {width:100%;margin: 0 auto;}
  .bggrey12 {padding: 20px;margin-bottom:8px;}
  .btx {width: 80%;top: 0px;}
  .editt {padding-left: 0;white-space: nowrap;top:12px; right:20px;}
  .editt a{font-size: 13px; line-height: 14px;}

  .bg8 {background: linear-gradient(229.61deg, #0E0E35 -4.79%, #000000 110.21%); padding:20px 30px 30px;}
  .flextab2{padding:20px 0px 0px;}
  .preview_email {padding-bottom: 12px;}
  .mt234 {margin-top: 14px;}
  .ifyuare{padding-top:14px;}
}

.walletscreen .wpt1{padding-top: 50px;}
.walletscreen .wpt2 {padding-top: 40px;}
.bordertop222 {border-top: 1.1087px solid #000000 !important;border-bottom: 1.1087px solid #000000 !important;padding-bottom: 12px;padding-top: 5px;}
.d-flex-referel10 {font-family: 'Cinzel';text-transform: uppercase;display: flex;gap: 16px;justify-content: center;font-style: normal;font-weight: 700;font-size: 40px;line-height: 48px;align-items: center;text-align: center;color: #1C1C28;padding: 20px 0px 12px;}
.walletscreen .h1head4 {font-family: 'Red Hat Display', sans-serif;font-style: normal;font-weight:900;font-size:150px;line-height:160px;align-items: center;text-align: center;text-transform: uppercase; color: #000000;font-family: 'Work Sans', sans-serif;}
.walletscreen .wlbg1{height: 268px;background: linear-gradient(229.61deg, #0E0E35 -4.79%, #000000 110.21%);border-radius: 16px;padding:40px;}
.walletscreen .wlbgsection1{width:100%;padding:0px;}
.walletscreen .waflex{display: flex; gap:12px;margin-bottom:5px;}
.walletscreen .waflex2{display: flex; gap:12px;margin-bottom:5px;}
.walletscreen .wa1{font-family: 'Playfair Display';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;text-transform: uppercase;color: #E4D8B1;}
.walletscreen .wlnum1{font-style: normal;font-weight: 400;font-size:48px;line-height: 55px;align-items: center;margin-bottom:12px;color: #E4D8B1;}
.walletscreen .wsc{font-style: normal;font-weight: 600;font-size: 13px;line-height: 21px;align-items: center;text-align: center;color: #E4D8B1;border: 1px solid #E4D8B1;width:23px;height: 23px;border-radius: 100%;}

.walletscreen .withsection {display: flex; gap: 12px;justify-content: center;  padding:8px 0px 0px;}
.walletscreen .withbutton{position:relative;width:110px;justify-content: center;height:40px; display: flex;  gap: 0px; font-style: normal;font-weight: 600; font-size: 16px; line-height: 21px; display: flex; align-items: center; text-align: center; color: #E4D8B1; flex: none; order: 0; flex-grow: 0;border: 1px solid #E4D8B1; border-radius: 8px;    text-transform: capitalize;}
.walletscreen .withbutton:hover{color:#FFF;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%);    border: 1px solid #102297;}

.refcen{padding:24px 35px;width:277px;}
.wa2{font-style: normal;font-weight: 400; font-size: 13px; line-height: 24px; align-items: center; text-transform: uppercase;color: #E4D8B1;margin-bottom: 8px;}
.walletscreen .wlnum2{font-style: normal;font-weight: 400;font-size:32px;line-height: 40px;align-items: center;margin-bottom:12px;color: #E4D8B1;}
.wmt12{padding-top:20px;}
.wa3{display: flex;justify-content: right;padding:40px 0px 0px;font-style: normal;font-weight: 400;font-size: 11px;line-height: 16px;align-items: center;color: #FFFFFF;}

.wa4{padding:12px;height:80px;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%); border-radius: 8px;}
.wa4_1{font-style: normal;font-weight: 400;font-size: 13px;line-height: 18px;align-items: center;color: #E4D8B1;margin-bottom: 5px;white-space: nowrap;}
.wa4_2{font-style: normal;font-weight: 400;font-size: 20px;line-height: 40px; align-items: center;color: #E4D8B1;margin-bottom: 0;}
.plust{float: right;}
.plust2{padding: 0;}
.w15{width:25%;}
.w15_1{width:25%;}

.w1btt{position:absolute;right:20px;top:25px;width: 120px; height: 40px;border: 1px solid #102297; border-radius: 8px;font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px;align-items: center;text-align: center;padding: 10px 0px;color: #102297;}

.fancy-collapse-panel2 {width: 100%;margin: 0 auto;position: relative;justify-content: center;padding-top: 24px;}
.fancy-collapse-panel2 .panel-title {padding:26px 30px 0px; border-radius: 8px;}
.fancy-collapse-panel2 .panel-heading {min-height: 88px;margin-bottom:30px;}
.d-flex12345{display: flex;gap:50px;font-family: 'Archivo', sans-serif;}
.simg img{width:32px;height: 32px; border-radius: 100%;}
.wa6{width: 32px;height: 32px;  font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;display: flex;align-items: center;text-align: center;justify-content: center;color: #FFFFFF;background: #1C1C28;border-radius: 100%;font-family: 'Archivo', sans-serif;position: relative;left:-13px;}
.wa7{display: flex;gap:0px;}
.wa8{font-style: normal;font-weight: 600;font-size: 13px;line-height: 21px; align-items: center;color: #1C1C28;font-family: 'Archivo', sans-serif;padding:8px 0px 0px;}
.wa9{min-width: 118px;font-style: normal;font-weight: 400;font-size: 20px;line-height: 34px;align-items: center;  color: #1C1C28;}
.wa10{font-style: normal;font-weight: 600; font-size: 20px; line-height: 32px; align-items: center;color: #1C1C28;}
.wabb{margin-top: 0 !important;border-radius:0px !important;border-top: 1px solid #1C1C28;border-left:0px solid #000 !important; border-right: 0px solid #000 !important; border-bottom: 0px solid #000 !important;}
.btop{border-top:0px solid #1C1C28 !important;}
.yb{font-family: 'Archivo', sans-serif;width: 84px;height: 32px;background: #FFF2C4;border-radius: 100px;font-style: normal;font-weight: 400;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center;color: #958252;order: 0;flex-grow: 0;justify-content: center;}
.tl3_1 {font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;color: #1C1C28;vertical-align: middle !important;}
.justiw{justify-content: center;}

.wabb th{line-height: 24px;vertical-align: middle !important;}
a.penbtt{font-family: 'Archivo', sans-serif;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 4px 12px;gap: 4px;min-width: 84px;height: 32px;background: #FBEEF0;border-radius: 100px;font-style: normal;font-weight: 600;font-size: 13px;line-height: 24px;align-items: center;color: #F15148;order: 0;flex-grow: 0;}
.wanotification_green{position: relative;width:100%; height:56px;background: linear-gradient(270.16deg, #56AC6A -0.68%, #67BC7B 102.59%); border-radius: 8px;padding: 12px 20px;}
.wanotification_red{position: relative;width:100%; height:56px;background: linear-gradient(89.83deg, #F3A900 -4.37%, #FAB20E 102.44%); border-radius: 8px;padding: 12px 20px;}
.wanotification_yellow{position: relative;width:100%; height:56px;background: linear-gradient(89.83deg, #F3A900 -4.37%, #FAB20E 102.44%); border-radius: 8px;padding: 12px 20px;}

.wanotif1{padding-right: 12px;}
.wanotif2{width:80%;font-style: normal;font-weight: 400;font-size: 16px; line-height: 32px;align-items: center; color: #1C1C28;}
.viewdetailsb{padding: auto;box-sizing: border-box; display: flex;flex-direction: row; align-items: flex-start; padding: 4px 8px;height:32px; position: absolute; right:15px; top:13px;justify-content: center;border: 1px solid #1C1C28;border-radius: 4px;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;text-align: center;color: #1C1C28; flex: none; order: 0; flex-grow: 0;}
.font-weight600{font-weight: 600;}
.wa15{margin-bottom: 0;font-style: normal; font-weight: 400;font-size: 12px;line-height: 16px; align-items: center;text-align: center;color: #1C1C28;}
.credited_button{text-transform: capitalize;background: #D9F9D6;border-radius: 100px;width: auto;height:32px;font-style: normal;padding: 0px 8px;font-weight: 400;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center;color: #0E8F52 !important;flex: none;order: 0;flex-grow: 0;justify-content: center;white-space: nowrap;}
.credited_button:hover{background: #D9F9D6;color:#0E8F52;}
.redeemed_button{text-transform: capitalize; background: #FBEEF0;border-radius: 100px;width: 84px;height:32px;font-style: normal;font-weight: 400;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center; color: #F15148 !important;flex: none; order: 0; flex-grow: 0;justify-content: center;}
.redeemed_button:hover{background: #FBEEF0;color:#F15148;}
.reinvite_button{text-transform: capitalize; background: #FFFFFF; border: 1px solid #102297; border-radius: 8px;width: 84px;height:32px;font-style: normal;font-weight:600;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center; color: #102297 !important;flex: none; order: 0; flex-grow: 0;justify-content: center;}

.redeemed_button{text-transform: capitalize; background: #FBEEF0;border-radius: 100px;width: 84px;height:32px;font-style: normal;font-weight: 400;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center; color: #F15148 !important;flex: none; order: 0; flex-grow: 0;justify-content: center;}
.credited_button:hover{background: #FBEEF0;color:#F15148;}

.pending_button{text-transform: capitalize; background: #FBEEF0;border-radius: 100px;width: 84px;height:32px;font-style: normal;font-weight:600;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center; color: #F15148 !important;flex: none; order: 0; flex-grow: 0;justify-content: center;}
.pending_button:hover{background: #FBEEF0;color:#F15148;}

.reinvite_button_green{text-transform: capitalize; background: #FFFFFF; border: 1px solid #0E8F52; background-color:#0E8F52;border-radius: 8px;width: 84px;height:32px;font-style: normal;font-weight:600;font-size: 13px;line-height: 24px;display: inline-flex;align-items: center; color: #1C1C28 !important;flex: none; order: 0; flex-grow: 0;justify-content: center;}

@media only screen and (min-width:1024px){
	.no-web {display: none !important;}		
}
@media only screen and (min-width:960px) and (max-width:1024px) {
	.no-tab {display: none !important;}
}
@media only screen and (min-width:750px) and (max-width:960px){
	.no-tab2{display:none !important;}
}
@media only screen and (max-width:750px) {		
	.no-mob {display: none !important;}		
}

@media only screen and (min-width:960px) and (max-width:1024px){
  .walletscreen .wlbg1{height: auto;padding: 20px;}
  .wa4_1{font-size: 11px;line-height: 16px;}
  .wa4_2{font-size: 13px;line-height:18px}
  .wa4{padding: 10px 0px;}
  .wa3{padding:12px 0px 0px;}
}

@media only screen and (min-width:767px) and (max-width:960px){
	.walletscreen .wlbg1{height: auto;padding: 20px;}
  .wa4_1{font-size: 11px;line-height: 16px;}
  .wa4_2{font-size: 13px;line-height:18px}
  .wa4{padding: 10px 0px;}
  .wa3{padding: 4px 0px 0px;}
  .d-flexmob{display: flex; gap:0px;padding:0px 20px 0px;}
  .wanotification_green{height: auto;}
  .wanotification_red{height: auto;}
  .wanotification_yellow{height: auto;}
  .wanotif2{width:80%;}
}
@media only screen and (max-width:767px){
	 .bordertop222{padding-bottom: 12px;padding-top: 10px;}
	.walletscreen .wpt2{padding-top: 20px;}
  .walletscreen .wlbg1{height:auto;padding:30px 15px 20px;}
  .walletscreen .waflex{justify-content: center;}
  .walletscreen .waflex2{display: revert; gap:0px;margin-bottom:5px;justify-content: center;text-align: center;}
  .walletscreen .withbutton{display: inline-flex;line-height: 14px;margin-bottom: 14px;}
  .wa4{height:auto;    margin: 0px 0px;    padding: 10px 0px;}
  .w15_1{width:100%;text-align: center;}
  .textct{text-align: center;}
  .plust {float: none;}
  .wa4_2 {font-size: 18px;line-height: 24px;}
  .wa3{display: flex;justify-content: left;padding:20px 0px 0px;}
  .stp{padding: 14px 0px 0px;}
  .stp img{width:auto;height: 65px;position: relative;right: 13px;}
  .w1btt{position:relative;right:0; top:0;margin-bottom: 10px;}
  .d-flex12345{display: revert;}
  .fancy-collapse-panel2 .panel-title {padding:20px 20px 0px;}
  .wa9{display: inline-flex;}
  .wa7 {display: inline-flex;}
  .d-flexmob{display: flex; gap:0px;padding:0px 20px 0px;}
  .panel-body2 .tablegrid{overflow-x: hidden;}
  .wa12{font-weight: 500;font-size: 13px;line-height:18px;align-items: center;text-transform: uppercase;color: #1C1C28;width:30%;}
  .wa13{font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 400;width:70%;font-size: 16px;line-height: 20px;align-items: center;color: #1C1C28;    word-break: break-all;}
  .wa14{display:flex;gap:40px;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 20px;align-items: center;color: #1C1C28;    word-break: break-all;}
  
  .wanotification_green{height: auto;}
  .wanotification_red{height: auto;}
  .wanotification_yellow{height: auto;}
  .viewdetailsb{position: relative;width:92px;font-size: 13px;line-height:20px;}
  .wanotif3{width:100%;padding-bottom:14px;padding-left: 53px;}
  .wanotif2{font-size: 13px; line-height:22px;}
  .wabb{border-top:0px solid #1C1C28;padding: 0px 0px 0px;}
  .wabb2{margin-top: 0 !important;border-radius:0px !important;padding-top: 12px;border-top: 1px solid #1C1C28;border-left:0px solid #000 !important; border-right: 0px solid #000 !important; border-bottom: 0px solid #000 !important;}
  .wa4_1{font-size: 12px;line-height: 16px;}
  .wa4_2{font-size:20px;line-height:24px}
  .pd12{padding-right: 0px !important;}
  .wa15{text-align: left;margin-bottom: 12px;}
}

.mt2345{margin-top:120px;}
.mb2345{margin-bottom: 32px;}
.pb2345{padding-bottom: 0px !important;}
.lan_smallh{font-family: 'Red Hat Display', sans-serif;font-style: normal;font-weight:900;font-size:28px;line-height: 36px;align-items: center;text-align: center;text-transform: uppercase;color: #1C1C28;mix-blend-mode: normal;margin-bottom:10px;font-family: 'Work Sans', sans-serif;}
.lanbg1{width:100%;min-height: auto;background: #FFFFFF;border: 1px solid #000000;box-shadow: 0px 8px 0px #000000;border-radius: 8px;padding:0px;margin-bottom: 30px;}
.lanbg2{background: #000000; border: 1px solid #000000; box-shadow: 0px 8px 0px #000000; border-radius: 8px;padding:24px 24px 14px;margin:80px 0px 80px;}
.dflexlan{display: flex; gap:12px;    justify-content: center;}
.lant1{font-style: normal;font-weight: 600;font-size: 40px;line-height: 42px;align-items: center;color: #E4D8B1;margin-bottom:6px;font-family: 'Archivo', sans-serif;}
.lant2{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 400;font-size: 20px;line-height:22px;align-items: center;    color: #E4D8B1;margin-bottom: 0;}
.lanh1{font-family: 'Cinzel';font-style: normal;font-weight: 700;font-size: 40px;line-height: 48px;align-items: center;text-align: center;color: #1C1C28;}
.lanh2{font-family: 'Playfair Display', serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;text-align: center;color: #2C315B;padding: 0px 12%;    margin-bottom: 20px;}
.lanh3{font-style: italic;font-weight: 400;font-size: 11px;line-height: 13px;align-items: center;color: #9C9C9C;}
.lanbg1 th:first-child.thfirst{padding-left:30px !important;text-align: left !important;padding-top:24px !important;padding-bottom:24px !important;    border-bottom: 0px solid #000 !important;}

.lanb1{width:750px;height:120px;display:flex;gap: 70px;margin:0px auto;background: #FFFFFF;border: 1px solid #000000;box-shadow: 0px 8px 0px #000000;border-radius: 8px;margin-bottom:32px;padding: 8px 32px;}

.lanh4{font-style: normal;font-weight: 400;font-size: 32px; line-height: 48px;color: #24BF7A;padding: 25px 0px;}
.lanh4 img{height: 20px;}
.lanh5{font-style: normal;font-weight: 600;font-size: 24px;line-height: 48px; color: #000000;padding: 25px 0px;text-align: center;}
.d-flexmob2{display: flex; gap:0px;padding:0px 20px 0px;}
.ptreferral2123 {padding: 100px 0px 0px;}
.wabb222{padding:20px 20px;}
.lan_border_top{border-top:1px solid #000;}

.lanmt{width: 100px;font-family: 'Playfair Display', serif;font-style: normal;font-weight: 500;font-size: 13px;line-height:18px;align-items: center;text-transform: uppercase;color: #1C1C28;}
.bg6612{width: 530px;height:466px;background: #FFFFFF;border: 1px solid #000000;box-shadow: 0px 8px 0px #000000;border-radius: 8px;padding: 48px;}
.mhrgh{height: 170px;}
.platinumbg2_5 {padding: 0;}
.platinumbg2_4 {width: 222px;height: 38px;background: linear-gradient(223.99deg, #119D38 -12.44%, #375E27 113.56%);border-radius: 100px;margin-top: 0;padding:3px 20px;font-style: normal;font-weight: 500;font-size: 16px;line-height: 32px;align-items: center;text-align: center;letter-spacing: 0.02em;text-transform: uppercase;color: #FFFFFF;}
.heightbox{height: 118px;}
.platinumhead22_2 {font-family: 'Playfair Display';padding-top:36px;font-style: normal;font-weight: 400;font-size: 32px;line-height: 37px;align-items: center;letter-spacing: -0.02em;color: #1C1C28;}
.platinumhead22_3 {font-family: 'Playfair Display';padding-top: 26px;font-style: normal;font-weight: 400;font-size: 32px;line-height: 37px;align-items: center;letter-spacing: -0.02em;color: #1C1C28;}

.checkbutton6{text-transform:capitalize;position:relative;width:344px;justify-content: center;height: 56px;display: flex;    gap:15px;   padding: 0px 8px;    margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;text-align: center; color: #E4D8B1 !important;}
.checkbutton6:hover{color: #FFFFFF !important;}

.signup_invite_button{text-transform:capitalize;position:relative;width:auto;justify-content: center;height: 56px;display: flex;    gap:15px;   padding: 0px 20px;    margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px;font-family: 'Archivo', sans-serif;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center;text-align: center; color: #E4D8B1 !important;}
.signup_invite_button:hover{color: #FFFFFF !important;}

.stlog{display: flex;gap: 46px;}
.ptreferral245{padding: 100px 0px 0px;}
.dflexbutton200 {display: flex; gap: 12px;justify-content: center; padding: 30px 0px 0px;}
th.thfirst {padding: 14px 0px !important;}

.refferal_btn_white{width: 119px;height: 40px;left: 149px;padding: 10px 0px;background: #FFFFFF;border: 1px solid #1C1C28;border-radius: 8px; text-align: center;color:#1C1C28;font-weight: 400;font-size: 16px;line-height: 22px;}
.refferal_btn_white:hover{color:#1C1C28;}
.refferal_btn_grey{width: 119px;height: 40px;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;align-items: center; border-radius: 8px;text-align: center;color: #1C1C28; background-color: #E3E3E4;padding: 10px 0px; text-align: center;}
.refferal_btn_grey:hover{color:#000; background-color: #E3E3E4;}
.referral_action_btn{ display: flex; gap:20px; margin: 0px 0px 20px 0px;}
@media only screen and (max-width:767px){  
	.lanbg2{margin: 20px 0px 20px;}
  .mt2345 {margin-top:40px;}
  .bg6612{height: auto;    width: 100%;padding: 22px;    margin-bottom:40px;}
  .platinumbg2_4{margin-top: -40px;float: right;    margin-right: -22px;}
  .mhrgh{height: auto;}
  .landate{font-style: italic;font-weight: 400;font-size: 11px;line-height: 15px;align-items: center;  color: #9C9C9C;}
  .lanbg1{min-height: auto;    margin-top: 12px;}
  .lanh1{font-size: 20px;line-height: 32px;}
  .lanh2{font-size:14px;line-height:18px;padding: 0px 0px;}
  .ptreferral2123 {padding: 30px 0px 0px;}
  .lan_smallh{font-size:18px; line-height: 24px;}
  .dflexlan {display: flex;gap: 25px;justify-content: left;margin-bottom: 22px;}
  .checkbutton6{width:100%;padding: 0px 8px;gap: 4px;    font-size: 15px;}
  .signup_invite_button{width:100%;padding: 0px 8px;gap: 4px;    font-size: 15px;}
  .lanb1 {width: 100%;gap: 20px;background: #FFFFFF;box-shadow: 0px 20px 30px rgb(14 36 58 / 10%);border-radius: 10px;height: 100px;border: 0px solid #000000;margin-bottom:22px;padding: 8px 15px;}
  .stlog {display: revert;gap: 0;padding: 12px 0px;}
  .stg img{height: 66px;position: relative;top: 10px;}
  .lanh4{padding:5px 0px 10px;font-size:20px; line-height:22px;}
  .lanh5{padding:0px 0px 0px; font-size:15px; line-height:22px;white-space: nowrap;}
  .ptreferral245{padding:0px 0px 0px;}
  .platinumhead22_3{font-size: 24px;line-height: 28px;}
  .platinumhead22_2{padding-top:0px;font-size:24px;line-height:28px;}
  .heightbox {height: auto;}
}

  /*********referred pop-up*******/
#referred_modal{ display: block;}
.referred_popup{ background-color: #fff; text-align: center; z-index: 999;  position:fixed;top: 20%;left: 0;right: 0;max-width: 600px;padding:30px 20px!important;margin: 0 auto;border: 1px solid #000000; box-shadow: 0px 8px 0px #000000; border-radius: 8px;}
.referred_popup_modal{  box-shadow: none!important;}
.referred_btn_yes {font-family: 'Archivo', sans-serif;position: relative;width:235px;height: 48px;justify-content: center;display:flex;gap: 8px;font-style: normal;font-weight: 600;font-size: 14px; line-height: 21px;align-items: center; text-align: center;padding: 0px 10px;margin: 0;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;border-radius: 8px; color: #E4D8B1; text-transform:capitalize;box-shadow: none;}
.referred_btn_yes:hover{color: #E4D8B1;   box-shadow: none;}
.referred_btn_no {font-family: 'Archivo', sans-serif;position: relative;width: 239px;justify-content: center;height: 48px;display: flex;gap: 8px;font-style: normal;font-weight: 600;font-size: 14px; line-height: 21px;align-items: center;text-align: center; color: #102297;padding: 0px 10px; margin: 0;background:#fff; border: 1px solid #102297;border-radius: 8px; color: #102297; text-transform:capitalize;box-shadow: none;}
.referred_btn_no:hover{color: #102297;   box-shadow: none;}
.referred_popup_header{ width: 450px;font-style: normal;font-weight: 700;font-size: 24px;line-height: 32px;text-align: center;color: #1C1C28;border: 0px;margin: 0 auto;margin-bottom: 20px;}
.withdrawl_txt{  font-family: 'Cinzel';}
.referred_popup_footer{ justify-content: center; border: 0px; display: flex; gap: 20px; justify-content: center;}
.referred_popup_content{ margin-bottom: 20px;}
.withdrawl_amt{ font-size: 28px; font-weight: 700; line-height: 32px; margin-top: 5px;}

.copy_ink_green {font-family: 'Archivo', sans-serif;position: relative;width: 166px; justify-content: center;height: 56px; display: flex;gap: 8px;font-style: normal;font-weight: 600;font-size: 16px; line-height: 24px;align-items: center; text-align: center; color: #1C1C28; padding: 0px 12px; margin: 0;background: #0E8F52;border-radius: 8px; color: #E4D8B1; text-transform:capitalize;}
.copy_ink_green:hover{color: #FFF; background-color: #0E8F52;}
.copyinput_green{width: 490px;height: 56px;border-radius: 8px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; align-items: center;background: #CEE4AE;border: 1px solid #0E8F52; color: #0E8F52;}
.copyinput_green:disabled{background: #CEE4AE;}
.error_text{ color: #ff0000; font-size: 12px; padding: 0px; margin: 0px;  line-height: 16px;}
.ernt{font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;align-items: center;color: #1C1C28;padding: 6px 0px 0px;}

.sendbutton_green {font-family: 'Archivo', sans-serif;position: relative;width: 166px; justify-content: center;height: 56px; display: flex;gap: 8px;font-style: normal;font-weight: 600;font-size: 16px; line-height: 24px;align-items: center; text-align: center; color: #1C1C28; padding: 0px 12px; margin: 0;background: #0E8F52;border-radius: 8px; color: #E4D8B1; text-transform:capitalize;}
.sendbutton_green:hover{color: #FFF; background-color: #0E8F52;}
.senderr{font-size: 11px;margin-bottom: 0;color: #FF0000;width:400px;}
@media only screen and (max-width: 960px){
	.senderr{font-size: 11px;margin-bottom: 0;color: #FF0000;width: 100%;padding: 4px 20px;}
  .ernt{font-size: 14px;line-height: 20px;}
  .copy_ink_green, .copyinput_green {width: 100%;}
  .copy_ink_green{ margin: 18px auto 0px;}
  .sendbutton_green{ margin: 18px auto 0px;width: 100%;}
  .withdrawl_txt{font-weight: 700; line-height: 24px; font-size: 20px;}
  .referred_popup{ position:fixed; left: 0; width: 98%; padding: 10px;}
  .referred_popup_header{width: 100%;}
  .referred_popup_footer {display: revert;gap: 0; margin-top: 30px;}
  .referred_btn_yes, .referred_btn_no{width: 240px; margin: 18px auto 0px; height: 36px;}
  .referred_popup_content{margin-bottom:-15px;font-weight: 400; font-size: 14px; line-height: 19px;}
}
@media only screen and (min-width:767px) and (max-width:960px){
  .referred_popup{width: 75%;}
}
.font-weight-600{font-weight:600 !important;}
.edit_phone_no a{ font-weight: 400;font-size: 13px;line-height: 24px; color: #2378F8; margin-left: 5px;}
.slidecontainer {width: 100%;}
.slider {-webkit-appearance: none;width: 100%;height: 3px;border-radius: 5px;background: #d3d3d3;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;}
.slider:hover {opacity: 1;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background:#1C1C28;cursor: pointer;}
.slider::-moz-range-thumb {width: 20px;height: 20px;border-radius: 50%;background:#1C1C28;cursor: pointer;}


.benefit_tab{padding: 0px!important;}
.benefit_tab .tabspace{width: 65%; white-space:initial; padding-left:10px!important;}

.camimg1{width:80px;height:20px;position:absolute;top:64px;right: -60px;}
.camimg2{height: 24px !important;width: auto !important;padding:0 !important;margin:10px 0px 0px;}
.edituser {font-size: 12px;position: relative;top: 1px;left: 4px;font-weight: 300;text-decoration: underline;}

#myModal .modal-body {padding:0rem;min-height: 550px;max-height: 550px;overflow: auto;overflow-x: hidden;}
#myModal .modal-header .close {margin-top:0px;right: 16px;position:relative;color:#000;background:transparent;font-size: 30px;font-weight: 100;}
#myModal .modal-title {margin-bottom: 0;line-height: 28px;font-family: 'Cinzel';font-size: 24px;}
#myModal .referred_popup_header_blue {display: flex;justify-content: center;width: 100%;gap: 140px;}
#myModal .bg_blue {background: #090921;padding: 24px 50px;}
#myModal .title{font-family: 'Archivo';font-style: normal;font-weight: 600;font-size: 24px;line-height: 30px;display: flex;align-items: center;color: #E4D8B1;margin-bottom: 6px;}
#myModal .yer{font-family: 'Archivo';font-style: normal;font-weight: 400;font-size: 13px;line-height: 20px;display: flex;align-items: center;margin-bottom: 5px;color: #E4D8B1;}
#myModal .image img{height: 40px;margin-bottom:10px;}
#myModal .btext {font-family: 'Playfair Display';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;align-items: center;text-align: left;color: #1C1C28;padding:20px 20px;}
#myModal .modal-header{padding:.6rem .6rem;}
@media (min-width: 992px){
	#myModal .modal-lg, .modal-xl {max-width: 1000px;}
}

.submenucontent{display:none !important;}
@media only screen and (max-width: 960px){
	.submenucontent{display:block !important;}
	#myModal .referred_popup_header_blue {display: flex;justify-content: center;width: 100%; gap: 16px;}
	#myModal .bg_blue {padding: 16px 18px;}
	#myModal .title{font-size:20px;line-height: 22px;}
	#myModal .yer{font-size: 12px;line-height: 15px;}
	#myModal .modal-title{font-size:20px; line-height: 22px;}
}

#copyMessage{padding:14px 0px 0px;}
#copyMessage .modal-body {padding:0rem;min-height: auto;max-height: 100%;overflow: auto;overflow-x: hidden;}
#copyMessage .modal-title {margin-bottom: 0;line-height: 28px;font-family: 'Cinzel';font-size: 24px;}
#copyMessage .referred_popup_header_blue {display: flex;justify-content: center;width: 100%;gap: 140px;}
#copyMessage .bg_blue {background: #090921;padding: 24px 12px;}
#copyMessage .title{font-family: 'Archivo';font-style: normal;font-weight: 600;font-size: 24px;line-height: 30px;display: flex;align-items: center;color: #E4D8B1;margin-bottom: 6px;}
#copyMessage .yer{font-family: 'Archivo';font-style: normal;font-weight: 400;font-size: 13px;line-height: 20px;display: flex;align-items: center;margin-bottom: 5px;color: #E4D8B1;}
#copyMessage .image img{height: 40px;margin-bottom:10px;}
#copyMessage .btext {font-family: 'Playfair Display';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;align-items: center;text-align: left;color: #1C1C28;padding:20px 20px;}
@media (min-width: 992px){
	#copyMessage .modal-lg, .modal-xl {max-width: 1000px;}
}

.submenucontent{display:none !important;}
@media only screen and (max-width: 960px){
	#copyMessage .btext{padding: 0px 0px;}
	.submenucontent{display:block !important;}
	#copyMessage .referred_popup_header_blue {display: flex;justify-content: center;width: 100%; gap: 16px;}
	#copyMessage .bg_blue {padding: 16px 18px;}
	#copyMessage .title{font-size:20px;line-height: 22px;}
	#copyMessage .yer{font-size: 12px;line-height: 15px;}
}

.referral_selectedmenu{background-color: #102297 !important;background: linear-gradient(267.6deg, #102297 -7.23%, #010A44 107.23%) !important;}
 .referral_link{color:#FFF !important;}
.bellicnHolder{display: none !important;}
.searchbx {display: none !important;}
.referral_video{height:260px;width:463px;}
.noresponse {margin: 18px auto;}
.noresponse2 {background: #FFF2F2;border-radius: 3px;font-style: normal;font-weight: normal;width: 400px;font-size: 14px;line-height: 20px;color: #FF0000;padding: 16px 18px; margin: 18px auto;text-align: center;}
@media only screen and (max-width: 960px){
	.noresponse2{width: 100%;}
	.referral_video {height: 188px;width: 95%;}
}


.refer_faq_table .thb, .refer_faq_table .thb4{ padding-left: 5%;}
.pageconetnt_referral .panel-group ul li{ list-style-type: disc; margin:0px 0px 10px 30px;}
.pageconetnt_referral .panel-group ul li ul li { list-style-type: circle; padding-left: 20px;}

.termhead{font-family: 'Cinzel';font-style: normal;font-weight: 700;font-size: 40px;line-height: 48px;align-items: center;text-align: center;color: #1C1C28;padding: 13px 0px 0px;}

.ptterm0{padding: 0px 10px !important;}
.referral_terms_condition{font-family: 'Playfair Display';font-style: normal;font-weight: 400; font-size: 16px;line-height: 22px;align-items: center;    color: #000;}
.referral_terms_condition ul li {list-style-type: decimal;margin: 0px 0px 10px 30px;}
.referral_terms_condition ul li ul li {list-style-type: circle; padding-left: 20px;}
.thbterm2{width:15% !important;}
.thbterm {border: 1px solid #B9BFD3 !important;height: 50px;font-size: 16px;line-height: 22px;}
.referral_terms_condition b, strong {font-weight: 600;}
@media only screen and (max-width: 960px){
	.ptterm0{padding: 4px 10px !important;}
	.termhead{font-size: 20px;line-height: 28px;padding: 0px 0px 0px;}
	.referral_terms_condition .tablegrid {padding: 0px 0px 0px;}
}

.referralmembertext{font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;align-items: center;color: #1C1C28;padding:6px 0px 15px;}

.faqtextcolumn {border-bottom:1px solid #B9BFD3 !important;height: 50px;font-size: 16px;line-height: 22px;border-right: 1px solid #B9BFD3;}
.rhbordernone{border-right:0px solid #B9BFD3 !important;}


.prepadd{margin-top:60px;}
.prerefpadd {padding: 18px 20px 18px;position: relative;display: revert;justify-content: center;}
.prenewvideobg{width: 100%;height:424px;margin-left: 0;background: linear-gradient(82.68deg, #FBEDDC -5.89%, #FFF5EC 108.01%);border-radius: 8px;margin-bottom: 40px;margin-top: 30px;}
.prenewvideo{width: 100%; height: 390px;}

@media only screen and (max-width: 960px){
	.prenewvideobg{width:100%;height:234px;}
	.prenewvideo {width:100%;height:200px;}
}