.elementor-12818 .elementor-element.elementor-element-07a99af{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7ee9639 */.cc-FAQ {width: 100%; display: inline-block; margin: 0px auto; background-color: #ecf0f1 !important;}

	.cc-FAQ_text {width: 75%; min-width: 270px; display: inline-block; margin: 40px auto;}
	
	.cc-FAQ_text > p {font-size: 18px; line-height: 135%; text-align: left; color: black !important;}
	
	.cc-FAQ_text > ul {font-size: 18px; line-height: 135%; text-align: left; color: black !important; padding-left: 40px;}
	
	.cc-FAQ_text > ul li {padding-bottom: 15px;}
		
	.cc-FAQ_text > p>a {font-weight: 700; color: #00095B !important; text-decoration: none !important;}
	
	.cc-FAQ_text > h3 {line-height: 1.2 !important; text-align: left; margin-bottom: 15px; font-size: 26px; color: black !important}
	
	
	
	
/* Style the element that is used to open and close the accordion class */
p.accordion {
	/*font-family: "Roboto",sans-serif; */
    background-color: #ecf0f1;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:-3px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
    background-color: #ecf0f1;
	font-weight: bold;
	/*font-family: "Roboto",sans-serif; */
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
    content: '\2795'; 
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
    content: "\2796"; 
}

/* Style the element that is used for the panel class */

div.panel {
    padding: 0px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:0px;
	text-align: left;
	/*font-family: "Roboto",sans-serif; */
}
	
	
div.panel p {
    margin:20px 0;
	text-align: left;
	/*font-family: "Roboto",sans-serif; */
}
	
div.panel a {
	color: #00095B !important;
    margin:20px 0;
	text-align: left;
	/*font-family: "Roboto",sans-serif; */
}	
	
div.panel ul li {
    padding-bottom: 15px;
	text-align: left;
	/*font-family: "Roboto",sans-serif; */
}

div.panel.show {
    opacity: 1;
    max-height: 2500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */   
	/*font-family: "Roboto",sans-serif; */
}
	
	.ui-state-hover {
		font-weight: bold !important;
		color: #00095B !important;
		background-color: transparent !important;
	}/* End custom CSS */