.heading-three {color:#3a3a3a; font-family:"Roboto", sans-serif; font-size:18px; font-style:normal; font-weight:500; line-height:150%; margin-bottom:5px;}
.heading-one {margin-bottom:10px;}
.btn:focus-visible, .btn:focus {outline:0; border-color:var(--second-color); box-shadow:none;}
.scratch-card-features {margin-top:20px; border-radius:20px; background:url(../images/scratch-card-features-bg.png) no-repeat center;}
.scratch-card-features .welcome {padding:40px; display:flex; gap:90px;}
.scratch-card-features .welcome p {color:#fff; margin-bottom:0; font-size: 14px;}
.scratch-card-features .contnet {display:flex; flex-direction:column; justify-content:center;}
.scratch-card-features .cta {display:flex; flex-direction:column; gap:20px; justify-content:center;}
.scratch-card-features .cta .btn {text-align:center; font-family:"Inter"; font-size:18px; font-style:normal; font-weight:600; line-height:normal; text-transform:uppercase; border-radius:8px; padding:20px 45px; display:flex; align-items:center; justify-content:center; width:100%; height:50px; flex-shrink:0;}
.scratch-card-features .cta .btn.register {color:var(--primary-color); background:#fff; border:1px solid var(--primary-color);}
.scratch-card-features .cta .btn.sign-in {color:#fff; border:1px solid #fff; background:var(--primary-color);}
.top-features {margin-top:30px;}
.top-features .heading-two {margin-bottom:10px; padding-left:10px;}
.top-features .box {border-radius:10px; background:#fff; padding:20px; border:1px solid rgba(240, 103, 103, 0.15); display:flex; gap:24px; text-decoration:none; margin-bottom:0px; height:100%;}
.top-features .box p {color:#3a3a3a; font-family:"Roboto", sans-serif; font-size:13px; font-style:normal; font-weight:400; line-height:140%; opacity:0.7; margin-bottom:0;}
.license {padding-left:0px; margin-top:50px;}
.license .heading-two.custom-hr {padding-left:0;}
.custom-hr {border-radius:20px; border-bottom:1px solid #efefef; padding-bottom:20px; padding-left:10px;}
.license .form-input {display:flex; height:50px; gap:24px;}
.license .form-control {border-radius:10px; border:1px solid var(--second-color); background:#f9f9f9;}
.license .btn {text-align:center; font-family:"Inter"; font-size:18px; font-style:normal; font-weight:600; line-height:normal; text-transform:uppercase; border-radius:8px; padding:20px 45px; display:flex; align-content:center; align-items:center; justify-content:center; width:100%; max-width:182px;}
.license .btn.connect {color:#fff; background:var(--primary-color); border:1px solid var(--primary-color);}
.license .btn.pre-view {color:var(--primary-color); background:#fff; border:1px solid var(--primary-color);}
.license .btn:active {color:#fff; background-color:var(--primary-color);}
.license .form-control:focus-visible, .license .form-control:focus {outline:0; border-color:var(--second-color); box-shadow:none;}
.license .form-input .form-control {padding:20px;}
.license .form-input .form-control::placeholder {overflow:hidden; color:#737373; font-family:"Inter"; font-size:14px; font-style:normal; font-weight:300; line-height:normal; opacity:0.5;}
.license .cookie p {color:#737373; font-family:"Inter"; font-size:14px; font-style:normal; font-weight:400; line-height:normal;}
.license .cookie {color:#737373; background:#F5F5F5; height:150px; border:0; width:100%; font-weight:400; font-size:14px; line-height:normal; resize:none; padding-left:0px;}
.license textarea.cookie:focus {box-shadow:none;}
.steps .heading-two {margin:22px 0px 15px; padding-left:10px;}
.timeline {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); counter-reset:custom-counter 0; position:relative; border-radius:20px; border:1px solid var(--second-color); box-shadow:0px 15px 30px 0px #fafafa; padding:25px 20px; margin-bottom:0;}
.timeline li {list-style:none; float:left; position:relative; text-align:center; text-align:left;}
.timeline .content .my-no {counter-increment:custom-counter; content:counter(custom-counter); width:40px; height:40px; border:1px solid var(--second-color); border-radius:50%; display:flex; justify-content:center; align-items:center; font-family:"Inter", sans-serif; font-size:16px; font-style:normal; font-weight:600; line-height:normal; background:#fff; color:var(--primary-color);}
.timeline .content:after {content:""; position:absolute; width:100%; border-top:1px dashed var(--second-color); top:20px; left:-100%; z-index:-999; transition:all ease-in-out 0.3s;}
.timeline .content:first-child:after {content:none;}
.timeline .content span {color:#3a3a3a; font-family:"Inter", sans-serifc; font-size:16px; font-style:normal; font-weight:600; line-height:normal; display:block; margin:20px 0px 10px 0px;}
.timeline .content p {color:#3a3a3a; font-family:"Inter", sans-serif; font-size:12px; font-style:normal; font-weight:500; line-height:normal; opacity:0.7; max-width:200px; margin-bottom:0;}
div#wpbody-content {position:relative;}
.otp-section.show {display:flex;}
.otp-section {position:absolute; display:none; left:0; top:0; bottom:0; right:0; background:rgb(0 0 0 / 84%); width:100%; height:100vh; max-width:100%; padding:0; margin:0; z-index:90; overflow:hidden;}
.card {width:400px; border:none; height:300px; box-shadow:0px 5px 20px 0px #d2dae3; z-index:1; display:flex; justify-content:center; align-items:center}
.card h6 {color:var(--primary-color); font-size:20px}
.inputs input {width:40px; height:40px}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0}
.card-2 {background-color:#fff; padding:10px; width:350px; height:100px; bottom:-50px; left:20px; position:absolute; border-radius:5px}
.card-2 .content {margin-top:50px}
.card-2 .content a {color:var(--primary-color)}
.form-control:focus {box-shadow:none; border:2px solid red}
.validate {border-radius:20px; height:40px; background-color:var(--primary-color); border:0; width:140px}
.validate:hover {background-color:#fff; border:1px solid var(--primary-color); color:var(--primary-color);}
.selectbox {border-radius:10px !IMPORTANT; border:1px solid #e0e0e0 !important; width:150px;}

@media screen and (max-width: 1251px) {
.timeline li {margin-bottom:20px;}
}

@media screen and (max-width: 991px) {
.license .form-input {display:flex; height:auto; gap:20px; flex-direction:column;}
.license .form-input .form-control {height:50px;}
.license .form-input .btn {height:50px;}
.license {padding-left:00px; margin-bottom:0px;}
.scratch-card-features .welcome {padding:30px; display:flex; gap:20px; flex-direction:column;}
.scratch-card-features .cta {display:flex; flex-direction:column; gap:15px; justify-content:center;}
.scratch-card-features .contnet {display:flex; justify-content:center; flex-direction:column;}
.scratch-card-features {background:var(--primary-color);}
.top-features .box {border-radius:10px; padding:15px 12px; gap:15px; margin-bottom:0px; height:100%;}
.license .btn {width:100%; max-width:100%;}
.timeline .content p {max-width:100%;}
}

@media screen and (max-width: 575px) {
.scratch-card-features .welcome {padding:20px;}
.license {margin-top:30px;}
.license .form-input .form-control {height:50px;}
.license .form-input .btn {height:50px;}
}

@media screen and (max-width: 461px) {
.timeline .content:first-child:after {content:"";}
}

.modelinfo {padding:15px; padding-right:0px; width:100%; border-radius:20px; border:1px solid var(--second-color); background:#F5F5F5; margin:20px 0px 0px 0px; font-weight:400; line-height:normal;}
.modelinfo textarea {color:#737373; background:#F5F5F5; height:150px; border:0; width:100%; font-weight:400; font-size:14px; line-height:normal; resize:none; padding-left:0px;}