.elementor-1022 .elementor-element.elementor-element-983af2b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-1022 .elementor-element.elementor-element-cda9a37.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1022 .elementor-element.elementor-element-cda9a37.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1022 .elementor-element.elementor-element-cda9a37.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1022 .elementor-element.elementor-element-5cbb444 > .elementor-widget-container{margin:0% 0% 0% 18%;}.elementor-1022 .elementor-element.elementor-element-5cbb444 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-1022 .elementor-element.elementor-element-a22348f:not(.elementor-motion-effects-element-type-background), .elementor-1022 .elementor-element.elementor-element-a22348f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.strategicaxis.org/wp-content/uploads/2024/01/Woman-1.png.webp");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-1022 .elementor-element.elementor-element-a22348f > .elementor-container{max-width:739px;}.elementor-1022 .elementor-element.elementor-element-a22348f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1022 .elementor-element.elementor-element-a22348f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1022 .elementor-element.elementor-element-3ce1684 > .elementor-widget-container{background-color:#FFFFFF;padding:7% 8% 7% 8%;border-radius:29px 29px 29px 29px;box-shadow:0px 4px 36px 2px rgba(0, 0, 0, 0.26);}.elementor-1022 .elementor-element.elementor-element-3ce1684.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group{padding-right:calc( 7px/2 );padding-left:calc( 7px/2 );margin-bottom:6px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-form-fields-wrapper{margin-left:calc( -7px/2 );margin-right:calc( -7px/2 );margin-bottom:-6px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-type-html{padding-bottom:0px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group .elementor-field{color:#000000;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){border-color:var( --e-global-color-secondary );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group .elementor-select-wrapper select{border-color:var( --e-global-color-secondary );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-secondary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-button{border-style:solid;border-width:2px 2px 2px 2px;border-radius:25px 25px 25px 25px;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;border-color:var( --e-global-color-primary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;border-color:var( --e-global-color-primary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1022 .elementor-element.elementor-element-3ce1684 .e-form__buttons__wrapper__button-previous{color:#ffffff;border-color:var( --e-global-color-primary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-button[type="submit"]:hover{background-color:#02010100;color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-secondary );}.elementor-1022 .elementor-element.elementor-element-3ce1684 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-3ce1684{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-1022:not(.elementor-motion-effects-element-type-background), body.elementor-page-1022 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4072b2b );}@media(min-width:768px){.elementor-1022 .elementor-element.elementor-element-cda9a37{width:100%;}.elementor-1022 .elementor-element.elementor-element-67a1ce4{width:69.251%;}.elementor-1022 .elementor-element.elementor-element-180f1b7{width:30.749%;}}/* Start custom CSS */.elementor-element-0db3034 > div:nth-child(1) {
        font-family: system-ui, sans-serif
        ;display: flex;
   justify-content: center;
    align-items: center;
    overflow: hidden;
    
}

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


@media(min-width:1100px){
    img{
        width: 180%;
    }
}
.app{
    display: grid;
    gap: 1%;
    width: min(100% - 1rem, 40rem);
    padding: 1%;
    border: 1px solid white;
    border-radius: 10px;
    color: white;
    scale: 0.9
}
.app >h1{
    font-size: 25px;

    font-weight: bold;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: .7rem;
}
.quiz{
    padding: 20px 0;
    display: none;
}
.quiz >h2{
    font-size: 18px;
    font-weight: 700;
}
#answer-buttons{
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
}
.btn{

    color: #dedcdc;
    font-weight: 200;
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    text-align: left;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    transition: all .25s linear;
    display: grid;
  grid-template-columns: auto 1fr;
  background-color: #28323e;
  padding-inline: 0.5em;
  border-radius: 10px;
  border: 1px solid #4d6279;
  overflow: hidden;
}

.btn:hover:not([disabled]){
    background-color: #b23d4d;
    color: #fff;
}
.btn:disabled{
    cursor:not-allowed;
}
#next-btn{
    margin-top: 2%;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #708398;
    border-radius: 10px ;
    padding: 1.2em 3em;
    background-color: #28323e;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
}
#next-btn:hover{
    transform: translateY(-2px);
    opacity: .9;
}
.correct{
    background-color: #036444;
    color: #fff;
    border-color: #036444;
}
.incorrect{
    background-color: #e36060;
    color: #fff;
    border-color: #e36060;
}



























.tvdd {
	text-align: center;
	overflow: hidden;
	position: relative;
	width: 16em;
	height: 16em;
    left: 28%;
  margin-top: 5%;

}
.tvdd > h2{
	font-size: larger;
	color: white;

}

.tvdd__ring {
top: 40%;
  left: 40%;
  width: 30%;
  height: 30%;
  transform-origin: 50% 80%;
}
.tvdd__ring, .tvdd__ring-dot {
	position: absolute;
}
.tvdd__ring-dots {
	animation: pivot 1s linear infinite;
	width: 100%;
	height: 100%;
}
.tvdd__ring-dot {
	animation: pulse 1s ease-in-out infinite;
	background-color: hsl(193deg, 90%, 55%);
	border-radius: 50%;
	margin: -5% 0 0 -5%;
	width: 10%;
	height: 10%;
}
.tvdd__ring-dot:nth-child(1) {
	top: 38.3531429704%;
	left: 6.533337817%;
}
.tvdd__ring-dot:nth-child(2) {
	animation-delay: -0.0833333333s;
	top: 61.6468570296%;
	left: 6.533337817%;
}
.tvdd__ring-dot:nth-child(3) {
	animation-delay: -0.1666666667s;
	top: 81.8198051534%;
	left: 18.1801948466%;
}
.tvdd__ring-dot:nth-child(4) {
	animation-delay: -0.25s;
	top: 93.466662183%;
	left: 38.3531429704%;
}
.tvdd__ring-dot:nth-child(5) {
	animation-delay: -0.3333333333s;
	top: 93.466662183%;
	left: 61.6468570296%;
}
.tvdd__ring-dot:nth-child(6) {
	animation-delay: -0.4166666667s;
	top: 81.8198051534%;
	left: 81.8198051534%;
}
.tvdd__ring-dot:nth-child(7) {
	animation-delay: -0.5s;
	top: 61.6468570296%;
	left: 93.466662183%;
}
.tvdd__ring-dot:nth-child(8) {
	animation-delay: -0.5833333333s;
	top: 38.3531429704%;
	left: 93.466662183%;
}
.tvdd__ring-dot:nth-child(9) {
	animation-delay: -0.6666666667s;
	top: 18.1801948466%;
	left: 81.8198051534%;
}
.tvdd__ring-dot:nth-child(10) {
	animation-delay: -0.75s;
	top: 6.533337817%;
	left: 61.6468570296%;
}
.tvdd__ring-dot:nth-child(11) {
	animation-delay: -0.8333333333s;
	top: 6.533337817%;
	left: 38.3531429704%;
}
.tvdd__ring-dot:nth-child(12) {
	animation-delay: -0.9166666667s;
	top: 18.1801948466%;
	left: 18.1801948466%;
}
.tvdd__ring:nth-child(2) {
	transform: rotate(120deg);
}
.tvdd__ring:nth-child(2) .tvdd__ring-dot {
	background-color: hsl(223deg, 90%, 55%);
}
.tvdd__ring:nth-child(3) {
	transform: rotate(240deg);
}
.tvdd__ring:nth-child(3) .tvdd__ring-dot {
	background-color: hsl(253deg, 90%, 55%);
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: hsl(223deg, 10%, 10%);
	}
}
/* Animations */
@keyframes pivot {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(30deg);
	}
}
@keyframes pulse {
	from, to {
		transform: scale(0.1);
	}
	50% {
		transform: scale(1);
	}
}/* End custom CSS */