@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {box-sizing: border-box;font-family: "Inter", sans-serif;}
body {margin: 0}
img {max-width: 100%}
a {text-decoration: none;color: inherit;}
ul {list-style: none;padding: 0;margin: 0;}
figure {margin: 0;}
.btn {text-align: center;}
.adscommerce-login {background-image: linear-gradient(-50deg, #f9dffa 0%, #f3f4f9 100%);padding: 30px 0;min-height: 100vh}
.adscommerce-login .adscommerce-container {width: 100%;margin: auto;max-width: 85%;}
.adscommerce-login .rightbox {width: 100%;border-radius: 30px;filter: drop-shadow(0px 4px 14.5px rgba(0,0,0,0.15));background-color: #ffffff;padding: 50px;}
.adscommerce-login .leftbox .logo {max-width: 460px;margin: 0 0 10px;}
.adscommerce-login .col-row {display: flex;margin: 0 -15px;}
.adscommerce-login .col-row>* {padding: 0 15px;}
.adscommerce-login .col-row .col-m6 {width: 50%;}
.adscommerce-login .box-forminput {position: relative;}
.adscommerce-login .box-forminput input {width: 100%;height: 80px;border-radius: 11px;background-color: #ffffff;border: 1px solid #c6c6c6;padding: 10px 10px 10px 70px;}
.adscommerce-login .box-forminput img {position: absolute;top: 50%;transform: translateY(-50%);left: 20px;width: 30px;object-fit: contain;}
.adscommerce-login .box-formgroup {margin: 0 0 25px;}
.adscommerce-login .label {font-size: 16px;font-weight: 500;display: block;margin: 0 0 3px;}
.adscommerce-login .rightbox .head, .adscommerce-login .leftbox .head {font-size: 43px;font-weight: 700;line-height: 50px;margin: 0 0 18px;}
.adscommerce-login  p {font-size: 18px;margin: 0 0 10px;line-height: 1.4;}
.adscommerce-login p.mb-5px {margin: 0 0 5px;}
.adscommerce-login p strong.fs-1em {font-size: 1.04em;display: block;line-height: 1;}
.adscommerce-login .rightbox .boxbtn-group {position: relative;display: flex;flex-direction: column;gap: 30px;margin: 20px 0px 0px;}
.adscommerce-login .rightbox .boxbtn-group .btn {width: 100%;display: block;padding: 20px;font-size: 21px;}
.adscommerce-login .rightbox .boxbtn-group span.or {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;background: #fff;border-radius: 50px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;}
.adscommerce-login p a {font-weight: 500;text-decoration: underline;display: inline-block;font-size: 0.95em;}
.btn.btn-primary {border-radius: 11px;background-color: #69bd28;border: 1px solid #69bd28;color: #fff}
.btn.btn-secondary {border-radius: 11px;background-color: #b748b5;border: 1px solid #b748b5;color: #fff}
.adscommerce-login .box-forgotpass {font-size: 17px;font-weight: 500;width: 160px;text-align: right;}
.adscommerce-login .box-forgotpass a {color: #870087;}
.adscommerce-login .box-checkbox {width: calc(100% - 160px);position: relative;}
.adscommerce-login .box-row {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.adscommerce-login .box-12 {width: 100%;}
.adscommerce-login .box-row>* {padding:  0 10px;}
.adscommerce-login .box-checkbox span:before {content: "";width: 23px;height: 23px;position: absolute;left: 0;top: 0;background-color: #ffffff;border: 1px solid #c6c6c6;border-radius: 5px;}
.adscommerce-login .box-checkbox span {min-height: 23px;display: flex;align-items: center;padding-left: 25px;}
.adscommerce-login .box-checkbox span:after {content: "";width: 14px;height: 7px;border-left: 2px solid #ffffff;border-bottom: 2px solid #ffffff;position: absolute;top: 6px;left: 5px;transform: rotate(-45deg);opacity: 0;transition: all 0.3s ease;}
.adscommerce-login .box-checkbox input[type="checkbox"] {position: absolute;width: 100%;height: 100%;opacity: 0;left: 0;top: 0}
.adscommerce-login .box-checkbox input:checked ~ span:after {opacity: 1;}
.adscommerce-login .box-checkbox input:checked ~ span:before {background: #870087;border-color: #870087;}
.adscommerce-login .leftbox ul {margin: 15px 0px 0px;}
.adscommerce-login .leftbox ul li {display: grid;grid-template-columns: 50px 1fr;gap: 15px;background: linear-gradient(-50deg, #f5edf9 0%, #ffffff 100%);border-radius: 10px;margin: 0 0 15px;padding: 15px;}
.adscommerce-login .leftbox ul li img {width: 100%;object-fit: contain;height: 100%;}
.adscommerce-login .leftbox ul li strong {font-size: 20px;color: black;display: -webkit-box;margin: 0 0 5px;}
.adscommerce-login .leftbox ul li p {margin: 0;}
.adscommerce-login .box-6 {width: 50%;}
.form-group label {display: block;margin: 0 0 3px}
.commercebox {margin: 0 0 15px}
.box-formradio{display:flex;gap:10px 30px;margin:8px 0 0}
.box-formradio .form-check{margin:0;padding:0;line-height:1.3;min-height:unset;position:relative}
.box-formradio .form-check input{margin:0;height:100%;width:100%;opacity:0;position:absolute;left:0;top:0;z-index:1}
.box-formradio .form-check label{padding-left:30px;position:relative;font-size:15px;min-height:22px;line-height:1.3;display:inline-flex;align-items:center;justify-content:center}
.box-formradio .form-check label:before{content:"";width:22px;height:22px;position:absolute;left:0;top:0;border:2px solid #ddd;border-radius:50px;transition:.3s}
.box-formradio .form-check label:after{content:"";width:12px;height:12px;position:absolute;left:5px;top:5px;background:#870087;border-radius:50px;opacity:0;transition:.3s}
.box-formradio .form-check input:checked~label:after{opacity:1}
.box-formradio .form-check input:checked~label:before{border-color:#870087}
textarea::placeholder {font-size: 15px;}
.thankyou-box {text-align: center;}
.thankyou-icon {font-size: 65px;background: green;width: 130px;height: 130px;margin: 0 auto 15px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #fff;line-height: 1;}
.thankyou-box .btn {font-size: 18px;padding: 15px 10px;width: 100%;max-width: 250px;line-height: 1.3;}
.thankyou-box h2 {font-size: 35px;font-weight: 700;color: #008000;margin: 15px 0px 20px;}
.adscommerce-login .thankyou-box p {margin: 0 0 20px;}
@media screen and (max-width: 1600px) {
	.adscommerce-login .leftbox .logo {max-width: 350px}
	.adscommerce-login p {font-size: 17px}
	.adscommerce-login .leftbox ul li {grid-template-columns: 45px 1fr;}
	.adscommerce-login .leftbox ul li strong {font-size: 18px}
}
@media screen and (max-width: 1400px) {
	.adscommerce-login .adscommerce-container {width: 100%;padding: 0 15px;max-width: 100%}
}
@media screen and (max-width: 1200px) {
	.adscommerce-login .rightbox {padding: 20px;border-radius: 10px}
	.adscommerce-login .leftbox .logo {max-width: 300px}
	.adscommerce-login .rightbox .head, .adscommerce-login .leftbox .head {font-size: 30px;line-height: 32px;}
	.adscommerce-login p {font-size: 16px}
	.adscommerce-login .leftbox ul li strong {font-size: 16px}
}
@media screen and (max-width: 1100px) {
	.adscommerce-login .leftbox .logo {max-width: 200px}
	.adscommerce-login .rightbox .head, .adscommerce-login .leftbox .head {font-size: 22px;line-height: 24px;}
	.adscommerce-login p, .adscommerce-login .label {font-size: 14px}
	.adscommerce-login .box-forminput input {width: 100%;height: 50px;border-radius: 5px;padding: 10px 10px 10px 50px;}
	.adscommerce-login .box-forminput img {top: 50%;width: 18px;}
	.adscommerce-login .rightbox .boxbtn-group .btn {font-size: 17px;padding: 17px}
	.adscommerce-login .box-checkbox span {font-size: 15px}
    .box-formradio .form-check label, textarea::placeholder {font-size: 14px;}
    .thankyou-box .btn {font-size: 16px;max-width: 200px;}
    .thankyou-icon {width: 100px;height: 100px;font-size: 60px;}
}
@media screen and (max-width: 900px) { 
	.adscommerce-login .col-row {flex-wrap: wrap;}
	.adscommerce-login .col-row .col-m6 {width: 100%}
}
@media screen and (max-width: 550px) {
	.adscommerce-login .box-6 {width: 100%}
	.adscommerce-login .box-forgotpass {width: 135px;font-size: 14px}
	.adscommerce-login .box-checkbox {width: calc(100% - 135px);}
	.adscommerce-login p, .adscommerce-login .label {font-size: 13px;}
	.adscommerce-login .leftbox ul li {grid-template-columns: 40px 1fr;gap: 13px;border-radius: 5px;margin: 0 0 10px;padding: 10px;}
    .adscommerce-login .rightbox .head, .adscommerce-login .leftbox .head {font-size: 21px}
    .box-formradio .form-check label, textarea::placeholder {font-size: 13px;min-height: 20px;}
    .box-formradio .form-check label:before {width: 20px;height: 20px;}
    .box-formradio .form-check label:after {width: 10px;height: 10px;}
    .thankyou-box .btn {font-size: 14px;max-width: 150px;border-radius: 5px;padding: 10px;}
    .thankyou-icon {width: 80px;height: 80px;font-size: 40px;margin: 0;}
    .thankyou-box h2 {font-size: 30px;margin: 15px 0;}
    .adscommerce-login .thankyou-box p {margin: 0 0 10px;}
}