@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('../fonts/Basis-Grotesque-Pro-Light.eot');
    src: url('../fonts/Basis-Grotesque-Pro-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Basis-Grotesque-Pro-Light.woff2') format('woff2'),
         url('../fonts/Basis-Grotesque-Pro-Light.woff') format('woff'),
         url('../fonts/Basis-Grotesque-Pro-Light.ttf')  format('truetype'),
         url('../fonts/Basis-Grotesque-Pro-Light.svg#Basis Grotesque Pro') format('svg');
	font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('../fonts/Basis-Grotesque-Pro-Light-Italic.eot');
    src: url('../fonts/Basis-Grotesque-Pro-Light-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Basis-Grotesque-Pro-Light-Italic.woff2') format('woff2'),
         url('../fonts/Basis-Grotesque-Pro-Light-Italic.woff') format('woff'),
         url('../fonts/Basis-Grotesque-Pro-Light-Italic.ttf')  format('truetype'),
         url('../fonts/Basis-Grotesque-Pro-Light-Italic.svg#Basis Grotesque Pro') format('svg');
		font-weight: 100;
    font-style: italic;

}


@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('../fonts/Basis-Grotesque-Pro-Regular.eot');
    src: url('../fonts/Basis-Grotesque-Pro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Basis-Grotesque-Pro-Regular.woff2') format('woff2'),
         url('../fonts/Basis-Grotesque-Pro-Regular.woff') format('woff'),
         url('../fonts/Basis-Grotesque-Pro-Regular.ttf')  format('truetype'),
         url('../fonts/Basis-Grotesque-Pro-Regular.svg#Basis Grotesque Pro') format('svg');
			font-weight: 200;
    font-style:normal;
}



@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('../fonts/Basis-Grotesque-Pro-Regular-Italic.eot');
    src: url('../fonts/Basis-Grotesque-Pro-Regular-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Basis-Grotesque-Pro-Regular-Italic.woff2') format('woff2'),
         url('../fonts/Basis-Grotesque-Pro-Regular-Italic.woff') format('woff'),
         url('../fonts/Basis-Grotesque-Pro-Regular-Italic.ttf')  format('truetype'),
         url('../fonts/Basis-Grotesque-Pro-Regular-Italic.svg#Basis Grotesque Pro') format('svg');
				font-weight: 200;
    font-style:italic;
}


@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('../fonts/Basis-Grotesque-Pro-Bold.eot');
    src: url('../fonts/Basis-Grotesque-Pro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Basis-Grotesque-Pro-Bold.woff2') format('woff2'),
         url('../fonts/Basis-Grotesque-Pro-Bold.woff') format('woff'),
         url('../fonts/Basis-Grotesque-Pro-Bold.ttf')  format('truetype'),
         url('../fonts/Basis-Grotesque-Pro-Bold.svg#Basis Grotesque Pro') format('svg');
				font-weight: 400;
    font-style:normal;
}


@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('../fonts/Basis-Grotesque-Pro-Bold-Italic.eot');
    src: url('../fonts/Basis-Grotesque-Pro-Bold-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Basis-Grotesque-Pro-Bold-Italic.woff2') format('woff2'),
         url('../fonts/Basis-Grotesque-Pro-Bold-Italic.woff') format('woff'),
         url('../fonts/Basis-Grotesque-Pro-Bold-Italic.ttf')  format('truetype'),
         url('../fonts/Basis-Grotesque-Pro-Bold-Italic.svg#Basis Grotesque Pro') format('svg');
					font-weight: 400;
    font-style:italic;
}




@font-face {
    font-family: 'HudsonNY';
    src: url('../fonts/Hudson-NY.eot');
    src: url('../fonts/Hudson-NY.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Hudson-NY.woff2') format('woff2'),
         url('../fonts/Hudson-NY.woff') format('woff'),
         url('../fonts/Hudson-NY.ttf')  format('truetype'),
         url('../fonts/Hudson-NY.svg#HudsonNY') format('svg');
}





/* Text Styles */
p {font-size: 16px; color: #262626; line-height: 1.4;  margin-bottom: 15px;}
p a {color: #60366E;}
p a:hover, a:focus {color: #00245C;}



p.lifter {color: #00245C; font-size: 35px; font-weight: 400; line-height: 40px; padding: 10px 0px; margin-bottom: 10px;}
p.lifter2 {font-size: 20px; color: var(--primary-color); font-weight: 400; margin-bottom: 10px;}
p.msglifter {font-size: 25px; line-height: 32px; color:#834061 ; font-weight: 400; margin-bottom: 10px; background-color: #dbdac3; padding: 20px; text-transform: uppercase; margin-top: 5px; margin-bottom: 20px; }

.gri {
font-size: 16px;
line-height: 21px;
font-weight: 200;
color: #FFFFFF;
margin-bottom: 10px;
margin-top: 5px;
background-color: #3D3D3D;
border-radius: 50px;
display: inline-block;
padding: 7px 10px 5px 10px;
}

.sdg-logo{
	
	padding: 10px 0px 10px 0px;
}


h1 {color: black; font-size: 30px; font-weight: 400; margin-bottom: 10px; line-height: 1.5;}
h2 {font-size: 24px; color: var(--primary-color); font-weight: 400;  margin: 10px 0px 10px 0px;padding: 0px; line-height: 1.4;}
h3 {font-size: 20px; color: var(--fifth-color);}
h4 {font-size: 17px; color: var(--fifth-color); line-height: 1.5; font-weight: 400;}
h5 {font-size: 17px; font-weight: 400; color: var(--fifth-color);}
h6 {font-size: 16px; color: black;}
/* h6 {font-size: 18px; color: var(--primary-color);} */

/* Text Styles End */

p.cap, p.caption {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
  margin-top: 5px;
  font-style: italic;
}

p strong {
  font-weight: 400;
}

.large-text {
  font-size: 24px;
  font-weight: 400;
}
.purple-text {
  color: var(--primary-color);
}


.white-text {
  color: #ffffff;
}

.thick-border-top {
  border-top: 4px solid var(--primary-color);
}

.grey-bg {
  background-color: #EEEEEF;
}
.white-bg {
  background-color: white;
}

.greybg{background-color: #E6E7E8;}
.lightpurplebg{background-color: #E0DADE;}
.mhlightpurplebg{background-color: #A89CBE;}
.midlightpurplebg{background-color: #9266AB;}
.midhpurplebg{background-color: #982E91;}
.purplebg{background-color: #60266A;}
.darkpurplebg{background-color: #3C0C3A;}
.beigbg{background-color: #F7F3EC; padding: 20px;}


@media print {
#page-preloader, .header__wrapper, .soc_buttons, .demo-option-container, .header-right, .col-md-4{
  display: none;
}	

}

/* Table Styles */
table {	
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 0 !important;
  font-family: 'Basis Grotesque Pro', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 14px;
  line-height:20px;
  margin-bottom: 20px;
  text-align: left;
}

table strong {	font-weight: 400; }

.small90 { font-size:90%;}
tbody.small80 tr td { font-size:80% !important; }
tbody.small60 tr td { font-size:60% !important; }
tbody.small60 td { padding: 5px 5px 5px 5px; line-height: 12px; }
tbody.small { font-size:11px; line-height:120%;	}

tbody {
  position: relative;
}
table.ft tbody::before,
table.ft1 tbody::before,
table.gt tbody::before, 
table.gt2 tbody::before,
table.gt3 tbody::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--primary-color);
  position: absolute;
  bottom: 100%;
  left: 0;
}

thead td { padding: 5px 10px 5px 5px; font-size: 11px; line-height:13px; vertical-align: top; }
tbody td  { color: black;	padding: 5px 10px 5px 5px; border-bottom: 1px #939598 solid; vertical-align:top; }
tbody > tr:hover { background-color: #EEEEEE; }
table.hover-none > tbody > tr:hover { background-color: #fff;}
/*tbody tr  { border-bottom: 1px #B49935 solid; vertical-align:top; }*/


table a{color: #60366E;}

table a:hover, a:focus {color: #00245C;}




table.ft td+td { text-align:right }
table.ft thead tr:first-child { border-top: none; position: relative;}
table.ft thead tr:first-child::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--primary-color);
}
table.ft thead { background-color: white;}
table.ft thead tr:first-child td+td {
  background-color: var(--primary-color);
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align: right;
}
table.ft thead tr:first-child td.ly {
  background-color: #55565A;
}
table.ft thead tr:first-child td.nc {
  background-color: white;
  color: var(--primary-color);
}
table.ft thead td {
  font-weight: 500;
  color: var(--primary-color);
}
table.ft thead tr+tr td+td {text-align:right;}
table.ft thead tr td+td { border-bottom:1px solid var(--primary-color); }
table.ft thead tr:last-child { border-bottom: 3px solid var(--primary-color); }
table.ft tbody tr:last-child { border-bottom:2px #939598 solid; }
/*table.ft tbody { background: #F3F4F4; }
table.ft thead tr+tr { background: #F3F4F4;}*/

/*table a{color: #0060A6}
table.ft0 td+td { text-align:right }
table.ft0 thead tr:first-child { border-top: 2px #000 solid; }
table.ft0 thead tr:first-child td+td {text-align:right; border-bottom:1px #999 solid; text-transform: uppercase; font-weight: 500;  }
table.ft0 thead tr+tr td+td {text-align:right; }
table.ft0 thead tr:last-child { border-bottom:1px #000 solid; }
table.ft0 tbody tr:last-child { border-bottom:2px #000 solid; }*/

table.ft1 td+td { text-align:right }
table.ft1 thead tr:first-child { border-top: none; }
table.ft1 thead tr td+td {
  text-align:right;
  background-color: var(--primary-color);
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
table.ft1 thead tr td.ly {
  background-color: #55565A;
}
table.ft1 thead tr td.nc {
  background-color: white;
  color: var(--primary-color);
}
table.ft1 thead tr td.lr-line {
  border-right: 1px solid var(--primary-color);
  border-left: 1px solid var(--primary-color);
  border-top: 1px solid var(--primary-color);
}

table.ft1 thead tr:last-child { border-bottom:2px solid var(--primary-color); }
table.ft1 tbody tr:last-child { border-bottom:2px #939598 solid; }
/* table.ft1 tbody { background: #F3F4F4; } */
table.ft1 thead { background: white;}

table.gt td+td { text-align:left }
table.gt thead tr:last-child { border-bottom:2px var(--primary-color) solid; }
table.gt thead tr td+td {
  background-color: var(--primary-color);
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 5px 10px;
}
table.gt thead tr td.ly {
  background-color: #55565A;
}
table.gt thead tr td.nc {
  background-color: white;
  color: var(--primary-color);
}

table.gt tbody tr:last-child { border-bottom:2px var(--primary-color) solid; }
table.gt tbody tr td { vertical-align:top !important; }
/*table.gt tbody { background: #FFFFFF; }
table.gt thead { background: #FFFFFF;}*/

.gt.hover-none  > tbody > tr:hover { background-color:inherit;}

table.gt2 td+td+td { text-align:left }
table.gt2 thead tr td+td {text-align:left; }
table.gt2 thead tr td { 
  background-color: var(--primary-color);
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 5px 10px;
}
table.gt2 thead tr td.nc {
  background-color: transparent;
}
table.gt2 tbody td + td { text-align: left;}


table.gt3 td+td+td { text-align:left }
table.gt3 thead tr td+td {text-align:left; }
table.gt3 thead tr td { 
  background-color: transparent;
  color: var(--primary-color);
  font-weight: 500;
}
table.gt3 thead tr td.cy {
  background-color: var(--primary-color);
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 5px 10px;
} 
table.gt3 tbody td + td { text-align: left;}

tr.line-none td, td.line-none { border-bottom:hidden !important; }
tr.line-thin td, td.line-thin {  border-bottom: 1px #000 solid!important  ; }
tr.line-thin2 td, td.line-thin2 {  border-bottom: 1px #953F34 solid!important  ; }
tr.line-thick td, td.line-thick {  border-bottom: 2px #000 solid!important;  }

/*tr.sTotal-T { border-top: 2px #000 solid!important;}
tr.sTotal-D { border-bottom: 2px #000 solid!important; border-top: 2px #000 solid!important;}
tr.gTotal { border-bottom: 3px #000 solid!important; border-top: 2px #000 solid!important;}*/

tr.total-d td{ border-bottom: 2px var(--primary-color) solid!important; border-top: 2px var(--primary-color) solid!important;}
tr.total-g td{ border-bottom: 2px var(--primary-color) solid!important; border-top: 1px var(--primary-color) solid!important;}
tr.total-b td{ border-top: 2px var(--primary-color) solid!important;}

tr.total-D td{ border-bottom: 2px var(--primary-color) solid!important; border-top: 2px var(--primary-color)olid!important;}
tr.total-G td{ border-bottom: 2px var(--primary-color) solid!important; border-top: 1px var(--primary-color) solid!important;}
tr.total-B td{ border-bottom: 2px var(--primary-color) solid!important;}

td.border-L td{ border-left: 2px var(--primary-color) solid!important;}
td.border-R td{ border-right: 2px var(--primary-color) solid!important;}
td.border-B td{ border-bottom: 2px var(--primary-color) solid!important;}
td.border-T td{ border-top: 2px var(--primary-color) solid!important;}


.cellCenter { text-align:center !important;}
.cellLeft, col.cellLeft { text-align:left !important;}
.cellRight { text-align:right !important;}
.vTop { vertical-align:top !important; }
.vMid { vertical-align: middle!important;}

.cy { background: #E9E3EB; color: var(--primary-color); font-weight: 500;}
td.purple-text {
  color: var(--primary-color);
}



.row-fluid { display: flex; align-items: flex-end; }
/* Table Styles End */

/* Highlights of the Year page style start */
/* Highlights of the Year page style start */
  .p-head {
text-align: center;
background-color: #991c67;
padding: 10px 15px;
border-radius: 25px;
color: white;
font-size: 16px;
line-height: 1.3;
        }


@media(max-width: 1366px){
	
  .p-head {
font-size: 13px;
line-height: 1.2;
        }	
	
}
@media(max-width: 991px){
	
  .p-head {
font-size: 15px;
line-height: 1.2;
        }	
	
}

    .p-body {
        padding: 6px 12px;
    }

    .box-w {
        border-radius: 26px;
        background-color: rgb(250, 246, 246);
        padding: 0px;
        height: 100%;
        
    }

    .g-color{
        background-color: #dcddde;
        margin: -15px 0px;
        
    }
    .m-body{
        position: relative;
    }
/* Highlights of the Year page style end */


/* List Styles */

.list {	list-style: none; padding:0px; margin:0px; color: #262626;line-height: 1.4; margin-bottom: 15px; font-size: 16px;}

.list-dash > li:before { content:"-"; position:relative; left:-5px;}
.list-dash > li {text-indent:-5px; margin-bottom: 10px; padding-left:20px;}
.list-circle > li {list-style-type:circle; text-indent: 0; margin-bottom: 5px;}

.list-disc > li:before {font-family: Arial, Helvetica, sans-serif; color: var(--primary-color); font-style: normal;  font-size:25px; line-height: 0; position:relative; top:3px; content: "\2022";  padding-right: 10px; margin-left: -20px; font-weight: 300; }
.list-disc > li {list-style: outside none none; margin:0px 0px 4px 0px; line-height:1.2;  margin-bottom: 8px; margin-left:20px; font-size: inherit; color: inherit; }

.list-rdisc > li:before {  font-size:25px; position:relative; top:5px; content: "\2022"; color: #000000; ; padding-right: 10px; margin-left: -20px; font-weight: 300; }
.list-rdisc > li {list-style: outside none none; margin:0px 0px 4px 0px; line-height:inherit; margin-bottom: 8px; margin-left:20px; font-size: inherit; color: inherit; }


ul.list-disc { margin-bottom:25px;}

.list-arrow > li:before { font-size:12px; position:relative; top:1px; content: "\f101"; color: black; ; padding-right: 10px; margin-left: -20px; font-weight: 900;   font-family: 'Font Awesome 6 Free'; font-style: normal;}
.list-arrow > li {list-style: outside none none; margin:0px 0px 4px 0px; line-height:20px; margin-bottom: 5px; margin-left:20px; }
ul.list-arrow { margin-bottom:25px;}

.list-abc > li { list-style-type: lower-alpha; text-indent: 0; margin-bottom: 5px; margin-left:20px;}
.list-ABC > li { list-style-type: upper-alpha; text-indent: 0; margin-bottom: 5px; margin-left:20px;}
.list-iii > li { list-style-type: lower-roman; text-indent: 0; margin-bottom: 5px; margin-left:20px;}
.list-123 > li { list-style-type: decimal; text-indent: 0; margin-bottom: 8px; margin-left:20px; }