/* ================================================= SDG 8 CSS =========================================== */
.p-a-g-8 {
    position: absolute;
	margin-left: 135px;
	margin-top: 150px;
}
.nav-pills-g-8 .nav-link-g-8.active, .nav-pills-g-8 .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #8f1838!important;
}
.nav-pills-g-8 .nav-link-g-8 {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}
.nav-link-g-8 {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: 600;
    color: #8f1838;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.nav-pills-g-8 {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #8f1838;
}
@media (max-width: 576px){
	.nav-pills-g-8 .nav-link-g-8.active, .nav-pills-g-8 .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #8f1838!important;
}
.nav-pills-g-8 .nav-link-g-8 {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}
.nav-g-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link-g-8 {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 14px!important;
    font-weight: 600;
    color: #8f1838;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
}
.border-bottm-g-8{	border-bottom: 3px solid #8f1838;}
.bg-g-8{
    background-color: #8f1838!important;
}
/*------------------------------------------*/
/*  BUTTON SETTINGS
/*------------------------------------------*/
.btn-g-8-light, .btn-g-8-light:focus { 
    background-color:#ffebe8; ;
    color: #8f1838;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-right: 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.btn-g-8-light:hover { 
    background-color:#8f1838; ;
    color: #212529;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-right: 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.btn-g-8, .btn-g-8:focus { 
    background-color: #8f1838;
    color: #fff!important;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    padding: 16px 32px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.bg-8-light{
    background-color: #e2cac8!important;
    border-color: #e2cac8!important;
}
.border-top-g-8{
    border-top: 3px solid #8f1838 !important;
}
.g-8-light-1{
    background-color: #f3ebed!important;
    border-color: #f3ebed!important;
}
.btn-sdg-8:hover
{
  background-color: #f3ebed;
  border-color: #f3ebed !important;
	color: #8f1838!important;
}

/* ================================================= SDG 12 CSS =========================================== */
.p-a-g-12 {
    position: absolute;
	margin-left: 135px;
	margin-top: 300px;
}
.nav-pills-g-12 .nav-link-g-12.active, .nav-pills-g-12 .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #cd8b2a!important;
}
.nav-pills-g-12 .nav-link-g-12 {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}
.nav-link-g-12 {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: 600;
    color: #cd8b2a;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.nav-pills-g-12 {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #cd8b2a;
}
@media (max-width: 576px){
	.nav-pills-g-12 .nav-link-g-12.active, .nav-pills-g-12 .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #cd8b2a!important;
}
.nav-pills-g-12 .nav-link-g-12 {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}
.nav-g-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link-g-12 {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 14px!important;
    font-weight: 600;
    color: #cd8b2a;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
}
.border-bottm-g-12{	border-bottom: 3px solid #cd8b2a;}
.bg-g-12{
    background-color: #cd8b2a!important;
}
/*------------------------------------------*/
/*  BUTTON SETTINGS
/*------------------------------------------*/
.btn-g-12-light, .btn-g-12-light:focus { 
    background-color:#ffebe8; ;
    color: #cd8b2a;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-right: 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.btn-g-12-light:hover { 
    background-color:#cd8b2a; ;
    color: #212529;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-right: 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.btn-g-12, .btn-g-12:focus { 
    background-color: #cd8b2a;
    color: #fff!important;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    padding: 16px 32px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.bg-12-light{
    background-color: #f2e1c9!important;
    border-color: #f2e1c9!important;
}
.border-top-g-12{
    border-top: 3px solid #cd8b2a !important;
}
.g-12-light-1{
    background-color: #f0e4d3!important;
    border-color: #f0e4d3!important;
}
.btn-sdg-12:hover
{
  background-color: #f0e4d3;
  border-color: #f0e4d3 !important;
	color: #cd8b2a!important;
}