/* Basic Configuration */
body{font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif; font-weight:500; font-size:14px; line-height:1.7em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; background-image:url(/risk-test/assets/img/bg.jpg?96974866); background-repeat:repeat; background-color:#facc20;}
.grota{font-family:'Grota Extrabold',Helvetica,Arial,Lucida,sans-serif; font-weight:500; line-height:1;}

.text-light-blue{color:#578AD6;}
.bg-light-blue{background:#578AD6;}
.bd-light-blue{border-color:#578AD6!important;}
.drop-shadow-light-blue{-webkit-box-shadow:0px 7px 0px 0px rgba(87,138,214,1); -moz-box-shadow:0px 7px 0px 0px rgba(87,138,214,1); box-shadow:0px 7px 0px 0px rgba(87,138,214,1);}
.drop-shadow-primary{-webkit-box-shadow:5px 5px 14px 0px rgba(0,0,0,0.25); -moz-box-shadow:5px 5px 14px 0px rgba(0,0,0,0.25); box-shadow:5px 5px 14px 0px rgba(0,0,0,0.25);}

.text-dark-blue{color:#2A326D!important;}
.bg-dark-blue{background:#2A326D;}
.bd-dark-blue{border-color:#2A326D!important;}

.bg-yellow{background:#facc20;}
.bg-light-yellow{background:#fef2c7}





.rounded-10{border-radius:4rem!important;}
.px-2-5{padding-right:0.45rem!important; padding-left:0.45rem!important;}
.fw-500{font-weight:500!important;}
a{transition:0.15s all ease;}
p{font-size:1.2em;}
select:disabled{cursor:not-allowed; opacity:.5}

.select-label{font-weight:700; font-size:1.2em;}
.form-group{display:inline-block; margin-top:15px; font-weight:700; font-size:1.2em;}
.form-group input{padding:0; height:initial; width:initial; margin-bottom:0; display:none; cursor:pointer;}
.form-group label{position:relative; cursor:pointer;}
.form-group label:before{content:''; -webkit-appearance:none; background-color:transparent; border:3px solid #578AD6; box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding:10px; display:inline-block; position:relative; vertical-align:middle; cursor:pointer; margin-right:5px;}
.form-group input:checked + label:after{content:''; display:block; position:absolute; top:4px; left:9px; width:8px; height:14px; border:solid #578AD6; border-width:0 3px 3px 0; transform:rotate(45deg);}


/* Navigation */
.logo{max-width:300px;}
.navbar-brand{display:none;}
.navbar-nav li a{color:#ffffff; font-size:20px; font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif; font-weight:700;}
.dropdown-menu{border:0px; background:#2A326D; border-radius: 0px 0px 40px 40px;}
.dropdown-menu li:hover a{background:transparent; color:#ffffff; opacity:.7;}
@media(min-width: 993px){
    .navbar-nav{margin-bottom:35px; margin-top:35px; background:#2A326D; border-radius: var(--bs-border-radius-pill)!important;}
    .navbar-nav li{padding-left:20px; padding-right:20px;}
    .dropdown-menu{width:240px;}
    .dropdown-menu{left:-50px;}
    .dropdown-menu li{padding:0 20px; text-align:center;}
    .dropdown-menu li a{padding:6px 20px; line-height:1.4em; border-bottom:1px solid #ED0707;}
    .dropdown-menu li:last-child a{border-bottom:0px;}
}

/* Rist Test */
.risk-test-container{-webkit-box-shadow:5px 5px 14px 0px rgba(0,0,0,0.25); -moz-box-shadow:5px 5px 14px 0px rgba(0,0,0,0.25); box-shadow:5px 5px 14px 0px rgba(0,0,0,0.25);transform-style:preserve-3d;transform: translate3d(0,0,0) translateZ(0px);}
.title-box{transition:0.15s color ease;}
.title-box small{font-size:.5em; text-transform:none; color:#ccc; font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif; font-weight:500;line-height:1;}
.title-box.button:hover{color:#cccccc!important;}
.title-box.bottom{left:50%; transform:translate(-50%); bottom:-26px;}
.title-box.top{left:50%; transform:translate(-50%); top:-20px;}
.divider{height:0px; transition:0.15s height ease; min-width:256px;}
.divider.open{height:100px; margin-top:15px; stroke-dasharray:1; stroke-dashoffset:1; animation:dash .5s ease-in normal forwards;}
.hidden-box{display:none!important; opacity:0; transition:0.15s height ease; height:0px; overflow:hidden;}
.hidden-box.open{display:flex!important; height:auto; animation:show-hidden-box .15s ease-in .5s normal forwards; 
    -webkit-animation-name: show-hidden-box;
-webkit-animation-duration: .15s;
-webkit-animation-delay: .5s;
-webkit-animation-timing-function: normal;
-webkit-animation-fill-mode: forwards; overflow:visible;}

@keyframes dash{
  from{stroke-dashoffset:1;}
  to{stroke-dashoffset:0;}
}

@keyframes show-hidden-box{
  0%{opacity:0;}
  100%{opacity:1;}
}



@media(max-width: 1400px){

}

@media(max-width: 1200px){

}

@media(max-width: 992px){
    .navbar{background:#2A326D;}
    .offcanvas{background:#2A326D!important;}
}
@media(max-width: 762px){

}

@media(max-width: 576px){
    
}

@media(max-width: 493px){
    
}

@media(max-width: 400px){
    
}

@media(max-width: 367px){
    .divider.open{margin-top:0px;}
}