body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    padding-top: 0px !important;
}
.main-menu ul li{
    padding-right:5px;
    padding-left:5px
}
.header-nav>li.dropdown.f-w-dpd .dropdown-menu{
    background-color:#fff
}
.header-nav>li.dropdown.f-w-dpd.show{
    position:static
}
.header-nav>li.dropdown.f-w-dpd.show .dropdown-menu{
    display:block;
    width:100%;
    text-align:center;
    left:0;
    right:0;
    max-height:650px;
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.header-nav>li.dropdown.f-w-dpd.show .dropdown-menu::-webkit-scrollbar{
    display:none
}
.header-nav>li.dropdown.f-w-dpd .dropdown-menu>li{
    display:table-cell
}
.navbar-nav.navbar-center{
    margin-left:auto;
    margin-right:auto
}

.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav a.nav-link:hover{
    color:var(--main-appearance-color);
    border-bottom:3px solid var(--main-appearance-color);
    padding-bottom:3px
}


.navbar-light .navbar-nav .nav-link{
    color:rgba(0,0,0,.6);
    font-size:17px
}
.float-right-btn{
    float:right
}
.header-btn{
    border-radius:15px;
    margin-left:9px;
    font-size:13px;
    font-weight:700;
    padding:5px 13px
}
.ind-nt-exst .header-btn{
    padding:3px 15px
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success{
    color:var(--main-appearance-color);
    border-color:var(--main-appearance-color)
}
.btn-outline-success:hover{
    background-color:var(--main-appearance-color);
    border-color:var(--main-appearance-color)
}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{
    background-color:var(--main-appearance-color);
    border-color:var(--main-appearance-color)
}
.active-main-tab a.nav-link{
    color:var(--main-appearance-color)!important
}
.for-small-devices .nav-link{
    color:#495057!important
}
.nav-tabs .nav-link.active,.promise-section .nav-tabs .nav-item.show .nav-link{
    color:#f3f3f3;
    background-color:transparent;
    border-color:transparent transparent #f3f3f3;
    font-size:20px;
    font-weight:700
}
.promise-section .nav-tabs .nav-link{
    border:1px solid transparent;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem;
    font-size:20px
}
.promise-section .nav-tabs .nav-link.active{
    background:var(--main-appearance-color-10);
    border-top-left-radius:20px;
    border-bottom:none;
    border-top-right-radius:20px
}
.promise-section .nav-tabs .nav-link p{
    color:#6b6d6c;
    padding-top:15px;
    font-size:21px;
    font-weight:700;
    margin-bottom:5px
}
.promise-section .nav-tabs .nav-link span{
    position:relative;
    color:#6b6d6c;
    font-weight:400;
    font-size:18px
}
.promise-section .nav-tabs .nav-link.active p{
    color:var(--main-appearance-color)
}
.promise-section .nav-tabs .nav-link:hover p{
    color:var(--main-appearance-color)
}
.promise-section .nav-tabs .nav-link.active span{
    color:var(--main-appearance-color)
}
.promise-section .nav-tabs .nav-link:hover span{
    color:var(--main-appearance-color)
}
.promise-section .nav-tabs .nav-link:hover img.tab-img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    opacity:.7
}
.my-dropdown-toggle::after{
    display:none
}
.my-dropdown-menu{
    padding:0!important;
    margin:0!important
}
.navbar-nav .my-dropdown-menu{
    background-color:#f8f9f9;
    -webkit-box-shadow:10px 5px 15px -10px rgba(0,0,0,.5);
    -moz-box-shadow:10px 5px 15px -10px rgba(0,0,0,.5);
    box-shadow:10px 5px 15px -10px rgba(0,0,0,.5);
    border:1px solid #eee;
    border-radius:0;
    width:220px
}
.header-nav>li.dropdown.f-w-dpd .dropdown-menu{
    background-color:#fff
}
.header-nav>li.dropdown.f-w-dpd.show .dropdown-menu{
    display:block;
    width:100%;
    text-align:center;
    left:0;
    right:0;
    max-height:650px;
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.header-nav>li.dropdown.f-w-dpd.show .dropdown-menu::-webkit-scrollbar{
    display:none
}
.header-nav>li.dropdown.f-w-dpd .dropdown-menu>li{
    display:table-cell
}
.stick-to-top{
    position:sticky;
    top:0
}
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-outline-success:hover {
    background-color: var(--main-appearance-color);
    border-color: var(--main-appearance-color);
}
.container {
    max-width: 1140px;
}

.form-control.fs-16.text-grey-800.border-grey.rounded-3.rounded-end-0.subInput{
    display: inline-flex;
    height: 45px;
    
}
 .navbar {
    position: relative !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: .5rem 1rem !important;
} 
 .navbar-nav{
    text-align: right !important
} 


 .btn-outline-success:hover{
    color: #fff;

} 

.fade:not(.show) {
    opacity: 0 !important;
}

.anchorUnderline li a:hover {
    text-decoration: underline !important;
}

.textUnderlinehover:hover {
       text-decoration: underline !important;
}

.subscribe-modal-dialog {
    max-width: 600px;
}
.subscribe-submit-button {
    font-size: 20px;
    letter-spacing: 1px;
    padding: 5px 20px;
}
.subscriber-email {
    font-size: 20px;
    letter-spacing: 1px;
    width: 450px;
    margin: auto;
}
.custom-input {
    border-radius: 5px !important;
}
#subscription-result {
    width: 420px;
    margin: auto;
        margin-top: auto;
    font-size: 22px !important;
    margin-top: 10px;
    text-align: center;
}

.alert {
    padding: 3px 20px !important;
 
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
 
    border-radius: .25rem;
}

.questionnaire-modal-dialog {
    max-width: 850px;
}

.questionnaire-modal-dialog .modal-content {
	border: 3px solid var(--main-appearance-color) !important;
	border-radius: 15px;
	background-size: 100% 100%;
	padding: 20px 30px
}

.questionnaire-modal-dialog .close {
	font-size: 40px;
	color: var(--main-appearance-color);
	opacity: 1;
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 10;
	cursor: pointer
}

.questionnaire-modal-dialog .modal-body {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.questionnaire-modal-dialog .question-section {
	font-size: 24px !important;
	text-align: center !important;
	color: var(--main-appearance-color)
}

.questionnaire-modal-dialog h2.question-section {
	font-size: 38px !important
}

.questionnaire-modal-dialog h2 {
	margin: 0 auto 15px;
	max-width: 100%
}

.questionnaire-modal-dialog label {
	font-size: 20px;
	font-weight: 400
}

.question-section {
	text-align: center;
	font-weight: 700;
	max-width: 640px;
	margin: 0 auto 20px
}

.question {
	margin: 10px 0;
	font-size: 30px !important;
	text-align: center !important;
	line-height: 1.2;
	color: var(--main-appearance-color);
	max-width: 640px;
	margin: 0 auto;
	padding-bottom: 10px;
	font-weight: 700;
	margin: 0 auto 10px
}

.questionnaire-answer {
	font-size: 5rem !important;
	font-weight: 700;
	text-align: center !important;
	color: #3e9e42
}

.demo-p {
	width: 650px;
	margin: 20px auto;
	max-width: 100%
}
a.atag {
	font-size: 22px;
	text-align: center;
	cursor: pointer;
	color: #5a5c5b
}

a.atag:hover {
	text-decoration: none
}
.tab {
	display: none
}
.btnss {
	justify-content: space-between
}

.radioGroupBelow {
	text-align: center;
	margin: 10px 0 30px 0
}

.radioGroupBelow span {
	display: inline-block;
	text-align: center;
	margin: 0 1em;
	font-weight: 700
}

.radioGroupBelow span input[type=radio] {
	display: block;
	margin: .5em auto;
	width: 18px;
	height: 18px
}

.radio-label {
	margin: 0 !important;
	line-height: 1
}
label.error {
	color: red;
	margin-bottom: 0
}

.result-tab {
	display: none
}

.result-tab {
	font-size: 24px
}
.privious-button {
	border-radius: 8px;
	background-image: -moz-linear-gradient(90deg, #656766 0, #c7c7c7 100%);
	background-image: -webkit-linear-gradient(90deg, #656766 0, #c7c7c7 100%);
	background-image: -ms-linear-gradient(90deg, #656766 0, #c7c7c7 100%);
	border: none;
	padding: 3px 20px;
	font-size: 21.5px;
	color: #fff
}
.buttom-section {
	overflow: auto
}

.buttom-section p {
	cursor: pointer
}
.score-result-text {
	font-size: 22px;
	font-weight: 700;
	display: none;
	color: #41a045
}
.step-of {
	font-size: 20px
}
.step {
	display: none
}


/* .nv-style {
    font-weight: 700 !important;
} */

.navbar-nav .nav-item .nav-link{
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}