@charset "utf-8";
/* t4 - How a 529 works CSS */

/*===============================
  BEGIN MODULE 2
  ===============================*/	
.how-529-module2-main-container {position:relative;min-height: 552px;height: auto;padding: 0px 20px 0px 20px;background: linear-gradient(90deg, #002D5D, #002D5D);}
.how-529-module2-inner-container {margin-top: 70px;margin-bottom: 30px;}
.how-529-module2-l-col {padding-left: 0px;padding-top: 20px;margin-bottom: 60px;}
.how-529-module2-l-col h2 {font-size: 34px;font-weight: 300;}
.how-529-module2-l-col h2:before {
    content: '';
    width: 40px;
    height: 2px;
    background: #17532a;
    position: relative;
    top: -12px;
    display: block;
}
.how-529-module2-l-col p {font-size: 18px;font-weight: 300;line-height: 27px;max-width: 100%;}
.how-529-module2-r-col {padding-left: 0px;}
.how-529-module2-graph-container {background-color: #fff;min-height:500px;border-radius:20px;padding:20px 20px 20px 20px;}
.how-529-module2-check-1 {min-height: 150px;}
.how-529-module2-check-2 {min-height: 150px;}
.how-529-module2-check-3 {min-height: 150px;}
.how-529-module2-check-4 {min-height: 150px;}
.how-529-module2-fact-container {
    width: 100%;
    position: relative;
    border-radius: 15px 15px 15px 15px;
    background-color: #fcd100;
    padding: 20px 20px 30px 20px;
    margin-top: 40px;
    max-width: 437px;
    border: 3px solid #17532a;
}
.how-529-module2-fact-container h3 {font-size:20px; font-weight:500; line-height: 30px;}
.how-529-module2-fact-container p {font-size:18px; font-weight:300; line-height: 27px;}
.how-529-module2-fact-container a {font-size:18px; font-weight:700; line-height: 20px;}
    .how-529-module2-fact-container img {
        margin-top: -8px;
        padding-right: 5px;
        max-width: 30px;
    }

.how-529-module2-image-container {max-width: 740px;margin: 0 auto;}
.how-529-module2-graph-container h3 {font-size:16px; font-weight:500; line-height: 24px;text-transform: uppercase;text-align: center;}
.graphkey {margin-top:20px;margin-bottom:30px;}
ul.graphkey-ul {list-style: none;padding-left:0px;}
.graphkey-ul li {padding-bottom: 0px;padding-right: 20px;font-size: 14px;font-weight:300;line-height:24px;}
li.box1:before {
    content: "";
    position: relative;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #7c4790;
    display: inline-block;
    border: 1px #002D5D solid;
}
li.box2:before {
    content: "";
    position: relative;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #6A7C04;
    display: inline-block;
    border: 1px #002D5D solid;
}
li.box3:before {
    content: "";
    position: relative;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #092C56;
    display: inline-block;
    border: 1px #002D5D solid;
}
.graph-disclaimer-container ol {list-style: none;padding-left: 0px;}
.graph-disclaimer-container {margin-top:30px;}
.download-data-chart-link {padding:10px 0px 0px 0px;margin:0px;text-align: left;}
.download-data-chart-link a {color:#000000;text-decoration:none;}
.download-data-chart-link a:hover {color:#000000;text-decoration:underline;}
.download-data-chart-link a:focus {color:#000000;outline: 1px solid #000000!important;outline-offset: 4px;}
.download-data-chart-link a:focus:not(:focus-visible) {color:#000000;outline: none!important;}
img.download-data-chart-icon {margin-left:5px;}
/*===============================
  END MODULE 2
  ===============================*/
/*===============================
  BEGIN MODULE 3
  ===============================*/
.how-529-module3-main-container {position:relative;height: auto;padding: 0px 20px 0px 20px;margin-top: 40px;margin-bottom: 40px;}
.how-529-module3-inner-container {}
.how-529-module3-l-col {padding-left: 0px;padding-top: 20px;}
.how-529-module3-l-col h2 {font-size:24px; font-weight:300; line-height: 30px; max-width:none;}
.how-529-module3-r-col {padding-left: 0px;padding-top: 20px;}
.how-529-module3-r-col p {font-size:16px; font-weight:300; line-height: 24px;max-width:none;}
.how-529-module3-r-col a {font-size:16px; font-weight:500; line-height: 20px;}
/*===============================
  END MODULE 3
  ===============================*/

/*===============================
  BEGIN VIDEO MODULE
  ===============================*/
ol.parenthesis {
  counter-reset: list;
}
ol.parenthesis > li {
  list-style: none;
}
ol.parenthesis > li:before {
  content: counter(list) ") ";
  counter-increment: list;
}

.video-module-7-r-col ol {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    padding-left: 40px;
}


/*===============================
  END VIDEO MODULE
  ===============================*/

@media (min-width: 320px) {
	
}

@media (min-width: 360px) {

}

@media (min-width: 375px) {

}
	
@media (min-width: 450px) {

}

@media (min-width: 576px) {

}		

@media (min-width: 768px) {
	
/*===============================
  END MODULE 2
  ===============================*/
	
.how-529-module2-check-1 {min-height: 200px;}
.how-529-module2-check-2 {min-height: 200px;}
.how-529-module2-check-3 {min-height: 200px;}
.how-529-module2-check-4 {min-height: 200px;}
	
.how-529-module2-l-col p {max-width: 100%;}

	
.how-529-module2-r-col {}
.how-529-module2-graph-container {padding:40px 40px 40px 40px;}
.how-529-module2-graph-container h3 {text-align:left;}
/*===============================
  END MODULE 2
  ===============================*/	

}
	
@media (min-width: 992px) {

/*===============================
  END MODULE 2
  ===============================*/
.how-529-module2-inner-container {margin-top: 100px;margin-bottom: 30px;}
.how-529-module2-l-col {padding-left: 0px;padding-top: 20px;}
.how-529-module2-l-col h2 {max-width: 440px;}
.how-529-module2-l-col p {max-width: 440px;}	
.how-529-module2-r-col {}
.how-529-module2-graph-container {margin-left:20px;}
/*===============================
  END MODULE 2
  ===============================*/
/*===============================
  BEGIN MODULE 3
  ===============================*/
.how-529-module3-main-container {margin-top: 60px;margin-bottom: 60px;}
.how-529-module3-r-col {padding-left: 20px;}
.how-529-module3-l-col h2 {font-size:34px;line-height:47px;max-width:320px;}
.how-529-module3-r-col p {font-size:20px;line-height:30px;max-width:670px;}
/*===============================
  END MODULE 3
  ===============================*/	
	
}

@media (min-width: 1200px) {

/*===============================
  BEGIN MODULE 2
  ===============================*/
.how-529-module2-l-col {padding-left: 10px;padding-top: 20px;}
/*===============================
  END MODULE 2
  ===============================*/	
/*===============================
  BEGIN MODULE 3
  ===============================*/
.how-529-module3-l-col {padding-left: 10px;padding-top: 20px;}
/*===============================
  END MODULE 3
  ===============================*/	

}

@media (min-width: 1440px) {
	
/*===============================
  BEGIN MODULE 2
  ===============================*/
.how-529-module2-l-col {padding-left: 130px;}
/*===============================
  END MODULE 2
  ===============================*/	
/*===============================
  BEGIN MODULE 3
  ===============================*/	
	.how-529-module3-l-col {padding-left: 130px;}
/*===============================
  END MODULE 3
  ===============================*/	

}

@media (min-width: 1441px) {


}

@media (min-width: 1500px) {

	
}

@media (min-width: 1650px) {
	
}