*{box-sizing:border-box;margin:0;padding:0;font-family: "Segoe Ui", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif !important;}
html,body{height:100%; font-family: "Segoe Ui", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
/* background:#2c3854; */
color:#222
}

/* html, body {height: 100%;} */
a{color:inherit;text-decoration:none}
img{max-width:100% !important;}
.page{display:flex;width:100%;align-items:stretch;justify-content:flex-start;overflow:hidden; /* min-height:100vh; */}
.panel{overflow:hidden;display:flex;width:100%;
  /* margin:auto; */
}
.panel {
  display: flex;
  width: 100%;
  min-height: 100vh;
}.left,
.right {
  min-height: 100vh;
}.partner-hero {
  height: 100%;
  min-height: 100vh;
}
.left{width:55%;position:relative;overflow:hidden;}
.right{width:45%;background:#fff;display:flex;align-items:center;justify-content: space-between;  padding-top:45px;
  /* padding-bottom:40px; */
  flex-direction: column;}
#mainNav {display: none;}
.back-btn{ position:absolute;left:75px;top:56px;width:200px;height:36px;z-index:32;display:inline-flex;align-items:center;gap:8px;background: rgba(7, 13, 17, 0.412);color:#fff !important;border-radius:40px;font-size:14px;font-weight:500; box-shadow:0 2px 6px rgba(0,0,0,0.25);transition:.2s;justify-content:center;}
.back-btn:hover{opacity:.85;color:#fff;}
.login{width:100%;max-width:560px;padding:0;}
.login p.create{padding-bottom:0;padding-top:25px;text-align:center;}
.login p.keep{padding:20px 0px;}
.partner-form input,.partner-form select{margin-bottom: 20px !important;background:#f8fafc;width:100%;height:47px;border:none !important;border-bottom:1px solid #94a3b8 !important;margin-bottom:0px;color:#858a90 !important; font-size:14px;padding:0 0 0 20px;outline:none;}
.partner-form input[type="checkbox"] {height: 13px;width: 13px; margin: 5px 0 0 0;}
#signup{border-radius:1px;background:#0078d4;width:100px;height:40px;font-size:15px;color:#fff;border:none;cursor:pointer;font-weight:400;    margin-top: 25px;}
.login h1{font-size:32px;color:#0b0b0b;font-weight:bold !important;padding:5px 0px 10px 0;margin: 0;}
.login p{font-size:14px;color:#5d7187;padding-bottom:25px;margin:0px;}
.login .ms-btn{ border: 1px solid rgb(150, 182, 205); border-radius: 5px;background: rgb(227, 242, 253);height: 48px;display:flex !important;align-items:center;
  justify-content:center;gap:10px;width:100%;color:#434343 !important;font-size:15px;font-weight:600;}
.login .ms-btn:hover{ background: aliceblue;cursor:pointer;}
.divider{display:flex;align-items:center;gap:12px;color:#9ca3af;font-weight:600;font-size:12px;margin:30px 0;}
.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e6e9ee}
.form .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.keep {display: flex;align-items: start; gap: 10px;justify-content: flex-start;font-size: 13px;color: #5d7187;}
.keep a{color:#0078d4;}
.forgot{color:#6b7280;font-size:13px;}
.create{margin-top:18px;color:#4b5563;}
.create a{color:#0078d4;font-weight:600;margin-left:6px;}
.partner-hero {position: relative;width: 100%;min-height: 100vh;overflow: hidden;}
.partner-bg {width: 100%;height: 100%;object-fit: cover;position: absolute;inset: 0;z-index: 1;}
.partner-overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.7);z-index: 2;}
.partner-content {position: relative;z-index: 3;padding: 55px 80px;color: #fff;}
.title {font-size: 52px;font-weight: 600 !important;margin: 0;line-height: 1.3; padding: 80px 0 20px 0px;}
.subtitle {font-size: 16px;color: #f4f4f4;margin-bottom:0px;line-height: 1.6;}
.features {display: flex;flex-direction: column;gap: 45px;padding-top:200px;}
.feature-item {display: flex;gap: 16px;}
.icon { min-width: 48px;height: 48px; border-radius: 5px; display: flex; align-items: center;justify-content: center;font-size: 22px;background: rgba(255, 255, 255, 0.2);}
.feature-item h4 { font-size: 17px;font-weight: 600;margin-bottom: 4px;}
.feature-item p {font-size: 14px;color: #cacbcd;}
a {color: #1a87ed !important;}
.footer { margin-top: 40px; font-size: 12px;color: #d7dadf;}
.form-row {display: flex;gap: 25px;margin-bottom: 20px;}
.form-row.full input {width: 100%;}
#signup {border-radius: 5px;background: rgb(0, 120, 212);width: 100%;height: 47px;}
#signup:hover{background: rgb(17 138 230);}
.login1 input:focus, .login1 select:focus, .login1 textarea:focus {border: none !important;border-bottom: 1px solid #94a3b8 !important;}
.fake-recaptcha { width: 300px;background: #fff;border: 1px solid #d3d3d3;border-radius: 3px;padding: 12px 15px;display: flex;justify-content: space-between;align-items: center;height:75px;line-height: 17px;}
.checkbox-area {display: flex;align-items: center;gap: 10px;cursor: pointer;}
.checkbox-area input {display: none;}
.checkmark {width: 24px;height: 24px;border: 2px solid #c3c3c3;border-radius: 3px;display: inline-block;position: relative;background: #fff;}
.checkbox-area input:checked + .checkmark::after {content: "";position: absolute;left: 6px;top: 1px;width: 7px; height: 14px;border: solid #4285f4;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.text {font-size: 14px;color: #333;}
.captcha-logo { display: flex;flex-direction: column;align-items: center;font-size: 11px;text-align: center;}
.logo {width: 28px;height: 28px;background: url('https://www.gstatic.com/recaptcha/api2/logo_48.png') no-repeat center/contain;}
.privacy small { color: #555;display: block; margin-top: -3px;}
.login1.registernew.partner-form {display: inline-block; width: 100%;}
.one_half{ width: 48%; margin-right: 4%;}
.login-txt {text-align: center;}

@media (max-width:1600px) and (min-width:1026px){
  .left{width:58%}
  .right{width:42%}
}

@media (max-width:1440px){
  .left,.right{width:50%;}
  .right{padding:30px 30px 0px !important;}
  .title br{display:none;}
  #signup{margin-top: 0px !important;}
  .divider{margin: 20px 0px;}
  .login p{padding-bottom: 15px;}
}

@media (max-width:1366px){
  .features{padding-top:80px !important;}
  .partner-content{    padding: 50px 30px !important;}
  .back-btn{left:35px;}
  .title {font-size: 30px !important;}
.subtitle br,.login p br{display:none;}
}

@media (max-width:980px){
     .left { display:none;}
	.left,.right{width:100%;}
	  .login h1 {font-size: 27px;}
	  .divider{margin:20px 0px;}
    .features {padding-top: 30px !important;}
	.right{padding-top:0px;}
}

@media (max-width:768px){

  .left,.right{width:100%;}

.login{    max-width: 100%;}
}


@media (max-width:767px) {
 
    .one_half {width: 100%;margin-right: 0%;}
    .panel {flex-direction: column; max-width: 100%;box-shadow: none;}
}


@media (max-width:568px){
      .login h1 {
        font-size: 22px;
    }
  .footer {
    margin-top: 20px;}
  .features{gap:25px}
  .subtitle{font-size:15px;}
    .partner-content{    padding: 30px !important;}
        .title {
        font-size: 22px !important;
    }
.back-btn{position:unset;}
  .partner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}
.partner-hero{height:auto !important;min-height:auto !important;}
.left, .right{height:auto !important;}
  .form-row{flex-direction:column;}
  .title{    padding: 20px 0 10px 0px !important;}
}

@media (max-width:420px){
 .fake-recaptcha {
    width: auto;}
}

.reseller-container{border: 1px solid rgb(148, 200, 164);border-radius: 5px;background: #e9f9ee;padding:30px;}
.bulk-reseller-head {font-size: 24px;color: #0b0b0b;font-weight: 600;}
.thankyou-head {font-size: 14px;color: #333;font-weight: 500;padding: 0 0 15px 0;}
strong.note-txt {color: #1e6f37;font-size: 14px;}
#verifyemail-btn{ padding: 0 !important;border: 1px solid rgb(85, 157, 107);border-radius: 5px;background: rgb(233, 249, 238);width: 145px;height: 36px;font-size:14px;color:#3b6e4b;font-weight:500;}
#login-reseller-btn { padding: 8px 50px !important;border: 1px solid rgb(85, 157, 107);border-radius: 5px;background: rgb(85, 157, 107); /*width: 145px;height: 36px;*/font-size:14px;color:#fff !important;font-weight:500;margin: 0 0 0 10px;}

@media (max-width:980px){
#verifyemail-btn,#login-reseller-btn{width:130px;}
}

@media (max-width:414px){
.reseller-container{padding:15px;}
#login-reseller-btn{margin:0px;}
.right { padding: 10px !important;}
}
/* p.login-txt {
    padding-bottom: 0px !important;
} */