.navsubpage2024{
background:#00B09B;
color:#fff;	
}

.con-short{
min-height:70vh;	
}
.sust-top{
 background-image: url('../img/sustainability2024/main.jpg');
 background-size:cover;
 height: calc(100vh - 70px);
 width:100vw;
}


.sust-climate-policy{
 background-image: url('../img/sustainability2024/climate-policy.jpg');
 background-size:cover;
 height: calc(100vh - 70px);
 width:100vw;
}
.sust-gov-struct{
 background-image: url('../img/sustainability2024/operational-policies-bg.jpg');
 background-size:cover;
 background-position:center center;
 height: calc(100vh - 70px);
 width:100vw;
}


.sust-section{

/* height: calc(100vh - 70px); */
 min-height: calc(100vh - 70px);
 width:100vw;
}

.page-sust2024 .container {
    /* max-width: 76%; */
	max-width: calc(1200px + 1.5rem);
	position: relative;
}

.sust-title, .sust-title2 {
  font-family: font-title;
  font-size: 36px;
  position: relative; /* Enables positioning for the pseudo-element */
}

.sust-title::after {
  content: '';
  display: block;
  width: 60px; /* Fixed width of the underline */
  height: 3px; /* Thickness of the underline */
  background-color: #fff; /* Color of the underline */
  position: absolute;
  bottom: -7px; /* Distance below the text */
  left: 0; /* Align the line to the start of the text */

}


.sust-title2::after {
  content: '';
  display: block;
  width: 60px; /* Fixed width of the underline */
  height: 3px; /* Thickness of the underline */
  background-color: #00B09B; /* Color of the underline */
  position: absolute;
  bottom: -7px; /* Distance below the text */
  left: 0; /* Align the line to the start of the text */

}



.sust-button{
border:1px solid #fff;
border-radius:20px;
padding:10px 15px;
color:#fff;
width:200px; 
display: block;
text-align: center;
font-weight: 700;
	
}

.sust-button2 {
    border: 1px solid #fff;
    border-radius: 60px;
    padding: 10px 15px;
    color: #fff;
    width: 100%;
    /* display: block; */
    text-align: center;
    min-height: 65px;
    align-items: center;
    display: flex;
}

.sust-button3 {
    border: 1px solid #fff;
    border-radius: 60px;
    padding: 10px 15px;
    color: #fff;
    width: 100%;
    /* display: block; */
    text-align: center;
   
    align-items: center;
    display: flex;
}

.sust-button4 {
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 10px 15px;
	color: #fff;
	width: auto;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}

.sust-button5{
border:1px solid #00B09B;
border-radius:20px;
padding:10px 15px;
color:#00B09B;
width:200px; 
display: block;
text-align: center;
font-weight: 700;
	
}

 .sust-button2:hover, .sust-button3:hover, .sust-button4:hover {
border:1px solid #00B09B;
background:#fff;
color:#00B09B;
transition: 0.3s ease-in-out;

}

.sust-button:hover, .sust-button5:hover{
border:1px solid #fff;
background:#00B09B;
color:#fff;
transition: 0.3s ease-in-out;

}

.policy-icon{
max-width:170px;	
}

.bullet-list li{
list-style-type:disc;	
    margin-bottom: 8px;
}
.secintro .mb-5{
}

.text-green{
color:#00B09B;
}

.f28px{
font-size:24px;	
}

.f20px{
font-size:18px;	
}

.comm-box{
border:1px solid #00B09B;
border-radius:10px;	
}

.st-link{
color:#00B09B;
font-weight:bold;
text-align:center;
}

.st-img{
border:1px solid #000;	
}

.gc-percentage{
color:#00B09B;
font-weight:bold;
font-size:40px;
}

.percentage-text{
	
	line-height:1;
}

.ga-box img{
	max-height:130px;
}
.ga-box{
	border:1px solid #00B09B;
	border-radius:10px;
}
.ga-box h4{
	color:#00B09B;
	font-weight:bold;
	font-size:18px;
}

.slider-awards .slick-slide {
    margin: 0 7.5px; /* Add 7.5px margin on each side (15px total) */
}

.slider-awards {
    padding-left: 15px; /* Space before the first slide */
    padding-right: 15px; /* Space after the last slide */
}


.slider-awards .slick-prev:before, 
.slider-awards .slick-next:before {
    color: #00B09B; /* Change to your desired color */
    font-size: 40px; /* Adjust arrow size */
}

.slider-awards .slick-prev {
    left: -30px; /* Adjust position of left arrow */
}

.slider-awards .slick-next {
    right: -30px; /* Adjust position of right arrow */
}


.slider .slick-prev:before, 
.slider .slick-next:before {
    color: #00B09B; /* Change to your desired color */
    font-size: 40px; /* Adjust arrow size */
}

.slider .slick-prev {
    left: -30px; /* Adjust position of left arrow */
}

.slider .slick-next {
    right: -30px; /* Adjust position of right arrow */
}


.comm-box.gov {
    position: relative; /* Set relative positioning to contain the ::after element */
}

.comm-box.gov:not(:last-of-type)::after {
    content: ""; /* Empty content for pseudo-element */
    position: absolute; /* Absolute positioning to place the arrow */
    top: 50%; /* Center vertically */
    right: -43px; /* Position 10px from the right */
    transform: translateY(-50%); /* Align vertically by centering */
    background-image: url('../img/sustainability2024/arrow-right.svg'); /* Image URL */
    background-size: contain; /* Ensure the image fits */
    background-repeat: no-repeat; /* Prevent repeating */
    width: 24px; /* Set width of the arrow */
    height: 24px; /* Set height of the arrow */
}

.text-md-white{
color:#fff;	
}

.allyear.awards2024{
	font-size:16px;
	font-weight:700;
}

.fy-report{
border:1px solid #00B09B;
border-radius:10px;	
}

.fy-title{
font-size:20px;
color:#00B09B;
font-weight:700;		
}

.fy-report .file-link{
text-decoration:underline;
font-weight:700;	
}
.fy-pills{
	margin-left: -10px;
}
.fy-pills.nav-pills .nav-link.active{
	color: #00B09B;
    background-color: transparent;
	font-weight:700;
}


.fy-pills.nav-pills .nav-link{
	color: #000;
    background-color: transparent;
	font-weight:500;
}


.fy-pills.nav-pills .nav-link {
    background: 0 0;
    border-radius: 0px;    
	padding: .0 10px;
	line-height: 1;
	
}

.fy-pills.nav-pills .nav-item {

    border-right: 1px solid #000;
    border-radius: 0px;
	
}

.fy-pills.nav-pills .nav-item:last-child {

    border-right: 0px;
    border-radius: 0px;
}

.fy-year{
/* font-size:28px; */
font-size:24px;
font-weight:bold;
color: #00B09B;	
}

.card-wrapper-2024{
margin:0px 10px;	
}
.card-ew-2024{
border:1px solid #00B09B;
border-radius:10px;		
}

.card-ew-2024 img{
border-top-left-radius:10px;		
border-top-right-radius:10px;		
}

.card-ew-2024 .card-info span{
font-size: 16px;
color:#000;
font-weight:700;	
}
.card-ew-2024 .card-text{
font-size: 16px;
font-weight:500;	
}
.card-ew-2024 .card-title a{
font-size: 16px;
font-weight:700;
color: #00B09B;		
}
.card__news-wrapper{
	margin: 0 10px;
}
.card__news{
	border:2px solid #00B09B;
	border-radius:12px;	
	padding: 20px;
	font-size: 16px;
}
.card__news img{
	border-radius: 2px;
}
.card__news .card-body{
	padding: 8px 0 0;
}
.card__news .card-info{
	margin-bottom: 10px;
}
.card__news .card-info{
	margin-bottom: 10px;
}
.card__news .card-info span{
	font-size: 14px;
	color:#000;
	font-weight:700;	
}
.card__news .card-text {
    font-size: 14px;
    font-weight: inherit;
    color: #231F20;
    padding: 0 0;
    min-height: unset;
	line-height: 1.3;
}
.card-title {
    font-family: font-body;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}
.card__news .card-title a{
	font-size: 16px;
	font-weight:700;
	color: #00B09B;
	font-family: font-body;
	margin-bottom: 10px;
}
/*Mobile*/

@media (max-width: 768.97px) {
   
  .sust-top{
 background-image:none;
 height:auto;
 width:100vw;
} 

.sust-climate-policy {
 background-image:none;
 height:auto;
 width:100vw;
}


.sust-gov-struct {
 background-image:none;
 height:auto;
 width:100vw;
}
   
.sust-section{

/* height: calc(100vh - 70px); */
 min-height: auto;
 width:100vw;
 height:auto;
}

.sust-title::after {
  content: '';
  display: block;
  width: 60px; /* Fixed width of the underline */
  height: 3px; /* Thickness of the underline */
  background-color: #00B09B; /* Color of the underline */
  position: absolute;
  bottom: -7px; /* Distance below the text */
  left: 0; /* Align the line to the start of the text */

}

.b-bottom {
    position: relative; /* Makes positioning pseudo-element possible */
}

.b-bottom::after {
    content: "";
    position: absolute;
    bottom: 0; /* Aligns at the bottom */
    left: 15px; /* Starts 15px away from the left */
    right: 15px; /* Ends 15px before the right */
    height: 1px; /* Border thickness */
    background-color: #000; /* Border color */
}

.text-md-white{
color:#000;	
}

.climate-icon{
height:52px;
width:52px;	
}

.climate-box{
padding-bottom:15px;	
}

.comm-box.gov {
    position: relative; /* Set relative positioning to contain the ::after element */
}

.comm-box.gov:not(:last-of-type)::after {
content: ""; /* Empty content for pseudo-element */
position: absolute;
top: auto;
right: calc(50% - 12px);
/* left: auto; */
transform: translateY(-50%);
background-image: url(../img/sustainability2024/arrow-down.svg);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
bottom: -50px;
}


.sust-button2 {
    border: 1px solid #00B09B;
    border-radius: 60px;
    padding: 10px 15px;
    color: #00B09B;
    width: 100%;
    /* display: block; */
    text-align: center;
    min-height: 0px;
    align-items: center;
    display: block;
	font-weight:bold;
}

.sust-button3 {
    border: 1px solid #00B09B;
    border-radius: 60px;
    padding: 10px 15px;
    color: #00B09B;
    width: 100%;
    /* display: block; */
    text-align: center;
   
    align-items: center;
    display: block;
	font-weight:bold;
}

.sust-button4 {
	border: 1px solid #00B09B;
	border-radius: 20px;
	padding: 10px 15px;
	color: #00B09B;
	width: auto;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight:bold;

	
}


.sust-button5{
border:1px solid #00B09B;
border-radius:20px;
padding:10px 15px;
color:#00B09B;
width:100%; 
display: block;
text-align: center;
font-weight: 700;
	
}

.slider-awards {
	padding-left: 40px;
	padding-right: 40px;
}

.slider-awards .slick-prev {
    left: 10px; /* Adjust position of left arrow */
}

.slider-awards .slick-next {
    right: 10px; /* Adjust position of right arrow */
}

    .top .btn-filter {
        font-size: 16px;
        font-weight: 700;
        margin-left: 0;
        padding: 0.3rem 0px 0.3rem 0;
    }
.slider-carousel.slider-news .slick-prev {
        left: -2px;
    }
    .slider-carousel.slider-news .slick-next {
        right: -2px;
    }
}

@media only screen and (min-width: 992.5px) and (max-height: 764px){
.secintro  .mb-5{
		/* margin-bottom: 10px !important; */
	}
}