/* ============================================================================
   HERO VIDEO BACKGROUND — #title.videobg
   Desktop/Tablet : fill the hero, crop from the CENTRE (not the top)
   Mobile         : show the COMPLETE video frame (no cropping)
   ========================================================================== */

/* ---------- 1. SECTION -------------------------------------------------- */
#title.videobg {
  position: relative;
  overflow: hidden;
  background-color: #000;                     /* prevents white flash / letterbox gaps */
  background-size: cover !important;
  background-position: center center !important; /* overrides inline "center top" */
}

/* ---------- 2. VIDEO : centred cover ----------------------------------- */
#title.videobg .sectionvideo {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important; /* beats the parallax inline styles */
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;                             /* kills global img/video max-width */
  object-fit: cover;                           /* fill section, crop top + bottom evenly */
  object-position: center center;              /* <-- shows the CENTRE of the video */
  pointer-events: none;
  z-index: 0;
}

/* Fine-tune the visible band if the subject isn't dead centre
   0% = top of frame, 50% = middle, 100% = bottom of frame */
/*
#title.videobg .sectionvideo { object-position: center 40%; }
*/

/* ---------- 3. CONTENT ABOVE THE VIDEO --------------------------------- */
#title.videobg .sectionpar,
#title.videobg .hero-card-wrapper,
#title.videobg .dpe-component-wrapper {
  position: relative;
  z-index: 2;
}

/* Optional readability scrim over the video */
#title.videobg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 70%);
  z-index: 1;
  pointer-events: none;
}


/* ---------- 4. TABLET --------------------------------------------------- */
@media (max-width: 1024px) {
  #title.videobg {
    min-height: 480px;
  }
}


/* ---------- 5. MOBILE : show the whole video --------------------------- */
@media (max-width: 767px) {

  #title.videobg {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;                 /* match your source ratio */
    background-image: none !important;    /* don't let mobile bg image cover the video */
  }

  /* mobileBackgroundEnabled usually hides the video – force it visible */
  #title.videobg.mobileBackgroundEnabled .sectionvideo,
  #title.videobg .sectionvideo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: contain;                  /* <-- ENTIRE frame visible */
    object-position: center center;
  }

  /* scrim off on mobile so the full frame stays clean */
  #title.videobg::after {
    background: rgba(0, 0, 0, .35);
  }

  #title.videobg .hero-title-textpanel {
    text-align: center;
    padding: 16px 0;
  }

  #title.videobg .textColumn.col-sm-8 {
    width: 100%;
    flex: 0 0 100%;
  }
}
/* Start - From vision to victory: Unlocking value in sports */
#over-image .image-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

#over-image .overlay-svg {
  position: absolute;
  height: auto;
  animation: rotate-reverse 20s linear infinite;
  bottom: -100px;
  right: -250px;
  width: 565px;
}

@keyframes rotate-reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#over-image .content {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 1230px) {
  #over-image .overlay-svg {
    position: absolute;

    height: auto;
    bottom: -203px;
    right: -248px;
    width: 568px;
  }
}
@media (max-width: 800px) {
  #over-image .overlay-svg {
    position: absolute;
    height: auto;
    bottom: -161px;
    right: -201px;
    width: 418px;
  }
}

.mobileblock {
  display: none;
}

.desktopblock {
  display: block;
}

#intro .text-component a {
  text-decoration-color: transparent !important;
}

@media (max-width: 768px) and (orientation: portrait) {
  .mobileblock {
    display: block;
    padding-top: 20px;
  }
  .desktopblock {
    display: none;
  }
  #over-image .image-container {
    width: 100% !important;
  }
}

/* End - From vision to victory: Unlocking value in sports */

/* Start - What sets Strategy& apart */

#strategyand-apart p {
  color: #fff !important;
}

#strategyand-apart h2 {
  color: #fff !important;
}

#strategyand-apart .text.parbase.section {
  margin-top: 100px;
  margin-bottom: 150px;
}

#strategyand-apart {
  background-size: cover;
  background-position: center center;
  background-image: url(/content/dam/pwc/15/en/industries/energy/oil-and-gas/img-strategyand-apart.jpg);
}

#strategyand-apart {
  position: relative; /* Make it a positioning context for ::before */
  overflow: hidden; /* Prevent overlay from spilling out */
}

#strategyand-apart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust darkness here */
  z-index: 1;
  pointer-events: none; /* Allow clicks through the overlay */
}

/* Ensure the text/content stays above the overlay */
#strategyand-apart > * {
  position: relative;
  z-index: 2;
}
/* End -  What sets Strategy& apart */

/* Start - How we partner with you */
.my-respp1 {
  padding-left: clamp(16px, calc((100vw - 1200px) / 2), 14%);
}

:root {
  --max-width-768px: 750px;
  --max-width-992px: 970px;
  --max-width-1200px: 1170px;
  --max-width-1400px: 1370px;
}

.my-respp {
  padding-left: calc((100% - var(--max-width-768px)) / 2);
}

@media (min-width: 992px) {
  .my-respp {
    padding-left: calc((100% - var(--max-width-992px)) / 2);
  }
}

@media (min-width: 1200px) {
  .my-respp {
    padding-left: calc((100% - var(--max-width-1200px)) / 2);
  }
}

@media (min-width: 1400px) {
  .my-respp {
    padding-left: calc((100% - var(--max-width-1400px)) / 2);
  }
}

.slider-container {
  width: 100%;
  margin: auto;
  position: relative;
}

/* .owl-carousel .item {
            padding: 10px;
            text-align: center;
            border-radius: 0px;
        } */
.owl-stage {
  display: flex !important;
}

.owl-carousel .item {
  padding: 0px;
  text-align: center;
  border-radius: 0px;
  height: inherit;
  background: white;
  padding: 10px;
  box-sizing: border-box;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto !important; 
}

.icons-cards {
  background: #ffffff;
  color: #333;
  padding: 20px;
  text-align: left;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  height1: inherit;
  height: 100%;
  display: flex;
  justify-content1: space-between;
  flex-direction: column;
  /*height1: 43vh;*/
  aspect-ratio: 1;
  width: -webkit-fill-available;
}

.icons-cards:hover {
  background: #a32020;
  color: white;
}

.icon-container {
  height1: 80px;
  display: flex;
  align-items: flex-start;
  position: relative;
  /*margin-bottom: 55px;*/
  padding: 0px;
}

.icon-content h5.subheading {
  margin-top: 0px !important;
}

.small-icon {
  font-size: 65px;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.big-icon {
  font-size: 130px;
  position: absolute;
  opacity: 0;
  color: rgba(255, 255, 255, 0.4);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.icons-cards:hover * {
  color: white !important;
}

.icons-cards:hover .big-icon {
  opacity: 1;
}

.subheading {
  font-size: 26px;
  font-weight: regular;
  margin: 8px 0 5px;
  font-weight: normal !important;
}

.description {
  font-size: 1rem !important;
  color: #ffffff;
  opacity1: 0.8;
  line-height: 1.6rem !important;
}

.icons-cards:hover > .icon-content {
  color: white;
  opacity1: 0.8;
}
.icons-cards:hover > .description {
  color: white;
  opacity1: 0.8;
}
.owl-carousel .owl-nav button.owl-next {
  color: rgb(163 32 32);
  font-size: 20px;
  content: &#x2190;

  background: transparent;
  border: 1px solid rgb(163 32 32);
  /*background: #ffffff00;*/
  z-index: 8;
  /*position: absolute;*/
  right: 0%;
  top: 40%;
  /* margin-top: -150px; */
  margin-left: 20px;
  /* transition: margin-right 2s; */
  border-radius: 0px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.25);
  height: 39px;
  width: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.owl-carousel .owl-nav button.owl-prev {
  color: rgb(163 32 32);
  font-size: 20px;
  content: ;

  background: transparent;
  border: 1px solid rgb(163 32 32);
  /*background: #ffffff00;*/
  z-index: 8;
  /*position: absolute;*/
  left: 0%;
  top: 40%;
  /* margin-top: 150px; */
  margin-right: 10px;
  border-radius: 0px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.25);
  height: 39px;
  width: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Hide default Owl Carousel dots */
.owl-dots {
  display: none !important;
}

/* Custom Indicator Styles */
.indicator-container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 5px;
  user-select: none;
  position: relative;
}

.indicator {
  width: 50px;
  height: 3px;
  background: #8f8f8f;
  margin: 0px;
  transition: background 0.6s ease-in-out, height 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}

.indicator.active {
  background: #a32020;
  height: 5px;
  border-radius: 10px;
  transform: translateY(-1px);
}

/* Change SVG color on hover */
.icons-cards:hover .small-icon path {
  fill: white;
}

#back-color {
  background: #f1f1f1;
  /*padding: 40px;*/
  padding-right: 0px;
}
/* #back-color > .container {
            width:inherit;
            margin-right:0;    
            padding-right:0px;
            margin-left:2.5%;
        } */

#back-color > .container {
  width: inherit;
  margin-right: 0;
  padding-right: 0px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 0px;
}

@media (min-width: 1025px) {
  .owl-carousel .owl-nav {
    display1: none !important;
  }
}

@media (max-width: 1500px) {
  .icons-cards {
    /*height1: 63vh;*/
    /*height:inherit;*/
    height: 100%;
  }
}

@media (max-width: 850px) {
  #back-color {
    background: #f6f6f6;
    padding: 10px 0px;
  }

  .owl-carousel .item {
    padding: 0px;
    text-align: center;
    border-radius: 0px;
  }

  .icons-cards {
    height: inherit;
  }
  .icon-container {
    flex-basis: unset !important;
    min-height: unset !important;
  }
  .item {
    margin: 5px;
  }
}

.icon-container {
  flex-basis: 30%;
  min-height: 30%;
}
.icons-cards:hover .big-icon {
  transform: scale(1.5);
}
.big-icon {
  margin-top: -80px;
  margin-left: -10px;
}

/*for windows */
@media (min-width: 450px) and (max-width: 1600px) {
  .icon-container {
    flex-basis: 30% !important;
    min-height: 30% !important;
  }
  .icons-cards:hover .big-icon {
    transform: scale(1.5);
  }
  .big-icon {
    margin-top: -80px;
    margin-left: -10px;
  }
}

@media (min-width: 1152px) and (max-width: 1536px) {
  .icon-container {
    flex-basis: 30% !important;
    min-height: 30% !important;
  }
  .icons-cards:hover .big-icon {
    transform: scale(1.5);
  }
  .big-icon {
    margin-top: -80px;
    margin-left: -10px;
  }
}

/*for windows */
@media (min-width: 1400px) and (max-width: 2200px) {
  .icon-container {
    flex-basis: 30% !important;
    min-height: 30% !important;
  }
  .icons-cards:hover .big-icon {
    transform: scale(1.8);
  }
  .big-icon {
    margin-top: -80px;
    margin-left: -10px;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .icons-cards {
    aspect-ratio: 0 !important;
  }
  .icon-content {
    padding-top: 30px !important;
  }
  .text-component.container {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
  }
  .indicator-container {
    display: none !important;
  }
  h5.subheading {
    padding-left: 0px !important;
  }
}

@media and (orientation: portrait) {
  .icons-cards {
    aspect-ratio: 0 !important;
  }
  .icon-content {
    padding-top: 30px !important;
  }
  .text-component.container {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
  }
  .indicator-container {
    display: none !important;
  }
  h5.subheading {
    padding-left: 40px !important;
  }
}

.owl-carousel .owl-item {
  box-sizing: border-box;
  overflow: hidden;
}
.owl-nav button span {
  display: none !important;
}
@media (min-width: 1024px) and (orientation: landscape) {
  .owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.item.dummy {
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 990px) {
  .item.dummy {
    background: transparent !important;
    box-shadow: none !important;
    display: none !important;
  }
}
@media (max-width: 1500px) and (min-width: 1299px) {
  .owl-carousel .item {
    height: 70vh !important;
  }
}
/* End - How we partner with you */

/* Start - Stories from our clients */
div#story-popup {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* OVERLAY - make scrollable and allow content to start from top when tall */
#story-popup .custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: flex-start;            /* CHANGED from center */
  overflow-y: auto;                   /* ADDED: let the overlay scroll */
  -webkit-overflow-scrolling: touch;  /* ADDED: smooth momentum scroll on iOS */
}

/* CONTENT - cap the height so it scrolls internally */
#story-popup .modal-content {
  display: flex;
  flex-direction: row;
  gap: 20px;
  background: #fff;
  padding: 20px;
  width: 90%;
  max-width: 1200px;
  max-height: calc(100vh - 20px);     /* CHANGED from height: auto */
  overflow-y: auto;                   /* internal scrolling */
  -webkit-overflow-scrolling: touch;  /* ADDED */
  scrollbar-width: none;
  position: relative;
  transform: translateY(100%);
  animation: slide-up 0.6s ease-in-out forwards;
  border-radius: 0;
  margin: 10px auto;                  /* CHANGED from margin-top: 10px */
  border: none;
  border-top: 10px solid #a32020;
}

@keyframes slide-up {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

#story-popup .close-btn {
  position: absolute;
  right: 36px;
  top: 22px;
  font-size: 21px;
  border: 1px solid #909090;
  height: 45px;
  width: 45px;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

#story-popup .modal-img {
  height1: 50vh;
  height: 100%;
  width: 100%;
  margin-top1: 20px;
  object-fit: cover;
}

/* style.css */
#story-popup .main-heading {
  margin-bottom: 30px;
}

#story-popup .second_heading {
  margin-bottom: 20px;
  font-family: "PwC ITC Charter", Georgia, Serif;
  margin-top: 20px;
}

#story-popup .vdo-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 15px;
  padding: 2px;
  position: relative;
  margin-bottom: 0px;
}

#story-popup .vdo-flex:hover {
  display: flex;
  gap: 15px;
  background-color: #eee;
  padding1: 2px;
  cursor: pointer;
}

#story-popup .vdo-img {
  position: relative;
  object-fit: contain;
  width: 161px;
  height: auto;
  min-width: 161px;
}

#story-popup .v-img {
  width: 100%;
  height: auto;
  max-width: unset;
}

#story-popup .v-head {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.9px;
  line-height: 23px;
}

#story-popup .culturehead {
  padding-right: 106px;
  font-size: 20px !important;
  color: black;
  line-height: 1.5;
  margin: 0px;
}

#story-popup .icon-left {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 6px;
  font-size: 35px;
}

#story-popup .modal-title {
  font-size: 24px;
  font-weight: 400;
  margin-right: 30px;
}

#story-popup .modl-img {
  height: 50vh;
  width: 100%;
  margin-top: 20px;
  object-fit: cover;
}

#story-popup .discription-mdl {
  margin-top: 24px;
  font-size: 17px;
}

#story-popup .culturedesc {
  display: none;
  font-size: 15px;
}

#story-popup .inner-heading {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-right: 30px;
}

#story-popup .modal-description {
  margin-top: 20px;
}

.side-padd2 {
  padding-left: 5%;
  padding-right: 5%;
}

@media (max-width: 1295px) {
  #story-popup .culturehead {
    padding-right: 60px;
  }

  .side-padd2 {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 55px;
  }

  #story-popup .vdo-flex {
    gap: 15px;
    padding: 5px;
    position: relative;
    height: auto;
  }
}

@media (max-width: 1200px) {
  #story-popup .vdo-flex {
    gap: 15px;
    padding: 5px;
    position: relative;
  }
}

@media (max-width: 808px) {
  #story-popup .vdo-flex {
    gap: 15px;
    padding: 5px;
    position: relative;
    margin-bottom: 14px;
  }

  #story-popup .modal-img {
    height: auto;
    width: 100%;
    margin-top: 20px;
    object-fit: cover;
  }

  #story-popup .close-btn {
    position: absolute;
    right: 36px;
    top: 22px;
    font-size: 21px;
    border: 1px solid #909090;
    height: 35px;
    width: 35px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }

  #story-popup .inner-heading {
    margin-right: 6px;
  }

  #story-popup .modl-img {
    height: auto;
    width: 100%;
    margin-top: 20px;
    object-fit: cover;
  }

  #story-popup .icon-left {
    position: absolute;
    top: 16px;
    transform: translate(-60%, -3%);
    right: -5px;
    font-size: 26px;

    border-radius: 50%;
    height: 39px;
    width: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 9px;
    padding-left: 10px;
  }

  #story-popup .v-img {
    max-width: unset;
  }

  #story-popup .culturehead {
    padding-right: 50px;
  }
  #story-popup .culturehead {
    font-size: 15px !important;
    color: black;
    line-height: 1.5;
    margin: 0px;
  }
  #story-popup .v-img {
    width: 111px;
    height: 60px;
    object-fit: cover;
    max-width: unset;
  }
}

.modal-title.desktop-title {
  width: 85%;
  margin-bottom: 0px !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: white !important;
}

@media screen and (orientation: portrait) {
  #story-popup .modal-content {
    flex-direction: column;
  }
  .modal-title.mobile-title {
    display: block !important;
    margin-bottom: 0px !important;
    width: 85%;
  }
  .modal-title.desktop-title {
    display: none !important;
  }
  #story-popup .modal-description {
    margin-top: 0px;
    margin-bottom: 0px !important;
  }
  #story-popup .close-btn {
    right: 20px !important;
  }
  #story-popup .modal-img {
    margin-top: 0px !important;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #story-popup .vdo-img {
    width: unset;
    min-width: unset;
  }
}

/* Scroll indicator - hidden everywhere by default */
#story-popup .scroll-indicator {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: none;                       /* hidden by default (desktop too) */
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #a32020;
  font-weight: 600;
  pointer-events: none;
  z-index: 5;
  background: rgba(255, 255, 255, 0.9);
  padding: 4px 12px;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
  animation: bounce 1.5s infinite;
  transition: opacity 0.4s ease;
}

#story-popup .scroll-indicator .arrow {
  font-size: 18px;
  line-height: 1;
  margin-top: 2px;
}

#story-popup .scroll-indicator.hide {
  opacity: 0;
}

@keyframes bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(6px);
  }
}

/* Only on mobile, allow the indicator to show (when JS adds .scrollable) */
@media (max-width: 808px) {
  #story-popup .scroll-indicator.scrollable {
    display: flex;
  }
}
/* End - Stories from our clients */

/* Start - get in touch */
:root {
  --contact-block-max-width: 1370px;
  --contact-row-gap: 20px;
  --contact-column-gap: 15px;
  --contact-card-size: 120px;
}

.overlay {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: auto;
  background: white;
  border-top: 8px solid #a32020;
  padding: 20px;
  padding-bottom: 60px;
  transition: bottom 0.4s ease-in-out;
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 999;
  /* Above backdrop */
  border-radius: 10px 10px 0 0;
}

.overlay.active {
  display: block;
  bottom: 0;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 85px;
  font-size: 21px;
  border: 1px solid #909090;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.open-btn {
  position: static;
  padding: 10px 20px;
  background: #a32020;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* Dark Transparent */
  display: none;
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.backdrop.active {
  display: block;
  opacity: 1;
}

.container-fluid {
  margin-top: 30px;
}

.column {
  padding: 20px;
  background: #444;
  border-radius: 5px;
  text-align: center;
  color: white;
}

/* Style for B3 */
.column.b3 {
  background: #ff9800;
  color: black;
  font-weight: bold;
}

.contact-display {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 10px), 1fr));
  grid-gap: var(--contact-row-gap) var(--contact-column-gap);
  width: 100%;
  max-width: var(--contact-block-max-width);
  margin: auto;
}

.contact-card {
  display: flex;
  width: 100%;
  height: var(--contact-card-size);
  padding: 10px;
  align-items: stretch;
  padding-top: 25px;
}

.contact-card .image {
  width: var(--contact-card-size);
  background-color: #a32020;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-card .image img {
  width: 100%;
  height11: 100%;
  object-fit: cover;
}

.contact-card .info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.contact-card .info .top {
  flex-grow: 1;
}

.contact-card .info .bottom {
  display: flex;
  justify-content: space-between;
  width: 40%;
}

.contact-card .info p {
  margin: 0;
}

.contact-card:hover {
  cursor: pointer;
}

.contact-card:hover .info .contact-name {
  color: #a32020;
}

.contact-social-info a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.contact-social-info a:hover {
  color: #007bff;
}

.contact-social-info img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.contact-name {
  font-size1: 20pt;
  font-weight: bold;
}

.getin-touchd {
  width: 80%;
  color: black;
  padding-left: 10%;
  margin-top: 5%;
  margin-bottom: 5%;
}

@media (max-width: 768px) {
  .contact-display {
    grid-template-columns: 1fr;
    grid-gap: 10px 10px;
  }

  .overlay {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 80vh;
    background: white;
    border-top: 10px solid #a32020;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 0px !important;
    transition: bottom 0.4s ease-in-out;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 999;
    border-radius: 10px 10px 0 0;
    overflow: scroll;
  }

  .close-btn {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 14px;
    border: 1px solid #909090;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
}

@media (max-width: 1000px) {
  .contact-display {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
    grid-gap: 10px 10px;
  }
}

@media (max-width: 768px) {
  .contact-display {
    grid-template-columns: 1fr;
    grid-gap: 10px 10px;
  }
  .contact-social-info a {
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .contact-card .info .bottom {
    display: flex;
    justify-content: flex-start;
    width: 40%;
  }
}
/* End - get in touch */

/* Start -  sliding banner */
   .backimg {
            background-image: url('/content/dam/pwc/15/en/industries/energy/oil-and-gas/poster-quote.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 500px;
            width: 100%;
        }
        .overlay-container {
            position: relative;
            width: 100%;
            max-width: 1400px;
            background-color: rgba(44, 44, 44, 0.8);
            margin: 40px 0;
            padding: 60px 80px;
            box-sizing: border-box;
        }
        .overlay-slider {
            display: flex;
            width: 100%;
            transition: transform 0.5s ease;
            padding: 0;
            margin: 0;
        }
        .overlay-slide {
            width: 100%;
            min-width: 100%;
            height: auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: white;
            text-align: left;
            padding: 0;
            box-sizing: border-box;
            font-size: 16px;
        }
        .overlay-content {
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .overlay-content h5 {
            font-family: 'PwC ITC Charter', Georgia, Serif;
            font-weight: normal !important;
            font-size: 2.2rem !important;
            line-height: 1.4 !important;
            color: white !important;
            text-align: left;
            margin: 0 0 30px 0 !important;
            padding: 0 !important;
            word-wrap: break-word;
            overflow-wrap: break-word;
            white-space: normal;
        }
        .author {
            margin: 30px 0 0 0;
            text-align: right;
            font-size: 19px;
            font-weight: 600;
            color: white;
        }
        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            color: white;
            background-color: rgba(63, 63, 63, 0.6);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.3s ease;
            z-index: 10;
        }
        .left-arrow {
            left: 20px;
        }
        .right-arrow {
            right: 20px;
        }
        .arrow:hover {
            background-color: rgba(63, 63, 63, 0.9);
        }
        @media (max-width: 1024px) {
            .overlay-container {
                padding: 50px 60px;
            }
            .overlay-content h5 {
                font-size: 1.8rem !important;
            }
        }
        @media (max-width: 768px) {
            .overlay-container {
                padding: 40px 30px;
            }
            .overlay-content h5 {
                font-size: 1.4rem !important;
            }
            .author {
                font-size: 16px;
            }
            .backimg {
                background-image: url(/content/dam/pwc/15/en/industries/energy/oil-and-gas/poster-quote.jpg);
                background-size: cover;
                background-position: left;
                background-repeat: no-repeat;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
/* end -  Sliding banner */

/* Start - Our thought leadership */
#content-free-1-07e8 h2.collections-title {
    font-size: 2.3rem !important;
    font-weight: normal !important;
    color: #000000 !important;
    font-family: "PwC ITC Charter", Georgia, serif !important;
    margin-top1:30px;
    margin-bottom:30px;
}

#content-free-1-07e8 p.collection__item-sub-heading{
    font-size: .90rem;
}

#content-free-1-07e8 h4.collection__item-heading{
    font-size: 1.25rem;
    line-height: 1.4em;
    font-family: "PwC Helvetica Neue", Arial, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    color:#2d2d2d;
}
/* End - Our thought leadership */