@media (width: 1366px) {
  .wrapper {
    max-width: 88%;
  }
}

@media (max-width: 1280px) {
  .page-banner .overlay-number h5 {
    font-size: 2.625rem;
  }

  .recent-activity .activity .activity-heading h5 {
    font-size: 1.625rem;
  }
}

@media (max-width: 1200px) {
  .page-banner .left-content h3 {
    font-size: 3rem;
  }
}

@media (max-width: 1366px) {
  .wrapper {
    max-width: 90%;
  }
}

@media (max-width: 1024px) {
  /* .inner-wrapper {
    max-width: 75%;
  } */

  .home .banner .caption {}

  /**** Header ****/

  header .acwa-navbar {
    padding: 0 1rem;
  }

  header .acwa-navbar .primary-nav .nav-item .nav-link {
    padding: 1.2rem 0;
    margin: 0 0.5rem;
  }

  /**** General - Sections ****/

  /*---- Page-Banner ----*/
  .page-banner {
    height: 50vh;
  }

  .page-banner .overlay-number h5,
  .page-banner-inner .left-content h3 {
    font-size: 2rem;
  }

  .page-banner .overlay-number .text-wrap {
    font-size: 0.65rem;
    margin-top: 0.875rem;
  }

  .compliance .page-banner-inner,
  .legal .page-banner-inner,
  .policy .page-banner-inner {
    height: 50vh;
  }

  /*---- generic-copy ----*/
  .generic-copy p {
    width: 100%;
  }

  .generic-copy h5 {
    font-size: 1.375rem;
    width: 100%;
  }

  /*---- Guiding Principle ----*/

  .principles .principle-card .card-top p {
    font-size: 0.875rem;
  }

  .principles .principle-card .card-top h6 {
    font-size: 1.25rem;
  }

  .principles .principle-card .card-top {
    max-width: 95%;
  }

  .principles .principle-card .card-bottom img {
    width: 48px;
    height: 48px;
  }

  .our-principles .principles .principle-card .card-top {
    max-width: 100%;
  }

  .our-principles .principles {
    padding: 4rem 0;
  }

  /*---- generic cta ----*/
  .generic-cta .generic-cta-left .cta-text {
    font-size: 1rem;
  }

  /******* Home Page *******/

  /*---- who-we-are ----*/
  .home .who-we-are .who-we-are-content h5 {
    font-size: 2.25rem;
  }

  .home .who-we-are-right .box .count {
    font-size: 1.25rem;
  }

  .home .who-we-are-right .box img {
    width: 36px;
    height: 36px;
  }

  .who-we-are-right .box .count,
  .home .who-we-are-right .box {
    justify-content: center;
  }

  /*---- what we do ----*/
  .home .what-we-do .what-we-do-image {
    height: 100%;
  }

  .home .what-we-do .what-we-do-image .img-wrap {
    height: 100%;
  }

  .home .what-we-do .what-we-do-image .img-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .home .what-we-do .what-we-do-content {
    max-width: 100%;
    padding: 0;
  }

  .home .what-we-do .whatwedo-info .what-we-do-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .home .what-we-do .what-we-do-content h5 {
    font-size: 2.25rem;
  }

  .home .what-we-do .overlay-content .card-2 h3 {
    font-size: 1.5rem;
  }

  .home .what-we-do .overlay-content .card-2 h3 span {
    font-size: 1rem;
  }

  .home .what-we-do .overlay-content .card-block {
    width: 50%;
  }

  .home .what-we-do .overlay-content .card-2 h3 {
    font-size: 1.25rem;
  }

  .home .what-we-do .overlay-content .card-3 h3 {
    font-size: 1.25rem;
  }

  .home .what-we-do .overlay-content .card-3 p {
    font-size: 0.75rem;
  }

  .home .what-we-do .overlay-content .card-block {
    padding: 1rem;
  }

  /*---- Sustainabilty ----*/
  .home .sustainability {
    padding: 5rem 0;
    min-height: 0;
  }

  /*---- home investors ----*/
  .home .investors .investors-content-left .investor-links {
    flex-wrap: wrap;
    gap: 1rem !important;
  }

  .home .investors .investors-content-left h5 {
    font-size: 2.25rem;
  }

  .home .investors .investors-content-left img {
    width: 50px;
    height: 56px;
  }

  .home .investors .investors-content-left .box .count {
    font-size: 1.25rem;
  }

  .home .investors .investors-content-left p {
    font-size: 0.875rem;
  }

  /*---- Life at acwa ----*/
  .home .life-at-acwa {
    min-height: 0;
  }

  /*---- latest news ----*/
  .acwa-news .section-heading h5 {
    font-size: 2.25rem;
  }

  /****** CSR ******/

  /*---- Focus Areas ----*/
  .csr .focus-areas .focus-heading p {
    max-width: 56%;
  }

  /*---- CSR - Sustainability ----*/
  .csr .csr-sustainablity h5 {
    font-size: 2.25rem;
  }

  /**** Investors ****/
  .acwa-accordion .accordion .accordion-item .accordion-body .map-image {
    width: 100%;
    height: 100%;
  }

  .acwa-accordion .accordion .accordion-item .accordion-body .map-image img {
    max-width: 100%;
    height: 100%;
    object-fit: fill;
  }

  /* changes-made*/

  .investors .acwa-accordion .accordion .accordion-item .accordion-body .map-content ul li {
    padding: 1rem 0;
  }

  /* ----- */

  .investors .recent-activity .activity .activity-heading h5 {
    font-size: 1.25rem;
  }

  .recent-activity .presentation {
    padding-left: 12%;
  }

  .recent-activity .financial {
    padding-right: 12%;
  }

  /*---- principles - 1024 ----*/
  .principles .principles-heading p {
    max-width: 100%;
  }

  .principles .principles-heading h5 {
    font-size: 1.75rem;
  }

  .hsse .principles .row .col-md-12 {
    margin-bottom: 1.5rem;
  }

  .hsse .principles .row .col-md-12 .principle-card .card-top {
    max-width: 100%;
  }

  .principles .principle-card .card-top h6 {
    font-size: 1.175rem;
  }

  .hsse .principles .principle-card .card-bottom h5 {
    font-size: 1.25rem;
  }

  .hsse .principles .principle-card .card-bottom .common-cta {
    font-size: 0.875rem;
  }

  /****** Projects ******/
  .what-we-do .projects.section-spacer {
    padding-top: 15rem;
  }

  .project-map .filter {
    bottom: -170px;
  }

  .project-map .filter .filter-bottom .row {
    margin-top: 0 !important;
  }

  .project-map .filter .filter-bottom .check-wrap {
    flex-wrap: wrap;
  }

  .project-map .filter .filter-bottom .row .col-md-6:first-child {
    padding-right: 2rem;
  }

  .project-map .filter .filter-bottom .reset-icon {
    align-items: end !important;
  }

  .project-map .filter .filter-bottom .title {
    margin-bottom: 0.5rem;
  }

  /***** operations ******/
  .operations .operation-cards .card-content {
    padding: 2rem;
  }

  /* news */
  .news .highlighted-news .news-card .card-text h6 {
    font-size: 0.875rem;
  }

  .news .highlighted-news .news-card .card-text p {
    font-size: 1.5rem;
  }

  .news .highlighted-news .card-text {
    padding: 4% 1.5rem;
  }

  /***** news-details *****/
  .news-details .news-content .wrapper {
    max-width: 80%;
  }

  .news-details .news-content .content-card .content-author h5 {
    width: 80%;
  }

  .news-details .news-content .row .col-md-6 p {
    width: 100%;
  }

  /***** about us ******/
  .about .about-us-cards .card-content {
    padding: 2rem;
  }

  .about .about-us-cards p {
    font-size: 0.875rem;
  }

  .about .corporate-video .wrapper {
    height: 400px;
  }

  .about .corporate-video h3 {
    margin-bottom: 1rem !important;
    margin: 0 auto;
    max-width: 90%;
  }

  .about .leaders-say .content-card p {
    font-size: 0.875rem;
  }

  /* _____ */

  /**** History ****/
  .history .generic-copy p {
    font-size: 0.875rem;
  }

  .horizontal-timeline .timeline {
    padding-bottom: 1rem !important;
  }

  .horizontal-timeline .timeline {
    padding: 0.7rem 1rem;
  }

  .horizontal-timeline .timeline {
    padding: 0.7rem 1.2rem;
  }

  .horizontal-timeline .events-content .card .card-content h6 {
    width: 100%;
    font-size: 1rem;
  }

  .horizontal-timeline .events-content .card .card-content p {
    font-size: 0.875rem;
  }

  /**** directors ****/
  .directors .generic-copy p {
    font-size: 0.875rem;
  }

  .directors .committee-members ul {
    flex-wrap: wrap;
  }

  .directors .committee-members .directors-carousel .card .card-content p.text-muted {
    width: 100%;
  }

  .directors .committee-members .directors-carousel .card .card-content h3::after {
    right: -60px;
  }

  .directors-modal .modal-dialog .modal-content .modal-body h3::after {
    right: 0px;
  }

  /**** project-details ****/
  .project-details .key-documents .document-tab {
    padding: 2.5rem;
  }

  .project-details .key-documents .document-tab .tab-content ul li p {
    font-size: 0.875rem;
  }

  .project-details .key-documents .document-tab .tab-content ul li p::before {
    top: -8px;
  }

  .project-details .key-documents .document-tab .tab-content .row .col-md-6 {
    margin-top: 0;
  }

  .project-details .key-documents .row {
    --bs-gutter-y: 2rem;
    --bs-gutter-x: 2rem;
  }

  .project-details .key-documents .document-tab .tab-content .tab-pane .tab-pane-content .row .col-md-6:nth-last-child(-n + 2) ul li {
    border-bottom: none;
  }

  /* .project-details .related-projects {
    padding-bottom: 0rem;
  } */

  .related-projects .related-project-carousel .project-card .project-desc .desc-top h6 {
    width: 80%;
  }

  /**** Life-of-acwa ****/

  .acwa-life .join-to-empower .oppertunities {
    padding: 1.5rem;
  }

  .acwa-life .join-to-empower .talent-network .row .col-md-6:last-child {
    padding: 2rem;
  }

  .acwa-life .our-culture {
    padding: 3rem 0;
  }

  .acwa-life .find-place {
    padding-top: 3rem;
  }

  .acwa-life .develop-program {
    padding: 3rem 0;
  }

  .acwa-life .develop-program .program-card h5 {
    font-size: 1rem;
  }

  .acwa-life .develop-program .program-card .card-content {
    padding: 1.25rem;
  }

  .acwa-life .develop-program .row .col-md-4:first-child p {
    font-size: 0.875rem;
    width: 100%;
  }

  .acwa-life .develop-program .row .col-md-4:first-child h3 {
    font-size: 1.2rem;
  }

  .acwa-life .benifits .benifits-content {
    padding: 1rem;
  }

  .acwa-life .benifits .tab-content .tab-pane .tab-pane-content {
    width: 100%;
  }

  .acwa-life .benifits h3 {
    font-size: 1.5rem;
  }

  .acwa-life .develop-program .program-card h5 {
    font-size: 1.5rem;
  }

  .acwa-life .find-place h3 {
    font-size: 1.5rem;
  }

  .acwa-life .our-culture h3 {
    font-size: 1.375rem;
  }

  /**** sustainability ****/

  .sustainability .social .social-card strong {
    font-size: 4rem;
  }

  .sustainability .social .social-card h6 {
    font-size: 1rem;
  }

  .sustainability .social .social-card h5 {
    max-width: 100%;
    font-size: 1.25rem;
  }

  .sustainability .social .social-card p {
    width: 100%;
  }

  .sustainability .environment .env-card strong {
    font-size: 3rem;
  }

  .sustainability .environment .env-card .pt-5 {
    padding-top: 1rem !important;
  }

  .sustainability .environment .env-card .pb-4 {
    padding-bottom: 1rem !important;
  }

  .sustainability .environment .env-card strong.display-1 {
    font-size: 4.5rem;
  }

  /*** contact ***/
  .iti .iti__flag-container .iti__selected-flag .iti__flag {
    left: 408px;
  }

  .contact .offices .common-cta {
    font-size: 0.875rem;
  }

  .contact .generic-cta .generic-cta-left .cta-text {
    width: 100%;
  }

  .contact .acwa-global .global-bottom p {
    font-size: 0.875rem;
  }


  /* csr-newly-added */
  .csr .csr-highlights .nav-tabs .nav-item .nav-link {
    font-size: 1.125rem;
  }

  /*** presentations ***/
  /* .presentations .featured .filter .form-group .form-control {
    width: 180px;
  } */

  .error-page .error-content h3 {
    font-size: 7rem;
  }

  .error-page .error-content p {
    font-size: 1.5rem;
    width: 100%;
  }

  /* earnings-report */

  .earnings-report .share-info p {
    width: 100% !important
  }

  .earnings-report .financial-highlight .col-md-6:last-child {
    padding-left: 2rem;
  }
}

@media (max-width: 991px) {
  /****** Header ******/

  header .navbar {
    padding: 2rem 1rem 2rem 1rem;
  }

  header .acwa-navbar .primary-nav .dropdown-menu {
    display: none;
  }

  header .nav-item.active-link .dropdown-menu {
    display: block !important;
  }

  header .navbar .navbar-brand img {
    max-height: 72px;
  }

  header .navbar .nav-item .nav-link {
    padding: 1rem 0 !important;
    margin: 0 !important;
  }

  header .acwa-navbar .primary-nav .nav-item.dropdown-mega a.dropdown-toggle:before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    display: flex;
    height: 100%;
    align-items: center;
  }

  header .navbar .right-nav {
    width: 100%;
  }

  header .navbar .right-nav .nav {
    display: flex;
    position: absolute;
    top: 30px;
    right: 90px;
    gap: 0.75rem;
  }

  header .navbar .right-nav .contact {}

  header .navbar .right-nav .nav-link {}

  header .acwa-navbar .primary-nav .nav-item {
    border-bottom: 1px solid rgb(255 255 255 / 60%);
  }

  header .acwa-navbar .primary-nav .nav-item:last-child {
    border-bottom: 1px solid rgb(255 255 255 / 0%);
  }

  header .acwa-navbar .primary-nav .dropdown-menu .sub-menu li .sub-menu-item {
    padding: 0.5rem;
  }

  header .acwa-navbar .primary-nav .dropdown-menu .sub-menu li .sub-menu-item .icon {
    font-size: 1rem;
  }

  header .acwa-navbar .primary-nav .dropdown-menu {
    background: transparent !important;
    backdrop-filter: none;
  }

  header .acwa-navbar .navbar-collapse {
    height: calc(100vh - 138px);
    padding-top: 2rem;
    overflow-y: auto;
  }

  header .acwa-navbar .navbar-toggler {
    display: block;
    font-size: 1rem;
  }

  header .acwa-navbar .navbar-toggler[aria-expanded="true"] .hamburger-icon {
    display: none;
  }

  header .acwa-navbar .navbar-toggler[aria-expanded="true"] .close-icon {
    display: block !important;
  }

  header .search .search-input-elm {
    max-width: 250px;
    top: 9px;
    right: 50px;
  }

  .acwa-navbar .nav-item.nav-contact {
    display: none !important;
  }

  .header-expanded .acwa-navbar {
    background-color: rgba(var(--primary-shade2), 0.9) !important;
    backdrop-filter: blur(10px);
  }

  .header-expanded .acwa-navbar .nav-item.lang-sel {}

  .header-expanded .acwa-navbar .nav-item.accessibility {}

  .header-expanded .acwa-navbar .nav-item.nav-contact {
    display: flex !important;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 1.5rem 2rem;
  }

  .header-expanded .acwa-navbar .nav-item.nav-contact .btn {
    width: 100%;
  }

  /****** footer ******/

  .footer .social {
    justify-content: start !important;
    margin-top: 1.5rem;
  }

  .footer .privacy-links {
    gap: 1rem;
  }

  .footer .footer-middle .cards {
    width: 100%;
  }

  .footer .footer-middle .cta-links {
    width: 100%;
  }

  .footer .footer-middle .f-m-wrap {
    width: 100%;
  }

  /****** General - Sections ******/

  /*--- Generic Copy ---*/
  .generic-copy h5,
  .generic-copy p {
    width: 100%;
    margin-top: 0.5rem;
  }

  /*---- principles ----*/
  .principles .principle-card {
    padding: 1rem;
  }

  .principles .principle-card .card-top {
    max-width: 100%;
  }

  .principles .row .p-2 {
    padding: 5px 0px !important;
  }

  .principles .principles-heading h5 {
    font-size: 1.5rem;
  }

  /*---- quotes ----*/
  .generic-cta .generic-cta-left .quote-text {
    max-width: 100%;
    margin-left: 1.5rem;
  }

  /****** CSR ******/

  /* ---foucs areas ----*/
  .csr .focus-areas .focus-heading p {
    max-width: 100%;
  }

  .csr .focus-areas .focus-heading h5 {
    font-size: 1.8rem;
  }

  /*---- sustainability ----*/
  .csr .csr-sustainablity .section-heading .btn-wrap {
    justify-content: flex-start !important;
  }

  .csr .csr-sustainablity h5 {
    font-size: 1.8rem;
    margin-bottom: 0.75rem;
  }

  /*** contact ***/
  .contact .acwa-global .card p {
    max-width: 100%;
  }

  .iti .iti__flag-container .iti__selected-flag .iti__flag {
    left: 330px;
  }
}

@media (max-width: 767px) {
  .home .banner .banner-item img {
    object-position: 75%;
  }

  .section-spacer {
    padding: 4rem 0;
  }

  .wrapper {
    width: 88%;
    margin: 0px auto;
  }

  /* .inner-wrapper {
    max-width: 80%;
  } */

  .btn-wrap {
    justify-content: start !important;
  }

  .see-all {
    width: 100%;
  }

  .owl-carousel .owl-dots {
    display: none !important;
  }

  /***** header *****/
  /* header .acwa-navbar {
  background-color: rgba(var(--primary-shade2), 0.84) !important;
  backdrop-filter: blur(4px);
} */

  header .navbar .navbar-brand img {}

  header .navbar .nav-item .nav-link {}

  header .navbar .right-nav .nav-link {}

  header .navbar .right-nav {}

  header .acwa-navbar .primary-nav .dropdown-menu {
    transition: 0s !important;
  }

  header .navbar .right-nav .contact {
    margin-left: 0;
  }

  #navbar-content,
  #navbar-content.collapsing {
    overflow: hidden;
  }

  /***** Footer *****/
  .footer .footer-top .logo-wrap {
    text-align: start;
  }

  footer .logo-wrap .logo {
    max-width: 180px;
  }

  .footer .card .card-title {
    font-size: 1rem;
    margin-bottom: 2rem;
  }

  .footer .privacy-links {
    gap: 1rem;
    display: flex;
    flex-direction: column;
  }

  footer .footer-top h4 {
    font-size: 2rem;
  }

  footer .footer-top .energy-transition {
    text-align: center !important;
    margin: 1rem 0;
  }

  .footer-middle .card .text-end {
    text-align: start !important;
  }

  .footer .card p {
    margin-top: 1rem;
  }

  footer .cards {
    flex-direction: column !important;
  }

  .footer .footer-last .copyright {
    margin-bottom: 1.5rem !important;
  }

  .footer .social li a {
    height: 36px;
    width: 36px;
  }

  .footer .footer-last .footer-last-wrap {
    flex-direction: column !important;
  }

  .footer .social {
    justify-content: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /**** general - Sections ****/

  /*---- page-banner ----*/

  .page-banner {
    height: 80vh;
  }

  .page-banner .left-content h3,
  .page-banner-inner .left-content h3 {
    font-size: 2rem;
  }

  .page-banner .left-content p,
  .page-banner-inner .left-content p {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
  }

  .page-banner .overlay-number h5 {
    font-size: 2rem;
  }

  .page-banner .overlay-number p {
    font-size: 0.875rem;
  }

  .page-banner .banner-overlay {
    width: 100%;
    position: static;
  }

  .page-banner .overlay-number {
    padding: 1rem;
  }

  .page-banner .overlay-number h5 {
    font-size: 1.2rem;
  }

  .page-banner .overlay-number p {
    font-size: 0.75rem;
  }

  .page-banner .overlay-number .text-wrap {
    font-size: 0.6rem;
    margin-top: 0.3rem;
  }

  .page-banner .banner-overlay-wrap:first-child {
    display: none;
  }

  .hsse .page-banner {
    height: 65vh;
  }

  .page-banner-inner .left-content {
    padding-bottom: 2rem;
  }

  .compliance .page-banner-inner,
  .legal .page-banner-inner,
  .policy .page-banner-inner {
    height: 50vh;
  }

  body:has(.hsse) .csr .page-banner img {
    transform: scale(1.25);
    object-position: 19% 2%;
    object-fit: none;
  }
  
/*Earnings and reports - custom select*/
.custom-select-trigger::after {
    right: 1.125rem;
}
  /*---- generic-copy ----*/

  .generic-copy h5,
  .generic-copy p {
    width: 100%;
  }

  .generic-copy h5 {
    margin-bottom: 0.5rem;
  }

  /*---- principles ----*/
  .principles .principle-card {
    padding: 1.5rem;
    height: auto;
  }

  .principles .principle-card:last-child {
    margin-bottom: 1.5rem;
  }

  .principles .row .p-2 {
    margin-left: -16px;
  }

  .principles .principle-card .card-top {
    max-width: 100%;
  }

  /***** site-info-content *****/
  .site-info-content {
    padding-top: 3rem;
    padding-bottom: 0.5rem;
  }

  .site-info-content h6 {
    font-size: 1.25rem;
  }

  /*---- Generic CTA - Above Footer ----*/

  .generic-cta {
    background-size: 483px;
    background-position: -1px 134px;
  }

  .csr .generic-cta {
    background-size: 604px;
    background-position: 29px 155px;
  }

  .generic-cta .generic-cta-left {
    display: flex;
    align-items: start;
    flex-direction: column;
  }

  .generic-cta .generic-cta-left img {
    width: 72px;
    height: 72px;
    margin-bottom: 1rem;
  }

  .generic-cta .generic-cta-left .cta-text {
    width: 100%;
    font-size: 1.125rem;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0.5rem;
  }

  .csr .generic-cta .generic-cta-left .cta-text {
    width: 100%;
  }

  .generic-cta .generic-cta-right {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 1rem;
  }

  /****** Home Page ******/

  /*---- Home - banner carousel ----*/
  .home .banner .caption h3 {
    font-size: 2rem;
    width: 312px;
  }

  .home .banner .caption a,
  .home .banner .caption p {
    /*margin-left: 0;*/
    /*margin-left: 2rem;*/
  }

  .home .banner .owl-dots {
    bottom: 7%;
    left: 5%;
  }

  /*----- Home - Who Are We -----*/
  .home .who-we-are .who-we-are-content h5 {
    width: 100%;
    font-size: 1.625rem;
  }

  .home .who-we-are .who-we-are-content p {
    font-size: 0.875rem;
  }

  .home .who-we-are .who-we-are-content {
    padding-bottom: 3rem;
  }

  .home .who-we-are-right .box-wrap {
    width: 50%;
  }

  .home .who-we-are-right .box img {
    width: 48px;
    height: 48px;
  }

  .home .who-we-are-right .box .count,
  .home .who-we-are-right .box {
    justify-content: flex-start;
  }

  .home .who-we-are-right .box .count {
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-start;
  }

  .home .who-we-are-right .box .type {
    font-size: 0.875rem;
  }

  /*---- Home - What We Do ----*/
  .home .what-we-do .what-we-do-content {
    max-width: 100%;
    padding: 0;
  }

  .home .what-we-do .what-we-do-content h5 {
    max-width: 100%;
    font-size: 1.75rem;
  }

  .home .what-we-do .what-we-do-content p {
    max-width: 100%;
    font-size: 0.875rem;
  }

  .home .what-we-do .what-we-do-wrap .what-we-do-content {
    margin-bottom: 1.5rem;
  }

  .home .what-we-do .what-we-do-image .whatwedo-img img {
    margin-bottom: 1.5rem;
  }

  .home .what-we-do .whatwedo-info .what-we-do-links {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .home .what-we-do .overlay-content .card-block {
    width: 50%;
    height: 100%;
  }

  .card-block.card-2 {
    margin-left: 50%;
  }

  .home .what-we-do .overlay-content .overlay-card-row:first-child {
    display: none;
  }

  .home .what-we-do .overlay-content .overlay-card-row:nth-child(2) {
    display: none;
  }

  .home .what-we-do .overlay-content .overlay-card-row {
    height: 50%;
    display: block;
  }

  /*---- Home - sustainability ----*/
  .home .sustainability h5 {
    font-size: 2.5rem;
    margin-bottom: 0.625rem;
  }

  .home .sustainability .sustainability-content {
    margin-bottom: 0;
  }

  .home .sustainability p {
    margin-bottom: 1.5rem;
  }

  .home .sustainability-box .sustainability-desc {
    font-size: 0.875rem;
  }

  .sustainability .sustainability-content .sustainability-links {
    flex-wrap: wrap;
  }

  /*---- home - investors ----*/
  .home .investors .investors-content-left h6 {
    margin-top: 1rem;
  }

  .home .investors .investors-content-left h5 {
    font-size: 2rem;
  }

  .home .investors .investors-content-left .investor-links {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem !important;
    margin-bottom: 1.5rem;
  }

  .home .investors .investors-content-left .box .count {
    margin: 0;
  }

  .home .investors .investors-content-left .sub-content {
    padding-left: 0rem;
  }

  .home .investors .investors-content-right {
    padding: 0;
    max-width: 100%;
  }

  /*---- home - life at acwa ----*/
  .home .life-at-acwa .life-at-acwa-content .life-at-acwa-links {
    flex-wrap: wrap;
  }

  .home .life-at-acwa .life-at-acwa-content h4 {
    font-size: 2.25rem;
  }

  /*---- Home - Latest news  ----*/
  .home .acwa-news .section-heading h5 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    max-width: 100%;
  }

  .acwa-news .news-carousel .news-card img {
    height: 420px;
  }

  .home .acwa-news .news-card p {
    font-size: 1.25rem;
    margin-bottom: 0;
  }

  .home .acwa-news .section-heading h6 {
    margin-bottom: 0.5rem;
  }

  .home .acwa-news .owl-nav {
    display: flex;
    gap: 12.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
  }

  .home .acwa-news .news-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    margin-top: -21px;
  }

  .acwa-news .section-heading .btn-wrap {
    justify-content: flex-start !important;
    margin: 1rem 0;
  }

  .home .acwa-news .row {
    margin-bottom: 1.5rem !important;
  }

  .home .acwa-news .owl-nav {
    display: flex;
    justify-content: end;
    gap: 0.5rem;
  }

  /******** CSR ********/

  /* ---foucs areas ----*/
  .csr .focus-areas {
    padding-bottom: 8rem;
  }

  .csr .focus-areas .focus-heading .section-heading {
    color: rgba(var(--light-color));
  }

  .csr .focus-areas .focus-heading p {
    max-width: 100%;
    margin-top: 0.75rem;
    margin-bottom: 2rem;
  }

  .csr .focus-areas .focus-heading h3 {
    max-width: 100%;
  }

  .csr .csr-highlights .hightlights-card h6 {
    font-size: 1.175rem;
  }

  /*---- sustainability ----*/
  .csr .csr-sustainablity .section-heading .btn-wrap {
    justify-content: flex-start !important;
  }

  .csr .focus-areas .focus-carousel .owl-nav {
    display: flex !important;
  }

  .csr .principles {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }

  /****** Investors *******/
  .investors .acwa-accordion .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1.5rem;
  }

  .investors .recent-activity .presentation {
    padding-left: 5%;
    padding-right: 5%;
  }

  .investors .recent-activity .financial {
    padding-left: 5%;
    padding-right: 5%;
  }

  .investors .recent-activity .activity .activity-content ul li .content-left p {
    width: 85%;
  }

  /*---- fixed-income ----*/
  .investors .fixed-income .nav-tabs .nav-item .nav-link {
    font-size: 0.75rem;
    padding: 0.3rem;
  }

  .investors .fixed-income .nav-tabs .nav-item .nav-link.active {
    font-size: 0.75rem;
    padding: 0.3rem;
  }

  .investors .fixed-income .tab-content .tab-pane p span {
    width: 100%;
  }

  .investors .fixed-income .bond-graph-cta-wrap {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }

  /**** HSSE *****/
  .hsse .page-banner .left-content {
    margin-top: 64%;
    width: 100%;
  }

  /*---- commitments ----*/
  .hsse .commitment-content .commitment-card {
    padding: 1rem 0;
  }

  /* changes-made*/
  .hsse .commitment-content .commitment-card div:has(h6) {
    gap: 0.5rem !important;
  }

  /* ____ */

  .hsse .commitment-content img {
    margin-bottom: 1rem;
  }

  .hsse .generic-copy h5 {
    width: 100%;
  }

  .hsse .generic-copy p {
    font-size: 1.25rem;
    width: 100%;
  }

  /*---- Guiding Principles - 767----*/
  .principles .principles-heading p {
    max-width: 100%;
  }

  .principles .row {
    --bs-gutter-y: 0;
  }

  .our-principles .principles .principle-card .card-top {
    max-width: 100%;
  }

  .our-principles .principles {
    padding: 2.5rem 0 1.5rem 0;
  }

  .hsse .principles img {
    margin-top: -90%;
  }

  .hsse .principles .row .col-md-12 {
    margin-bottom: 0;
  }

  .hsse .principles .row .col-md-12 .principle-card .card-top {
    max-width: 100%;
  }

  /*---- HSSE - accordian ----*/
  .hsse .commitment-content .commitment-card h6 {
    font-size: 1.375rem;
  }

  .hsse .acwa-accordion .accordion .accordion-item .accordion-body {
    padding: 1rem 1rem;
  }

  .hsse .acwa-accordion .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1.25rem;
  }

  /* changes-made*/
  .hsse .acwa-accordion h3 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    width: 80%;
  }

  /* ____ */

  /****** What we do *****/
  .what-we-do .projects.section-spacer {
    padding-top: 33rem;
  }

  .project-map .filter {
    bottom: -450px;
  }

  .project-map .filter .filter-bottom .title {
    margin-bottom: 0.75rem;
  }

  .project-map .filter .filter-bottom .filter-icon-img {
    margin-top: 0.75rem;
  }

  .project-map .filter .filter-bottom .check-btn:hover {
    background-color: transparent;
  }

  .project-map .filter .filter-bottom .check-btn .check-content .item-name {
    font-size: 0.75rem;
  }

  .project-map .filter .filter-bottom .check-wrap {
    flex-wrap: wrap;
  }

  .project-details .key-documents {
    padding-bottom: 0rem;
  }

  /***** operations *****/

  .operations .operation-cards p {
    font-size: 0.875rem;
  }

  .operations .operation-cards h6 {
    font-size: 1.125rem;
  }

  .operations .operation-cards .row .col:has(> .card-content) {
    order: 1;
  }

  .operations .operation-cards .card-content {
    padding: 1.25rem;
  }

  .operations .operation-cards .order {
    order: -1;
  }

  /***** News *****/

  .news .latest-news .news-cards .card .card-content p,
  .news .latest-news .news-cards .card .card-content h5 {
    width: 100%;
  }

  .news .latest-news .news-cards .card .card-content h5 {
    font-size: 1.325rem;
  }

  .news .latest-news .pagination {
    flex-wrap: wrap;
  }

  .news .latest-news .pagination .page-item .page-link {
    font-size: 0.875rem;
    padding: 0.3rem 0.75rem;
  }

  .news .latest-news .pagination .page-item.prev .page-link,
  .news .latest-news .pagination .page-item.next .page-link {
    padding: 0.3rem 0.5rem;
  }

  .news .latest-news .pagination .page-item.prev,
  .news .latest-news .pagination .page-item.next {
    margin: 0 1.25rem;
  }

  /****** News Details ******/

  .news-details .page-banner-inner .left-content h3 {
    font-size: 1.5rem;
  }

  .news-details .news-content .wrapper {
    max-width: 80%;
    margin: 0 auto;
    gap: 2rem !important;
  }

  .news-details .news-content h6 {
    font-size: 1.25rem;
  }

  .news-details .news-content .content-card {
    padding: 1.5rem;
  }

  .news-details .news-content .content-card .content-author h5 {
    width: 100%;
    font-size: 1rem;
  }

  .news-details .news-content .row .col-md-6 p {
    width: 100%;
  }

  .news-details .news-content .row .col-md-6:has(> img) {
    order: 1;
  }

  /**** about-us *****/
  .about .about-us-cards p {
    font-size: 0.875rem;
  }

  .about .about-us-cards h6 {
    font-size: 1.25rem;
  }

  .about .about-us-cards .row .col-md-6:has(> .card-content) {
    order: -1;
  }

  .about .about-us-cards .card-content {
    padding: 1.5rem;
  }

  .about .leaders-say .content-card {
    padding: 1.5rem;
  }

  .about .leaders-say .content-card .content-author h5 {
    width: 100%;
    font-size: 1rem;
  }

  .about .corporate-video .wrapper {
    height: 280px;
  }

  .about .corporate-video h6 {
    font-size: 1rem;
  }

  .acwa-accordion .accordion .accordion-button::before {
    margin-right: 1.25rem;
  }

  /* governance */
  .acwa-accordion .accordion .accordion-button::before {
    width: 1.25rem;
    height: 1.25rem;
  }

  .governance .acwa-accordion .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1.5rem;
  }

  .governance .documents .content ul li {
    padding: 1.125rem 0rem;
  }

  /**** management ****/
  .management-modal {
    --bs-modal-margin: 2rem;
  }

  .management-modal .modal-header {
    padding: 0.4rem;
  }

  .management-modal .modal-dialog .modal-content .modal-body {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }

  .management .management-cards {
    padding-top: 2rem;
  }

  .management .management-cards .management-grid .grid-card .card-content h4 {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .management .management-cards .management-grid {
    row-gap: 3rem;
  }

  /*** History ***/
  .history .history-timeline {
    padding-bottom: 1.5rem !important;
  }

  .horizontal-timeline .timeline {
    padding-bottom: 0px !important;
  }

  .horizontal-timeline .events a {
    padding: 0.5rem 1.5rem !important;
  }

  .horizontal-timeline .events-wrapper {
    margin: 0 1rem !important;
  }

  .horizontal-timeline .events-content .card .card-content h6 {
    width: 100%;
  }

  .horizontal-timeline .timeline {
    padding-bottom: 0.5rem !important;
  }

  /**** Dirctors ***/
  .directors .committee-members ul {
    flex-wrap: wrap;
  }

  .directors .committee-members {
    padding-top: 1rem;
  }

  .directors .committee-members .directors-carousel .card-content .director-title {
    margin-top: 0.5rem;
  }

  .acwa-accordion .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1.25rem;
  }

  .directors-modal {
    --bs-modal-margin: 2rem;
  }

  .directors-modal .modal-header {
    padding: 0.4rem;
  }

  .directors-modal .modal-dialog .modal-content .modal-body {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }

  .directors .committee-members .directors-carousel .owl-dot {
    display: none;
  }

  .directors .committee-members .directors-carousel .card-content {
    padding: 1rem 0;
  }

  .directors .committee-members .directors-carousel .card {
    height: 660px;
  }

  /* _____ */

  .directors .committee-members .directors-carousel .card .card-content p {
    font-size: 0.875rem;
  }

  /***** project-details *****/
  .project-details .page-banner-inner .left-content .icon img {
    width: 2rem;
    height: 2rem;
    margin-right: 0.2rem;
    margin-top: 0.5rem;
  }

  .project-details .page-banner-inner {
    background-position: bottom -120px right -675px;
  }

  .project-details .key-documents .document-tab {
    padding: 2rem;
  }

  .project-details .key-documents .document-tab .tab-content .row .col-md-6:first-child ul li:last-child {
    border-bottom: 1px solid #b5a5d8;
  }

  .project-details .key-documents .document-tab .tab-content ul li p {
    font-size: 0.875rem;
  }

  .project-details .key-documents .document-tab .tab-content ul li p {
    padding-left: 2rem;
  }

  .project-details .key-documents .document-tab .tab-content ul li p::before {
    top: -8px;
  }

  .project-details .key-documents img {
    width: 100%;
    height: 217px;
  }

  .project-details .key-documents .row {
    --bs-gutter-y: 1rem;
  }

  .project-details .key-facts ul li p {
    font-size: 0.875rem;
  }

  .project-title img {
    width: 30px;
    height: 21;
  }

  .project-details .related-projects .related-project-carousel .owl-dots {
    /* display: none; */
  }

  /**** life-of-acwa ****/
  .acwa-life .generic-copy h5 {
    font-size: 1.25rem;
  }

  .acwa-life .generic-copy .row .col-lg-6:first-child h5 {
    width: 100% !important;
    margin-bottom: 0.5rem;
  }

  .acwa-life .join-to-empower .talent-network .row .col-md-6:last-child {
    padding-right: 2rem;
  }

  .acwa-life .join-to-empower .oppertunities {
    padding: 2rem;
  }

  .acwa-life .empowering-growth .growth-card {
    right: 5%;
    bottom: 0;
    width: 90%;
    padding: 1.75rem 1.5rem;
  }

  .acwa-life .empowering-growth .growth-card .card-top p {
    font-size: 0.875rem;
  }

  .acwa-life .empowering-growth .growth-card .card-top h6 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }

  .acwa-life .empowering-growth .growth-card .card-bottom img {
    width: 48px;
    height: 48px;
  }

  .acwa-life .join-to-empower .oppertunities {
    padding: 1.5rem;
  }

  .acwa-life .join-to-empower .talent-network .row .col-md-6:last-child {
    padding: 1.5rem;
  }

  .acwa-life .find-place {
    padding-top: 2.5rem;
    padding-bottom: 8rem;
  }

  .acwa-life .develop-program .row .col-md-4:first-child p {
    margin-bottom: 0.5rem;
  }

  .acwa-life .develop-program {
    padding: 3rem 0;
  }

  .acwa-life .benifits .benifits-content {
    padding: 1.5rem;
  }

  .acwa-life .benifits .tab-content .tab-pane .tab-pane-content {
    width: 100%;
  }

  .acwa-life .generic-cta .btn-primary {
    width: fit-content;
  }

  .acwa-life .generic-cta {
    background-size: 632px;
    background-position: 83px 100%;
  }

  .acwa-life .benifits h3 {
    font-size: 1.5rem;
  }

  .acwa-life .develop-program .program-card h5 {
    font-size: 1.375rem;
  }

  .acwa-life .find-place h3 {
    font-size: 1.375rem;
  }

  .acwa-life .our-culture h3 {
    font-size: 1.375rem;
  }

  .acwa-life .join-to-empower .talent-network h5 {
    font-size: 1.25rem;
  }

  .acwa-life .join-to-empower .talent-network p {
    font-size: 0.875rem;
  }

  /**** sustainability ****/
  .sustainability .sustainability-hsse p {
    margin-bottom: 1rem !important;
  }

  .sustainability .sustainability-hsse h3 {
    width: 100%;
  }

  .sustainability .sustainability-csr {
    padding-top: 1rem;
  }

  .sustainability .sustainability-csr h3 {
    width: 100%;
  }

  .sustainability .sustainability-csr h3 {
    font-size: 1.375rem;
  }

  .sustainability .sustainability-hsse h3 {
    font-size: 1.5rem;
  }

  .sustainability .environment .row .col-md-4:nth-child(2) {
    height: 500px;
  }

  .sustainability .environment {
    padding-top: 1rem;
  }

  .sustainability .social .social-card h5 {
    font-size: 1.25rem;
  }

  .sustainability .acwa-accordion h6 {
    font-size: 1.125rem;
  }

  /* .sustainability .acwa-accordion .accordion .accordion-button::after {
    margin-left: 0.75rem;
  } */

  .sustainability .csr-sustainablity {
    padding-bottom: 9rem;
  }

  .sustainability .generic-cta {
    padding: 2rem;
  }

  .sustainability .esg-acwa h6 {
    font-size: 1.125rem;
  }

  .sustainability .generic-cta {
    background-size: 483px;
    background-position: 90px 127px;
  }

  .sustainability .generic-cta .generic-cta-left .cta-text {
    width: 100%;
    font-size: 1rem;
  }

  .sustainability .esg-acwa h3 {
    font-size: 1.5rem;
  }

  /*** contact ****/
  .contact .acwa-global .card p {
    max-width: 100%;
  }

  .contact .acwa-global .global-bottom h6 {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .contact .acwa-global .card .card-bottom {
    flex-wrap: wrap;
  }

  .contact .inquiry .form-check label {
    max-width: 100%;
  }

  .announcements .announcement-tab .tab-content .tab-pane .tab-pane-content .form-group {
    display: block;
  }


  .presentations .presentation-frame .pdf-cta .cta-right {
    justify-content: end !important;
  }

  .presentations .featured .filter .form-group {
    width: 100%;
  }

  .presentations .featured .filter .filter-middle .form-group {
    width: 100%;
  }

  .presentations .featured .filter .filter-middle .form-group:last-child {
    margin-bottom: 0.5rem;
  }

  .presentations .featured .filter {
    padding: 1.5rem;
  }

  /* deleted */
  /* .presentations .featured .filter .filter-start .form-group {
    width: 285px;
  } */

  /* added */
  .presentations .featured .filter .filter-middle {
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    margin-top: 0.3rem;
  }

  .presentations .featured .filter .filter-start {
    flex-wrap: wrap !important;
  }

  .presentations .featured .filter p {
    margin-bottom: 0.5rem !important;
  }

  .presentations .featured .pagination-content ul:focus-visible {
    outline: none;
  }

  .presentations .featured .pagination-content .left-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
  }

  .presentations .featured .pagination-content .left-content .title {
    margin-left: 0px;
  }

  .presentations .featured .pagination .page-item.prev,
  .presentations .featured .pagination .page-item.next {
    margin: 0 1.5rem;
  }

  .presentations .featured .pagination-content .right-content {
    align-items: center;
  }

  .energy-details .page-banner-inner .banner-image:after {
    bottom: -1px;
  }

  .energy-details .energy-project {
    padding: 2rem 0 3rem 0;
  }

  /* Error page */
  .error-page .error-content .row .col-md-6:last-child {
    order: -1;
  }

  .error-page .error-content h3 {
    font-size: 6rem;
  }

  .error-page .error-content p {
    font-size: 1.5rem;
    width: 100%;
  }

  .earnings-report .financial-highlight .row .col-md-6:first-child {
    order: 1;
  }

  .earnings-report .download-report .form-group label {
    margin-bottom: 0.3rem;
    font-size: 1.375rem;
  }

  .earnings-report .download-report .report-listing {
    padding: 1.25rem 1.5rem;
    margin-top: 1.5rem !important;
  }

  .earnings-report .download-report .form-group .form-control {
    padding: 1rem 1.5rem;
  }
  .csr-sustainablity .csr-sustainablity-carousel .sustainablity-card .card-image{
      /*height:100%;*/
      object-fit:contain;
  }
}

@media (max-width: 1200px) {
    .presentations .presentation-frame .pdf-canvas {
        height: 460px;
    }
}

@media (max-width: 768px) {
    .presentations .presentation-frame .pdf-canvas {
        height: 360px;
    }
}