/* your CSS goes here*/
body {
    background: #eee;
}

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

.theme-btn {
    background: #424874;
    color: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
    font-weight: bold;
    text-transform: uppercase;
    height: 40px;
    width: 50px;
    font-size: 17px;
    border-radius: 70px !important;
}

.theme-btn:hover {
    background: #424874;
    color: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
    font-weight: bold;
    text-transform: uppercase;
    height: 40px;
    width: 50px;
    font-size: 17px;
    border-radius: 70px !important;
}

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

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

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

input.invalid {
    background-color: #ffdddd
}

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

.tab {
    display: none
}

.tab-end {
    display: none
}

button {
    background-color: #424874;
    color: #ffffff;
    border: none;
    height: 45px;
    width: 120px;
    font-size: 22px;
    cursor: pointer
}

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

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

button:hover {
    opacity: 0.8
}

#prevBtn {
    background-color: #bbbbbb
}

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

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

.step.finish {
    background-color: #424874;
    color: #eee
}

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

.thanks-message {
    display: none
}

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

select:focus {
    outline: none;
}

.container {
    display: block;
    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: #424874 !important;
}

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

.formdata {
    position: relative;
    width: 100%;
    background-color: #ebf6fe;
    padding: 25px;
    border-radius: 8px;
}

.question-answer {
    padding: 5px;
}


/* Hide the browser's default radio button */

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

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


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 30%;
}


/* On mouse-over, add a grey background color */

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


/* When the radio button is checked, add a blue background */

.container input:checked~.checkmark {
    background-color: #424874;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

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


/* Show the indicator (dot/circle) when checked */

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


/* Style the indicator (dot/circle) */

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

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


/* Create a custom checkbox */
.checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input~.checkbox {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked~.checkbox {
    background-color: #424874;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked~.checkbox:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkbox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    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);

}

.header .menu-btn:hover,.header li a.active,.header li:hover a{color:var(--theme-color-main)!important}:root{--theme-color-main:#424874;--theme-color-sec:#5a648f;--theme-color-light:#ebf6fe;--theme-color-landing:#242847}*,body{outline:0}a,h1,h2,h3,h4,h5,h6{text-decoration:none!important}h1,h2,h3,h4,h5,h6{font-weight:600;color:#101828}a{color:#000!important}.main-bg{width:100%;margin:0;padding:0;background:linear-gradient(90deg,#a6b1e1,#fff);border-bottom:1px solid #ccc}.search-btn,.theme-btn{padding:10px 20px;text-transform:uppercase}@media(min-width:992px){.d-lg-flex{display:flex!important}}.theme-btn{text-align:center;font-weight:600!important;color:#fff!important;background:var(--theme-color-sec);border-radius:9px;transition:.3s linear;border:1px solid var(--theme-color-main)}.fw-bold,.search-btn,.why-txt{font-weight:700}.text-sec{color:var(--theme-color-sec)}.theme-btn:hover{background:#242847;color:#fff!important}.rounded-20{border-radius:20px}.search-btn{background:#89efdd;border-radius:0;color:#000!important;border:none;letter-spacing:1px;transition:.5s}.btn-outline-warning,.text-theme{color:var(--theme-color-main)}.search-btn:hover{background:var(--theme-color-sec);color:#fff!important}.header .menu-icon .navicon,.j-tags:hover,.theme-bg{background:var(--theme-color-main)}.theme-bg-sec{background:var(--theme-color-sec)}.theme-bg-lght{background:var(--theme-color-light)}.col-8{flex:0 0 auto;width:66.66666667%}.col-4{flex:0 0 auto;width:33.33333333%}.border{border-color:#b8c3ec!important}hr{color:#af9cc3}.btn,.nowrap{white-space:nowrap}.bg-lblue{background:#d8ecff}.bg-dark{background:#242847}.bg-light{background:var(--theme-color-light)!important}.bg-theme{background:var(--theme-color-main)!important}.bg-theme-sec{background:var(--theme-color-sec)!important}.btn-outline-warning{border-color:var(--theme-color-main)}.btn-outline-warning:hover{color:#fff;background-color:var(--theme-color-main);border-color:var(--theme-color-main)}.footer a:hover,.j-tags:hover{color:#fff!important}.c-img{height:80px;display:flex;align-items:center}.form-control,.form-select{padding:15px 30px}.footer a{color:#d8ecff!important}.header a.logo,.header li a{text-decoration:none;color:#000;display:block}.header li a.active{border:1px solid var(--theme-color-main);border-radius:12px}.header li a:hover.active{border:1px solid var(--theme-color-main);color:var(--theme-color-main)!important}.header{position:fixed;z-index:1000;background:#fff;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;padding:10px}.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{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(--theme-color-main);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){.header li{float:left}.header li a{padding:10px 30px}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}}.j-tags{border-radius:12px;border:1px solid var(--theme-color-main);color:#000!important;padding:5px 20px;display:inline-block;margin-bottom:10px}.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}.side-border{border-left:5px solid var(--theme-color-main);padding-left:10px}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;padding:10px}.alert-success{color:#0a3622}.box{--c:70px;mask:radial-gradient(60% var(--c) at top,#0000 calc(100% - 1px),#000)}.why-txt{color:#5a648f;font-size:80px;display:block}.circle-box,.no-box{border-radius:100%;background:linear-gradient(45deg,#2a2f46,#5a648f 70%);color:#fff}.circle-box{width:85%;height:100%;margin:0 auto;padding:70px 50px}.no-box{width:65px;height:60px;font-size:35px;border:2px solid #fff;text-align:center;position:relative;left:20px;top:25px}@media (min-width:993px) and (max-width:1024px){.circle-box{width:100%}}@media (min-width:320px) and (max-width:992px){.img-area{background:0 0}.brdr-rght{border-right:0px}.circle-box{border-radius:0}}