#FAQ p {font-size:16px; line-height:26px; color:#333;}
#FAQ .paragraph-title {padding-bottom:10px; border-bottom:1px solid rgba(0, 0, 0, 0.05); font-size:20px; font-weight:400; color:var(--color-purple-primary);}
#FAQ .paragraph .toggle {border-bottom:1px solid rgba(0, 0, 0, 0.05); transition:background-color 200ms ease-in-out;}
#FAQ .paragraph .toggle:target {scroll-margin-top:var(--height-page-header);}
#FAQ .paragraph .toggle:last-of-type {border-bottom:none;}
#FAQ .paragraph .toggle .answer {display:none; padding:0 25px 10px 25px; font-size:16px; color:#333;}
#FAQ .paragraph .toggle .answer a {border-bottom:dotted 1px var(--color-blue-primary); color:var(--color-blue-primary);}
#FAQ .paragraph .toggle .answer ul {padding-left:15px;}
#FAQ .paragraph .toggle .question {display:flex; align-items:center; padding:20px; cursor:pointer;}
#FAQ .paragraph .toggle .question .title-name {flex:1; font-size:16px; font-weight:400; color:#333;}
#FAQ .paragraph .toggle .question:hover .title-name {color:#222;}
#FAQ .paragraph .toggle.active .question .title-name {font-weight:500;}
#FAQ .paragraph .toggle .question .icon {position:relative; width:20px; height:20px;}
#FAQ .paragraph .toggle .question .icon:before, #FAQ .paragraph .toggle .question .icon:after {content:""; position:absolute; -ms-transform:rotate(0); transform:rotate(0); background:#888; transition:all 0.4s ease-in-out;}
#FAQ .paragraph .toggle.active .question .icon:before, #FAQ .paragraph .toggle.active .question .icon:after {-ms-transform:rotate(180deg); transform:rotate(180deg); transition:all 0.4s ease-in-out;}
#FAQ .paragraph .toggle .question .icon:before {top:0; left:9px; width:2px; height:20px; opacity:1;}
#FAQ .paragraph .toggle.active .question .icon:before {opacity:0;}
#FAQ .paragraph .toggle .question .icon:after {top:9px; left:0; width:20px; height:2px;}

#FAQ .paragraph .toggle .answer .grid {padding:10px;}
#FAQ .paragraph .toggle .answer .grid .row {display:grid; align-items:center; grid-template-columns:4.5fr 3fr 3fr; grid-gap:2em; padding:1em 0; font-size:14px;}
#FAQ .paragraph .toggle .answer .grid .row:nth-child(odd) {background-color:#FAFAFA;}
#FAQ .paragraph .toggle .answer .grid .row.question {text-align:center;}
#FAQ .paragraph .toggle .answer .grid .row a {margin-left:5px;}
#FAQ .paragraph .toggle .answer .grid .row .title {padding-left:10px; font-weight:500;}
#FAQ .paragraph .toggle .answer .grid .row .checked {background-image:url(/assets/img/sprite/global.svg#icon__checkmark--purple); background-position:center; background-size:24px; background-repeat:no-repeat; height:24px;}
#FAQ .paragraph .toggle .answer .grid .row .first {display:flex; justify-content:center;}
#FAQ .paragraph .toggle .answer .grid .row .second {display:flex; justify-content:center;}



/* ---  M E D I A   Q U E R I E S  --- */
@media (max-width: 1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */}
@media (max-width:991px) {/* Rules for tablets and smaller viewports */}

@media (max-width:767px) {/* Rules for smartphones only */
	#FAQ .paragraph .toggle .answer {padding:0 0 10px 0;}
	#FAQ .paragraph .toggle .question {padding:20px 0;}
	#FAQ .paragraph .toggle .question .title-name {padding-right:5px;}

}
/* ---  M E D I A  Q U E R I E S  --- */