/* --------MOBILE FIRST ---------------------------- */
	/* ---- GLOBAL ----*/

	.cmp-section-theme-gray .c-section-comp-inner:not(.c-section-comp-inner-bg-media){
		background-color: #f5f6f8;		
	}

	.cards-section__card-inner-content {
        text-align: left;
    }

    .cards-section__card-inner {
        align-items: flex-start;
    }

    .cmp-footnotes--light-gray .footnotes {
    	background-color: rgba(158, 168, 188, 0.2);
	}

	.xf-content-height {
    	margin: 0;
	}

    /* ----- TABLE IN MODALS -----*/

    .modal-comp__container-content .table-v2 tr > :nth-child(5) {
	    min-width: 110px;
	}

	.modal-comp__container-content .table-v2 tr > :nth-child(4) {
	    min-width: 120px;
	}

	.modal-comp__container-content .table-v2 tr > :nth-child(3) {
	    min-width: 130px;
	}

	.modal-comp__container-content .table-v2 tr > :nth-child(2) {
	    min-width: 180px;
	}

	.modal-comp__container-content .table-v2 table tr th:not([scope=row]){
	    padding: 2rem 1.6rem;
	}

	.modal-comp__container-content .table-v2 table tr td {
	    padding: 2rem 1.6rem;
	}

	/* ---- INTRO ----*/

	#intro .cmp-column-layout--bordered .column-layout__column {
    	background-color: white;
    	border: none;
    	border-radius: 16px;
	}

	#intro .text-12 {
	    display: inline-block;
	    padding: 4px 8px;
	    background-color: #E0FB00;
	    border-radius: 4px;
	    font-weight: 500;
	    letter-spacing: 1.5px;
	    text-transform: uppercase;
	}

	#intro .text-40{
		font-size: 24px;
		line-height: 32px;
		font-weight: 700;
	}

	#intro .richtext {
	    margin-bottom: 16px;
	}

	#intro .accordion-v2__container {
	    width: 100%;
	    margin: 0;
	}

	#intro .accordion-v2__container .accordion-v2__head-title-inner {
	    font-size: 18px;
	}

	#intro .accordion-v2__head-title {
	    padding: 2.4rem 0 1.6rem 0;
	}

	#intro .accordion-v2__cta {
	    border-radius: 4px;
	    display: inline-flex;
    	align-items: center;
    	gap: 8px;
	}

	#intro .accordion-v2__cta:after {
    	width: 9px;
    	height: 9px;
    	margin-top: 2px;
    	content: "";
    	background-image: url(/content/dam/invesco/pg-na/en/test-images/arrow-up-right-white.png);
    	background-size: contain;
    	background-repeat: no-repeat;
	}

	/* ----- GOALS -----*/

	#centered-tabs .cmp-tabs__tablist {
	    background-color: white;
	    width: fit-content;
	    border-radius: 64px;
	    padding: 0;
	}

	#centered-tabs .tabs-component-v2__pills-tabs.tabs-component-v2__tab-list-inner {
	    display: flex;
	    justify-content: center;
	    margin-bottom: 24px;
	}

	#centered-tabs .tabs-component-v2__pills-tabs {
	    border: none;
	    margin-right: 0;
	    max-width: none;
	}

	#centered-tabs .cmp-tabs__tab--active {
	    color: white;
	    background-color: black;
	}

	#centered-tabs .tabs-component-v2__tab-btn:hover {
	    color: black;
	}

	#centered-tabs .tabs-component-v2__tab-btn {
	    transition: all .2s ease-out;
	}

	#centered-tabs .cmp-tabs__tab--active:hover {
	    color: white;
	}

	#goals .column-layout-wrapper {
	    background-color: white;
	    border-radius: 12px;
	    margin-bottom: 40px;
	}

	#goals .column-layout-wrapper .column-layout__column:first-child {
	    padding: 16px;
	}

	#goals .column-layout-wrapper .column-layout__column .rich-text-editor h3 {
	    font-weight: 700;
	    margin-bottom: 8px;
	}

	#goals .column-layout-wrapper .column-layout__column .rich-text-editor p:has(.text-14) {
	    line-height: 22px;
	}

	#goals .column-layout-wrapper .column-layout__column .cards-section__card--blue {
	    background-color: #000ad2;
	    border-radius: 12px;
	}

	#goals .column-layout-wrapper .column-layout__column .cards-section__card--blue .eyebrows {
	    margin-bottom: 8px;
	}


	#goals .column-layout-wrapper .column-layout__column .cards-section__card--blue .cards-section__card-eyebrow {
	    color: white;
	    font-size: 24px;
	    line-height: 1;
	    font-weight: 700;
	}

	#goals .column-layout-wrapper .column-layout__column .cards-section__card--blue .cards-section__card-title {
	    color: white;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 24px;
	}

	#goals .cards-section__card-content{
		position: relative;
	}

	#goals .cards-section__card-content:before {
	    position: absolute;
	    top: 16px;
	    right: 16px;
	    width: 12px;
	    height: 12px;
	    content: "";
	    background-image: url(/content/dam/invesco/pg-na/en/test-images/arrow-up-right-white.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    transition: all .25s ease;
	}

	#goals .cards-section__card-wrapper:hover .cards-section__card-content:before {
	    top: 12px;
	    right: 12px;
	}

	#goals .column-layout-container--two-columns .column-layout.content{
		row-gap: 16px;
	}


	/* DIVERSIFY */

	#diversify .cards-section__card {
    	border-radius: 12px;
	}

	#diversify .cards-section__card span.cards-section__card-title {
    	font-weight: 700;
	}

	#diversify .cards-section__card .cards-section__card-link {
    	font-weight: 700;
	}

/* --------TABLET---------------------------- */

	@media only screen and (min-width: 768px){

		/* ---- INTRO ----*/

		#intro .richtext {
	    	margin-bottom: 32px;
		}

		
		#intro .text-40{
			font-size: 24px;
			line-height: 32px;
		}

		/* ---- IMG BREAKER ----*/

		#image-breaker .c-section-comp-inner {
		    min-height: 400px;
		}

		/* ---- GOALS ----*/

		#goals .column-layout-wrapper .column-layout__column .cards-section__card--blue .cards-section__card-eyebrow {
	    	color: white;
	    	font-size: 32px;
	    	line-height: 1;
	    	font-weight: 700;
		}

		#goals .column-layout-wrapper .column-layout__column .cards-section__card--blue .cards-section__card-title {
	    	color: white;
	    	font-size: 24px;
	    	font-weight: 400;
	    	line-height: 32px;
		}

		#goals .column-layout-wrapper .column-layout__column:first-child {
	    	padding: 32px;
		}

		#goals .column-layout-wrapper .column-layout__column:nth-child(2) {
    		padding: 0px;
		}
	}

/* --------DESKTOP ---------------------------- */

	@media only screen and (min-width: 992px){

		/* ---- INTRO ----*/
		
		#intro .cmp-column-layout--bordered .column-layout__column {
    		padding: 48px;
		}

		#intro .text-40{
			font-size: 32px;
			line-height: 40px;
		}

		/* ---- IMG BREAKER ----*/

		#image-breaker .c-section-comp-inner {
		    min-height: 460px;
		}
	}

/* -------- EXTRA LARGE ---------------------------- */		

	@media only screen and (min-width: 1248px){

		/* ---- INTRO ----*/
		
		#intro .cmp-column-layout--bordered .column-layout__column {
    		padding: 60px;
		}

		#intro .text-40{
			font-size: 40px;
			line-height: 48px;
		}

		/* ---- IMG BREAKER ----*/

		#image-breaker .c-section-comp-inner {
		    min-height: 550px;
		}
	}