:root {
    --black: #000;
    --white: #fff;
    --font: 'Montserrat';
    --font-2: 'Helvetica Neue', sans-serif;

}

/* Normalized css start here */
html {
    font: normal normal normal 16px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    scroll-behavior: auto !important;
}

body {
    margin: 0;
    padding: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

button,
input {
    /* 1 */
    overflow: visible;
}

button,
select {
    /* 1 */
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    transition: 0.3s ease-in-out;
}

figure {
    margin-bottom: 0;
}

/* common css */
.mt-50 {
    margin-top: 50px;
}

.cs-container {
    max-width: 1166px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* ratio */
[class^="ratio-"] {
    position: relative;
    z-index: 1;
}

[class^="ratio-"] img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ratio-1 {
    padding-bottom: 176.6%;
}

.ratio-2 {
    padding-bottom: 50%;
}

.ratio-4 {
    padding-bottom: 56%;
}

/* btn */
.plus-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}

/*  */
.continue-reading-btn {
    text-align: right;
    font: normal normal 500 15px/18px var(--font);
    letter-spacing: 0px;
    color: #008CB8;
    text-transform: uppercase;
    margin-left: auto;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.continue-reading-btn i {
    font-size: 20px;
}

/*  */
.arrow-btn {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #008CB8;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    padding-right: 35px;
    display: inline-block;
}

.arrow-btn::after {
    content: '\f061';
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 26px;
}

/* .arrow-btn::after{
    content: '\f144';
} */
/*  */
a.member-btn {
    font: normal normal 500 16px/21px var(--font);
    letter-spacing: 0px;
    color: #005670;
    padding: 2px 5px;
    border: 1px solid #707070;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

/* heading */
.cs-heading {
    padding: 80px 0 60px;
}

.cs-heading .cs-container {
    display: flex;
    gap: 58px;
}

.cs-heading h2 {
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
    max-width: 445px;
}

.cs-heading figure {
    width: 29%;
}

.cs-heading figure img {
    width: 100%;
}

.cs-heading figure figcaption {
    font: normal normal bold 36px/44px var(--font);
    letter-spacing: 0px;
    color: #008BB8;
    text-transform: uppercase;
    text-align: right;
}

.cs-heading .right-content {
    width: calc(61% - 58px);
}

.cs-heading .right-content p {
    margin-bottom: 0
}

.cs-heading p {
    text-align: left;
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    padding-bottom: 0;
}

.cs-heading.style-2 .cs-container {
    max-width: 1318px;
}

.cs-heading.style-2 h2 {
    width: 42%;
}

/* =============== home page start here =============== */
/* header css */
header {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 99;
}

nav.navbar {
    padding: 0;
}

nav.navbar .navbar-brand {
    padding: 21px 32px;
    background-color: #005670;
    display: flex;
    align-items: center;
}

nav.navbar .navbar-brand img {
    width: 100%;
}

.navbar .right-btns {
    display: flex;
    align-items: center;
    min-height: 90px;
    background-color: #005670;
    padding: 8px 23px;
    gap: 30px
}

.navbar .right-btns>p {
    font: normal normal 600 18px/1 var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    max-width: 90px;
}

.navbar .right-btns>p span {
    display: block;
    font-size: 32px;
    font-weight: 300;
}

button.navbar-toggler {
    width: 61px;
    height: 30px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

button.navbar-toggler .navbar-toggler-icon {
    background-image: unset;
}

button.navbar-toggler .navbar-toggler-icon,
button.navbar-toggler::before,
button.navbar-toggler::after {
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background-color: #fff;
}

button.navbar-toggler::before,
button.navbar-toggler::after {
    content: "";
    display: inline-block;
}

.navbar .menu-btn>p {
    font: normal normal normal 16px/19px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 0;
}

.navbar-collapse {
    width: 33.33%;
    background-color: #005670;
    position: absolute;
    inset: 0 0 auto auto;
    z-index: -1;
}

button.navbar-toggler[aria-expanded="true"] span {
    opacity: 0;
}

button.navbar-toggler[aria-expanded="true"]::after {
    transform: rotate(45deg) translate(-12px, -11px);
}

button.navbar-toggler[aria-expanded="true"]::before {
    transform: rotate(-45deg) translate(-9px, 7px);
}

nav.navbar .navbar-nav {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 133px 58px 42px;
    margin: 0;
}

nav.navbar .navbar-nav li a {
    font: normal normal 500 28px/40px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
}

nav.navbar .navbar-nav li a:hover {
    opacity: 0.8
}

/* landing options */
.landing-options {
    position: relative;
}

.landing-options .options-wrap {
    width: 33.33%;
    position: relative;
}

.landing-options .options-wrap figure {
    width: 100%;
}

.landing-options .options-wrap .overlay-content {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    padding: 24px 47px 14px;
    text-align: center;
    min-height: 298px;
    /* max-height: 330px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.landing-options .options-wrap .overlay-content::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.8;
    background-color: var(--bgCol);
    z-index: -1;
    pointer-events: none;
}

.landing-options .options-wrap .overlay-content h2 {
    font: normal normal 600 45px/55px var(--font);
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.landing-options .options-wrap .overlay-content .p-ep {
    flex-grow: 1;
}

.landing-options .options-wrap .overlay-content p {
    font: normal normal 400 20px/24px var(--font);
    color: #FFFFFF;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

/* full width text */
.full-width-text {
    margin: 14px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0;
}

.full-width-text h2 {
    text-align: center;
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.full-width-text p {
    font: normal normal bold 32px/40px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-align: center;
}

.full-width-text p strong {
    font-weight: bold !important;
    color: #629be1;
}

.full-width-text.font-2 {
    margin: 9px 0;
}

.full-width-text.font-2 p {
    text-align: left;
    font-size: 26px;
    line-height: 30px;
}

/* team-member  */
.team-member .member-wrap {
    width: 50%;
    position: relative;
}

.team-member .member-wrap p {
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    padding: 20px;
    font: normal normal medium 17px/20px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.team-member .member-wrap p::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.8;
    background-color: var(--bgCol);
    z-index: -1;
}

/* head-content-block */
.head-content-block {
    padding: 45px 0 65px;
}

.head-content-block h2 {
    font: normal normal 900 36px/36px var(--font);
    letter-spacing: 3.6px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-align: center;
}

.head-content-block p {
    font: normal normal 500 16px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 24px;
}

.head-content-block hr {
    border-top: 2px solid #707070;
    max-width: calc(100% - 64px);
    margin: 32px auto 0;
}

/* img-logo-content-block */
.img-logo-content-block {
    padding: 55px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-logo-content-block .left-block {
    max-width: 445px;
}

.img-logo-content-block .left-block h3 {
    text-align: left;
    font: italic normal 600 32px/40px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.img-logo-content-block .right-block {
    padding: 0 50px 80px 50px;
    width: 48%;
    margin-left: 72px;
    background-color: #fff;
}

.img-logo-content-block .right-block figure {
    width: 484px;
    max-width: 100%;
}

.img-logo-content-block .right-block figure img {
    width: 100%;
}

.img-logo-content-block .right-block h2 {
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #00AF66;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding-left: 50px;
}

.img-logo-content-block .right-block p {
    font: normal normal 500 18px/21px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 20px;
    padding-left: 50px;
}

/* join-today */
.join-today {
    padding: 55px 0;
}

.join-today h2 {
    text-align: center;
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #008CB8;
    margin-bottom: 10px;
}

.join-today p {
    text-align: center;
    font: italic normal 600 31px/38px var(--font);
    letter-spacing: 0px;
    color: #00AF66;
    margin-bottom: 20px;
}

/* footer */
footer .footer-container {
    padding: 22px 32px 28px;
    background-color: #D0D3D4;
}

footer .left-content {
    gap: 16px
}

footer .text {
    max-width: 322px;
}

footer h6 {
    font: normal normal bold 15px/1.2 var(--font);
    letter-spacing: 0px;
    color: #707372;
    text-transform: uppercase;
    margin-bottom: 12px;
}

footer :is(p, a) {
    text-align: left;
    font: normal normal 600 12px/15px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}

footer a {
    text-decoration: none;
    gap: 17px;
}

footer .right-content {
    max-width: 220px;
}

footer .right-content ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

/* copyright */
footer .copyright {
    background-color: #454142;
    padding: 9px 20px;
}

footer .copyright ul:not(.social-icons) {
    gap: 30px;
}

footer .copyright p {
    text-align: left;
    font: normal normal normal 10px/15px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
}

footer .copyright ul.social-icons {
    gap: 22px;
}

footer .copyright ul.social-icons a {
    width: 21px;
    height: 21px;
    border-radius: 3px;
    background-color: #00AF66;
    color: #454142;
    display: inline-block;
    line-height: 21px;
    text-align: center;
}

/* =============== home page end here =============== */

/* =============== leadership start here =============== */
.inner-banner {
    padding: 368px 42px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
}

.inner-banner .banner-content {
    padding: 40px 50px;
    max-width: 581px;
    position: relative;
    z-index: 1;
}

.inner-banner .banner-content::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    ;
    background-color: var(--inbg);
    pointer-events: none;
}

.inner-banner .banner-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    transform: translate(42px, 35px);
    border-width: 0 42px 35px 0;
    background-color: var(--inbg2);
}

.inner-banner .banner-content h2 {
    font: normal normal 600 55px/67px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.inner-banner .banner-content p {
    font: normal normal normal 22px/26px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}

/* left image content */
.left-img-content {
    min-height: 400px;
}

.left-img-content figure {
    width: 46%;
}

.left-img-content .right-content {
    width: 54%;
    padding: 40px 50px;
}

.left-img-content .right-content h2 {
    font: normal normal bold 30px/36px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 300px;
}

.left-img-content .right-content p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 30px;
    max-width: 614px;
}

.left-img-content .right-content>*:last-child {
    margin-bottom: 0;
}

/* project listing */
.projects {
    padding-bottom: 80px;
}

.project-listing {
    max-width: 1310px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.project-listing-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 48px;
}

.project-listing-wrap .img-carousel {
    width: 49%;
}

.project-listing-wrap .img-carousel {
    position: relative;
}

.project-listing-wrap .owl-nav {
    position: static;
}

.project-listing-wrap .owl-nav button.disabled {
    display: none;
}

.project-listing-wrap .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 88px;
    overflow: hidden;
}

.project-listing-wrap .owl-nav span::after,
.project-listing-wrap .owl-nav span::before {
    content: "";
    width: 57px;
    height: 3px;
    transform: rotate(45deg);
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    left: -7px;
}

.project-listing-wrap .owl-nav span::after {
    top: 23px;
}

.project-listing-wrap .owl-nav span::before {
    bottom: 23px;
    transform: rotate(-45deg);
}

.project-listing-wrap .owl-nav .owl-prev {
    left: 27px;
    transform: scaleX(-1) translateY(-50%);
}

.project-listing-wrap .owl-nav .owl-next {
    right: 27px;
}

.project-listing-wrap .right-content {
    width: calc(51% - 48px);
}

.project-listing-wrap .tags-logo .tag-left p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
    max-width: 270px;
}

.projects .description .arrow-btn {
    font-weight: 700;
}

/* .projects .description .arrow-btn::after {
    content: '\f061';
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 26px;
    font-weight: bold;
} */

.project-listing-wrap .tags-logo .tag-left {
    max-width: calc(100% - 160px);
    padding-bottom: 10px;
}

.project-listing-wrap .tags-logo {
    margin-bottom: 17px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}

.project-listing-wrap .tag-right img {
    max-width: 130px;
}

.project-listing-wrap .description p {
    text-align: left;
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
    display: inline;
}

/* images-text-block-wrap */
.images-text-block-wrap>div:nth-of-type(1) {
    grid-area: a;
}

.images-text-block-wrap>div:nth-of-type(2) {
    grid-area: b;
}

.images-text-block-wrap>div:nth-of-type(3) {
    grid-area: c;
}

.images-text-block-wrap>div:nth-of-type(4) {
    grid-area: d;
}

.images-text-block-wrap>div:nth-of-type(5) {
    grid-area: e;
}

.images-text-block-wrap>div:nth-of-type(6) {
    grid-area: f;
}

.images-text-block-wrap>div:nth-of-type(7) {
    grid-area: g;
}

.images-text-block-wrap>div:nth-of-type(8) {
    grid-area: h;
}

.images-text-block-wrap>div:nth-of-type(9) {
    grid-area: i;
}

.images-text-block-wrap>div:nth-of-type(10) {
    grid-area: j;
}

.images-text-block-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        'a b c'
        'a d e'
        'f g g'
        'h i j';
}

.images-text-block-wrap figure {
    width: 100%;
    height: 100%;
}

.images-text-block-wrap .text-block {
    padding: 60px 40px;
    background-color: #ccc;
}

.images-text-block-wrap .text-block h2 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.images-text-block-wrap .text-block h2~h2 {
    margin-top: 50px;
}

.images-text-block-wrap .text-block p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 60px;
}

/* img-text-block */
.img-text-block {
    padding: 50px 0;
    background-color: rgb(255 184 41 / 24%);
}

.img-text-block .cs-container {
    display: flex;
    flex-wrap: wrap;
    gap: 49px;
}

.img-text-block .left-block {
    width: 40%;
}

.img-text-block .left-block img {
    width: 100%;
}

.img-text-block .right-block {
    width: calc(60% - 49px);
}

.img-text-block .right-block h2 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.img-text-block .right-block p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
}

.img-text-block .right-block p+p {
    margin-top: 24px;
}


.images-text-block-wrap .text-block a {
    transition: all ease 0.6s;
    text-decoration: underline;
    color: #fff;
}

.images-text-block-wrap .text-block a:hover {
    color: #d3d3d3;
}

.img-text-block .right-block a {
    color: #000;
}

/* .images-text-block-wrap a.heading_underline_6 {
    text-decoration: none;
} */

/* text-img-downalod */
.text-img-downalod {
    padding: 60px 0;
}

.text-img-downalod .left-block {
    width: 55%;
}

.text-img-downalod :is(h2, p) {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
}

.text-img-downalod p {
    font-weight: 600;
    text-transform: initial;
}

.text-img-downalod .right-block {
    width: 27%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.text-img-downalod .right-block figure {
    width: calc(100% - 50px);
}

.text-img-downalod .right-block figure img {
    width: 100%;
}

.text-img-downalod .right-block a {
    width: 27px;
    text-align: center;
    color: #0087AE;
    font-size: 21px;
    padding-bottom: 2px;
    position: relative;
}

.text-img-downalod .right-block a::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 10px;
    border-color: #0087AE;
    border-width: 0 3px 3px;
    border-style: solid;
    border-radius: 0 0 4px 4px;
}

.text-img-downalod .row-reverse.cs-container,
.text-img-downalod .row-reverse .right-block {
    flex-direction: row-reverse;
}

.text-img-downalod a.arrow-btn {
    margin-top: 30px;
    max-width: 440px;
}

.text-img-downalod a.arrow-btn::after {
    top: 13px;
}

.text-img-downalod.style-2 .cs-container {
    gap: 46px;
}

.text-img-downalod.style-2 .left-block {
    width: 53%;
}

.text-img-downalod.style-2 .left-block h2 {
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 30px;
    max-width: 483px;
}

.text-img-downalod .growth-btn {
    margin-top: 30px;
}

.text-img-downalod .growth-btn p {
    font: normal normal 600 20px/60px var(--font);
    letter-spacing: 0px;
    color: #005670;
}

.text-img-downalod .growth-btn h4 {
    font: normal normal 400 50px/60px var(--font);
    letter-spacing: 0px;
    color: #005670;
}

/* full-width-img */
.full-width-img :is(figure, img) {
    width: 100%;
}

/* .safety-crew */
.safety-crew {
    padding-bottom: 60px;
}

.safety-crew-listing {
    max-width: 1210px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.safety-crew-listing>div {
    width: calc(50% - 55px);
    padding: 0 15px;
}

.safety-crew-listing :is(figure, img) {
    max-width: 100%;
}

.safety-crew .left-block .listing-wrap .crew_image {
    max-width: 216px;
}

.template-btn {
    font: normal normal 700 20px/24px var(--font);
    letter-spacing: 0px;
    color: #008CB8;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 20px;
    display: flex;
    align-items: end;

}

.template-btn svg {
    margin-left: 10px
}

.arrow-btn.Array_4 {
    padding-right: 45px;
}

.arrow-btn.Array_4::after {
    content: '\f144';
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 30px;
    font-weight: 100;
}

/* .template-btn::after{
    content: '\F30A';
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 26px;
} */
.listing-content {
    margin: 35px 0;
}

.listing-content h3 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.listing-content .arrow-btn {
    margin-bottom: 10px;
}

.listing-content p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 24px;
}

.listing-content p a {
    color: #000;
}

.cs-counter h3 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.counter-listing {
    display: flex;
    flex-wrap: wrap;
}

.counter-listing>li {
    width: 33.33%;
    padding: 5px;
    text-align: center;
}

.counter-listing>li h3 {
    font: normal normal 500 50px/60px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.counter-listing>li p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* images-text-block-wrap-2 */
.images-text-block-wrap-2 {
    display: flex;
    flex-wrap: wrap;
}

.images-text-block-wrap-2 .text-block {
    padding: 40px;
}

.images-text-block-wrap-2 .text-block h2 {
    font: normal normal 800 36px/44px var(--font);
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.images-text-block-wrap-2 .text-block p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
}

.images-text-block-wrap-2 figure {
    width: 100%;
    height: 100%;
}

.images-text-block-wrap-2>div:nth-child(1) :is(h2, p) {
    color: #000;
}

.images-text-block-wrap-2>div:nth-child(1) {
    width: 38%;
}

.images-text-block-wrap-2>div:nth-child(2) {
    width: 62%;
}

.images-text-block-wrap-2>div:nth-child(3) {
    width: 38%;
}

.images-text-block-wrap-2>div:nth-child(4) {
    width: 19%;
}

.images-text-block-wrap-2>div:nth-child(5) {
    width: 28%;
}

.images-text-block-wrap-2>div:nth-child(6) {
    width: 15%;
}

.images-text-block-wrap-2>div:nth-child(7) {
    width: 28%;
}

.images-text-block-wrap-2>div:nth-child(8) {
    width: 24%;
}

.images-text-block-wrap-2>div:nth-child(9) {
    width: 21%;
}

.images-text-block-wrap-2>div:nth-child(10) {
    width: 27%;
}

.images-text-block-wrap-2>div:nth-child(10)~div {
    width: 25%;
}

.images-text-block-wrap-2 .text-block {
    background-color: #008CB8;
}

.images-text-block-wrap-2 .img-block .ratio-3.small_image {
    background-color: #008CB8;
}

.images-text-block-wrap-2 .img-block .ratio-3.small_image img {
    object-fit: scale-down !important;
    padding: 40px 50px 70px 50px;
}

/* resources-cs */
.resources-cs {
    margin: 18px 0;
    background-color: rgb(255 184 42 / 30%);
    padding-bottom: 60px;
}

.resources-listing {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}

.resources-wrap {
    width: calc(50% - 24px);
}

.resources-wrap h2 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    /* margin: 14px 0 0; */
}

.resources-cs .right-content p {
    margin-bottom: 10px;
}

/* =============== leadership end here=============== */

.container-second {
    max-width: 1253px;
    margin: 0 auto;
    padding: 0 15px
}

.container {
    max-width: 1078px;
}

/* TYPHOGRAPHY */
.common-h2 {
    font-size: 30px;
    line-height: 37px;
    font-weight: bold;
    text-transform: uppercase;
}

.common-p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--font);
}

/* TYPHOGRAPHY END */
/* HEADER */
.navbar-brand {
    background-color: #005670;
    height: 111px;
    width: 308px;
    text-align: center;
    padding: 20px;
}

.navbar .left {
    background-color: #005670;
    height: 89px;
    width: 235px;
    padding: 20px;
}

.div-box {
    height: 291px;
    width: 581px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.div-txt {
    height: 291px;
    width: 581px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 30px 30px 0;
    text-align: start;
    padding: 30px 50px;
}

.div-txt h1 {
    font-size: 55px;
    line-height: 67px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.div-txt p {
    font-size: 22px;
    line-height: 26px;
    color: #ffffff;
}

.hero.page-4 {
    position: relative;
    background-image: url(../images/horse-in-front-of-plant.png);
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* HEADER END */

/* HERO */
/* HERO END */

/* champion */
.champion-the {
    padding: 65px 0;
}

.champion-wrap h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
}

.top-txt {
    text-align: center;
    padding: 28px 0;
}

.top-txt p {
    font-size: 34px;
    line-height: 40px;
    max-width: 75%;
    margin: 0 auto;
    color: #687C91;
    font-style: italic;
}

.top-txt h6 {
    font-size: 16px;
    line-height: 40px;
    font-family: var(--font);
    color: #000;
    font-weight: 400;
}

.clr-bg {
    padding: 38px 0;
}

.txt-wrap h2 {
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.txt-wrap p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}

.txt-wrap p a {
    color: #000;
}

.bmd-left h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: bold;
}

.bmd-right p {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.lessons-txt p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.three-images {
    position: relative;
}

.three-images .cs-container-2 {
    max-width: 1360px;
    padding: 0 15px;
    margin: 0 auto;
}

.three-images .inner-wrap .ratio-4 {
    padding-bottom: 59%;
    margin-bottom: 15px;
}

.three-images .inner-wrap h4 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 5px;
}

.three-images .inner-wrap a {
    font: normal normal 700 20px/24px var(--font);
    letter-spacing: 0px;
    color: #0087AE;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.three-images .inner-wrap i {
    font-size: 30px;
}

/* .three-images .inner-wrap figure::after {
    content: '\f144';
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 43%;
    top: 30%;
    font-size: 50px;
    font-weight: 100;
    z-index: 999;
    color: #fff;
} */

.px-200 {
    padding: 0 200px;
}

.clr-bg .img-wrap img {
    width: 100%;
    padding: 0 40px 0 0;
}

.pec.two {
    margin-top: 280px;
}

.pec img {
    display: flex;
    justify-content: end;
    margin-right: 50px;
    width: 100%;
    max-height: 500px;
}

.pec p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

.pec a {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0087AE;
}

.pec a i {
    font-size: 30px;
}

.new-blurb figure {
    width: 100%;
    height: 100%;
}

.new-blurb img {
    width: 100%;
}

.new-blurb .center-txt h3 {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
}

.new-blurb .text-block {
    min-height: 574px;
}

.new-blurb .text-block .center-txt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.new-blurb .center-txt p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.height {
    height: 573px;
}

/* learn */
.leason-learned {
    padding: 0 150px;
}

.leason-learned .img-wrap img {
    width: 100%;
}

.leason-learned .txt-wrap p {
    font: normal normal 500 20px/24px var(--font);
    margin-bottom: 100px;
    padding-top: 30px;
}

.img-wrap.img-scale {
    z-index: 99;
    position: relative;
}

.img-wrap.img-scale img {
    width: 163%;
    margin-left: -61%;
    margin-top: -93px;
    margin-bottom: -17%;
}

/* learn end */

/* learn end */
/* SAVE MONEY , REDUCE EMISSION */
.save-money {
    padding: 37px 0;
    margin-top: 28px;
}

.save-money h6 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 5px;
}

.save-wrap .save-p {
    font: normal normal 500 26px/30px var(--font);
    letter-spacing: 0px;
    color: #0087AE;
    /* text-transform: capitalize; */
    margin-bottom: 17px;
}

.save-wrap h5 {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: var(--black);
    /* text-transform: capitalize; */
    padding-bottom: 188px;
}

.save-wrap h5 span {
    text-transform: uppercase;
}

.save-features {
    max-width: 1190px;
    margin: 0 auto;
    padding: 0 20px;
}

.save-features ul {
    margin-top: -133px;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
}

.save-features ul li {
    width: 100%;
    max-width: 231px;
    margin-bottom: 20px;
}


.save-features ul li figure {
    margin-bottom: 25px;
}

.save-features ul li figure {
    width: 100%;
}

.save-features ul h6 {
    font: normal normal bold 20px/24px Montserrat;
    margin-bottom: 11px;
}

.download-btn {
    font: normal normal 700 18px/21px Montserrat;
    color: #0087AE;
    text-decoration: none;
    text-transform: uppercase;
}

.download-btn svg {
    margin-left: 12px;
}

.save-center-txt {
    padding: 52px 50px 105px 0;
}

.save-center-txt p {
    font: normal normal 600 20px/24px Montserrat;
}

.save-center-txt p a {
    color: #000;
}

.save-center-txt p span {
    text-decoration: underline;
}

/* SAVE MONEY , REDUCE EMISSION END  */

/* the-way */
.the-way {
    padding: 45px 0;
}

.the-way-wrap {
    max-width: 1147px;
    margin: 0 auto;
}

.the-way-wrap .image {
    margin: -45px 0;
}

.the-way-wrap .image img {
    aspect-ratio: 22/16;
    object-fit: cover;
}

.the-way-wrap .txt {
    padding-left: 63px;
}

.the-way-wrap .txt h2 {
    font: normal normal bold 30px/36px Montserrat;
    margin-bottom: 23px;
}

.the-way-wrap .txt p {
    font: normal normal 600 20px/24px Montserrat;
}

/* the-way END */
/* partners-2023 */
.partners-2023 {
    padding-top: 50px;
}

.partners-2023-wrap .partners-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.partners-2023-wrap h2 {
    margin-bottom: 30px;
    font: normal normal 900 36px/44px var(--font);
}

.partners-2023-wrap p {
    font: normal normal 600 20px/24px var(--font);
    margin-bottom: 80px;
}

.partners-2023-wrap figure img {
    width: 100%;
    max-width: 250px;
    max-height: 90px;
}

/* partners-2023 END */
/* partners-2022  */
.partners-2022 {
    padding: 50px 30px;
}

.partners-2022-wrap .partners-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.partners-2022-wrap h2 {
    font: normal normal 900 36px/44px var(--font);
    margin-bottom: 30px;
}

.partners-2022-wrap p {
    font: normal normal 600 20px/24px var(--font);
    margin-bottom: 80px;
}

.partners-2022-wrap figure img {
    width: 100%;
    max-width: 160px;
    max-height: 90px;
}

/* partners-2022 END */
/* associations  */
.associations {
    padding: 64px;
}

.associations-wrap p {
    font: normal normal 500 34px/40px var(--font);
    max-width: 65%;
    text-align: center;
    margin: 0 auto 20px;
    color: #fff;
}

.associations-wrap a {
    color: #fff;
}

/* associations END */
/* every-day-count */
.every-day-count {
    padding: 50px 0;
}

.day-count-img img {
    width: 100%;
    max-height: 1027px;
    height: 100%;
    max-width: 633px;
}

.day-count-txt {
    padding: 0 0 0 60px;
}

.day-count-txt figure img {
    margin-bottom: 50px;
    max-width: 100%;
}

.day-count-txt h2 {
    font: normal normal 700 30px/36px var(--font);
    margin-bottom: 30px;
    max-width: 350px
}

.day-count-txt p {
    font: normal normal 600 20px/24px var(--font);
    margin-bottom: 30px;
    max-width: 655px;
}

.day-count-txt p a {
    color: #000;
}

.day-count-txt .botm h2 {
    max-width: 480px;
}

.day-count-txt span,
.day-count-txt span a {
    font: normal normal 600 20px/24px var(--font);
    color: #0087AE;
    text-transform: capitalize;
}

.mb-40 {
    margin-bottom: 40px;
}

.botm ul li {
    font: normal normal 600 20px/24px var(--font);
    margin-bottom: 10px;
}

.botm span {
    color: #00AF66;
    font-weight: bold;
}

/* every-day-count END */

/* ASPHALT TAKES  */
.asphalt-takes {
    padding: 50px 0;
}

.asphalt-img img {
    width: 100%;
}

.asphalt-txt {
    padding: 0 20px 0 60px;
}

.asphalt-txt h2 {
    font: normal normal 700 30px/36px var(--font);
    margin-bottom: 30px;
    max-width: 500px;
}

.asphalt-txt p {
    font: normal normal 600 20px/24px var(--font);
    margin-bottom: 30px;
}

/* ASPHALT TAKES  END  */
/* four-img-sec */
.four-img-sec img {
    width: 100%;
}

/* four-img-sec END */
/* energy-star-partner */
.energy-star-partner {
    padding: 40px 0;
}

.partner-txt h2 {
    font: normal normal 700 30px/36px var(--font);
    margin-bottom: 30px;
    max-width: 380px;
}

.partner-txt p {
    margin-bottom: 30px;
    font: normal normal 600 20px/24px var(--font);
}

/* energy-star-partner END */
/* napa-members */
.napa-members {
    padding: 50px 0;
    margin-bottom: 20px;
}

.napa-wrap h2 {
    font: normal normal 700 30px/36px var(--font);
    margin-bottom: 30px;
}

.napa-wrap p {
    font: normal normal 500 20px/24px var(--font);
    margin-bottom: 30px;
}

.napa-left h5,
.napa-right h5 {
    font: normal normal 500 50px/60px var(--font);
    margin-bottom: 27px;
    color: #005670;
}

.napa-left h6,
.napa-right h6 {
    font: normal normal 600 20px/2 var(--font);
    color: #005670;
}

.napa-left p {
    font: normal normal 500 20px/24px var(--font);
    margin-bottom: 26px;
}

.napa-left p span {
    font-weight: bold;
}

.napa-right h4 {
    font: normal normal 600 20px/24px var(--font);
    margin-bottom: 26px;
}

.pd-70 {
    padding-top: 70px;
}

.pd-25 {
    padding-top: 25px;
}

/* napa-members END */
/* Demonstrate */

.Demonstrate-the {
    padding: 65px 0;
}

.Demonstrate-wrap h3 {
    /* font: normal normal 700 66px/30px var(--font); */
}

/* Demonstrate END */
/* award-winner */
.award-winner {
    padding: 60px 0;
}

.award-winner .cs-container {
    max-width: 1416px;
}

.award-winner h2 {
    margin-bottom: 6px;
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}

.award-winner h5 {
    margin-bottom: 6px;
    color: #000;
    font: normal normal 500 20px/24px var(--font);
    margin-bottom: 30px;
    text-align: center;
}

.award-winner h4 {
    font: normal normal 600 36px/43px var(--font);
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
}

.award-item {
    margin-top: 30px;
}

.award-item figure {
    margin-bottom: 26px;
}

.award-item figure img {
    width: 100%;
}

.award-item h6 {
    font: normal normal 700 22px/24px var(--font);
    color: #000;
}

.award-item p {
    margin-bottom: 12px;
}

/* award-winner END */
/* diamond */
.diamond {
    padding: 40px 0;
}

.diamond-wrap h2 {
    font: normal normal 600 36px/43px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 34px;
}

.diamond-wrap .diamond-img {
    gap: 21px;
    margin-bottom: 33px;
}

.diamond-wrap .number {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.diamond-wrap .number li {
    width: 99px;
}

.diamond-wrap .number li h4 {
    font: normal normal 400 50px/60px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 12px;
    text-align: center;
}

.diamond-wrap .number li p {
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}

.diamond-wrap .number-style-2 {
    gap: 86px;
    flex-wrap: wrap;
}

.diamond-wrap .number-style-2 li {
    max-width: 157px;
    width: 100%;
}

.number li {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* diamond END */

/* operational */
.operational-excllence {
    padding: 70px 0;
}

.operational-excllence .cs-container {
    max-width: 1416px;
}

.operational-item {
    margin-top: 30px;
}

.operational-wrap h2 {
    margin-bottom: 15px;
    font: normal normal 600 36px/43px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}

.operational-item figure {
    padding-bottom: 74%;
    margin-bottom: 30px;
}

.operational-item h6 {
    font: normal normal normal 18px/22px var(--font-2);
    letter-spacing: 0.45px;
    color: #707372;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.operational-item h5 {
    margin-bottom: 9px;
    font: normal normal bold 22px/27px var(--font-2);
    letter-spacing: 0px;
    color: #000000;
}

.operational-item p {
    font: normal normal normal 20px/24px var(--font-2);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 13px;
}

/* operational END */
/* Footer */
.right-content ul li a i {
    font-size: 20px;
    color: #00AF66;
}

/* page 5 CSS */
/* comming */
.comming {
    padding: 65px 0;
}

.comming .comming-wrap {
    padding: 0 30px;
}

.comming .comming-wrap a {
    color: #fff;
}

/* comming END */
/* napa-road */
.napa-road {
    padding: 50px 0;
}

.napa-road-wrap>div {
    width: calc(50% - 40px);
}

.road-wrap h2 {
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.road-wrap .hd {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    max-width: 82%;
    margin: 0 auto 80px;
}

.road-wrap .road-txt h4 {
    margin-bottom: 25px;
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.road-wrap .road-txt figure,
.road-wrap .road-txt figure img {
    width: 100%;
}

.road-txt.rght {
    height: 100%;
}

.road-txt.lft {
    height: 100%;
}

/* napa-road END */
/* Map */
.map {
    padding: 60px 0;
}

.ap-wrap {
    max-width: 80%;
    margin: 0 auto;
}

.map h2 {
    margin-bottom: 37px;
}

.map .map-con {
    padding: 80px 0;
}

.map-txt h5 {
    font: normal normal 600 20px/24px var(--font);
    text-transform: uppercase;
}

/* .map-txt ul li:first-child {
    text-transform: uppercase;
} */

.map-txt ul li {
    font: normal normal 600 20px/24px var(--font);
}

.map figure img {
    width: 100%;
}

/* MAp END */
/* section-img */
.section-img {
    padding: 50px 0;
}

.section-img h2 {
    font: normal normal bold 36px/43px var(--font);
    margin-bottom: 30px;
    text-align: center;
}

.section-img

/* section-img END */
/* board-app */
.board-app {
    background: url(../images/board-approve-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 !important;
}

section.board-app.my-3 {
    padding: 50px 0;
}

.board-app .con-wrap {
    padding: 50px 50px 30px;
    width: 49%;
    margin-left: auto;
}

.board-app .con-wrap h2 {
    font: normal normal 800 30px/37px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
    max-width: 358px;
}

.board-app .con-wrap p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 10px;
}

.board-app ul {
    padding-left: 30px;
}

.board-app ul li {
    margin-bottom: 10px;
    font: normal normal 500 20px/24px var(--font);
    list-style: disc;
}

/*  board-app END */
/* diff-clr */
.diff-clr .left-clr,
.diff-clr .right-clr {
    padding: 50px 80px 100px;
}

.diff-clr .right-clr h2 {
    max-width: 50%;
}

.diff-clr .left-clr h2 {
    max-width: 80%;
}

.diff-clr h2 {
    margin-bottom: 50px;
    font: normal normal bold 30px/36px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.diff-clr p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.diff-clr a {
    color: inherit;
}

/* diff-clr END */
/* national-officers */
.national-officers {
    padding: 60px 0;
}

.national-officers h2 {
    font: normal normal bold 40px/48px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 57px;
}

.national-officers .cs-container {
    max-width: 1210px;
}

.officers-wrap {
    gap: 90px 0;
}

.officers-list .txt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0;
}

.officers-list figure {
    width: 42%;
}

.officers-list figure img {
    width: 100%;
}

.national-officers .txt {
    width: 58%;
    padding-left: 21px;
}

.national-officers .txt h4 {
    font: normal normal 800 24px/29px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.national-officers .txt p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
}

.national-officers .txt p span {
    font-weight: bold;
}

/* national-officers END */
/* directors */
.directors {
    padding: 20px 0 60px;
}

.directors-wrap h2 {
    font: normal normal bold 40px/48px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.directors-wrap ul {
    margin-bottom: 20px;
}

.directors-wrap ul li {
    font: normal normal 500 20px/30px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

.directors-wrap ul li span {
    font-weight: bold;
}

.directors-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0087AE;
    font-size: 18px;
    line-height: 22px;
    transition: all ease 0.8s;
    font-weight: 500;
    text-decoration: none;
}

.directors-wrap a:hover {
    color: #014355;
}

/* directors END */
/* new-staff */
.new-staff {
    padding: 46px 0;
}

.new-staff-wrap h2 {
    margin-bottom: 60px;
    font: normal normal 600 36px/43px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.staf-list {
    margin-bottom: 27px;
}

.staf-list figure img {
    max-width: 103px;
    max-height: 124px;
    margin-right: 38px;
}

.staf-list .txt {
    padding-right: 30px;
}

.staf-list .txt h4 {
    font: normal normal bold 20px/30px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}

.staf-list .txt p {
    font: normal normal 500 20px/30px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
    padding-right: 45px;
}

/* new-staff END */
/* staff-anniversaries */
.staff-anniversaries {
    padding: 60px 0;
}

.staff-wrap .wdh {
    max-width: 70%;
    margin: 0 auto;
}

.staff-wrap h2 {
    font: normal normal 600 36px/43px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.staff-wrap .staf-dtl h4 {
    font: normal normal 500 50px/36px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.staff-wrap .staf-dtl h4 span {
    font-weight: 400;
    font-size: 36px;
}

.staff-wrap .staf-dtl h6 {
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* staff-anniversaries END */
/* copeland */
.copeland .txtwrap {
    padding: 30px 30px 30px 170px;
}

.copeland .txtwrap h2 {
    margin-bottom: 24px;
    font: normal normal 800 30px/37px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    padding: 0 80px 0 0;
}

.copeland .txtwrap p {
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
}

.copeland .imgwrap {
    padding-right: 80px;
}

.copeland .imgwrap img {
    width: 100%;
}

/* copeland END */
/* other-noteworthy  */
.other-noteworthy {
    padding: 74px 0;
}

.noteworthy-wraper h2 {
    font: normal normal bold 36px/43px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: -40px;
}

.noteworthy-wraper .noteworthy-txt h4 {
    font: normal normal bold 26px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 5px;
    max-width: 400px;
    margin: 0 auto;
}

.noteworthy-wraper .noteworthy-txt p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    max-width: 400px;
    margin: 0 auto;
}

.noteworthy-wraper .noteworthy-txt {
    text-align: center;
}

.noteworthy-wraper .center-wrap {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
}

.noteworthy-wraper .center-wrap figure {
    order: 2;
}

.noteworthy-wraper .center-wrap p {
    margin-bottom: 24px;
}

/* other-noteworthy END */
/* Page 5 END */
/* top articles */
.top-articles {
    padding-bottom: 60px;
}

.top-articles hr {
    opacity: 1;
    max-width: 1166px;
    margin: 0 auto 50px;
}

.top-articles .cs-heading-article {
    font: normal normal 600 36px/43px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 54px;
}

.top-articles-inner {
    gap: 80px;
}

.top-articles-inner>div {
    width: calc(33.33% - 54px);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    /* width: 28%; */
}

.articles-wrap .tag {
    font: normal normal bold 16px/19px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.articles-wrap .date {
    font: normal normal normal 16px/19px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 20px;
}

.articles-wrap figure {
    padding-bottom: 63%;
}

.articles-wrap .title {
    font: normal normal 900 30px/36px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 9px;
}

.articles-wrap .short-des p {
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin: 10px 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.short-des{
    min-height: 120px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.short-des .arrow-btn::after {
    right: auto;
    margin-left: 15px;
}
/* news wrap */
.news-wrap {
    background-color: rgb(244 233 211 / 40%);
    padding: 35px 0;
}

.news-wrap .img-wrap {
    width: 39%;
}

.news-wrap .img-wrap :is(figure, img) {
    width: 100%;
}

.news-wrap .news-details {
    width: 61%;
    padding-left: 47px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
}

.news-wrap .news-des,
.news-wrap .new-bottom {
    max-width: 576px;
}

.news-wrap .news-des p.news-tag {
    font: normal normal bold 16px/19px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.news-wrap .news-des p+p {
    text-align: left;
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 20px;
}

.news-wrap .new-bottom .news-tag {
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #455464;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.news-wrap .new-bottom .date {
    font: normal normal normal 16px/19px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}

.news-wrap .new-bottom h2 {
    font: normal normal bold 30px/36px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}

.news-wrap .new-bottom h2 a {
    font: inherit;
    color: inherit;
}

/*  */
.img-text-wrap {
    display: flex;
    flex-wrap: wrap;
}

.img-text-wrap>div:first-of-type {
    width: 66.66%;
}

.img-text-wrap>div:nth-of-type(2) {
    width: 33.33%;
}

.img-text-wrap>div:nth-of-type(2)~div {
    width: 33.33%;
}

.img-text-wrap>div:nth-of-type(6) {
    width: 100% !important;
}

.img-text-wrap>div:nth-of-type(14) {
    width: 66.66% !important;
}

.img-text-wrap .text-block {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.img-text-wrap .text-block h2 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.img-text-wrap .text-block p {
    font: normal normal 600 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}

.img-text-wrap .text-block p a {
    color: #000;
}

.img-text-wrap .img-block {
    min-height: 574px;
}

.contain-img figure {
    height: 100%;
}

.contain-img figure img,
.img-text-wrap .ratio-3 {
    width: 100%;
    height: 100%;
}

.img-text-wrap figure img {
    object-fit: cover;
}

.contain-img figure img {
    object-fit: scale-down;
}

.img-text-wrap :is(figure, img) {
    width: 100%;
    height: 100%
}

.img-text-wrap img.round-circle {
    height: auto !important;
    width: auto !important;
}

/*  */
/* CIRCLE */
img.round-circle.img-fluid {
    position: absolute;
    top: 64%;
    right: -25%;
    z-index: 999;
}

/*  */
.text-img-block {
    padding: 50px 0;
}

.text-img-block .cs-container {
    justify-content: space-between;
    gap: 30px;
}

.text-img-block .left-block {
    width: 69%;
}

.text-img-block h2 {
    font: normal normal 700 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
    text-transform: uppercase;
}

.text-img-block p {
    font: normal normal 500 20px/24px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 15px;
}

.text-img-block .right-block {
    width: 25%;
}

.text-img-block .right-block img {
    width: 100%;
}

/* comming soon */
section.coming-soon {
    padding: 50px 0;
    background-color: rgb(208 211 212 / 50%);
}

.coming-soon h2 {
    font: normal normal bold 20px/30px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.coming-soon p {
    font: normal normal normal 20px/30px var(--font);
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
}
.coming-soon p a{
    color: #000 ;
}
/* title-box */
.title-box {
    padding: 70px 0;
}

.title-box h2 {
    font: normal normal 900 36px/44px var(--font);
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* text-blocks */
.text-blocks .block-wrap {
    padding: 70px 60px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.text-blocks .block-wrap:not(.text-o) {
    align-items: center;
}

.text-blocks .block-wrap:not(.text-o) .block-inner {
    width: 54%;
}

.text-blocks .block-wrap:not(.text-o) figure {
    width: 150px;
}

.text-blocks .block-wrap.w-33 {
    width: 33.33%;
}

.text-blocks .block-wrap h2 {
    font: normal normal bold 30px/37px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 12px;
}

.text-blocks .block-wrap p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.text-blocks .block-wrap img {
    max-width: 100%;
    margin-top: 40px;
}

.text-blocks .block-wrap a {
    color: #fff;
}

.text-blocks .stats-text p {
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
    max-width: 109px;
}

.text-blocks .stats-text p span {
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
}

/*  */
.img-quote-sec {
    display: flex;
    flex-wrap: wrap;
}

.img-quote-sec figure {
    width: 100%;
    height: 100%;
}

.img-quote-sec>div:nth-of-type(1) {
    width: 15%;
}

.img-quote-sec>div:nth-of-type(2) {
    width: 32%;
}

.img-quote-sec>div:nth-of-type(3) {
    width: 53%;
}

.img-quote-sec>div:nth-of-type(4) {
    width: 32%;
}

.img-quote-sec>div:nth-of-type(5) {
    width: 43%;
}

.img-quote-sec>div:nth-of-type(6) {
    width: 25%;
}

.img-quote-sec .text-block {
    padding: 65px 35px;
}

.img-quote-sec .quote-box p {
    font: italic normal normal 34px/40px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.img-quote-sec .quote-box h5 {
    font: normal normal 300 16px/40px var(--font);
    margin-bottom: 0;
    color: #FFFFFF;
}

.img-quote-sec .text-block>h2 {
    font: normal normal bold 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 24px;
    max-width: 380px;
}

.img-quote-sec .text-block>p {
    font: normal normal normal 20px/24px var(--font);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.img-quote-sec .text-block>a {
    margin-bottom: 50px;
}

/* Styles for the custom play button */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all ease 0.6s;
}

.play-button svg {
    width: 100%;
    height: 100%;
    max-width: 118px;
    height: 118px;
}

.video_wrapper img {
    max-height: 336px !important;
    z-index: -1;
}



/*  */