body {
    background: #eee
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

.theme-btn,
.theme-btn:hover {
    background: #ab2421;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    width: 50px;
    font-size: 17px;
    border-radius: 70px !important
}

#regForm {
    background-color: #fff;
    margin: 0 auto;
    font-family: Segoe UI;
    border-radius: 10px
}

h1,
h2,
h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: .2rem;
    font-weight: 500;
    line-height: 1
}

input {
    padding: 10px;
    width: 100%;
    font-size: 17px;
    border: 1px solid #aaa
}

input.invalid {
    background-color: #fdd
}

.container input:checked~.checkbox,
.container input:checked~.checkmark,
.step.active,
.step.finish,
button,
button:hover {
    background-color: #ab2421;
}

.question-answer-failed {
    padding: 20px;
    border: 1px solid #ec0808;
    margin-bottom: 15px
}

.tab,
.tab-end,
.thanks-message {
    display: none
}

button,
button:hover {
    color: #fff;
    border: none;
    height: 45px;
    width: 120px;
    font-size: 22px;
    cursor: pointer
}

.column {
    display: flex;
    column-gap: 10px
}

button:hover {
    opacity: .8
}

#prevBtn {
    background-color: #bbb
}

.step {
    margin: 0 20px;
    padding: 1px 50px;
    border: 1px solid #ab2421;
    display: inline-block;
    opacity: .5
}

.container,
.container input:checked~.checkbox:after,
.container input:checked~.checkmark:after {
    display: block
}

.step.active {
    opacity: 1;
    color: #eee
}

.step.finish {
    color: #eee
}

.all-steps {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

select {
    border: none;
    padding: 10px 20px;
    border-radius: 5px
}

select:focus {
    outline: 0
}

.container {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.text-primary {
    color: #2667ff !important
}

.border-bottom {
    border-bottom: 1px solid #fff !important
}

.formdata {
    background-color: #F6ECE5;
    padding: 25px;
    border-radius: 8px
}

.checkbox,
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

.question-answer {
    padding: 5px
}

.container input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.container input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    border-radius: 30%
}

.container:hover input~.checkbox,
.container:hover input~.checkmark {
    background-color: #ccc
}

.checkbox:after,
.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-decoration: none !important;
    color: #ab2421;
}

.container .checkbox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}

:root{--primary:#ab2421;--secondary:#742936;--light:linear-gradient(90deg, rgb(236 241 203) 0%, rgba(255, 230, 224, 1) 100%);--dark:#130e0f}.fw-medium{font-weight:600!important}.btn,.fw-bold{font-weight:700}.text-sec{color:var(--secondary)}.rounded{border-radius:15px!important}.j-tags:hover,.theme-sec{background:var(--secondary)}a{text-decoration:none!important;color:#272727}.text-theme,a:hover{color:var(--primary)}.form-control,.form-select{padding:15px 20px}.btn,.btn-special,.header a.logo{padding:10px 20px}.theme-bg{background:var(--primary)}.btn{transition:.5s}.btn-primary{color:#fff;background-color:var(--primary);border-color:var(--primary);text-transform:uppercase;border-radius:12px}.btn-primary:hover{color:#fff;background:linear-gradient(90deg,#681a28 0,#911d30 100%);border-color:var(--secondary)}.bg-light{background:var(--light)!important}.bg-dark{background:var(--dark)!important}.border{border:1px solid #a5313a!important}.page-header{background:#083791}.header .menu-btn:hover,.header li a.active,.header li:hover a,.text-secondary{color:var(--primary)!important}.btn-special{color:#000;background:#b4ff74}.btn-special:hover{background:#fff;color:var(--primary)}.j-tags:hover,footer a:hover{color:#fff!important}.hero-banner{background:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px),radial-gradient(600px 400px at 100% 0,rgba(255,230,80,.9) 0,rgba(170,255,90,.7) 20%,rgba(255,90,90,.5) 55%,rgba(0,0,0,0) 95%),radial-gradient(600px 400px at 0 100%,rgba(255,230,80,.1) 0,rgba(170,255,90,.1) 30%,rgba(255,90,90,.1) 55%,rgba(0,0,0,0) 75%),radial-gradient(1200px 600px at 50% 110%,#0e0e0f 0,#0e0e0f 40%,rgba(14,14,15,0) 60%),linear-gradient(180deg,#141314 0,#0f0f10 100%);background-size:32px 32px,32px 32px,cover,cover,cover,cover;background-blend-mode:overlay,overlay,normal,normal,normal,normal}.all-bg{background:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(180deg,#1a1a1b 0,#0f0f10 100%);background-size:48px 48px,48px 48px,cover;background-blend-mode:overlay,overlay,normal}@media (max-width:992px){.img-area{background:0 0}}footer a{color:#ffbfca!important}.header a.logo,.header li a{text-decoration:none;color:#000!important;display:block}.header{position:fixed;z-index:1000;width:100%}.header ul{margin:10px 0 0;padding:0;list-style:none;overflow:hidden}.header li a{padding:12px 20px;text-transform:uppercase;font-weight:500}.header a.logo{float:left;font-size:2em}.header a:hover.logo{color:#000}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:32px 20px;position:relative;user-select:none}.header .menu-icon .navicon{background:var(--primary);display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:var(--primary);content:"";display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:260px;padding-bottom:20px}.header .menu-btn:checked~.menu-icon .navicon{background:0 0}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:992px){.d-lg-flex{display:flex!important}.header li{float:left}.header li a{padding:12px 30px}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}}.j-tags{border-radius:9px;border:1px solid var(--secondary);color:var(--secondary)!important;padding:5px 20px;display:inline-block;margin-bottom:10px;background:#fff}.description-lp{all:initial!important;font-family:var(--bs-font-sans-serif)!important}.description-lp li,.description-lp p,.description-lp ul{padding:revert!important;margin:revert!important;font-size:16px;list-style:revert!important;word-wrap:break-word!important}.description-lp h3{font-weight:bolder!important;font-size:17px}.keywords-block{-webkit-box-shadow:7px 7px 0 0 #2d070d;-moz-box-shadow:7px 7px 0 0 #2d070d;box-shadow:7px 7px 0 0 #2d070d;background:var(--light);border-radius:12px;padding:8px 15px}label.error{color:red;font-size:1rem;display:block;margin-top:5px}label.error.fail-alert{border:2px solid red;border-radius:4px;line-height:1;padding:2px 0 6px 6px;background:#ffe6eb}input.valid.success-alert{border:2px solid #4caf50;color:green}input.error,textarea.error{border:1px solid red!important;font-weight:300;color:red}.alert{border:1px solid #0a3622;border-radius:6px;background:#d1e7dd}.alert-success{color:#0a3622}
