@charset "UTF-8";

.sage-brain-interactive-container {
	position: relative;
	display:flex;
}
@media(max-width:991px) {
         .sage-brain-interactive-container {
                 flex-wrap: wrap;
                 flex-direction: column-reverse;
         }

}

.sage-brain-interactive-container .info-container {
	position:relative;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .info-container {
		position: relative;
		top: 0;
		width: 100%;
	}
}

.sage-brain-interactive-container .info-container .default {
	/* margin-top: 200px; */
	margin-top: 80px;
	max-width: 350px;
	padding-left: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .info-container .default {
		margin-top: 0;
	}
}

.sage-brain-interactive-container .info-container .default h3 {
	position: relative;
        /* Text Styling */
	margin: 0;
	font-size: 25px;
}

.sage-brain-interactive-container .info-container .default h3:before {
	position: absolute;
	top: 0;
	left: -45px;
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83.231' height='70.387' viewBox='0 0 83.231 70.387'%3E%3Cg id='Group_62' data-name='Group 62' transform='translate(-107.735 -1759.527)'%3E%3Cpath id='Path_158' data-name='Path 158' d='M149.49,1781.4a109.881,109.881,0,0,0,1.222-17.294' fill='none' stroke='%23aaf8eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.577'/%3E%3Cpath id='Path_159' data-name='Path 159' d='M163.73,1785.685a75.238,75.238,0,0,1,23.407-22.328' fill='none' stroke='%23aaf8eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.577'/%3E%3Cpath id='Path_160' data-name='Path 160' d='M169.225,1800.944l12.388,3.911' fill='none' stroke='%23aaf8eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.577'/%3E%3Cpath id='Path_161' data-name='Path 161' d='M152.949,1811.653a78.922,78.922,0,0,1,.733,15.337' fill='none' stroke='%23aaf8eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.577'/%3E%3Cpath id='Path_162' data-name='Path 162' d='M137.74,1796.729a49.5,49.5,0,0,0-26.378,2.873' fill='none' stroke='%23aaf8eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.577'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M138.648,1808.292a8.888,8.888,0,0,1-3.425,4.227' fill='none' stroke='%23aaf8eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.577'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.sage-brain-interactive-container .info-container .info-block {
	display: none;
	/* margin-top: 200px; */
	margin-top: 80px;
	max-width: 350px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .info-container .info-block {
		margin: 0 auto;
	}
}

.sage-brain-interactive-container .info-container .info-block.prefrontal-cortex span.highlight, .sage-brain-interactive-container .info-container .info-block.prefrontal-cortex .accordion, .sage-brain-interactive-container .info-container .info-block.thalamus span.highlight, .sage-brain-interactive-container .info-container .info-block.thalamus .accordion, .sage-brain-interactive-container .info-container .info-block.gaba-circuitry span.highlight, .sage-brain-interactive-container .info-container .info-block.gaba-circuitry .accordion {
	background-color: #FF6E14;
}

.sage-brain-interactive-container .info-container .info-block.hippocampus span.highlight, .sage-brain-interactive-container .info-container .info-block.hippocampus .accordion, .sage-brain-interactive-container .info-container .info-block.amygdala span.highlight, .sage-brain-interactive-container .info-container .info-block.amygdala .accordion, .sage-brain-interactive-container .info-container .info-block.hypothalamus span.highlight, .sage-brain-interactive-container .info-container .info-block.hypothalamus .accordion, .sage-brain-interactive-container .info-container .info-block.parietal-lobe span.highlight, .sage-brain-interactive-container .info-container .info-block.parietal-lobe .accordion {
	background-color: #ED9FF3;
}

.sage-brain-interactive-container .info-container .info-block h3 {
        /* Text Styling */
	margin: 0 0 20px;
}

.sage-brain-interactive-container .info-container .info-block p {
        /* Text Styling */
	margin: 0;
}

.sage-brain-interactive-container .info-container .info-block .accordions {
	margin: 25px 0 0;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion {
	position: relative;
	padding: 25px 35px 25px 15px;
	margin: 0 0 10px;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion.active {
	display: block;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion.active .button {
	background-image: url("data:image/svg+xml,%3Csvg id='Component_1_2' data-name='Component 1 – 2' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Ellipse_3' data-name='Ellipse 3' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='13' cy='13' r='13' stroke='none'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none'/%3E%3C/g%3E%3Cg id='Group_124' data-name='Group 124' transform='translate(-507.169 -1822.688)'%3E%3Cline id='Line_3' data-name='Line 3' x2='9.338' y2='10.376' transform='translate(515.5 1830.5)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline id='Line_4' data-name='Line 4' y1='10.376' x2='9.338' transform='translate(515.5 1830.5)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion.active .title {
	display: none;
	margin: 0 0 10px;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion.active .content {
	display: block;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion.active .content p {
	margin: 0 0 15px;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion.active .content p:last-child {
	margin: 0;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion .button {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 23px;
	right: 10px;
	background-size: 20px auto;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg id='Component_3_1' data-name='Component 3 – 1' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Ellipse_4' data-name='Ellipse 4' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='13' cy='13' r='13' stroke='none'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none'/%3E%3C/g%3E%3Cpath id='Path_326' data-name='Path 326' d='M7.624,9.02l5.7,8.792L19.3,9.02' transform='translate(-0.124 -0.52)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion .title {
            /* Text Styling */
	font-weight: bold;
	font-size: 18px;
}

.sage-brain-interactive-container .info-container .info-block .accordions .accordion .content {
	display: none;
            /* Text Styling */
	font-weight: normal;
}

.sage-brain-interactive-container .brain-container {
	/* position: relative;
	display: flex;
	justify-content: flex-end; */
	margin-left:auto;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container {
		justify-content: center;
		margin-bottom: 50px;
	}
}

.sage-brain-interactive-container .brain-container .brain {
	position: relative;
	width: 600px;
	height: 850px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain {
		width: 380px;
		height: 450px;
	}
}

.sage-brain-interactive-container .brain-container .brain.hover svg.main-brain path#Path_60 {
	fill: #bcbcba;
}

.sage-brain-interactive-container .brain-container .brain.hover svg.main-brain path#Path_61 {
	fill: #e4e4e4;
}

.sage-brain-interactive-container .brain-container .brain.hover svg.main-brain path#Path_62 {
	fill: #bcbcba;
}

.sage-brain-interactive-container .brain-container .brain.hover svg.main-brain path#Path_63 {
	fill: #e4e4e4;
}

.sage-brain-interactive-container .brain-container .brain.hover svg.main-brain path#Path_64 {
	fill: #e4e4e4;
}

.sage-brain-interactive-container .brain-container .brain.hover .button {
	opacity: 1 !important;
}

.sage-brain-interactive-container .brain-container .brain.hover .active svg.brain-section {
	opacity: 1;
}

.sage-brain-interactive-container .brain-container .brain.hover svg.brain-section {
	opacity: 0;
}

.sage-brain-interactive-container .brain-container .brain.hover .gaba-circuitry svg.brain-section {
	opacity: 1;
}

.sage-brain-interactive-container .brain-container .brain .title {
	position: absolute;
	top: 15px;
	left: -200px;
        /* Text Styling */
	margin: 0;
	font-size: 15px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .title {
		display: none;
	}
}

.sage-brain-interactive-container .brain-container .brain svg.main-brain {
	width: 600px;
	height: 850px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain svg.main-brain {
		width: 380px;
		height: 450px;
	}
}

.sage-brain-interactive-container .brain-container .brain svg.main-brain path {
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain.bw svg.main-brain path#Path_60 {
	fill: #bcbcba;
}

.sage-brain-interactive-container .brain-container .brain.bw svg.main-brain path#Path_61 {
	fill: #e4e4e4;
}

.sage-brain-interactive-container .brain-container .brain.bw svg.main-brain path#Path_62 {
	fill: #bcbcba;
}

.sage-brain-interactive-container .brain-container .brain.bw svg.main-brain path#Path_63 {
	fill: #e4e4e4;
}

.sage-brain-interactive-container .brain-container .brain.bw svg.main-brain path#Path_64 {
	fill: #e4e4e4;
}

.sage-brain-interactive-container .brain-container .brain.bw svg.brain-section {
	opacity: 0;
}

.sage-brain-interactive-container .brain-container .brain.bw .button {
	opacity: 1 !important;
}

.sage-brain-interactive-container .brain-container .brain.bw .current-selected svg.brain-section {
	opacity: 1;
}

.sage-brain-interactive-container .brain-container .brain.bw .gaba-circuitry svg.brain-section {
	opacity: 1;
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex {
	position: absolute;
	z-index: 9;
	top: 30px;
	left: -9px;
	width: 250px;
	height: 250px;
	pointer-events: none;
	cursor: pointer;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex {
		width: 140px;
		height: 140px;
	}
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex:hover svg.brain-section path, .sage-brain-interactive-container .brain-container .brain .prefrontal-cortex.current-selected svg.brain-section path {
	fill: #FF6E14;
	stroke: #FF6E14;
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex:hover .button, .sage-brain-interactive-container .brain-container .brain .prefrontal-cortex.current-selected .button {
	opacity: 1 !important;
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex svg.brain-section {
	width: 300px;
	height: 300px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex svg.brain-section {
		width: 160px;
		height: 160px;
		position: relative;
		left: 34px;
		top: -15px;
	}
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex svg.brain-section path {
	pointer-events: all;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex .button {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	opacity: 0;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex .button {
		top: 40px;
		left: 60px;
	}
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex .button svg {
	width: 50px;
	height: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex .button svg {
		width: 30px;
		height: 30px;
	}
}

.sage-brain-interactive-container .brain-container .brain .prefrontal-cortex .button svg path {
	pointer-events: all;
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .thalamus {
	position: absolute;
	z-index: 9;
	top: 145px;
	left: 245px;
	width: 100px;
	height: 100px;
	pointer-events: none;
	cursor: pointer;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .thalamus {
		top: 65px;
		left: 135px;
	}
}

.sage-brain-interactive-container .brain-container .brain .thalamus:hover svg.brain-section path, .sage-brain-interactive-container .brain-container .brain .thalamus.current-selected svg.brain-section path {
	fill: #FF6E14;
	stroke: #FF6E14;
}

.sage-brain-interactive-container .brain-container .brain .thalamus svg.brain-section {
	width: 120px;
	height: 120px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .thalamus svg.brain-section {
		width: 55px;
		height: 55px;
		position: relative;
		top: 20px;
		left: 27px;
	}
}

.sage-brain-interactive-container .brain-container .brain .thalamus svg.brain-section path {
	pointer-events: all;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain .thalamus .button {
	position: absolute;
	top: 30px;
	left: 40px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .thalamus .button {
		top: 35px;
		left: 45px;
	}
}

.sage-brain-interactive-container .brain-container .brain .thalamus .button svg {
	width: 35px;
	height: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .thalamus .button svg {
		width: 20px;
		height: 20px;
	}
}

.sage-brain-interactive-container .brain-container .brain .thalamus .button svg path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .hippocampus {
	position: absolute;
	top: 190px;
	left: 300px;
	width: 100px;
	height: 100px;
	pointer-events: none;
	z-index: 9;
	cursor: pointer;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hippocampus {
		top: 100px;
		left: 150px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hippocampus:hover svg.brain-section path, .sage-brain-interactive-container .brain-container .brain .hippocampus.current-selected svg.brain-section path {
	fill: #ed9ff3;
	stroke: #ed9ff3;
}

.sage-brain-interactive-container .brain-container .brain .hippocampus svg.brain-section {
	width: 130px;
	height: 100px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hippocampus svg.brain-section {
		width: 80px;
		height: 70px;
		position: relative;
		left: 40px;
		top: -5px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hippocampus svg.brain-section path {
	pointer-events: all;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain .hippocampus .button {
	position: absolute;
	top: 20px;
	left: 60px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hippocampus .button {
		top: 20px;
		left: 78px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hippocampus .button svg {
	width: 35px;
	height: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hippocampus .button svg {
		width: 20px;
		height: 20px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hippocampus .button svg path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .amygdala {
	position: absolute;
	top: 260px;
	left: 235px;
	width: 60px;
	height: 60px;
	pointer-events: none;
	cursor: pointer;
	z-index: 99;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .amygdala {
		top: 130px;
		left: 145px;
	}
}

.sage-brain-interactive-container .brain-container .brain .amygdala:hover svg.brain-section path, .sage-brain-interactive-container .brain-container .brain .amygdala.current-selected svg.brain-section path {
	fill: #ed9ff3;
	stroke: #ed9ff3;
}

.sage-brain-interactive-container .brain-container .brain .amygdala svg.brain-section {
	width: 60px;
	height: 60px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .amygdala svg.brain-section {
		width: 30px;
		height: 30px;
		position: relative;
		top: 6px;
		left: 10px;
	}
}

.sage-brain-interactive-container .brain-container .brain .amygdala svg.brain-section path {
	pointer-events: all;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain .amygdala .button {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .amygdala .button {
		top: 10px;
	}
}

.sage-brain-interactive-container .brain-container .brain .amygdala .button svg {
	width: 35px;
	height: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .amygdala .button svg {
		width: 25px;
		height: 25px;
	}
}

.sage-brain-interactive-container .brain-container .brain .amygdala .button svg path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus {
	position: absolute;
	top: 210px;
	left: 187px;
	width: 60px;
	height: 60px;
	pointer-events: none;
	z-index: 9;
	cursor: pointer;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hypothalamus {
		top: 105px;
		left: 120px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus:hover svg.brain-section path, .sage-brain-interactive-container .brain-container .brain .hypothalamus.current-selected svg.brain-section path {
	fill: #ed9ff3;
	stroke: #ed9ff3;
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus:hover svg.button-graphic path, .sage-brain-interactive-container .brain-container .brain .hypothalamus.current-selected svg.button-graphic path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus svg.brain-section {
	width: 60px;
	height: 60px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hypothalamus svg.brain-section {
		width: 30px;
		height: 30px;
		position: relative;
		top: 6px;
		left: 10px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus svg.brain-section path {
	pointer-events: all;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus .button {
	position: absolute;
	top: 8px;
	left: 17px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hypothalamus .button {
		top: 10px;
		left: 17px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus .button svg {
	width: 30px;
	height: 40px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .hypothalamus .button svg {
		width: 20px;
		height: 20px;
	}
}

.sage-brain-interactive-container .brain-container .brain .hypothalamus .button svg path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe {
	position: absolute;
	top: 33px;
	left: 243px;
	width: 300px;
	height: 150px;
	z-index: 99;
	pointer-events: none;
	cursor: pointer;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .parietal-lobe {
		top: -15px;
		left: 73px;
	}
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe:hover svg.brain-section path, .sage-brain-interactive-container .brain-container .brain .parietal-lobe.current-selected svg.brain-section path {
	fill: #ed9ff3;
	stroke: #ed9ff3;
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe:hover svg.button-graphic path, .sage-brain-interactive-container .brain-container .brain .parietal-lobe.current-selected svg.button-graphic path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe svg.brain-section {
	width: 310px;
	height: 145px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .parietal-lobe svg.brain-section {
		width: 230px;
		height: 85px;
		position: relative;
		top: 30px;
		left: 60px;
	}
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe svg.brain-section path {
	pointer-events: all;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe .button {
	position: absolute;
	top: 68px;
	left: 174px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .parietal-lobe .button {
		top: 58px;
		left: 184px;
	}
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe .button svg {
	width: 50px;
	height: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .parietal-lobe .button svg {
		width: 30px;
		height: 30px;
	}
}

.sage-brain-interactive-container .brain-container .brain .parietal-lobe .button svg path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry {
	position: absolute;
	top: 110px;
	left: 57px;
	width: 300px;
	height: 150px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .gaba-circuitry {
		top: 110px;
		left: 37px;
		top: 50px;
		left: 17px;
	}
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry.current-selected svg.brain-section path {
	stroke: #FF6E14;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry.current-selected .button {
	display: block;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry.current-selected .gaba-expanded-info-container {
	display: block;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry svg.brain-section {
	width: 310px;
	height: 175px;
	cursor: pointer;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .gaba-circuitry svg.brain-section {
		width: 250px;
		height: 120px;
	}
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry svg.brain-section path {
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: all;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry svg.brain-section path:hover, .sage-brain-interactive-container .brain-container .brain .gaba-circuitry svg.brain-section path.current-selected {
	stroke: #FF6E14;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .button {
	display: none;
	position: absolute;
	top: 58px;
	left: 61px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .button svg {
	width: 50px;
	height: 50px;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .button svg {
		width: 30px;
		height: 30px;
	}
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .button svg path {
	fill: #a8f6e9;
	stroke: #a8f6e9;
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .gaba-expanded-info-container {
	position: absolute;
	width: 280px;
	top: 40px;
	right: 100px;
	display: none;
}

@media (max-width: 991px) {
	.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .gaba-expanded-info-container {
		width: 180px;
		top: 30px;
		left: -50px;
		right: 110px;
		margin: auto;
	}
}

.sage-brain-interactive-container .brain-container .brain .gaba-circuitry .gaba-expanded-info-container svg {
	width: 100%;
	height: auto;
}