@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-It.woff2') format('woff2'),
        url('../fonts/MyriadPro-It.woff') format('woff'),
        url('../fonts/MyriadPro-It.ttf') format('truetype'),
        url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/MyriadPro-Light.woff') format('woff'),
        url('../fonts/MyriadPro-Light.ttf') format('truetype'),
        url('../fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/*=============================================
=            Common Css            =
=============================================*/

:root {
	--green:#009440;
    --blue: #0b4395;
    --blue-dark: #152c53;
    --bg-light: #edf8f1;
    --white: #ffffff; 
    --black:#000;
    --light-black: #333;
    --bg-cream: #edf8f1;
    --bg-grey: #e5e5e5;
    --bg-cream-dark: #ece7e1;
}
body {
    font-family: 'Myriad Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5 {
    font-weight: 600;
}
h1,h2 {
    font-size: 5vw;
    line-height: .97;
    color: var(--light-black);
	text-transform:uppercase;
}
h1 strong,
h2 strong {
    color: var(--blue);
	font-style:italic;
}
h3,h5 {color: var(--blue);}

ul, li{ font-size: 18px !important;}
.table>tbody{ font-size: 18px !important;}

.section {
    padding-top: 8.25vw;
    padding-bottom: 8.25vw;
}
.bg-cream {
    background-color: var(--bg-cream);
}
.bg-grey {
    background-color: var(--bg-grey);
}
.bg-cream-dark {
    background-color: var(--bg-cream-dark);
}
.btn-primary {  background: -webkit-linear-gradient(to right, #04953f, #88bc26) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #04953f, #88bc26) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-color: #04953f !important;
	}

.accordion-item .accordion-button {
    position: relative;
    border-radius: 0;
    box-shadow: none;
}
.accordion-button::after {
    position: absolute;
    display: block;
    width: 4vw;
    height: 4vw;
    top: 50%;
    right: 3.33vw;
    transform: translateY(-50%);
    background: url("../images/icon-plus.svg") no-repeat center;
    background-size: 4vw;
}
.accordion-button:not(.collapsed)::after {
    transform: translateY(-50%);
    background: url("../images/icon-minus.svg") no-repeat center;
    background-size: 4vw;
}
.btn {
	padding: 0.3rem 1rem !important; 
}

td,th {text-align: left !important;}
/*=====  End of Common Css  ======*/


/*=============================================
=            Board of Directors            =
=============================================*/

.card {
	background:none !important;
	border: none !important;
	
}
.board_of_directors_content .card{
		margin-top:-20px;
}

.board-of-director {
    margin-bottom: 2.66vw;
    padding-left: 4.5vw;
    padding-right: 4.5vw;
}
.board-of-director h2 {
    margin-bottom: 3.3vw;
    letter-spacing: -.1vw;
}
ul#board_of_directors,ul#bod_detail{
    display: flex;
            flex-direction: row;
			gap: 8px;
			/*padding-top: 50px;*/
			padding-right: 50px
}
ul#board_of_directors li{
    width: calc(30% - 5px);
}

 ul#bod_detail li{
    width: calc(100% - 5px);
}

ul#board_of_directors.nav-tabs .nav-link   {
    color: #646363;
	background: #fff;
    width: 100%;
    height: 70px;
    text-align: center;
    font-weight: 400;
    border-radius: 0px;
    padding: 5px 20px ! important;
    border: 0px solid #ffffff;
	margin-bottom: 0px ! important;
}

ul#bod_detail.nav-tabs .nav-link {
    color: #646363;
	background-color: #e6f4ec;
    width: 100%;
    height: 70px;
    text-align: center;
    font-weight: 400;
    border-radius: 0px;
    padding: 5px 20px ! important;
    border: 1px solid #e6f4ec;
	margin-bottom: 0px ! important;
}

div#board_of_directors_content.tab-content .card-content {
    padding: 20px 20px 20px 40px;
}
#board_of_directors button span.name-p, #bod_detail button span.name-p{
    
    font-weight: 800 ! important;
	font-size: 14px;
    line-height: 18px;
	 color: var(--blue);
}
#board_of_directors button span,#bod_detail button span{
    
    font-weight: 600 ! important;
	font-size: 14px;
    line-height: 26px;
}

#board_of_directors button span, #bod_detail button span {
    display: block;
	font-weight: 400 ! important;
	font-size: 12px;
    line-height: 16px;
}
#board_of_directors button ,#bod_detail button {
    color: #000 ! important;
    background-color: #ffffff ! important;
}
#board_of_directors button.active{
    color: #FFF ! important;
    background-color: var(--green) !important;
}

#bod_detail button.active {
    color: #FFF ! important;
    background-color: var(--green) !important;
}
#board_of_directors button.active span.name-p{
	    color: #FFF ! important;

}
#bod_detail button.active span.name-p{
	 
	    color: #FFF ! important;
}

.navbar-collapse.collapsing {
    position: fixed ! important;
}
.nav-tabs {border-bottom:0 !important;}

/*=====  End of Board of Directors  ======*/

/*=============================================
=            Executive Management            =
=============================================*/
======*/
.executive-management {
    margin-bottom: 2.66vw;
    padding-left: 4.5vw;
    padding-right: 4.5vw;
}
.executive-management h2 {
    margin-bottom: 3.3vw;
    letter-spacing: -.1vw;
}
ul#executive{
    display: flex;
            flex-direction: row;
			gap: 8px;
			/*padding-top: 50px;*/
			padding-right: 50px
}
ul#executive li{
    width: calc(30% - 5px);
}
ul#executive.nav-tabs .nav-link {
    color: #646363;
	background: #fff;
    width: 100%;
    height: 70px;
    text-align: center;
    font-weight: 400;
    border-radius: 0px;
    padding: 5px 20px ! important;
    border: 0px solid #ffffff;
	margin-bottom: 0px ! important;
}
div#executive.tab-content .card-content {
    padding: 20px;
}
#executive button span.name-p{
    
    font-weight: 800 ! important;
	font-size: 14px;
    line-height: 18px;
	 color: var(--blue);
}
#executive button.active span.name-p{
		 color: var(--white);

}

#executive button span{
    
    font-weight: 600 ! important;
	font-size: 14px;
    line-height: 26px;
}

#executive button span {
    display: block;
	font-weight: 400 ! important;
	font-size: 12px;
    line-height: 16px;
}
#executive button {
    color: #000 ! important;
     background-color: var(--bg-cream) ! important;
}
#executive button.active {
    color: #FFF ! important;
    background-color: var(--green) ! important;
}
/*=====  End of Executive Management  ======*/


/*=============================================
=            Logo            =
=============================================*/
.navbar,
.alba-navbar {
    padding: 5.25vw 5vw 0 8.5vw;
    z-index: 2;
}
.alba-navbar > .container {
    padding: 0;
    align-items: flex-start;
}
.alba-navbar {
    background-color: transparent;
}
.logo img,
.alba-navbar .navbar-brand img {
    width: 100%;
    max-width: 27.66vw;
}
.alba-navbar .navbar-brand {
    margin: 0;
    padding: 0;
}
.alba-navbar .navbar-toggler {
    border: none;
    margin-top: 1.66vw;
    padding: 0;
}
.alba-navbar .navbar-toggler-icon {
    width: 40px;
    height: 28px;
    background: url("../images/icon-menu.svg") center no-repeat;
}
.alba-navbar button:focus:not(:focus-visible) {
    box-shadow: none;
}
.alba-navbar .navbar-collapse {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 7.66vw 7vw;
    text-align: center;
    background-color: #009440;
    transform: translateX(100%);
    transition: all 350ms ease;
    z-index: 5;
}
.alba-navbar .navbar-collapse.active {
    transform: translateX(0);
}
.alba-navbar .close-navbar {
    float: right;
    width: 7vw;
    height: 7vw;
    margin-bottom: 10vw;
}
.alba-navbar h2 {
    clear: both;
    margin-bottom: 9.5vw;
    font-size: 5.75vw;
    font-weight: 300;
    color: var(--white);
}

.alba-navbar .navbar-nav .nav-link.active, 
.alba-navbar .navbar-nav .show>.nav-link,
.alba-navbar .navbar-nav .nav-link {
    padding: 0;
    font-size: 4.33vw;
    color: var(--white);
}
.alba-navbar .navbar-nav .nav-item {
    margin-bottom: .5vw;
}
.alba-navbar .navbar-nav .nav-link:focus, 
.alba-navbar .navbar-nav .nav-link:hover {
    color: var(--white);
}
body {
    transition: all 350ms ease;
	text-align:justify;
}
body.active {
    overflow: hidden;
    width: calc(100% - 15px);
}

/*=====  End of Logo  ======*/


/*=============================================
=            Hero            =
=============================================*/
.hero {
  position: relative;
}
.five-decades {
  position: absolute;
  top: 111vw;
  left: 56vw;
  font-size: 3.5vw;
  color: var(--green);
}
.annual-reports {
  position: absolute;
  top: 116.5vw;
  left: 56vw;
  font-size: 2.66vw;
}
.annual-reports a {
  text-decoration: none;
  color: var(--light-black);
  transition: all 350ms ease;
}
.annual-reports:hover a,
.annual-reports:focus a {
  color: var(--green);
}
.go-down {
  position: absolute;
  bottom: 11vw;
  left: 50%;
  transform: translateX(-50%);
}
.go-down img {
  width: 5vw;
}
/*=====  End of Hero  ======*/


/*=============================================
=            Message Box            =
=============================================*/
.message h2 {
    margin-bottom: 5.5vw;
}
.message h3,
.message h4, 
.message h5, 
.message p {
    font-size: 3.75vw;
    font-weight: 600;
}
.message h3 {
    margin-bottom: 7vw;
    color: var(--green);
}
.message h3 em {
    display: block;
    font-weight: 300;
    color: var(--light-black);
}
.message h4 {
    margin-bottom: 6vw;
}
.message h4, 
.message h5 {
    color: var(--blue);
    letter-spacing: -.12vw;
}
.message h5 {
    margin-bottom: 0;
    letter-spacing: -.1vw;
}
.message p  {
    margin-bottom: 4vw;
    line-height: 1.25;
	font-weight:400;
}
.message .read-more {
    display: inline-flex;
    align-items: center;
    font-size: 3.75vw;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: .075vw;
    transition: all 350ms ease;
}
/*.message .read-more:hover,
.message .read-more:focus {
    color: var(--green);
}*/
.message .read-more span {
    display: inline-flex;
    width: 2vw;
    margin-left: 1.5vw;
    transition: all 350ms ease;
}
.message .read-more svg {
    max-width: 100%;
    fill: #ffffff;
    transition: all 350ms ease;
}

.message .read-more:hover svg,
.message .read-more:focus svg {
    fill: var(--green);
}
.message .hod-image {
    padding: 8.5vw 8vw 0;
}
.message .hod-image > img {
    max-width: 340px;
    padding: 0;
}
.message .hod-message {
    padding: 7.5vw 4.5vw 7.5vw 7.5vw;
   
}
.message .ceo-message .hod-image {
    padding-top: 9vw;
}

.bods .btn {
    
 padding: 0.8rem 3.2rem !important;
 border-radius: 12px;

}

/*=====  End of Message Box  ======*/


/*=============================================
=            Operational Highlights            =
=============================================*/
.operation-highlights {
    padding: 8vw 3vw 8vw 5.33vw;
}
.operation-highlights h2 {
    margin-bottom: 8vw;
    letter-spacing: -.125vw;
}
.operation-highlights .nav-pills .nav-item {
    width: calc(50% - 1vw);
}
.operation-highlights .nav-pills .nav-item:not(:nth-child(2n)) {
    margin-right: 2vw;
}
.operation-highlights .nav-pills .nav-link {
    width: 100%;
    border-radius: 0;
    padding: 8.5vw 2vw 8.25vw;
    text-transform: uppercase;
    font-size: 5vw;
    font-weight: 600;
    letter-spacing: .66vw;
    background-color: var(--white);
    color: var(--light-black);
}
.operation-highlights .nav-pills .nav-link.active {
    background-color: var(--green);
    color: var(--white);
}
.operational-image {
    margin-bottom: 2.33vw;
}
.operational-data {
    padding: 0 6vw 6vw 5.33vw;
}

.operational-data .list-item {
    padding-top: 1.33vw;
    padding-bottom: 1.66vw;
    font-size: 4.66vw;
    line-height: 1.15;
    letter-spacing: -.11vw;
    text-align: left !important;
}
.operational-data .list-item:not(:last-child) {
    border-bottom: 1px solid #c5c0b1;
}
.operational-data .list-item strong {
    font-size: 5vw;
    font-weight: 600;
    color: var(--green);
}
.operational-highlights-tab {
    position: relative;
}

.operational-highlights-tab .tab-pane {
    width: 100%;
}
/*=====  End of Operational Highlights  ======*/




/*=============================================
=            Financial Highlights            =
=============================================*/
.financial-highlights {
    padding: 10vw 2.5vw 10vw 5.5vw;
}
.financial-highlights h2 {
    margin-bottom: 8.33vw;
}
.financial-highlights .accordion-item {
    border: none;
    margin-bottom: 1.2vw;
    padding: 0;
}
.financial-highlights .accordion-button {
    display: block;
    padding: 2.83vw 4.5vw 2.5vw;
    font-size: 3.66vw;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--green);
    color: var(--white);
}
.fh-content {
    position: relative;
    padding-left: 29.16vw;
}
.financial-icon {
    position: absolute;
    width: 29.16vw;
    top: -2.5vw;
    left: 0;
}
.financial-icon img {
    width: 100%;
    max-width: 19.75vw;
    margin: 0 0 0 3.33vw;
}
.financial-numbers {
    border-bottom: 2px solid var(--green);
    padding-bottom: .66vw;
}
.financial-numbers h4 {
    margin-bottom: 0;
    font-size: 11.33vw;
    font-weight: bold;
    color: var(--green);
    letter-spacing: -.75vw;
    line-height: 1;
}
.financial-highlights .accordion-body {
    padding: 6.75vw 2vw 2vw 0;
    opacity: 1;
}
.financial-details {
    padding-top: 3.33vw;
}
.financial-details h5 {
    margin-bottom: 4vw;
    font-size: 4.5vw;
    font-weight: 400;
    color: var(--light-black);
    line-height: 1.1;
}
.financial-details h5 em {
    display: block;
    font-size: 3.25vw;
    font-style: normal;
}
.financial-details h5 span {
    display: block;
}
.financial-details p {
    font-size: 2.66vw;
    color: var(--light-black);
    line-height: 1.25;
    letter-spacing: -.1vw;
}
.financial-details .lefttab { width:58% !important;}
/*=====  End of Financial Highlights  ======*/



/*=============================================
=            Alba Work List            =
=============================================*/
.alba-worklist {
    padding: 11.1vw 7vw 12vw;
}
.worklist-card {
    margin-bottom: 4vw;
}
.alba-work-card,
.alba-work-card .card-img, 
.alba-work-card .card-img-top {
    border-radius: 0;
    transition: all 350ms ease;
}
.alba-work-card:hover,
.alba-work-card:focus {
    -webkit-box-shadow: 8px 8px 10px 0px rgba(221,213,200,1);
    -moz-box-shadow: 8px 8px 10px 0px rgba(221,213,200,1);
    box-shadow: 8px 8px 10px 0px rgba(221,213,200,1);
}
.alba-work-card h2 {
    margin-bottom: 7vw;
    font-size: 6vw;
    letter-spacing: -.1vw;
    text-transform: uppercase;
    font-weight: 300;
    text-align: :left !important;
}
.alba-work-card h3 {
    margin-bottom: 0;
    font-size: 4vw;
    font-weight: 600;
    color: var(--green);
    letter-spacing: -.1vw;
}
.alba-work-card p {
    margin-bottom: 3vw;
    font-size: 4vw;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -.1vw;
}
.alba-work-card .card-link {
    font-size: 4vw;
    font-weight: bold;
    text-decoration: none;
    color: var(--white);
    letter-spacing: .1vw;
    transition: all 350ms ease;
}
.alba-work-card .card-link span {
    display: inline-flex;
    width: 2vw;
    margin-left: 2.75vw;
    transition: all 350ms ease;
}
.alba-work-card .card-link svg {
    width: 2vw;
    fill: var(--white);
    transition: all 350ms ease;
}
.alba-work-card .card-link:hover,
.alba-work-card .card-link:focus {
    color: var(--white);
}
.alba-work-card .card-link:hover span,
.alba-work-card .card-link:focus span {
    margin-left: 3.5vw;
} 
.alba-work-card .card-link:hover svg,
.alba-work-card .card-link:focus svg {
    fill: var(--white);
}
.alba-work-card .card-body {
    padding: 8.5vw 7vw 9.25vw;
}
.alba-then-now {
    margin-top: 5vw;
}
.alba-then-now > img {
    max-width: 74.16vw;
}
/*=====  End of Alba Work List  ======*/


/*=============================================
=            Footer-top            =
=============================================*/
.footer-top {
    padding: 6.66vw 7.5vw 8.5vw;
    background-color: var(--bg-light);
    color: var(--black);
}
 .footer-top h2 {
        margin-bottom: 0;
		color:var(--green);
		text-transform:uppercase;
    }
    
.footer-top h2,
.footer-top h2 strong,
.footer-top h3 {
    color: var(--green);
} 
.footer-top h2 {
    margin-bottom: 7.5vw;
    font-weight: 500;
}
.footer-top h3 {
    margin-bottom: 0;
    font-size: 3.75vw;
    letter-spacing: -.051vw;
}
.footer-top h3 span {
    font-weight: 400;
}
.footer-download-statement {
    position: relative;
    padding-right: 0;
}
.footer-download-statement::after {
    position: absolute;
    display: block;
    content: '';
    bottom: -1.5vw;
    left: 12px;
    width: calc(100% - 12px);
    height: 1px;
    background-color: var(--green);
}
.footer-top .download-icon {
    width: 6vw;
    height: 6vw;
}
/*=====  End of Footer-top  ======*/


/*=============================================
=            Alba Footer            =
=============================================*/
.alba-footer {
    padding: 5vw 5.5vw 5vw 7.5vw;
    background-color: var(--green);
    color: var(--white);
}

.back-to-top {
    width: 85px;
}
.alba-footer .back-to-top p {
    margin-bottom: 8px;
    font-size: 13px;
}
.back-to-top-icon svg {
    width: 42px;
}
.back-to-top-border {
    fill: none;
    stroke: var(--white);
    stroke-width: 1;
}
.back-to-top-icon {
    fill: var(--white);
}
.footer-address {
    position: relative;
    padding-right: 0;
    padding-left: 8.33vw;
}

.footer-address p,
.footer-address address {
    margin-bottom: 4px;
    letter-spacing: -.85px;
    line-height: 1.25;
}
.footer-address address {
    margin-bottom: 0;
}
.footer-address .list-unstyled {
    margin-bottom: 1px;
}
.footer-address .link-website a {
    text-decoration: none;
    font-weight: 600;
    color: var(--white);
}
.footer-address .list-item {
    letter-spacing: -.4px;
    line-height: 1.25;
}
.footer-address .list-item a {
    color: var(--white);
    text-decoration: none;
}
.footer-copyright {
    margin-top: 27px;
    padding-left: 7px;
}
.footer-copyright p {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.25px;
}
.footer-copyright .list-social-media {
    margin-bottom: 31px;
}
.footer-copyright .list-social-media a > img{
    width: 40px;
}
.list-social-media > li:not(:last-child) {
    margin-right: 16px;
}
.footer-copyright .copyright p {
    font-size: 15px;
    font-weight: 400;
}
/*=====  End of Alba Footer  ======*/


/*=============================================
=            Footer Links            =
=============================================*/
.footer-links li a {
    font-size: 18px;
    text-decoration: none;
    color: #ffffff;
    transition: all 350ms ease;
}
.footer-links li a:hover,
.footer-links li a:focus {
    color: var(--white);
}
/*=====  End of Footer Links  ======*/



/*-----------------------------------------------------  Inner Page Css Start ---------------------------------------*/


/*=============================================
=            Hero Inner            =
=============================================*/
.hero-inner {
    position: relative;
    padding-bottom: 17.33vw;
	background-color: #ede8e1;
}
.hero-inner .container-fluid {
    padding: 0;
}

.hero-inner .heading {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 17.33vw;
    padding: 7.5vw 2vw 3vw;
    z-index: 1;
    text-align: center;
    background-color: rgb(0 0 0 / 35%);
}
.hero-inner h1 {
    margin-bottom: 5.66vw;
    font-size: 7.5vw;
    font-weight: 400;
    color: var(--white);
}
/*=====  End of Hero Inner  ======*/


/*=============================================
=            Alba InnerContent            =
=============================================*/
.alba-innercontent {
    padding: 10vw 8.33vw 10vw 8.33vw;
	 background-color: var(--bg-cream) ! important;
}
.alba-innercontent_tagline {
    margin-bottom: 12.66vw;
}
.alba-innercontent_full {
    margin-bottom: 2.66vw;
}
.alba-innercontent_tagline h2 {
    position: relative;
    margin-bottom: 0;
    font-size: 7vw;
    font-weight: 300;
    color: var(--green);
    line-height: 1.2;
    letter-spacing: -.16vw;
}
.alba-innercontent_tagline h2::before
{
    position: relative;
    display: block;
    content: '';
    width: 100px;
    height: 100px;
    background: url(../images/quote.png) no-repeat;
    background-size: 100%;
    margin-bottom: -52px ! important;
    margin-left: -85px;
}
.alba-innercontent_tagline h2::before {
    margin-bottom: 3vw;
}
.alba-innercontent_tagline h2::after {
    display: inline-block;
    vertical-align: top;
    top: 1.5vw;
    margin-left: 4.5vw;
   
}
.alba-innercontent_para {
    margin-bottom: 4.66vw;
	text-align:justify;
}
.alba-innercontent_para h3 {
    margin-bottom: .5vw;
    font-size: 3.83vw;
    font-weight: 600;
    color: var(--blue-dark);
}
.alba-innercontent_para p {
    margin-bottom: 5vw;
    font-size: 3.83vw;
    line-height: 1.1575;
    letter-spacing: -.0416vw;
}
/*=====  End of Alba InnerContent  ======*/

/*=============================================
=            Alba Training            =
=============================================*/
.cright{
	right: 0;
	padding-right: 5%;
}
.cleft {
    left: 0;
	padding-left: 5%;
}
.carrow{
	position: absolute;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
	margin-top: 180px;
}
.alba-work-card picture{
	padding: 15px;
    background: #FFF;
}
.alba-training_row {
    margin-bottom: 2.5vw;
}
.alba-training {
    margin-bottom: 8vw;
    padding-right: 3.16vw;
}
.alba-training__heading {
    margin-bottom: 2vw;
    padding: 2vw 1.5vw 1.33vw 1.5vw;
    background-color: var(--green);
}
.alba-training__heading h4 {
    margin-bottom: 0;
    font-size: 3.33vw;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    color: var(--white);
}

.alba-training_icon {
    width: 35.5vw;
}
.alba-training_icon img {
    max-width: 26.66vw;
}
.alba-training__data_list {
    width: calc(100% - 35.5vw);
    padding-top: 3.5vw;
}
.alba-training__data_list li {
    position: relative;
    padding-bottom: .5vw;
    font-size: 3.66vw;
    line-height: 1;
}
.alba-training__data_list li:not(:first-child) {
    padding-top: 2.5vw;
}
.alba-training__data_list li:not(:last-child)::after {
    position: relative;
    content: '';
    display: block;
    width: 90%;
    border-bottom: 2px solid var(--green);
    margin-top: .33vw;
}
.alba-training__data_list li strong {
    display: block;
    margin-top: 2.16vw;
    font-size: 8.4vw;
    color: var(--green);
    line-height: .9;
}
/*=====  End of Alba Training  ======*/
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    color: #FFF ! important;
    background-color: var(--green) ! important;
}
.accordion-button {
    padding: 1rem 2rem 1rem 1rem ! important;display:block ! important;}
.accordion-button span{display:block ! important;}
.accordion-button span.name-p {
    line-height: 20px;
    font-weight: 700;
}

h2.chairman-stat-cont{
		margin-top:0px !important;
	}
	h2.chairman-stat-cont::before{
		    width: 85px;
			height: 85px;
	}


/**************** RESPONSIVE CSS START ********************/
@media screen and (max-width: 767px) {
.financial-details .lefttab { width:100%;}
h2.chairman-stat-cont {

margin-top: -20px;

}
	
ul#board_of_directors, ul#bod_detail,ul#executive {
padding-right: 0px ! important;
}
ul#board_of_directors li,ul#executive li {
    width: 100% ! important;
}
    .hidden-xs {
        display: none;
    }
	.go-down {
    	bottom: 5px ! important;filter: brightness(0) invert(1);
	}
.hero-inner .heading {
    display: block ! important;
    /* justify-content: flex-end; */
    padding: 50px;
bottom: 0vw ! important;
    width: 100% ! important;
}
.hero-inner {
    position: relative;
    padding-bottom: 0vw ! important;
}
}
@media screen and (max-width: 991px) {
    .hidden-sm {
        display: none;
    }
    /*=============================================
    =            Board of Director            =
    =============================================*/
    .board-of-director .carousel-indicators::before {
        margin-bottom: 8.33vw;
    }
    .board-of-director .carousel-indicators > button {
        position: relative;
        display: none;
        width: calc(100% - 2.88vw);
        border-width: 1.5vw;
        border-radius: 10vw;
        margin-left: 2.5vw;
        padding: 0;
        font-size: 3.6vw;
        font-weight: bold;
        /* box-shadow: inset 1.5vw 1.5vw 1.5vw 0px rgba(208,196,180,1); */
        box-shadow: none;
    }

    .board-of-director .carousel-indicators > button.active {
        display: block;
        border: none;
        width: calc(100% - 2.88vw);
        margin-left: 2.5vw;
        background-color: #ddd8cb;
    }
    .board-of-director .carousel-indicators > button span {
        display: block;
        padding: 2vw 1vw 1vw;
        border-radius: 10vw;
        box-shadow: 1px 1px 2px 1px #c4b6a4;
    }
    .board-of-director .carousel-indicators > button::before {
        position: absolute;
        content: "";
        display: block;
        top: -1.5vw;
        left: -1.5vw;
        width: calc(100% + 3vw);
        height: calc(100% + 3vw);
        background-color: var(--white);
        border-radius: 10vw;
        box-shadow: inset .85vw .85vw 1vw 0px #e4ddd3, .5vw .5vw .5vw 1px #f0ede8;
        z-index: -1;
    }
    
    
    /*=====  End of Board of Director  ======*/
}
@media screen and (min-width: 576px)  {
	.financial-details .lefttab { width:100%;}
    
    /*=============================================
    =            Board of Directors            =
    =============================================*/
    .board-of-director {
        padding-left: 0;
        padding-right: 0;
    }
    
    /*=====  End of Board of Directors  ======*/
    
        

}

@media all and (min-width:360px) and (max-width: 400px)

{
	.financial-details .lefttab { width:100%;}
	
	h2.chairman-stat-cont {

margin-top: -20px !important;

}


    .message .ceo-message {
    padding: 0px 30px 50px 22px !important;
}
	.message .hod-message {
    padding: 60px 30px 50px 22px !important;
}
	.financial-highlights .alba-tabbing {padding-top:0px !important;}
    .hero-inner #ceoheading {bottom: 66.33vw;}
    .ceo-msg-cont, .chairman-stat-cont{ padding-top: 37px !important; padding-left: 10px; padding-right: 10px;}
	.greenline {display:none;}
}

@media all and (min-width:401px) and (max-width: 480px)

{
	.financial-details .lefttab { width:100%;}
	
	h2.chairman-stat-cont {

margin-top: -20px !important;

}
    .message .ceo-message {
    padding: 0px 30px 50px 22px !important;
}
	.message .hod-message {
    padding: 60px 30px 50px 22px !important;
}
	.greenline {display:none;}
	.financial-highlights .alba-tabbing {padding-top:0px !important;}

    .hero-inner #ceoheading {bottom: 58.80vw;}
    .ceo-msg-cont, .chairman-stat-cont{ padding-top: 50px !important; padding-left: 10px; padding-right: 10px;}
}

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

    
    /*=============================================
    =            Board of Diectors            =
    =============================================*/
   .board-of-director .carousel {
       padding: 0 1vw;
   }
   .board-member-image {
       width: 65%;
   }
   .board-member-name {
       width: 40%;
       padding-right: 0;
   }
   .board-member-name h3 {
       font-size: 2.75vw;
   }
    /*=====  End of Board of Diectors  ======*/
    
}
@media screen and (min-width: 768px) {
	.lefttab {width:58%;}
    /*=============================================
    =            Common Css            =
    =============================================*/
    h1,h2 {
        font-size: 30px;
    }
    .section {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .accordion-button::after {
        width: 20px;
        height: 20px;
    }
    /*=====  End of Common Css  ======*/
    
    /*=============================================
    =            Navbar            =
    =============================================*/
    
    .alba-navbar {
        padding: 40px 0 0;
    }
    .logo img, .alba-navbar .navbar-brand img {
        max-width: 127px;
    }
    .alba-navbar .navbar-toggler {
        margin-top: 0;
    }
    .alba-navbar .navbar-toggler-icon {
        width: 32px;
        height: 22px;
        background-size: 100%;
    }
    .alba-navbar .navbar-collapse {
        width: 505px;
        left: inherit;
        right: -520px;
        padding: 40px 40px 40px 133px;
        text-align: left;
        transform: none;
    }
    .alba-navbar .navbar-collapse.active {
        right: 0;
        transform: none;
    }
    .alba-navbar .close-navbar {
        width: 24px;
        height: 24px;
        margin-bottom: 108px;
    }
    .alba-navbar h2 {
        margin-bottom: 50px;
        font-size: 26px;
        letter-spacing: -.15px;
    }
    .alba-navbar .navbar-nav .nav-link.active, .alba-navbar .navbar-nav .show>.nav-link, .alba-navbar .navbar-nav .nav-link {
        font-size: 19px;
        letter-spacing: -.1px;
    }
    /*=====  End of Navbar  ======*/
    
    
    /*=============================================
    =            Hero            =
    =============================================*/
    .hero {
    position: relative;
    margin-top: -20px;
    padding-top: 0;
    padding-bottom: 136px;
  }
  .hero::before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: url("../images/hero-before-banner.jpg") no-repeat center bottom;
    background-size: cover;
    background-position-x: center;
    background-position-y: 70%;
  }
  .hero-container {
    position: relative;
  }
  .hero .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .five-decades {
    font-size: 14px;
    top: 350px;
    left: 472px;
  }
  .annual-reports {
    font-size: 14px;
    top: 420px;
    left: 44px;
  }
  .go-down {
    bottom: 25px;
  }
  .go-down img {
    width: 22px;
  }
    /*=====  End of Hero  ======*/
    
    /*=============================================
    =            Board of Diectors            =
    =============================================*/
    .board-of-director {
        margin-bottom: 16px;
    }
   .board-of-director .carousel {
       padding: 0;
   }
    
   .board-of-director h2 {
       margin-bottom: 40px;
   }
   .board-member-name {
        width: 35%;
       margin-left: -40px;
    }
    .board-member-name h3 {
        font-size: 24px;
        font-weight: 400;
        letter-spacing: -.25px;
    }
    .board-member-name h4 {
        font-size: 22px;
    }
    /*=====  End of Board of Diectors  ======*/
    
    /*=============================================
    =            Message             =
    =============================================*/
    
    .message h3,
    .message h4, 
    .message h5,
    .message .read-more {
        font-size: 16px;
        letter-spacing: 0;
		border: none;
		text-align: justify;
    }
	.message p {font-size: 18px;}
    .message .read-more span {
        width: 11px;
        margin-left: 15px;
        margin-bottom: 3px;
    }
    .message h2 {
        margin-bottom: 25px;
    }
    .message h3 {
        margin-bottom: 40px;
    }
    .message h4 {
        margin-bottom: 30px;
        line-height: 1.3;
    }
    .message p {
        margin-bottom: 26px;
    }
    .message .hod-image,
    .message .ceo-message .hod-image {
        padding: 38px 0 0;
    }
    .message .hod-message {
        padding: 50px 0;
    }
    .message .hod-message .content,
    .message .hod-image {
        max-width: 645px;
        margin: 0 auto;
    }
    /*=====  End of Message   ======*/
    
    /*=============================================
    =            Operational Highlights            =
    =============================================*/
    .operation-highlights {
        padding-left: 0;
        padding-right: 0;
    }
    .operation-highlights h2 {
        margin-bottom: 25px;
        line-height: 1.15;
        text-transform: uppercase;
    }
    
    .operation-highlights .nav-pills {
    }
    .operation-highlights .nav-pills .nav-item {
        /*width: calc(16.78% - 5px);*/
		 width: calc(50% - 5px);
    }
    
    .operation-highlights .nav-pills .nav-item:not(:nth-child(2n)),
    .operation-highlights .nav-pills .nav-item:nth-child(2n):not(:nth-child(6n)) {
        margin-right: 5px;
		margin-bottom:5px;
    }
    .operation-highlights .nav-pills .nav-link {
        padding: 25px 5px;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .operational-highlights-tab .tab-pane {
        padding: 27px 0;
        background-color: #ededed;
    }
    .operational-image {
        margin-bottom: 20px;
       /* padding: 0 35px;*/
    }
    .operational-data {
        padding: 15px 35px;
    }
    .operational-data .list-item, .operational-data .list-item strong {
        font-size: 22px;
        letter-spacing: -.5px;
        text-align: left !important;
    }
    /*=====  End of Operational Highlights  ======*/
    
    
    /*=============================================
    =            Financial Highlights            =
    =============================================*/
  .financial-highlights {
    padding: 45px 0;
  }
  .financial-highlights .container-fluid {
    max-width: 720px;
  }
  .financial-highlights h2 {
    margin-bottom: 50px;
  }
  .financial-highlights .accordion-button {
    padding: 17px 25px 12px;
    font-size: 22px;
  }
  .financial-highlights .accordion-body {
    padding: 45px 15px 20px 0;
  }
  .financial-numbers {
    padding-bottom: 15px;
  }
  .financial-icon img {
    max-width: 155px;
    margin: 0 0 0 20px;
  }
  .financial-numbers h4 {
    font-size: 70px;
    letter-spacing: -4px;
  }
  .financial-details h5 {
    margin-bottom: 25px;
    font-size: 30px;
  }
  .financial-details h5 em {
    font-size: 24px;
  }
  .financial-details p {
    font-size: 16px;
  }
    /*=====  End of Financial Highlights  ======*/
    
    

    
    /*=============================================
    =            Alba Worklist            =
    =============================================*/
    .alba-worklist {
        padding-left: 0;
        padding-right: 0;
    }
    .worklist-card {
        margin-bottom: 30px;
    }
    .alba-work-card {
        height: 100%;
    }
    .alba-work-card .card-body {
        padding: 33px 25px 37px 28px;
		background:#ffffff;
    }
    .alba-work-card h2 {
        margin-bottom: 30px;
        font-size: 25px;
        letter-spacing: -.5px;
        text-align: left !important;
    }
    .alba-work-card h3{
        font-size: 17px;
        letter-spacing: -.5px;
    }
    .alba-work-card p {
        font-size: 16px;
        margin-bottom: 30px;
        letter-spacing: -.1px;
    }
    .alba-work-card .card-link {
        font-size: 18px;
        letter-spacing: -.1px;
    }
    .alba-work-card .card-link span {
        position: relative;
        top: 0;
        width: 10px;
        margin-left: 15px;
    }
    .alba-work-card .card-link span svg {
        width: 10px;
    }
    .alba-work-card .card-link:hover span, .alba-work-card .card-link:focus span {
        margin-left: 20px;
    }
    .alba-then-now {
        margin-top: -557px;
    }
    .alba-then-now > img {
        max-width: 350px;
    }
    /*=====  End of Alba Worklist  ======*/
    
    /*=============================================
    =            Footer-top           =
    =============================================*/
    
    .footer-top {
        padding: 65px 0 95px;
    }
    .footer-top h2 {
        margin-bottom: 45px;
        letter-spacing: 0px;
    }
    .footer-top h2 strong {
       color:var(--green);
	   text-transform:uppercase;
    }
    .footer-top h3 {
        font-size: 24px;
        letter-spacing: -.5px;
    }
    .footer-top .download-icon {
        width: 38px;
        height: 38px;
    }
    .footer-download-statement::after {
        height: 2px;
        bottom: -13px;
    }
    /*=====  End of Footer  ======*/
    
    /*=============================================
    =            Alba Footer            =
    =============================================*/
    .alba-footer {
        padding: 50px 0;
    }
    
    
    /*=====  End of Alba Footer  ======*/
    
    /*------------------------------------------  Innerpage Css  ---------------------------------*/
    
    
    /*=============================================
    =            Hero Inner            =
    =============================================*/
    .hero-inner {
        padding-bottom: 90px;
    }
    .hero-inner .heading {
        bottom: 90px;
        padding: 50px 45px 30px;

    }
    
    .hero-inner .heading h1 {
        margin-bottom: 30px;
        font-size: 36px;
    }

    /*=====  End of Hero Inner  ======*/
    
    /*=============================================
    =            Alba InnerContent            =
    =============================================*/
    
    .alba-innercontent {
        padding: 50px 0;
    }
    .alba-innercontent_tagline {
        margin-bottom: 30px;
    }
    .alba-innercontent_tagline h2 {
        max-width: 360px;
        font-size: 30px;
		color:#0548a6;
    }
    .alba-innercontent_tagline h2::before, 
     {
        width: 60px;
        height: 50px;
        background-size: 60px;
    }
    .alba-innercontent_tagline h2::before {
        margin-bottom: 10px;
    }
    .alba-innercontent_tagline h2::after {
        top: 8px;
        margin-left: 15px;
    }
    .alba-innercontent_para {
        margin-bottom: 30px;
    }
    .alba-innercontent_para p,
    .alba-innercontent_para h3 {
        font-size: 18px;
    }
    .alba-innercontent_para p {
        margin-bottom: 20px;
    }
    /*=====  End of Alba InnerContent  ======*/
    
    
    
    /*=============================================
    =            Alba Training            =
    =============================================*/
    .alba-training_row {
        margin-bottom: 10px;
    }
    .alba-training {
        margin-bottom: 40px;
    }
    .alba-training__heading {
        margin-bottom: 12px;
        padding: 12px 12px 10px;
    }
    .alba-training__heading h4 {
        font-size: 20px;
    }
    .alba-training__data {
        border-top-width: 6px;
        border-bottom-width: 6px;
    }
    .alba-training_icon img {
        max-width: 160px;
    }
    .alba-training__data_list li {
        padding-bottom: 5px;
        font-size: 22px;
    }
    .alba-training__data_list li:not(:first-child) {
        padding-top: 12px;
    }
    .alba-training__data_list li:not(:last-child)::after {
        margin-top: 5px;
    }
    .alba-training__data_list li strong {
        margin-top: 12px;
        font-size: 50px;
    }
    /*=====  End of Alba Training  ======*/
    
    
    
    
    
}
@media screen and (min-width: 992px) {
    .financial-details .lefttab { width:58% !important;}

    /*=============================================
    =            Common Css            =
    =============================================*/
    h1,h2 {
        font-weight: 600;
        letter-spacing: -.95px;
        line-height: 1;
    }
    h1 strong, h2 strong {
       
    }
    .container {
        max-width: 844px;
    }
    .visible-sm {
        display: none;
    }
    /*=====  End of Common Css  ======*/

    
    /*=============================================
    =            Hero            =
    =============================================*/
    
    .five-decades {
    font-size: 20px;
    left: 535px;
    letter-spacing: -0.5px;
  }
  .annual-reports {
    left: 105px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.5px;
  }
  .go-down {
    bottom: 52px;
  }
    /*=====  End of Hero  ======*/

    /*=============================================
    =            Board of Diectors            =
    =============================================*/
    
  
    /*=====  End of Board of Diectors  ======*/

    
    /*=============================================
    =            Executive Management            =
    =============================================*/
    
    /*=====  End of Executive Management  ======*/
    
    
    
    /*=============================================
    =            Message            =
    =============================================*/

    .message .hod-message .content, 
    .message .hod-image {
        width: 68%;
    }
    
    /*=====  End of Message  ======*/

    
    /*=============================================
    =            Operational Highlights            =
    =============================================*/
    .operation-highlights .nav-pills .nav-link {
        padding: 25px 5px 30px;
    }
    .operation-highlights .nav-pills .nav-item {
        width: calc(16.75% - 5px);
    }
    .operational-image {
        margin-bottom: 0;
        padding-left: 0px;
        text-align: center;
    }
    .operational-image img {
        max-width: 88%;
    }
    .operational-data {
        padding: 15px 15px 0 5px;
    }
    .operational-data .list-item, 
    .operational-data .list-item strong {
        font-size: 16px;
    }
    .operational-data .list-item {
        padding-top: 14px;
        padding-bottom: 0;
    }
    .operational-data .list-item:first-child {
        padding-top: 0;
    }
    .operational-highlights-tab .tab-pane {
        padding: 35px 0;
    }
    .operational-data .list-item, 
    .operational-data .list-item strong {
        font-size:19px;
        text-align: left !important;
    }
    .operational-data .list-item {
        padding-bottom: 5px;
    }
    /*=====  End of Operational Highlights  ======*/
    
    
    
    /*=============================================
    =            Financial Highlights            =
    =============================================*/
   .financial-highlights {
    padding: 0 0 50px 0;
  }
  .financial-highlights .container {
    max-width: none;
    padding: 0;
  }
  .financial-highlights .alba-tabbing {
    position: relative;
    padding-top: 45px;
  }
 
  .financial-highlights h2,
  .financial-highlights .nav-tabs {
    position: relative;
    max-width: 1100px;
    margin-left: calc((100% - 844px) / 2 + 15px);
  }
  .financial-highlights h2 {
    margin-bottom: 34px;
    color: var(--blue-light);
  }
  .financial-highlights h2 strong {
    color: var(--blue);
  }
  .financial-highlights .nav-tabs {
    /*display: grid;*/
    
  }
  .financial-highlights .nav-tabs li {
    font-size: 13px;
  }
  .financial-highlights .nav-tabs li a{
    font-size: 16px;
    margin: 0px 3px 6px 3px;
    height: 60px;
    padding: 8px ! important;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .financial-highlights .nav-tabs li a {
    border: none;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--blue-light);
    transition: all 350ms ease;
    padding: 15px 35px 15px 35px;
    background-color: #e6f4ec;  
	min-width: 182px;
    text-align: center;
  }
    
  .financial-highlights .nav-tabs li:hover a,
  .financial-highlights .nav-tabs li:focus a {
    background-color: var(--green);
    color: var(--white);
  }
  .financial-highlights .nav-tabs .active {
    color: var(--white);
    background-color: var(--green);
  }

  .financial-highlights .tab-content {
    max-width: 816px;
    margin: 0 auto;
    padding: 0px;  
  }
  .fh-content {
    flex-flow: wrap;
    padding-left: 0;
  }
  .financial-icon {
    position: relative;
    top: 5px;
    width: 128px;
  }
  .financial-icon img {
    max-width: 117px;
    margin: 0;
  }
  .financial-numbers {
    position: relative;
    width: 240px;
    border: none;
    padding-top: 5px;
  }
  /*.financial-numbers::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 2px;
    height: 120px;
    background-color: var(--green);
  }*/
  .financial-numbers h3 {
    display: block !important;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--green);
  }
  .financial-numbers h4 {
    font-size: 89px;
    letter-spacing: 0px;
  }
  .financial-details {
    width: calc(100% - 368px);
    padding-top: 0;
    padding-left: 30px;
  }
  .financial-details h5 {
    margin-bottom: 18px;
  }
  .financial-details h5,
  .financial-details h5 em {
    font-size: 18px;
  }
  .financial-details h5 span {
    position: relative;
    display: inline-flex;
    padding-left: 12px;
    font-size: 18px;
  }
  .financial-details h5 span::before {
    position: absolute;
    content: "|";
    top: 0;
    left: 4px;
  }
  .financial-details p {
    margin-bottom: 0;
    letter-spacing: -0.75px;
    line-height: 1.15;
  }
  .financial-highlights .tab-buttons {
    position: absolute;
    top: calc(50% + 150px);
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 calc((100% - 844px)/2 - 50px);
    transform: translateY(-50%);
  }
  .financial-highlights .tab-buttons .tab-buttons-icon {
    display: inline-flex;
    width: 30px;
  }
    
    /*=====  End of Financial Highlights  ======*/
    
    
        
    /*=============================================
    =            Alba Worklist            =
    =============================================*/
    .alba-worklist {
        padding-top: 116px;
    }
    .alba-work-card {
        max-width: 331px;
    }
 
    .alba-then-now {
        margin-top: -563px;
        padding-right: 93px;
    }
    /*=====  End of Alba Worklist  ======*/
    
    
    /*=============================================
    =            Footer top            =
    =============================================*/
    .footer-top {
        padding: 48px 0 73px;
    }
    .footer-top h2 {
        margin-bottom: 0;
		color:var(--green);
		text-transform:uppercase;
    }
    
    .footer-top h3 {
        font-size: 18px;
    }
    .footer-download-statement {
        padding-right: 8px;
    }
    .footer-top .download-icon {
        width: 28px;
        height: 28px;
    }
    .footer-download-statement::after {
        width: calc(100% - 22px);
        bottom: -10px;
    }
    /*=====  End of Footer top  ======*/
    /*=============================================
    =            Alba Footer            =
    =============================================*/
    .alba-footer {
        padding: 55px 0;
    }
    .footer-navigation {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 22px;
    }
    .alba-footer .footer-links:first-child {
        padding-left: 9px;
    }
    .alba-footer .footer-links:nth-child(2) {
        padding-left: 30px;
    }
    .alba-footer .footer-links li {
        margin-bottom: -1px;
        letter-spacing: -.5px;
    }
    .alba-footer .footer-detail {
        padding-top: 35px;
    }
    .footer-address {
        padding-left: 6px;
    }
    .back-to-top  {
        padding-top: 8px;
    }
    .alba-footer .back-to-top p {
        margin-bottom: 5px;
        font-size: 10px;
    }
    .back-to-top-icon svg {
        width: 30px;
    }

    .footer-address p, 
    .footer-address address, 
    .footer-address .list-item {
        font-size: 11px;
        letter-spacing: 0;
    }
    .footer-address p, 
    .footer-address address,
    .footer-address .list-unstyled {
        margin-bottom: 10px;
    }
    .footer-copyright {
        margin-top: -67px;
    }
    .footer-copyright .join-the-conversation {
        padding-left: 29px;
    }
    .footer-copyright .list-social-media {
        margin-bottom: 0;
    }
    .list-social-media > li:not(:last-child) {
        margin-right: 8px;
    }
    .footer-copyright .list-social-media a > img {
        width: 32px;
    }
    .footer-copyright .copyright {
        padding-left: 8px;
    }
    .footer-copyright .copyright p {
        margin-bottom: 0;
        font-size: 11px;
    }
    /*=====  End of Alba Footer  ======*/
       /*------------------------------------------  Innerpage Css  ---------------------------------*/
    
    
    /*=============================================
    =            Hero Inner            =
    =============================================*/
    .hero-inner {
        /*margin-bottom: 90px;*/
        padding-bottom: 0;
    }
    .hero-inner::after {
        position: absolute;
        content: '';
        display: block;
        left: 0;
        bottom: -90px;
        width: 1500px;
        height: 190px;
      /*  background-color: rgba(3,43,107, 0.6);*/
    }
    .hero-inner .heading {
        max-width: 366px;
        bottom: 0;
        padding: 44px 45px 78px 100px;
        text-align: left;
    }
    
    .hero-inner .heading h1 {
        margin-bottom: 0;
        font-size: 40px;
    }
    .hero-inner .icon-down {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 35px;
		z-index:1;
    }
    /*=====  End of Hero Inner  ======*/
    
    /*=============================================
    =            Alba InnerContent            =
    =============================================*/
    
    .alba-innercontent_tagline {
        padding-left: 17px;
    }
    .alba-innercontent_tagline h2 {
        max-width: none;
        font-size: 21px;
        letter-spacing: 0px;
    }
    .alba-innercontent_para {
        margin-bottom: 11px;
        padding-left: 15px;
        padding-right: 8px;
    }
    .alba-innercontent_para p, 
    .alba-innercontent_para h3 {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 1.25;
    }
    .alba-innercontent_para h3 {
        margin-bottom: 0;
    }
    /*=====  End of Alba InnerContent  ======*/
    
    /*=============================================
    =            Alba Training            =
    =============================================*/
    
    .alba-training {
        margin-bottom: 22px;
        padding-right: 0;
    }
    .alba-training__heading {
        margin-bottom: 5px;
        padding: 7px 12px 4px;
    }
    .alba-training__heading h4 {
        font-size: 12px;
    }
    .alba-training__data {
        border-top-width: 4px;
        border-bottom-width: 4px;
    }
    .alba-training_icon {
        width: 100px;
    }
    .alba-training_icon img {
        max-width: 90px;
    }
    .alba-training__data_list {
        width: calc(100% - 124px);
        margin-bottom: 9px;
        padding-top: 12px;
    }
    .alba-training__data_list li {
        font-size: 12px;
    }
    .alba-training__data_list li strong {
        margin-top: 9px;
        font-size: 26px;
		/*color:var(--blue);*/
    }
    .alba-training__data_list li:not(:first-child) {
        padding-top: 4px;
    }
    .alba-training__data_list li:not(:last-child)::after {
        border-bottom-width: 1px;
        margin-top: 1px;
    }
    .alba-training__data_list li:last-child {
        padding-bottom: 0;
    }
	.alba-training__data_list h4 {
	font-size:2erm;
}


 
    /*=====  End of Alba Training  ======*/
    
    
    
    
    
    
}
@media screen and (min-width: 1200px) {
	 .financial-details .lefttab { width:58% !important;}
    /*=============================================
    =            Common Css            =
    =============================================*/
    .container {
        max-width: 1124px;
    }
    h1,h2 {
        font-size: 38px;
    }
    
    
    /*=====  End of Common Css  ======*/

    
    /*=============================================
    =            Navbar            =
    =============================================*/
    .alba-navbar .navbar-brand {
        padding-top: 12px;
    }
    .alba-navbar {
        padding-top: 57px;
    }
    .logo img, 
    .alba-navbar .navbar-brand img {
        max-width: 184px;display:none;
    }
    .alba-navbar .navbar-toggler-icon {
        width: 42px;
        height: 32px;
    }
    .alba-navbar .navbar-collapse {
        width: 610px;
        right: -700px;
        padding-left: 165px;
    }
    .alba-navbar .close-navbar {
        width: 32px;
        height: 32px;
        margin-bottom: 45px;
    }
    .alba-navbar h2 {
        font-size: 34px;
    }
    .alba-navbar .navbar-nav .nav-link.active, .alba-navbar .navbar-nav .show>.nav-link, .alba-navbar .navbar-nav .nav-link {
        font-size: 24px;
        letter-spacing: -.5px;
    }
    /*=====  End of Navbar  ======*/
    
    
    /*=============================================
    =            Hero            =
    =============================================*/
   .hero {
    margin-top: 0;
    overflow: hidden;
	background: url(../images/leavesbg.png);
    background-position: top left;
    background-repeat: no-repeat;
}
  }
  .hero::before {
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
  }
  .five-decades {
    /* font-size: 25px; */
    left: 675px;
    letter-spacing: 0.1px;
  }
  .annual-reports {
    /* top: 610px; */
    left: 250px;
    font-size: 20px;
  }
  .go-down {
    bottom: 72px;
  }
  .go-down img {
    width: 28px;
  }
    /*=====  End of Hero  ======*/
    
    
    
    /*=============================================
    =            Board of Diectors            =
    =============================================*/
    .board-of-director {
        margin-bottom: 20px;
        padding-bottom: 72px;
    }
	#board_of_directors_content card {background-color: none !important;}
    .board-of-director .carousel {
       /* margin-top: -94px;*/
    }
    .board-of-director .carousel-inner {
		width:100%;
        /*width: calc(100% - 286px);
        margin-left: 286px;*/
    }
    .board-member-image{
        width: 370px;
    }
    .board-member-name {
        width: calc(100% - 370px);
    }
    .board-member-name {
        margin-left: -22px;
        padding-top: 66px;
    }
    .board-member-name h3 {
        font-size: 20px;
        letter-spacing: .25px;
    }
    .board-member-name h4 {
        font-size: 20px;
    }
    .board-of-director .carousel-indicators::before {
        width: calc(100% - 286px);
        margin-left: 286px;
        margin-bottom: 46px;
        border-width: 8px;
    }
    .board-of-director .carousel-indicators > button {
        width: 260px;
        margin: 0 19px 15px 0;
        font-size: 12px;
    }
    .board-of-director .carousel-indicators > button:first-child {
        margin-right: 22px;
        letter-spacing: .35px;
    }
    .board-of-director .carousel-indicators > button:nth-child(3n+2):not(:nth-child(2)) {
        margin-left: 282px;
    }
    
    /*=====  End of Board of Diectors  ======*/
    
    /*=============================================
    =            Executive Management            =
    =============================================*/
    .executive-management {
        padding-top: 55px;
    }
    .executive-management .carousel {
        margin-top: -89px;
    }
    .executive-management .carousel-indicators::before  {
        margin-bottom: 35px;
    }
    .executive-management .board-member-image {
        width: 325px;
    }
    .executive-management .board-member-name {
        width: calc(100% - 325px);
        margin-left: 0;
        padding-top: 43px;
        padding-left: 23px;
    }
    /*=====  End of Executive Management  ======*/

    
    /*=============================================
    =            Message            =
    =============================================*/
    
    .message .hod-message .content, 
    .message .hod-image {
        width: 100%;
        margin: 0;
    }
    .message .hod-image > img {
        max-width: 100%;
    }

    .message .hod-image, .message .ceo-message .hod-image {
        padding-top: 72px;
        padding-left: 22px;
    }
    .message .hod-image > img {
      /*  max-width: 432px;*/
    }
    .message .hod-message {
        padding: 90px 30px 50px 22px;
    }
	  .message .ceo-message {
        padding: 120px 30px 50px 22px;
    }
    .message .to-shareholder .hod-image {
        margin-right: 72px;
		margin-top: -110px;
    }
    .message .to-shareholder .hod-message {
        padding-right: 56px;
    } 
    /*=====  End of Message  ======*/
    
    /*=============================================
    =            Alba Worklist            =
    =============================================*/
    /* .alba-work-card {
        height: auto;
    } */
    .worklist-card {
        padding-left: 23px;
    }
    .worklist-card:nth-child(3n) {
        padding-right: 0;
        padding-left: 44px;
    }
    .worklist-card:nth-child(3n+2) {
        padding-left: 33px;
    }

    .alba-then-now > img {
        max-width: 370px;
    }
    /*=====  End of Alba Worklist  ======*/
    
    /*=============================================
    =            Footer Top            =
    =============================================*/
    .footer-top {
        padding: 65px 0 70px;
    }
    .footer-top h3 {
        font-size: 24px;
    }
    .footer-download-statement {
        padding-left: 22px;
        padding-top: 4px;
    }
    .footer-download-statement::after {
        bottom: -13px;
        left: 22px;
        width: calc(100% - 28px);
    }
    .footer-top .download-icon {
        width: 38px;
        height: 38px;
    }
    /*=====  End of Footer Top  ======*/
    /*=============================================
    =            Alba Footer            =
    =============================================*/
    .alba-footer {
    padding: 70px 0 40px 0;
    background-image: url(../images/footer-plant.png);
    background-size: 320px 85%;
    background-repeat: no-repeat;
    background-position: right 100px bottom 0px;

}
    }
    .footer-navigation {
        padding-bottom: 34px;
    }
    .alba-footer .footer-links:first-child {
        padding-left: 20px;
    }
    .alba-footer .footer-links:nth-child(2) {
        padding-left: 48px;
    }
    .alba-footer .footer-links li {
        margin-bottom: 0;
    }
    .footer-links li a {
        font-size: 22px;
        letter-spacing: -.25px;
    }
    .alba-footer .footer-detail {
        padding-top: 52px;
    }
    .alba-footer .back-to-top p {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.5px;
    }
    .back-to-top-icon svg {
        width: 42px;
    }
    .footer-address p, .footer-address address, .footer-address .list-item {
        font-size: 13px;
    }
    .footer-address p, .footer-address address, .footer-address .list-unstyled {
        margin-bottom: 16px;
    }
    .footer-address p {
        letter-spacing: -.25px;
    }
    .footer-address {
        padding-left: 16px;
    }
    .footer-copyright p {
        margin-bottom: 12px;
        font-size: 14px;
    }
    .footer-copyright .join-the-conversation {
        margin-top: -28px;
        padding-left: 47px;
    }
    .footer-copyright .list-social-media a > img {
        width: 46px;
    }
    .footer-copyright .copyright p {
        font-size: 14px;
        letter-spacing: 0;
    }
    /*=====  End of Alba Footer  ======*/
    
    
    /*=============================================
    =            Financial Highlights            =
    =============================================*/
  .financial-highlights {
    padding-bottom: 75px;
  }
  .financial-highlights .alba-tabbing {
    padding-top: 60px;
  }
  .financial-highlights .alba-tabbing::before {
    height: 324px;
  }
  .financial-highlights .alba-tabbing::after {
    height: 136px;
  }
  .financial-highlights h2 {
    margin-bottom: 48px;
  }
  .financial-highlights h2,
  .financial-highlights .nav-tabs {
    margin-left: calc((100% - 1124px) / 2 + 11px);
  }
  .financial-highlights .nav-tabs {
	  
   /* grid-template-columns: repeat(2, 71%);
    grid-gap: 2px;*/
    
  }
  .financial-highlights .nav-tabs li {
    font-size: 17px;
	margin-right:0px;
	margin-bottom:0px;
	flex-basis: calc(100% / 5);
	
  }
  .financial-highlights .tab-content {
    max-width: 1100px;
        background: #ededed;
  }
  .financial-icon {
   /* width: 20%;*/ 
   width:42%;
	padding-top: 60px;
    padding-bottom: 60px
  }
  .financial-icon img {
    width: 120px;
    margin: 0px auto;
    display: block;
  }
  .financial-numbers {
    width: 44%;
	padding-top: 60px;
    padding-bottom: 60px;
	margin-left: -45px;
  }
  .financial-numbers::after {
    height: 158px;
  }
  .financial-numbers h3 {
    margin-bottom: 22px;
    font-size: 35px;
    font-weight: 700;
  }
  .financial-numbers h4 {
    font-size: 121px;
  }
  .financial-details {
    width: calc(100% - 60%);
    padding-left: 30px;
    border-left: 6px solid #FFF;
	margin-left: -4px;
	padding-top: 60px;
    padding-bottom: 60px
  }
  .financial-details h5,
  .financial-details h5 em,
  .financial-details h5 span {
    font-size: 20px;
  }
  .financial-details h5 {
    margin-bottom: 20px;
  }
  .financial-details p {
    font-size: 20px;
  }
  .financial-highlights .tab-buttons {
    top: calc(40% + 200px);
    padding: 0 calc((100% - 1000px)/2 - 75px);
  }
    /*=====  End of Financial Highlights  ======*/
    
    
    /*=============================================
    =            Operational Highlights            =
    =============================================*/
    .operation-highlights {
        padding-top: 80px;
    }
    
    .operation-highlights h2 {
        margin-bottom: 40px;
        line-height: 1.05;
        font-weight: 600;
    }
    .operation-highlights .nav-pills .nav-link {
        font-size: 20px;
        padding:23px 5px 23px;
		text-align:center;
    }
	#operation-highlights .tab-content {
		background-color: var(--white);
		padding:30px;
	}
    .operation-highlights .nav-pills .nav-item {
       /* width: calc(16.7% - 5px);*/
				 width: calc(50% - 5px);

    }
    /*=====  End of Operational Highlights  ======*/

    
    /*-------------------------------------------------------------------------  Inner Page Css Start  -----------------------------------------------------------*/

    
    /*=============================================
    =            Hero Inner            =
    =============================================*/
    .hero-inner .heading,
    .hero-inner::after {
        /* width: calc((100% - 1124px)/2 + 1284px); */
        max-width: none;
    }
    .hero-inner .heading  {
        display: flex;
       /* justify-content: flex-end;*/
        padding: 50px;
    }
    .hero-inner .heading h1 {
        max-width: 305px;
        font-size: 34px;
		font-weight:600;
    }
    
    /*=====  End of Hero Inner  ======*/
    
    
    
    /*=============================================
    =            Alba InnerCOntent            =
    =============================================*/
    .alba-innercontent_tagline h2 {
        font-size: 25px;
        padding-right: 15px;
		color: #0b4395 !important;
		font-weight: 800;
        text-transform: math-auto;
        font-style: italic;
        margin-top: 100px;
    }
.alba-innercontent_tagline span {color: #0548a6;}
    .alba-innercontent_para p, .alba-innercontent_para h3 {
        font-size: 18px;
    }
    
	
    /*=====  End of Alba InnerCOntent  ======*/
    
    
    /*=============================================
    =            Alba Training            =
    =============================================*/
    .alba-training__heading h4 {
        font-size: 14px;
    }
    
    .alba-training__data_list li {
        font-size: 16px !important;
		 
    }
    .alba-training__data_list li strong {
        font-size: 22px;
		margin-bottom:10px;
    }
    /*=====  End of Alba Training  ======*/
    
    
}
@media screen and (min-width: 1440px) {
    
    /*=============================================
    =            Common Css            =
    =============================================*/

    .container {
        max-width: 1124px;
    }
    
    
    /*=====  End of Common Css  ======*/  
    
    
}
.board-of-director img,.executive-management img {max-width:255px;}
.corporate_governance_btn a {
    text-decoration: none;
}
.corporate_governance_btn h4 { 
	padding: 18px;
    max-width: 210px;
    font-size: 18px;
    color: #082a5e;
	 text-decoration: none;
    font-weight: bold;
	background-image:url("../images/Management-button.png");
	background-repeat: no-repeat;
}
.alba-training_icon img {
    max-width: 90px;
    margin: 30px 0px 30px 0px;
}
.alba-training_icon_hyundai img {
    max-width: 190px;
    margin: 15px 0px 15px 0px;
}
.collapsible, .download_btn {
  background-color: white;
  color: var(--green);
  cursor: pointer;
  padding: 10px 10px 10px 25px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  margin-bottom:10px;
  font-weight:bold;
}
button.collapsible:after {
    content: '\002B';
    color: var(--green);
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.collapsible.active:after {
    content: "\2212";
}
.collapsible.active, .collapsible:hover {
  background-color: white;
}

.content_toggle {
  padding: 18px 18px;
  display: none;
  overflow: hidden;
    background: #ffffff;
    margin-bottom: 10px;
} 
.clientele_profile .alba-training__data_list li:not(:last-child)::after{
	width:100%;
}
.clientele_profile .alba-innercontent_para {padding-right:15px;}
div#navbarSupportedContent {
    overflow-y: scroll;
}
/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #ffffff;
  
}

/* Slides */
.mySlides {
  display: none;
  padding: 30px 30px 30px 30px;
  text-align: left;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: 100;
  font-size: 90px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: none;
  color: #888;
}

/* The dot/bullet/indicator container */
.dot-container {
    padding: 20px;
    background: #dbd6ca;
	text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  /*background-color: #717171;*/
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}
.col-lg-4 {
    float: left;
}
.slide_icon img{
	width: 30px !important;
    position: relative;
    margin-right: 20px;
    bottom: 5px;
}
.slide_icon {
    color: var(--blue);
    font-weight: bold;
	padding-bottom: 10px;
} 
.board_member{
	color: #333;
    font-weight: 600;
} 
.boardmember_designation{
	color:var(--blue);
	 
}
.mySlides p, .mySlides li {
    font-size: 15px;
}
span.dot.active {
    color: #7c633e;
    background-color: #7c633e;
}
span.dot {
    color: #baad98;
    background-color: #baad98;
}
.slideshow-container a.prev {
    left: 0;
}
.slideshow-container a.next {
    right: 0;
}
.board_of_director .col-lg-6 {
    float: left;
}
.qualification{padding-top:20px;}
.past_experience{padding-top:20px;}
.intro_description{padding-top:30px;}
a.prev img {
    display: block;
    position: absolute;
	left:0;
}
a.next img { 
    display: block;
    position: absolute;
	right:0;
}
.five_decades h1{
	font-weight: bold;
}
.five_decades h3{
	font-size: 25px;
    font-weight: bold;
}
.five_decades p{
	color:#0548a6;
}
/*
.right_content {
    padding-bottom: 30px;
} */
.time_decade{
	font-size: 100px;
    color: #0548a6;
}
/* Timeline Container */
.timeline {
  background: var(--primary-color);
  margin: 20px auto;
  padding: 20px;
}

/* Outer Layer with the timeline border */
.outer {
  border-left: 10px solid #af9a7c;
  margin-left: 15%;
}

/* Card container */
.card_five {
  position: relative;
  margin: 0 0 20px 20px;
  padding: 10px;
  max-width: 800px;
  margin-left: 35%;
  color: gray;
  border-radius: 8px;
 
}

/* Information about the timeline */
.info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 600px;
}

/* Title of the card */
.title {
  position: relative;
}

/* Timeline dot  */
.title::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: white;
	border-radius: 999px;
	left: -345px;
	border: 3px solid #84754d;
}

.img-fluid {
    /*width: 100%;*/
    height: auto;
    background-size: cover;
} 
div#executive-managemnet{
	z-index: 1;
}
div#board-of-director {
    z-index: 1;
}
div#navbarSupportedContent {
    overflow-y: scroll;
    z-index: 999999;
}
.em_slider {
    margin-bottom: 15px;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
	animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@media (min-width: 200px) and (max-width: 600px)
{
	#ceo {display:none;}
	.alba-innercontent  {padding: 10vw 8.33vw 10vw 8.33vw !important;}
	#operation-highlights li.nav-item {margin-bottom:10px !important;}
	#operation-highlights .tab-content>.active {position:relative !important;}
.board-of-director {padding-top:80px;}

.card-content{ background-color: var(--green); padding-top: 20px; text-align: center; margin-top: 20px; padding-right: 10px; padding-left: 10px; color: white; max-width: 230px;
    margin-left: 35px;}
.board-of-director .card-content h5,.executive-management .card-content h5{ color: white;font-size:18px;}
.carrow img{ height: 30px;}
.carrow { margin-top: 295px;}
.carrowem{ margin-top: 215px;}
.message .to-shareholder .hod-image {margin-top:0px;}
.executive-management{ margin-left: 20px;}

.financial-icon {
    width: 20%;
    padding-top: 60px;}

.financial-numbers {
    width: auto; 
    padding-top: 0px; 
    padding-bottom: 0px;
}

.financial-numbers h4 {
    font-size: 40px;
    /*width: 230px;*/
	width: 208px;
    float: right;
    margin-top: 52px;
}

.financial-details {
    width: auto;
    padding-left: 25px;
    border-left: 6px solid #FFF;
    margin-left: -4px;
    padding-top: 120px;
    padding-bottom: 60px;
    padding-right: 10px;
}

.hidden-sm {
    display: none;
}

.fh-content { padding-left: 0px;}
.financial-icon img{ padding-left: 20px;}
.ceo-msg-cont, .chairman-stat-cont, #ceo h2{ margin-top: -316px !important;
    margin-left: 50px;
    font-size: 16px !important; color: white !important; font-weight: 400;}
	
	.hero-inner #ceoheading{ background-color: rgb(0 0 0 / 35%); }
	#ceo b, #ceo span{ display: none;}
	
	.alba-footer {
    padding: 70px 0 40px 0;
    background-image: url(../images/footer-plant.png);
    background-size: 234px 85%;
    background-repeat: no-repeat;
    background-position: right 146px bottom 0px;
}
#executive-management h2 {margin-bottom:25vw;}
.ps5 .alba-training_icon img{ margin: 50px 0px 50px 0px; height: 70px;}


}

@media (min-width: 481px) and (max-width: 5480px)
{

.card-content{ background-color: none;}

}