/* cast darkmode to light  */
.mod-agent{padding-top:76px;}
.mod-agent .mod-reg{background:#1c1c1c;}
.mod-agent.darkmode {background: #FFFFFF;}
.mod-agent.darkmode.mod-agent-index {background: #FFFFFF;}
.mod-agent.darkmode .footer > div { border-color: #DDDDDD; }
.mod-agent.darkmode.btc-tnc .footer > div { border: none; }
.mod-agent.darkmode .footer p {color: #12152E;}
.mod-agent.darkmode .footer .footer-platform{border-color: #DDDDDD;}
.mod-agent.darkmode .footer .footer-about h4{color: #000000;}
.mod-agent.darkmode .footer .footer-link{background: #FFFFFF; border-right: #F0F0F0 solid 1px;}
.mod-agent.darkmode .footer .footer-link li{border-right: #F0F0F0 solid 1px;}
.mod-agent.darkmode .footer .footer-link li:last-child{border-right:none;}
.mod-agent.darkmode .footer .footer-link li b {color: #000000; font-size: 18px; font-weight: 600; line-height: 40px; display: block;}
.mod-agent.darkmode .footer .footer-link li a{color: #000000;}
.mod-agent.darkmode .footer .footer-link li a:hover{color: #E8883E;}
.mod-agent.darkmode .footer .footer-platform .slick-slide {background: #393939;}
.mod-agent.darkmode .footer .footer-social b {color: #000000; font-size: 18px; font-weight: 600; line-height: 40px; display: block;}
.mod-agent.darkmode .footer .footer-social a.social-medium { filter: invert(0); }

/* Affiliate License */
.mod-agent .license-popup .popup-wrap{color:#f5f5f5; background:#151725 !important;}
.mod-agent .license-popup .popup-close{color:#525674 !important;}

/* Affiliate Header*/
.header.affiliate{height: auto; padding: 20px 0;}

/* Affiliate Side Nav */
.side-nav.affiliate .fixed { top: 73px; height: calc(100% - 73px); padding: 15px 0; background: #151515;} 
.announce .side-nav.affiliate .fixed { top: 95px; height: calc(100% - 95px); padding: 10px 0;} 
.header.affiliate .logo a{ color: #FFFFFF; display: flex; max-width: 320px; justify-content: flex-start; align-items: center; font-size: 24px; font-weight: 550;}
.header.affiliate .logo img { max-width: 45%; }

.side-nav.affiliate.hide{display: none;}
.side-nav.affiliate .top-nav li{padding: 0 15px;}
.side-nav.affiliate .top-nav li a{font-size: 18px;}
.side-nav.affiliate .top-nav li a i { width: 25px; height: 25px; margin-right: 10px; vertical-align: -6px; background: url(../images/agent/affiliate_sidebar_icon.avif) no-repeat center / 25px; display: inline-block; }
.side-nav.affiliate .top-nav li.aff-side-home a i { background-position: 0 0px; }
.side-nav.affiliate .top-nav li.aff-side-about a i { background-position: 0 -25px; }
.side-nav.affiliate .top-nav li.aff-side-Commissions a i { background-position: 0 -50px; }
.side-nav.affiliate .top-nav li.aff-side-promo a i { background:url(../images/agent/aff_sidebar_promo.avif) no-repeat center center/18px;}
.side-nav.affiliate .top-nav li.aff-side-license a i { background-position: 0 -99px; }
.side-nav.affiliate .top-nav li.aff-side-contact-us a i { background-position: 0 -122px; }
.side-nav.affiliate .top-nav li.aff-side-language a i { background-position: 0 -145px; }
.side-nav.affiliate .top-nav li.aff-side-language.cn a i { background-image: url(../images/agent/affiliate_sidebar_icon_language.avif); background-position: 0;}
.side-nav.affiliate .top-nav li:hover a i, .side-nav.affiliate .top-nav li.cur a i{background-image: url(../images/agent/affiliate_sidebar_icon_hover.avif) !important;} 
.side-nav.affiliate .top-nav li.aff-side-promo:hover a i, .side-nav.affiliate .top-nav li.aff-side-promo.cur a i{background-image: url(../images/agent/aff_sidebar_promo_hover.avif) !important;} 
.side-nav.affiliate .top-nav li.aff-side-language.cn:hover a i, .side-nav.affiliate .top-nav li.aff-side-language.cn.cur a i{background-image: url(../images/agent/affiliate_sidebar_icon_language_hover.avif) !important; background-position: 0;}
.side-nav.affiliate .top-nav .side-menu li a{font-size: 16px;}
.side-nav.affiliate .top-nav .side-menu li.cur a{background-image: none !important;;}
.side-nav.affiliate .top-nav li.aff-side-about a:after, .side-nav.affiliate .top-nav li.aff-side-language a:after{ content: ""; width: 0; height: 0; position: absolute; top: 20px; right: 0px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #000000 transparent transparent transparent; 	border-top-color: #B7B7B7; }
.side-nav.affiliate .top-nav li.aff-side-about a.clicked:after, .side-nav.affiliate .top-nav li.aff-side-language a.clicked:after {transform: rotate( 180deg );}
.side-nav.affiliate .top-nav .sub-menu{background: #202124;}
.side-nav.affiliate .top-nav .sub-menu li a{font-size: 16px; cursor: pointer;}

.aff-content {padding:40px 0 10px;}
.mod-agent .aff-banner {display: flex; align-items: center; justify-content: center;}
.aff-banner img {width: 100%;}
.aff-banner .banner-text{color: #FF9F54 !important; font-size: 30px; font-weight: bold; text-align: center; text-transform: capitalize; position: absolute;}
.aff-banner .banner-text h1{color: #FF9F54 !important; font-size: 30px; font-weight: bold;}
.aff-banner .banner-text h2{color: #FFFFFF; font-size: 22px; font-weight: bold;}
.aff-banner .banner-text h2 a:hover{color: #FF9F54;}

/* Affiliate Forgot */
.aff-forgotpw-popup.vue{z-index:1101; background:rgba(0,0,0,0.9) !important;}
.aff-forgotpw-popup.vue .passwd-method{margin-bottom:10px;}
.aff-forgotpw-popup .mod-forms-custom,.aff-forgotpw-popup .passwd-button{width:auto; margin:20px 30px;}
.aff-forgotpw-popup .mod-forms-custom li{height:auto; margin-bottom:10px; border:none;}
.aff-forgotpw-popup .mod-forms-custom li label{display:none !important;}
.aff-forgotpw-popup .mod-forms-custom li.input-email .item-ipt:before,.aff-forgotpw-popup .mod-forms-custom li.input-password .item-ipt:before{content:'';display:inline-block;width:20px;height:20px;background: url(../images/agent/icon_login.svg?2) no-repeat center 0/100%;align-self:center;flex:0 0 auto;}
.aff-forgotpw-popup .mod-forms-custom li.input-password .item-ipt:before{background-position:center 34%;}
.aff-forgotpw-popup .mod-forms-custom .item-ipt{padding:0 20px; background:#0E0F18; border-radius:10px; display:flex; flex-grow:1;}
.aff-forgotpw-popup .mod-forms-custom .txt-ipt{height:45px;margin-left:20px;font-size:14px;color:#FFFFFF;}
.aff-forgotpw-popup .popup-wrap{max-width:500px; padding:30px 20px; background:#15182C; color:#FFFFFF;}
.aff-forgotpw-popup .popup-wrap > b{font-size:1.5em;font-weight:600;}
.aff-forgotpw-popup .popup-close{color:#FFFFFF;}
.aff-forgotpw-popup .verify-ipt .otp-btn{font-size:14px; color:#4594FF !important;}
.aff-forgotpw-popup .passwd-button a{color:#151724;background:#4594FF;width:100%;max-width:100%;text-transform:uppercase;font-size:1em;font-weight:600;}
.aff-forgotpw-popup .passwd-button a.bdBtn-1,.aff-login-section .log-btn.border-no-bg{color:#4594FF;border:1px solid #4594FF;background:none;}

/* Affiliate Login */
.aff-login-section{background:rgba(0,0,0,0.9) !important;}
.aff-login-section .login-detail{width:100%; max-width:450px; height:100%; max-height:95vh; padding:30px 50px; font-size:13px; color:#FFFFFF; background:#151725 !important; overflow-y:auto;}
.aff-login-section.vue .login-detail{max-width:100%;}
.aff-login-section .login-detail .close-reg-wrap{position:absolute; right:3%; top: 2%;}
.aff-login-section .login-detail .close-reg-btn{background:url(../images/icon-close.avif) no-repeat center / 100%; width:17px; height:17px; cursor:pointer; display:block;}
.aff-login-section .login-detail .logo{width:auto; margin:0 auto;}
.aff-login-section .login-detail .logo a{width:auto; height:auto; background:none;}
.aff-login-section .login-detail .logo img{width:150px;}
.aff-login-section .login-detail p, .aff-login-section .login-service label, .aff-login-section .login-service a{font-size:1em;}
.aff-login-section .login-detail > p{margin:15px auto 20px; color:#FFFFFF;}
.aff-login-text{font-size:1.5em !important; font-weight:bold; margin-top:15px;}
.aff-login-desc{font-size:1em; margin:15px 0;}
.aff-login-section .account-login li{margin-bottom:7px; background:#0E0F18; border-radius:8px; border:none; overflow:hidden;}
.aff-login-section .account-login input{font-size:1em; height:45px; color:#F5F5F5; border-radius:0;}
.aff-login-section .account-login input:-webkit-autofill,
.aff-login-section .account-login input:-webkit-autofill:focus,
.aff-forgotpw-popup input:-webkit-autofill,
.aff-forgotpw-popup input:-webkit-autofill:focus{-webkit-text-fill-color:#F5F5F5; -webkit-box-shadow:0 0 0 30px #0E0F18 inset;}
.aff-login-section .account-login li label{color:#FFFFFF; width:20px; height:20px; background:url(../images/agent/icon_login.svg?2) no-repeat center 0 / 20px; margin:auto 15px; min-width:unset;}
.aff-login-section .account-login li label:after{height:0; width:0;}
.aff-login-section .account-login li label.email-icon{background-position:center 0px;}
.aff-login-section .account-login li label.password-icon{background-position:center -20px;}
.aff-login-section .account-login li label.eye-icon{background-position:center -40px;}
.aff-login-section .account-login li label.eye-icon.show{background-position:center -60px;}
.aff-login-section .login-service{margin-bottom:25px;}
.aff-login-section .login-service a{color:#4594FF !important; text-transform:capitalize;}
.aff-login-section .login-service label{color:#8B95B3; display:flex; align-items:center; cursor:pointer; font-weight:normal;}
.aff-login-section .login-detail > div input[type="checkbox"]{width:0; height:0; opacity:0; position:absolute;}
.aff-login-section .login-detail > div input[type="checkbox"] ~ i{width:16px; height:16px; margin:-2px 6px 0 0; border:1px solid #4594FF; border-radius:5px; cursor:pointer; display:block;}
.aff-login-section .login-detail > div input[type="checkbox"]:checked ~ i{background:url(../images/icon-checked.avif) no-repeat center;}
.aff-login-section .log-btn, .aff-login-section .log-btn-disabled{margin:0 auto 10px; font-size:1em; text-transform:uppercase; font-weight:600;}
.aff-login-section .log-btn.bgBtn-1, .aff-login-section .log-btn.bgBtn-1:hover{color:#151725; background:#4594FF;}
.aff-login-section .log-btn-disabled:hover{background:#DDDDDD;}
.aff-login-section .reg-btn{font-size:1.1em;}
.aff-login-section .reg-btn.txtBtn{color:#4594ff;}
.aff-login-section .cs-wrap a{color:#4594FF;}
.aff-login-section .tnc-btn{font-size:.85em; color:#FFFFFF;}
.aff-login-section .licensed-wrap{width:100%; margin:75px auto 25px; padding:0; border:none; display:block;}

/* Affiliate Pre-register */
.aff-login-section .reg-desc{background:#1C1C1C; padding:20px;}
.aff-login-section .reg-desc p{color:#FFFFFF; font-size:14px;}
.aff-login-section .reg-desc p span{ color:#FF9F54; font-weight:bold; font-size:24px;}
.aff-login-section .login-detail > p.what-btc{color:#4594FF; margin:30px auto 50px;}
.aff-login-section .pre-reg-btn{margin:13px 0; text-transform:uppercase;}
.aff-login-section .pre-reg-btn.with-border{border-bottom:#4594FF solid 1px;}
.aff-login-section .pre-reg-btn.border-no-bg{background:transparent; color:#4594FF; border:#4594FF 1px solid;}

/* Affiliate Pre-register Guideline */
.aff-login-section .guideline-wrap{margin:22px 0 18px; color:#FFFFFF; text-align:left;}
.aff-login-section .guideline-wrap img{width:100%; margin-bottom:16px;}
.aff-login-section .guideline-wrap span,.aff-login-section .guideline-wrap p a{color:#4594FF;}
.aff-login-section .guideline-wrap p{margin-bottom:16px;}

/* Affiliate Register */
.btc-aff a {cursor: pointer;}
.btc-aff{background: #1C1C1C !important; padding:1% 0;}
.btc-aff .mod-reg > .layout{background: #272727; margin-bottom:0;}
.btc-aff .mod-reg .hd{background-image: url(../images/v1/btc-logo-en.avif); width: 180px; display: flex; justify-content: center; align-items: center; margin: 0 auto 50px;}
.btc-aff .mod-reg .hd.cn{margin: 0 auto 50px; width: 50%;}
.btc-aff .mod-reg .hd h1{display: block !important; position: relative; top: 40px; font-size: 20px; font-weight: bold; color: #FFFFFF; padding: 1rem; margin: auto;white-space: nowrap;}
.btc-aff .mod-reg .login-text {font-size: 20px; font-weight: bold; color: #FFFFFF;}

.btc-aff .mod-reg .mod-forms > li{ background-color: #FFFFFF20; border-radius: 10px; border: none; margin: 0 0 25px;}
.btc-aff .mod-reg .mod-forms > li label {color: #FFFFFF; width: 25px; height: 25px;background: url(../images/agent/agent_field_icon.avif?1) no-repeat center / 25px; margin: auto 16px; min-width: unset;}
.btc-aff .mod-reg .mod-forms > li label:after{height: 0; width: 0;}
.btc-aff .mod-reg .mod-forms > li label.username-icon{background-position: 0 0px;}
.btc-aff .mod-reg .mod-forms > li label.email-icon{background-position: 0 -25px;}
.btc-aff .mod-reg .mod-forms > li label.password-icon{background-position: 0 -50px;}
.btc-aff .mod-reg .mod-forms > li label.eye-icon{background-position: 0 -75px;}
.btc-aff .mod-reg .mod-forms > li label.phone-icon{background-position: 0 -100px;}
.btc-aff .mod-reg .mod-forms > li label.wechat-icon{background-position: 0 -125px;}
.btc-aff .mod-reg .mod-forms > li label.telegram-icon{background-position: 0 -150px;}
.btc-aff .mod-reg .mod-forms > li label.skype-icon{background-position: 0 -175px;}
.btc-aff .mod-reg .mod-forms > li label.qq-icon{background-position: 0 -200px;}
.btc-aff .mod-reg .mod-forms > li label.facebook-icon{background-position: 0 -225px;}
.btc-aff .mod-reg .mod-forms > li label.whatsapp-icon{background-position: 0 -250px;}
.btc-aff .mod-reg .mod-forms > li label.info-icon{background-image: none; text-align: center; color: #FBB329; border: #FBB329 solid 2px; border-radius: 50%; line-height: 23px;cursor: pointer;}
.btc-aff .mod-reg .mod-forms > li .tooltip{position: absolute; right: 0; top: 90%; border: #fbb329 solid 2px; border-radius: 10px; background-color: #1C1C1C; color: #FFFFFF; padding: 10px; width: 80%; z-index: 10; display: none;}
.btc-aff .mod-reg .mod-forms > li input {font-size: 14px; color: #FFFFFF;}
.btc-aff .mod-reg .mod-forms > li input::-webkit-input-placeholder {color: #FFFFFF; opacity: 30%; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.btc-aff .mod-reg .mod-forms > li input::-moz-placeholder {color: #FFFFFF; opacity: 30%; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.btc-aff .mod-reg .mod-forms .item-ipt{display: flex; align-items: center;}

.btc-aff .mod-reg .reg-contact{margin:5px 0 40px; border-top:2px solid #000000; position:relative;}
.btc-aff .mod-reg .reg-contact p{line-height:1; color:#ffffff; margin:25px 0;}
.btc-aff .mod-reg .reg-contact .mod-forms{height:45px; padding:5px; background-color:#FFFFFF20; border-radius:10px; position:relative; overflow:hidden;}
.btc-aff .mod-reg .reg-contact .mod-forms:after{content:''; width:10px; height:10px; border:solid #ffffff; border-width:0 1px 1px 0; transform:rotate(45deg); margin:-5px 0 0 10px; position:absolute; top:18px; right:15px;}
.btc-aff .mod-reg .reg-contact .mod-forms > li{height:35px; margin-bottom:20px; background-color:transparent; overflow:hidden;}
.btc-aff .mod-reg .reg-contact .mod-forms > li.focus{background-color:#383838;}
.btc-aff .mod-reg .reg-contact .mod-forms > li label{margin:auto 15px auto 10px;}
.btc-aff .mod-reg .reg-contact .mod-forms span.error-tips{left:8px; top:36px;}
.btc-aff .mod-reg .reg-contact .contact-checkbox{width:45px; height:45px; margin:0 auto; position:absolute; top:65px; right:0; z-index:1; opacity:0; cursor:pointer;}
.btc-aff .mod-reg .reg-contact .contact-checkbox:checked + .mod-forms{height:auto;}
.btc-aff .mod-reg .reg-contact .contact-checkbox:checked + .mod-forms:after{transform:rotate(-135deg); margin-top:2px;}
.btc-aff .mod-reg .reg-contact .contact-checkbox:checked + .mod-forms li{overflow:visible;}
.btc-aff .mod-reg .reg-contact > span.error-tips{font-size:12px; line-height:1; padding:4px 0 4px 24px; position:absolute; bottom:-24px; left:-4px;}
.btc-aff .mod-reg .reg-contact > span.valid-tips{display:none !important;}

.btc-aff .mod-reg .agreement{color: #FFFFFF;}
.btc-aff .mod-reg .agreement p{ padding-left: 15px;}
.btc-aff .mod-reg .agreement a{color: #FF9F54;}
.btc-aff .mod-reg .agreement input:before { position: relative; display: block; width: 20px;     height: 20px; content: ""; }
.btc-aff .mod-reg .agreement input:after { position: relative; display: block; left: 0px; top: -24px; width: 20px; height: 20px; border: #E8883E solid 2px; border-radius: 5px; content: ""; background: #272727; background-repeat: no-repeat; background-position: center; }
.btc-aff .mod-reg .agreement input:checked:after { background-image: url(../images/v1/checked_icon.avif), linear-gradient( 135deg , transparent, transparent); }

.btc-aff .aff-reg-bottom p { color: #FFFFFF; font-size: 12px; display: flex; justify-content: center; align-items: center; margin: 20px auto; border-top: #323232 solid 1px; padding-top: 10px;}
.btc-aff .aff-reg-bottom .reg-btn { margin-bottom: 20px; font-weight: bold; display: block; text-align: center;}
.btc-aff .aff-reg-bottom .cs-wrap{border: none; }
.btc-aff .aff-reg-bottom .cs-wrap i { width: 25px; height: 25px; background: url(../images/agent/cs_icon.avif) no-repeat center / 25px; display: block; margin-right: 5px; }
.btc-aff .aff-reg-bottom .cs-wrap a { color: #F68323; cursor: pointer; }
.btc-aff .aff-reg-bottom .licensed-wrap { display: inline-flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; padding-top: 44px; border-top: #323232 solid 1px; text-align: center; }
.btc-aff .aff-reg-bottom .licensed-wrap p { font-size: 12px; margin: 0 10px 0 0; }
.btc-aff .aff-reg-bottom .licensed-wrap i { display: block; background: url(../images/reg_license.avif) no-repeat center top/100%; width: 145px; height: 30px; padding: 0; }
.btc-aff .aff-reg-bottom .licensed-wrap img{cursor:pointer;}

/* Affiliate Home */
.aff-content .aff-intro{display: block; width: 100%;}
.aff-content .aff-intro .intro-details { color: #1B2242; width: 31%; margin: 10px 1% 0; height: 430px; display: inline-block; flex-direction: column; justify-content: flex-start; align-content: center; background: #FFFFFF; border: #70707033 2px solid; border-radius: 10px; padding: 20px 30px; position: relative;} 
.aff-content .aff-intro:nth-of-type(1) .intro-details:first-of-type{top: -28px;} 
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:first-of-type{top: -50.5px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(2){top: -49px;}
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(2){top: -133px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3){top: -8px;}
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(3){top: -112px;} 
.aff-content .aff-intro .intro-details i{width: 50px; height: 50px; background: url(../images/agent/home_logo_1.avif) no-repeat center / 50px; display: block; margin: auto auto 20px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) i{background-image: url(../images/agent/home_logo_2.avif);}
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) i{background-image: url(../images/agent/home_logo_3.avif);}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(1) i{background-image: url(../images/agent/home_logo_4.avif);}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) i{background-image: url(../images/agent/home_logo_5.avif);}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) i{background-image: url(../images/agent/home_logo_6.avif);}
.aff-content .aff-intro .intro-details .intro-title{/* color: #1B2242;  */font-size: 20px; font-weight: bold; text-align: center; min-height: 100px;}
.aff-content .aff-intro .intro-details .intro-desc{/* color: #1B2242; */ font-size: 14px; min-height: 150px;}
.aff-content .aff-intro .intro-details .intro-desc span{font-weight: bold;}
.aff-content .aff-intro .intro-details a{color: #F68323; text-transform: uppercase; text-align: center; border: #E8883E solid 1px; border-radius: 10px; width: 70%; padding: 5px; display: block; margin: auto;}
.aff-content .commission-intro{color: #1B2242; display: flex; width: 98%; margin: auto 1%; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 100px; align-content: center; background: #FFFFFF; border: #70707033 2px solid; border-radius: 10px; padding: 50px;}
.aff-content .commission-intro img{width: 45%;}
.aff-content .commission-intro .commission-details{width: 50%;}
.aff-content .commission-intro .commission-details .commission-title{font-weight: bold; font-size: 20px; padding-bottom: 20px; color: #1B2242;}
.aff-content .commission-intro .commission-details .commission-desc{font-weight: normal; font-size: 16px; padding-bottom: 20px;}
.aff-content .commission-intro .commission-details .commission-desc span{font-weight: bold;}
.aff-content .commission-intro .commission-details .commission-desc span.bullet{color: #F68323; padding-right: 5px;}
.aff-content .commission-intro .commission-details a{color: #F68323; text-transform: uppercase; text-align: center; border: #E8883E solid 1px; border-radius: 10px; width: 50%; padding: 5px 10px; margin: auto;}

.aff-content .commission-img-wrap{display: flex; justify-content: center; align-items: center; padding: 100px 0; width: 98%; margin: auto;}
.aff-content .commission-img-wrap img{width: 100%;}
.aff-content .commission-img-wrap .banner-details{ position: absolute; text-align: center;}
.aff-content .commission-img-wrap .banner-details .banner-title{color: #FBB329; font-size: 50px; font-weight: bold;}
.aff-content .commission-img-wrap .banner-details .banner-desc{color: #FFFFFF; font-size: 20px; font-weight: bold;}

.aff-content .register-wrap{display: flex; width: 98%; margin: auto; justify-content: space-evenly; align-items: center; background: #FFFFFF; border: #70707033 2px solid; border-radius: 10px; padding: 50px; margin-bottom: 40px; }
.aff-content .register-wrap img{width: 40%;}
.aff-content .register-wrap .banner-details{width: 50%; display: inline-flex; flex-direction: column; justify-content: space-between; }
.aff-content .register-wrap .banner-details p{font-size: 24px; text-align: center; text-transform: uppercase; font-weight: bold; color: #1D1F2A;}
.aff-content a.aff-reg-now{color: #ffffff; padding: 15px 20px; text-transform: capitalize; background: linear-gradient( 180deg  , #FCB52A 0%, #F68323 100%); border-radius: 10px; text-align: center; font-size: 20px; margin: 20px auto 0; width: 50%; display: block;}

/* Affiliate About Us */
.aff-banner img.image-overlay{position: absolute; background-blend-mode: overlay;}
.aff-content .aff-banner .banner-text p{font-size: 22px; color: #FFFFFF;}
.aff-about .aff-banner .banner-text p, .aff-about .aff-banner .banner-text h2{padding: 0 20px;}
.aff-content .section-wrap{padding: 15px 100px 15px 50px;}
.aff-about .selection-wrap a{color: #1D1F2A; opacity: 50%; border: #1D1F2A solid 1px; border-radius: 20px; padding: 10px 20px; min-width: 220px; cursor: pointer; display: inline-block; text-align: center; margin-right: 15px; font-size: 16px;}
.aff-about .selection-wrap a h2{color:inherit; font-size:inherit; font-weight:inherit;}
.aff-about .selection-wrap a.active{color: #FFFFFF; opacity: 1; background: #FF9F54; border-color: #FF9F54; font-weight: 550;}

.aff-about .section-tab, .aff-started .section-tab {padding: 50px 0; color: #1B2242; border-bottom: #CBCBCB solid 1px; }
.aff-about .section-tab .section-title, .aff-started .section-tab .section-title{color: #1A213F; font-size: 24px; font-weight: bold; /*padding-bottom: 30px;*/ width: 95%; cursor: pointer;}
.aff-about .section-tab-2 .section-title, .aff-started .section-tab-2 .section-title{margin-top: 50px; color: #1B2242;}
.aff-about .section-tab-2 .section-title:first-of-type, .aff-started .section-tab-2 .section-title:first-of-type{margin-top: 0px;}
.aff-about .section-tab p, .aff-started .section-tab p{font-size: 16px;}
.aff-content .section-tab .pb{padding-bottom: 20px;}
.aff-content .section-tab .pb-50{padding-bottom: 50px; width: 100%; margin-bottom: 25px; padding: 25px 30px 25px 20px; background: #FFFFFF; box-shadow: 0px 3px 10px rgb(0 0 0 / 30%); border-radius: 10px; cursor: pointer;}
.aff-about .section-tab p span, .aff-started .section-tab p span{font-weight: bold;}
.aff-about .section-tab p span.red, .aff-started .section-tab p span.red{color: #FF0000;}
.aff-about .section-tab a, .aff-about .section-tab .partner-dropdown a, .aff-content .section-wrap .clickable-link{color: #0602D5; font-size: 14px; text-decoration: underline;}
.aff-about .section-tab .partner-dropdown a.disabled{color: #FF0000; border: none; text-decoration-line: none; cursor: unset;}

.aff-content .section-tab .section-dropdown:after{ content: ""; width: 0; height: 0; position: absolute; top: 40px; right: 20px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #FF9F54 transparent transparent transparent; 	border-top-color: #FF9F54; }
.aff-content .section-tab .section-dropdown.clicked:after {transform: rotate( 180deg );}
.aff-content.aff-about a.aff-reg-now, .aff-content.aff-products a.aff-reg-now, .aff-content.aff-started a.aff-reg-now,.aff-content.aff-commissions a.aff-reg-now, .aff-content.aff-faqs a.aff-reg-now {width: 35%; margin-top: 50px;}

/* Affiliate Our Product */
.aff-products .section-wrap{color: #1B2242;}
.aff-products .section-wrap .selection-wrap .title, .aff-started .section-wrap .selection-wrap .title{font-weight: bold; font-size: 20px; padding-bottom: 10px; color: #1B2242;}
.aff-products .section-wrap .selection-wrap .desc, .aff-started .section-wrap .selection-wrap .desc{font-size: 16px; border-bottom: #CBCBCB solid 1px; padding-bottom: 40px;}
.aff-products .section-wrap .section-tab {padding-bottom: 50px;}
.aff-products .section-wrap .section-tab .product-section{display: inline-flex; flex-direction: row; justify-content: space-around; align-items: flex-start; padding: 50px 0 35px; border-bottom: #CBCBCB solid 1px; }
.aff-products .section-wrap .section-tab .product-section img{width: 45%;}
.aff-products .section-wrap .section-tab .product-section .product-details{width: 50%;}
.aff-products .section-wrap .section-tab .product-section .product-details .product-title{font-size: 20px; font-weight: bold; padding-bottom: 10px;}
.aff-products .section-wrap .section-tab .product-section .product-details .product-desc{font-size: 16px;}
.aff-products .section-wrap .section-tab .product-section .product-details .product-desc span{font-weight: bold;}

/* Affiliate Getting Started */
.aff-started .section-wrap .selection-wrap .title{font-size: 24px;}
.aff-started .selection-wrap .clickable-link{font-size: 16px;}

/* Affiliate FAQ */
.aff-faqs .selection-wrap a {width: auto; min-width: 160px; display: inline-flex; justify-content: center; align-items: center; margin: 0 10px 20px 0;}
.aff-about.aff-faqs .section-tab-2 .section-title{font-size: 26px;}
.aff-about.aff-faqs .section-tab p{font-size: 14px;}
.aff-content .section-tab .partner-dropdown{padding: 20px 0;}
.aff-content .section-tab .pb-50:last-of-type .partner-dropdown{border-bottom: none;}
.aff-faqs .section-tab .partner-dropdown a{font-size: 14px;}

/* Affiliate Commissions */
.aff-commissions {background: #FFFFFF;}
.aff-commissions .section-wrap .section-tab{padding: 50px 0 0;}
.aff-commissions .section-wrap .section-tab-2{padding: 50px 0;}
.aff-commissions .section-wrap .section-tab p{color: #1B2242;}
.aff-commissions .section-wrap .section-tab .mp-wrap{display: inline-flex; padding: 50px 0; align-items: flex-start;}
.aff-commissions .section-wrap .section-tab .mp-wrap img{width: 100px; height: auto;}
.aff-commissions .section-wrap .section-tab .mp-wrap .mp-details{padding: 0 0 0 50px;}
.aff-commissions .section-wrap .section-tab .mp-wrap .mp-details a{font-size: 16px;}
.aff-commissions .section-wrap .section-tab .mp-wrap .mp-details span.red{font-weight: bold;}
.aff-commissions .section-wrap .section-tab .comm-title{font-weight: bold; font-size: 20px;}
.aff-commissions .section-wrap .section-tab .comm-desc{font-size: 16px;}
.aff-commissions .section-wrap .section-tab .comm-desc span{font-weight: bold;}
.aff-commissions .section-wrap .section-tab  span.red{font-weight: normal; color: #FF0000;}
.aff-commissions .section-wrap .section-tab .comm-title span.red{ font-size: 16px;}
.aff-commissions .section-wrap .section-tab span.btc-theme-color{font-weight: bold; color: #FBB329; }
.aff-commissions .section-wrap .section-tab span.blue{color: #0070C0; }
.aff-commissions .section-wrap .section-tab .product-title{font-weight: bold; font-size: 30px;  padding-bottom: 20px;}
.aff-commissions .section-wrap .section-tab .table-scroll{margin: 5px 0 30px;}
.aff-commissions .section-wrap .section-tab .table-scroll table{ width: 100%; text-align: left; min-width: 800px;}
.aff-commissions .section-wrap .section-tab .table-scroll table thead td{text-transform: capitalize; font-weight: bold; background: #F0F0F0;}
.aff-commissions .section-wrap .section-tab .table-scroll table td{border: #CBCBCB solid 1px; padding: 15px 0px; text-align: center; position: relative;} 
.aff-commissions .section-wrap .section-tab .table-scroll table td{ padding: 15px 0px 15px 10px;} 
.aff-commissions .section-wrap .section-tab .table-scroll table td i {width: 20px; height: 20px; background: url(../images/agent/commission_info_icon.avif) no-repeat center / 20px; display: block; margin: 0 5px; position: absolute; top: 1%; right: 0; cursor: pointer;}
.aff-commissions .section-wrap .section-tab .table-scroll table td i > p{color: #FFFFFF; background: #151515; position: absolute; top: 80px; left: -100px; z-index: 10; width: 350px; text-align: left; padding: 20px; font-size: 12px; font-weight: normal; border-radius: 4px; }
.aff-commissions .section-wrap .section-tab .table-scroll table td i.info-8 > p, .aff-commissions .section-wrap .section-tab .table-scroll table td i.info-15 > p{left: -300px;}
.aff-commissions .section-wrap .section-tab .table-scroll table td i.info-16 > p, .aff-commissions .section-wrap .section-tab .table-scroll table td i.info-17 > p, .aff-commissions .section-wrap .section-tab .table-scroll table td i.info-18 > p{left: 25px;top: 0;}
.aff-commissions .section-wrap .section-tab .table-scroll table td i.info-19 > p{left: -450px; top: 0;} 
.aff-commissions .section-wrap .section-tab .table-scroll table td i > p > span {padding: 0; display: contents; font-weight: bold;}
.aff-commissions .section-wrap .section-tab .table-scroll table td span{width: 80px; display: inline-block; padding: 0 0 0 20px;}
.aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(1) td:nth-of-type(4), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(2) td:nth-of-type(4),.aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(3) td:nth-of-type(4), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(4) td:nth-of-type(4), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(5) td:nth-of-type(4){border-top: none; border-bottom: none} 
.aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(1) td:nth-of-type(5), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(2) td:nth-of-type(5),.aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(3) td:nth-of-type(5), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(4) td:nth-of-type(5), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(5) td:nth-of-type(5){border-top: none; border-bottom: none} 
.aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(6) td:nth-of-type(4), .aff-commissions .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(6) td:nth-of-type(5){border-top: none;} 

/* Affiliate Promotions */
.aff-products.aff-promo .section-wrap .section-tab {padding-bottom: 0px;border-bottom: none; }
.aff-products.aff-promo .section-wrap .section-tab .product-section .product-details {width: 70%; padding-left: 30px; position: relative; border-bottom: #CBCBCB solid 1px; min-height: 250px;}
.aff-products.aff-promo .section-wrap .section-tab-1 .product-section{ border-bottom: none; padding-bottom: 0;}
.aff-products.aff-promo .section-wrap .section-tab-1 .product-section:first-of-type{padding-top: 10px; border-bottom: none; padding-bottom: 0;}
.aff-products.aff-promo .section-wrap .section-tab-1 .product-section .product-title{font-size: 30px; padding-bottom: 20px;}
.aff-products.aff-promo .section-wrap .section-tab-1 .product-section .product-desc{font-size: 18px}
.aff-promo .section-wrap .section-tab .product-section img{width: 30%;}
.aff-promo .section-wrap .section-tab .product-section a {display: flex; align-items: flex-end; font-size: 16px;position: absolute; bottom: 15%;}
.aff-promo .section-wrap .section-tab .product-section a i {width: 20px; height: 20px; background: url(../images/agent/promo_arrow.avif) no-repeat center / 20px; display: block; margin: 0 5px;}

.aff-promo-details{position: relative; top: -31px;}
.aff-promo-details .info-cont-head{background: #151515; position: relative; top: -3px; text-align: center;}
.aff-promo-details .info-cont-head h1{ color: #FFFFFF; line-height: 50px; font-weight: 600; font-size: 16px;}
.aff-promo-details  .section-tab{padding: 50px 0px; color: #1B2242;}
.aff-promo-details.spp  .section-tab{padding: 50px 60px;}
.aff-promo-details  .section-tab p{color: #1B2242; font-size: 16px;}
.aff-promo-details  .section-tab .product-title{font-weight: bold; font-size: 30px;  padding-bottom: 20px;}
.aff-promo-details .section-tab .table-scroll{margin: 30px 0;}
.aff-promo-details .section-tab .table-scroll table{ width: 50%; text-align: left;}
.aff-promo-details .section-tab .table-scroll table td{border: #CBCBCB solid 1px; padding: 15px 0px;} 
.aff-promo-details.spp .section-tab .table-scroll table td{ padding: 15px 0px 15px 10px;} 
.aff-promo-details .section-tab .table-scroll table td span{width: 80px; display: inline-block; padding: 0 0 0 20px;}
.aff-promo-details.spp .section-tab .table-scroll table td span{ width: 130px;padding: 0 0 0 10px;}
.aff-promo-details .section-tab .table-scroll table td span.colored{color: #07A7C1;}

/* Affiliate License */
.aff-content .aff-banner .banner-text h2.license{padding: 10px 20px;}
.aff-content .section-wrap .section-tab img {width: 38%; padding-bottom: 50px;}
.aff-license .section-wrap .section-tab {border-bottom: #CBCBCB solid 1px;}

/* Affiliate Contact Us */
.aff-contact .section-wrap{text-align:center;}
.aff-contact .contact-lists{width:100%; max-width:960px; margin:15px auto; display:flex; flex-wrap:wrap;}
.aff-contact .contact-lists li{width:25%; padding:3% 1% 1%; display:flex; flex-flow:column;}
.aff-contact .contact-lists li > img{width:80px; margin:15px auto;}
.aff-contact .contact-lists li > p{font-weight:bold;}
.aff-contact .contact-lists li > a{font-size:14px; display:inline-block;}
.aff-contact .contact-lists li > a:nth-of-type(1n+4){display:none;}
.aff-contact .contact-lists li > a:hover{color:#F68323;}
.aff-contact .contact-lists li > a img{display:none;}
.aff-contact .contact-lists li > br{display:none;}
.aff-contact .modal-contact{max-width:360px; color:#000000; background:#FFFFFF;}
.aff-contact .modal-contact .modal-hd{margin-bottom:0;}
.aff-contact .modal-contact .modal-close:after{color:#000000;}
.aff-contact .modal-contact .modal-content{margin:35px 0 20px; text-align:center;}
.aff-contact .modal-contact .modal-content > img{width:80px; margin:0 auto 10px;}
.aff-contact .modal-contact .modal-content > p{font-weight:bold;}
.aff-contact .modal-contact .modal-content > a{font-size:14px; cursor:default;}
.aff-contact .modal-contact .modal-content > a img{max-width:150px; margin-top:10px;}

/* Affiliate TNC */
.aff-tnc.aff-about .section-wrap p{color: #1B2242; font-size: 20px;}
.aff-tnc.aff-about .section-wrap p a{font-size: 20px;}
.aff-tnc .section-wrap .tnc-title{font-size: 20px; font-weight: bold; padding-bottom: 15px; color: #1B2242;}
.aff-tnc .section-wrap .tnc-desc{font-size: 20px;}
.aff-tnc .section-wrap .section-tab {padding: 50px 0px 0px;}
.aff-tnc .section-tab-2 .section-title { font-size: 24px; }
.aff-tnc .section-wrap .section-tab .table-scroll{margin: 30px 0;}
.aff-tnc .section-wrap .section-tab .table-scroll table{ width: 100%; text-align: center;}
.aff-tnc .section-wrap .section-tab .table-scroll table td{border: #CBCBCB solid 1px; padding: 15px 0px;} 
.aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(1) td:nth-of-type(4),.aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(2) td:nth-of-type(4), .aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(3) td:nth-of-type(4), .aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(4) td:nth-of-type(4), .aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(5) td:nth-of-type(4){border-top: none; border-bottom: none} 
.aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(1) td:nth-of-type(5),.aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(2) td:nth-of-type(5),.aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(3) td:nth-of-type(5), .aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(4) td:nth-of-type(5), .aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(5) td:nth-of-type(5){border-top: none; border-bottom: none} 
.aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(6) td:nth-of-type(4), .aff-tnc .section-wrap .section-tab .table-1 .table-scroll table tbody tr:nth-of-type(6) td:nth-of-type(5){border-top: none;} 
.aff-tnc .mp-wrap{display: inline-flex; padding: 50px 0; align-items: flex-start;}
.aff-tnc .mp-wrap img{width: 100px !important; height: auto;}
.aff-tnc .mp-wrap .mp-details{padding: 0 0 0 50px;}

@media (min-width:1800px) and (max-width:2460px){
.aff-about .aff-banner .banner-text p, .aff-about .aff-banner .banner-text h2 { padding: 10px 410px; }
.aff-content .aff-banner .banner-text h2.license { padding: 10px 200px; }

/* Affiliate Promotions */
.aff-promo .section-wrap .section-tab .product-section img{width: 450px; height: auto;}
}

@media (max-width:1024px){
.side-nav.affiliate .fixed-overlay{position: relative; top: 25px;}

/* Affiliate Forgot */
.aff-forgotpw-popup .mod-forms-custom, .aff-forgotpw-popup .passwd-button{margin:20px auto 10px;}
.aff-forgotpw-popup .mod-forms-custom .item-ipt{padding:0 10px;}
.aff-forgotpw-popup .mod-forms-custom .txt-ipt{font-size:12px; margin:0 10px;}
.aff-forgotpw-popup .popup-wrap{padding:18px 10px;}
.aff-forgotpw-popup .popup-wrap > b{font-size:{16px;}}
.aff-forgotpw-popup .passwd-button a{font-size:13px;}
.aff-forgotpw-popup .verify-ipt .otp-btn{font-size:12px;}

/* Affliate Home */
.aff-content .layout {width: 100%; padding: 50px;}
.aff-content .aff-intro:nth-of-type(2){padding-bottom: 50px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:first-of-type { top: -8px; }
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) { top: -28px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) {top: -111px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -7px; }

/* Affiliate Products */
.aff-products .section-wrap .section-tab .product-section .product-details .product-desc { font-size: 14px; }

/* Affiliate Promotions */
.aff-products.aff-promo .section-wrap .section-tab .product-section .product-details {min-height: 230px;}
}

@media (max-width:769px){
/* Affliate Home */
.aff-content .layout{padding: 50px;}
.aff-content .section-wrap { padding: 55px 100px 15px 50px; }
.aff-content .aff-banner .banner-text h2.license { padding: 10px 60px; }
.aff-content .aff-intro:nth-of-type(2){padding-bottom: 0px;}
.aff-content .aff-intro .intro-details{height: 530px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:first-of-type { top: 0px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) { top: -19px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) a { position: relative; top: 20px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) { top: 0px; }
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(1) { top: -20px; }
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) { top: -50px; }
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -7px; }

.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:first-of-type { top: -51.5px }
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) { top: 40px; }
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) a { position: relative; top: 0px; }
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) { top: 40px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(1) { top: -20px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) { top: -236px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -215px; }
.aff-content .aff-intro .intro-details .intro-desc{min-height: 255px;}
.aff-content .aff-intro .intro-details a{width: 100%; margin: 20px auto;}
.aff-content .commission-img-wrap{padding: 50px 0;}
.aff-content .register-wrap{padding: 50px 10px;}
.aff-content .register-wrap .banner-details p{white-space: nowrap;}
.aff-content a.aff-reg-now{width: 70%;}

/* Affiliate Promotions */
.aff-products.aff-promo .section-wrap .section-tab .product-section .product-details {min-height: 260px;}

/* Affiliate Contact Us */
.aff-contact .section-wrap{text-align:left;}
.aff-contact .contact-lists li{width:100%; min-height:65px; margin:15px 0; padding:0 0 0 80px; position:relative; justify-content:center; align-items:flex-start;}
.aff-contact .contact-lists li > img{width:65px; margin:0 auto; position:absolute; left:0; top:50%; transform:translateY(-50%);}
}

@media (max-width:640px){
.mod-agent{padding-top:70px;}

/* Affiliate Header */
.header.affiliate .logo a {font-size: 14px;}
.header.affiliate .logo img { max-width: 35%; }
.login-section.aff-login-section .login-detail{ height: 100vh !important; max-height:100vh; padding: 20% 5% !important; } 
.login-section.aff-login-section .social-login a{width: 145px;}
.login-section .login-detail > .or-opt:before, .login-section .login-detail > .or-opt:after { width: 145px; }
#agentLoginPopup.aff-login-section .login-detail{padding: 20% 5% !important; }
#agentLoginPopup.aff-login-section .logo .close-wrap{top: 4%;}
#agentLoginPopup.aff-login-section.vue .login-detail{padding:25% 5% 0 !important; margin:0 auto;}
#agentLoginPopup.aff-login-section.vue .licensed-wrap{margin:45px auto 15px;}
#agentLoginPopup.aff-login-section.vue .close-reg-wrap{top:8%; right:12%;}

/* Affiliate Side Nav */
.side-nav.affiliate .fixed {top: 70px; height: calc(100% - 70px);}
.side-nav.affiliate .fixed-overlay { position: relative; top: 18px; }

/* Footer */
.darkmode .footer .footer-link li { border-bottom: #F0F0F0 solid 1px; }

/* Affiliate Register */
.btc-aff .mod-reg .hd{height: 60px;}

/* overall banner */
.aff-banner .banner-text, .aff-banner .banner-text h1{font-size: 24px;}
.aff-content .aff-banner .banner-text p, .aff-content .aff-banner .banner-text h2{font-size: 12px; padding: 20px 40px;}

/* Affiliate Home */
.aff-content {overflow: hidden;}
.aff-content .layout{overflow: hidden; padding:10px;}
.aff-content .aff-intro{ width: 100%; top: 0; display: inline-block; overflow: hidden; overflow-x: scroll; white-space: nowrap;}
.aff-content .aff-intro:nth-of-type(2){position: relative; top: -15px;}
.aff-content .aff-intro .intro-details{ width: 85%;  display: inline-block;white-space: break-spaces; height: 390px; margin-right: 20px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:first-of-type { top: -44px; }
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:first-of-type {top: -46.5px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) { top: 28px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) a{ top: 7px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) { top: 28px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) a{ position: relative; top: 5px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(1) { top: -10px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(1) {top: 10px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) { top: -75px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) {top: -54px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -65px; }
.aff-content .cn.aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) {top: -53px;}
.aff-content .aff-intro .intro-details i{ margin: auto;} 
.aff-content .aff-intro .intro-details a { margin: 0px auto; }

/* slider */
.aff-content .aff-intro .intro-details .intro-title {min-height: 35px; font-size: 14px;}
.aff-content .aff-intro .intro-details .intro-desc { min-height:80px; font-size: 12px; text-align: center;}
.aff-content .commission-intro{display: block; padding: 0px 30px 50px; }
.aff-content .commission-intro img{width: 100%;}
.aff-content .commission-intro .commission-details .commission-title{font-size: 14px;}
.aff-content .commission-intro .commission-details{width: 100%; font-size: 14px;}
.aff-content .commission-intro .commission-details a{font-size: 14px;}
.aff-content .commission-img-wrap .banner-details .banner-title{font-size: 35px;}
.aff-content .register-wrap{display: block;}
.aff-content .register-wrap img{width: 100%;}
.aff-content .register-wrap .banner-details{width: 100%;}
.aff-content .register-wrap .banner-details p{font-size: 18px; padding: 20px 0;}
.aff-content a.aff-reg-now{font-size: 15px;}

/* Affiliate About */
.aff-content .section-wrap {padding: 40px 20px 15px; }
.aff-about .selection-wrap { display: inline-flex; }
.aff-about .selection-wrap a{font-size: 12px; min-width: 165px; margin-right: 10px;}
.aff-about .section-tab .section-title{font-size: 20px;}
.aff-about .section-tab p{font-size: 16px;}
.aff-about .section-tab-2 .section-title {font-size: 20px;}
.aff-about .section-tab-2 p { font-size: 14px;}
.aff-content.aff-about a.aff-reg-now, .aff-content.aff-products a.aff-reg-now, .aff-content.aff-started a.aff-reg-now, .aff-content.aff-faqs a.aff-reg-now, .aff-content.aff-commissions a.aff-reg-now { width: 55%; margin-top: 30px; }
.aff-about .section-tab a, .aff-about .section-tab .partner-dropdown a, .aff-content .section-wrap .clickable-link{font-size: 14px;}

/* Affliate Our Products */
.aff-products .section-wrap .section-tab .product-section{display: block; width: 100%;}
.aff-products .section-wrap .section-tab .product-section img { width: 100%; }
.aff-products .section-wrap .section-tab .product-section .product-details { width: 100%; }

/* Affiliate Started */
.aff-started .section-wrap .selection-wrap .desc{font-size: 14px;}
.aff-started .section-tab-2 .section-title{font-size: 20px;}
.aff-started .section-tab-2  p{ font-size: 14px;}
.aff-started .section-wrap .selection-wrap .title { font-size: 20px; }

/* Affiliate FAQS */
.aff-faqs .selection-wrap{display: inline-block; width: 100%;}
.aff-faqs .selection-wrap a{ width: 32%; min-width: unset; white-space: break-spaces; height: 40px; float: left; position: relative; overflow: hidden; margin-right: 1%; padding: 10px 5px;}
.aff-faqs .selection-wrap a:nth-child(3n){margin-right: 0;}
.aff-faqs .selection-wrap a:nth-of-type(7){width: 40%;}
.aff-faqs .section-tab{padding-top: 10px;}
.aff-about.aff-faqs .section-tab-2 .section-title{font-size: 20px;}

/* Affiliate Commissions */
.aff-commissions .section-wrap .section-tab-1 {text-align: center;}
.aff-commissions .section-wrap .section-tab .comm-desc{font-size: 14px;}
.aff-commissions .section-wrap .section-tab .mp-wrap{display: block;}
.aff-commissions .section-wrap .section-tab .mp-wrap .mp-details{padding: 0;}
.aff-commissions .section-wrap .section-tab .mp-wrap img{padding-bottom: 0;}
.aff-commissions .section-wrap .section-tab .mp-wrap .comm-desc{font-size: 16px;}
.aff-commissions .section-wrap .section-tab .mp-wrap .comm-desc span:nth-of-type(1){font-size: 20px;}
.aff-commissions .section-wrap .section-tab-2 .comm-title:nth-of-type(1), .aff-commissions .section-wrap .section-tab-2 .comm-title:nth-of-type(2){text-align: center;}
.aff-commissions .section-wrap .section-tab-2 .comm-title span.red{font-size: 14px; text-align: left; float: left;}
.aff-commissions .section-wrap .section-tab .comm-title span.red{ font-size: 14px;}

.aff-commissions .table-wrap{overflow: hidden; width: 100%;}
.aff-commissions .table-wrap .table-scroll{width: 100%; overflow-x: auto;}
.aff-commissions .table-scroll table{table-layout: fixed; min-width: 800px;}
.aff-commissions .section-wrap .section-tab .table-scroll table td i > p { width: 300px; left: -70px;}
.aff-commissions .section-wrap .section-tab .table-scroll table td i.info-19 > p { left: -300px; top: -100px; }

/* Affiliate Promotions */
.aff-promo .section-wrap{padding-top: 30px;}
.aff-promo .section-wrap .section-tab{padding-top: 10px;}
.aff-promo .section-wrap .section-tab .product-section:nth-of-type(2){padding-top: 20px;}
.aff-promo .section-wrap .section-tab .product-section img{padding-bottom: 15px;}
.aff-products.aff-promo .section-wrap .section-tab .product-section .product-details{width: 100%; padding-left: 0px; font-size: 16px; min-height: 250px;}
.aff-products.aff-promo .section-wrap .section-tab-1 .product-section .product-desc{font-size: 14px;}
.aff-promo .section-wrap .section-tab .product-section a{bottom: 5%; right: 0%; font-size: 14px;}

.aff-promo-details .info-cont-head{top: 42px;}
.aff-promo-details .section-wrap{padding-top: 60px;}
.aff-promo-details.spp .section-tab{padding: 30px 5px;}
.aff-promo-details .section-tab .product-title{font-size: 24px ;}
.aff-promo-details .section-tab p{font-size: 14px;}
.aff-promo-details .section-tab .table-scroll table{width: 100%;}
.aff-promo-details .section-tab .table-scroll table td {font-size: 14px;}
.aff-promo-details .section-tab .table-scroll table td span{font-size: 14px; width: 45px; padding: 0 0 0 5px;}
.aff-promo-details.spp .section-tab .table-scroll table td span{padding: 0px;}

/* Affiliate License */
.aff-content .aff-banner .banner-text h2.license { padding: 10px 30px; }
.aff-license .section-wrap .section-tab img{width: 100%;}

/* Affiliate TNC */
.aff-tnc.aff-about .section-wrap .tnc-desc{font-size: 16px;}
.aff-tnc.aff-about .section-wrap p a{font-size: 16px;}
.aff-tnc .section-tab-2 .section-title{font-size: 19px;}
.aff-tnc .section-tab-2 .partner-dropdown p {font-size: 16px;}
.aff-tnc .section-tab-2 .partner-dropdown .table-wrap{overflow: hidden; width: 100%;}
.aff-tnc .section-tab-2 .partner-dropdown .table-wrap .table-scroll{width: 100%; overflow-x: auto;}
.aff-tnc .section-wrap .section-tab .table-scroll table{table-layout: fixed; min-width: 600px;}
}

@media (max-width:480px){
/* Affiliate Header */
.header.affiliate .logo a {font-size: 14px;}
.header.affiliate .logo img{max-width: 45%;}

/*overall banner*/
.aff-banner .banner-text{font-size: 20px;}

/* Affliate Home */
.aff-content .aff-intro .intro-details{height: 360px; padding-top: 0;}
.aff-content .aff-intro:nth-of-type(2){top: 0;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:first-of-type { top: -25px; }
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:first-of-type {top: -24.5px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) { top: 22px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) a{ top: -2px;}
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) a{ top: 5px;}
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) { top: 15px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) a{ position: relative; top: 5px;}
/* .aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(1) { top: -10px; } */
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(2) { top: -60px; }
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -31px; }
}

@media (max-width:400px){
/* Affliate Home */
.aff-content .aff-intro:nth-of-type(2){top: 0;}
.aff-content .cn.aff-intro:nth-of-type(1) .intro-details:first-of-type {top: -16.5px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) { top: 40px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) a{ top: -20px;}
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -5px; }
}

@media (max-width:370px){
/* Affliate Home */
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(2) { top: 23px; }
.aff-content .aff-intro:nth-of-type(1) .intro-details:nth-of-type(3) { top: -2px; }
.aff-content .aff-intro:nth-of-type(2) .intro-details:nth-of-type(3) { top: -7px; }
}