/*____________________ FONT ____________________*/
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #080038;
}

h6 {
  font-weight: bold;
}

/*____________________ HEADER SECTION ____________________*/
.block-tab {
  background: linear-gradient(0deg, #f8f9fc 50%, #18596d 50%);
  top: -2px;
}

.header-tab {
  width: 640px;
}

.glassmorphism-border {
  position: relative;
  border: 2px solid transparent;
  border-radius: 33px;
  background-image: linear-gradient(#18596d, #18596d),
    linear-gradient(145deg, rgba(255, 255, 255, 0.5), transparent, rgba(255, 255, 255, 0.1));
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.glassmorphism-padding {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 33px;
  border: 2px solid transparent;
  position: absolute;
  left: -2px;
  top: -2px;
}

.glassmorphism-logo {
  top: 14px;
  position: relative;
  border-radius: 27px;
}

.glassmorphism-logo img {
  border-radius: 22px;
}

.glassmorphism-tabs-border {
  position: relative;
  border: 1px solid transparent;
  border-radius: 16px;
  background-image: linear-gradient(#18596d, rgb(151, 191, 204)),
    linear-gradient(145deg, rgba(255, 255, 255, 0.5), transparent, rgba(255, 255, 255, 0.1));
  background-origin: border-box;
  background-clip: content-box, border-box;
  width: 640px;
}

.glassmorphism-tabs-padding {
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  border: 1px solid transparent;
  width: 638px;
}

/*____________________COMPANY INPUTS SECTION____________________*/

.card {
  align-items: flex-start;
  position: static;
  background: #ffffff;
  box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 26px 34px rgba(96, 97, 112, 0.06);
  border-radius: 24px;
  flex-grow: 0;
}

.cards-inputs img {
  border-radius: 24px;
  margin: auto;
}

.card-input-small {
  max-width: 517px;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}

.card3 .card3-text {
  min-height: 385px;
  max-width: 627px;
}

.logo-in-img {
  top: 36%;
  right: 13%;
}

.quote-author-img {
  height: 231px;
  width: -webkit-fill-available;
  object-fit: cover;
  border-radius: 12px;
}

/*____________________IMPACT TEAM SECTION____________________*/

.impact-team-section .carousel-container {
  width: 75%;
  text-align: -webkit-center;
}

.carousel-cards {
  width: 100%;
  height: 320px;
}

.impact-team-card {
  width: 210px;
  height: 271px;
}

.impact-team-card img {
  border-radius: 16px 16px 0px 0px;
  min-width: 100%;
  min-height: 72%;
  max-width: 194px;
  max-height: 195.11px;
  object-fit: cover;
  border-bottom: 1px solid transparent;
  filter: drop-shadow(0px 34px 54px rgba(0, 0, 0, 0.1));
}

.impact-team-card .infos {
  height: 114px;
  min-height: 28%;
  border-radius: 0px 0px 16px 16px;
  overflow-wrap: break-word;
}

.impact-team-card p,
h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.glassmorphism-cards-border {
  position: relative;
  border: 1px solid transparent;
  border-radius: 0px 0px 16px 16px;
  background-image: linear-gradient(rgba(24, 89, 109, 0.4), rgba(24, 89, 109, 0.4)),
    radial-gradient(closest-corner at 43% 35%, transparent 85%, rgba(255, 255, 255, 0.5) 185%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  width: 210px;
}

.glassmorphism-cards-padding {
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0px 0px 15px 15px;
  border: 2px solid transparent;
  width: 208px;
}

.slick-cards .slick-list {
  height: inherit;
}

.slick-cards .slider-container {
  max-width: 100vw;
  width: 100%;
  overflow: hidden;
}

.slick-cards .slide-track {
  height: 400px;
}

.slick-dots {
  bottom: -60px !important;
}

.slick-dots li button:before {
  color: white !important;
  font-size: 21px !important;
}

/*____________________ METHODOLOGY ____________________*/

.methodology-card {
  align-items: flex-start;
  position: static;
  box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 26px 34px rgba(96, 97, 112, 0.06);
  border-radius: 24px;
  flex-grow: 0;
  min-height: 301px;
  min-width: 1070px;
}

.methodology-infos {
  width: 50%;
  height: 100%;
}

.methodology-infos a {
  width: 200px;
}

.methodology-infos .icon-chevron {
  top: 5px;
  left: 7px;
}

/*____________________ KEY FINDINGS ____________________*/

.bottom-tabs-navigator a {
  width: 90px;
  height: 90px;
  border: 7px solid rgb(192, 205, 238);
  border-radius: 58px;
}

.bottom-tabs-navigator a:hover {
  width: 92px;
  height: 92px;
  border: 8px solid rgb(192, 205, 238);
}

.icon-chevrons {
  top: 26px;
  left: 26px;
}

/*____________________ GREENHOUSE EMISSIONS ____________________*/

.legend-navbar {
  box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 26px 34px rgba(96, 97, 112, 0.06);
  border-radius: 24px;
}

.procurement-color {
  color: rgb(207, 180, 149);
}

.energy-color {
  color: rgb(254, 183, 95);
}

.mobility-color {
  color: rgb(42, 157, 143);
}

.logistics-color {
  color: rgb(250, 128, 134);
}

.waste-color {
  color: rgb(138, 177, 125);
}

.sold-products-color {
  color: rgb(109, 181, 247);
}

.other-color {
  color: rgb(25, 113, 141);
}
.fugitive-color {
  color: #ff601d;
}
.agriculture-color {
  color: #acda9c;
}

.contribution-color {
  color: rgb(88, 227, 129);
}

.products-color {
  color: rgb(162, 132, 247);
}

.capital-color {
  color: rgb(116, 95, 161);
}

.procurement-bg-color {
  background-color: rgba(207, 180, 149, 0.1);
}

.energy-bg-color {
  background-color: rgba(254, 183, 95, 0.1);
}

.mobility-bg-color {
  background-color: rgba(42, 157, 143, 0.1);
}

.logistics-bg-color {
  background-color: rgba(250, 128, 134, 0.1);
}

.waste-bg-color {
  background-color: rgba(138, 177, 125, 0.1);
}

.sold-products-bg-color {
  background-color: rgba(109, 181, 247, 0.1);
}

.other-bg-color {
  background-color: rgba(25, 113, 141, 0.1);
}
.agriculture-bg-color {
  background-color: #bcff8554;
}
.fugitive-bg-color {
  background-color: #ff633346;
}

.contribution-bg-color {
  background-color: rgba(88, 227, 129, 0.1);
}

.products-bg-color {
  background-color: rgba(162, 132, 247, 0.1);
}

.capital-bg-color {
  background-color: rgba(116, 95, 161, 0.1);
}

.truck-loading-img {
  filter: invert(68%) sepia(97%) saturate(3066%) hue-rotate(313deg) brightness(110%) contrast(96%);
  position: relative;
  margin: auto;
}

.big-box-img {
  filter: invert(96%) sepia(7%) saturate(3054%) hue-rotate(313deg) brightness(97%) contrast(67%);
  position: relative;
  margin: auto;
}

.lightbulb-img {
  filter: invert(74%) sepia(22%) saturate(1180%) hue-rotate(340deg) brightness(104%) contrast(99%);
  position: relative;
  margin: auto;
}

.car-sideview-img {
  filter: invert(49%) sepia(92%) saturate(315%) hue-rotate(123deg) brightness(87%) contrast(92%);
  position: relative;
  margin: auto;
}

.trash-img {
  filter: invert(63%) sepia(44%) saturate(241%) hue-rotate(60deg) brightness(94%) contrast(95%);
  position: relative;
  margin: auto;
}

.dollar-img {
  filter: invert(63%) sepia(59%) saturate(636%) hue-rotate(181deg) brightness(100%) contrast(94%);
  position: relative;
  margin: auto;
}

.plus-circle-img {
  filter: invert(33%) sepia(52%) saturate(797%) hue-rotate(149deg) brightness(95%) contrast(84%);
  position: relative;
  margin: auto;
}
.fugitive-img {
  /* filter: invert(33%) sepia(52%) saturate(797%) hue-rotate(149deg) brightness(95%) contrast(84%); */
  position: relative;
  margin: auto;
}
.agriculture-img {
  /* filter: invert(33%) sepia(52%) saturate(797%) hue-rotate(149deg) brightness(95%) contrast(84%); */
  position: relative;
  margin: auto;
}

.thumbs-up-img {
  filter: invert(99%) sepia(47%) saturate(2371%) hue-rotate(61deg) brightness(96%) contrast(85%);
  position: relative;
  margin: auto;
}

.building-img {
  filter: invert(39%) sepia(16%) saturate(1481%) hue-rotate(218deg) brightness(97%) contrast(84%);
  position: relative;
  margin: auto;
}

.shopping-cart-img {
  filter: invert(60%) sepia(25%) saturate(4969%) hue-rotate(217deg) brightness(100%) contrast(94%);
  position: relative;
  margin: auto;
}

.graph-C02-evolution .trash-img {
  width: 88%;
}

.postion-top-1 {
  top: 1px;
}

.postion-top-2 {
  top: 2px;
}

.postion-top-4 {
  top: 4px;
}

canvas#graphCO2Type {
  position: relative;
  z-index: 1;
}

/*____________________ BANNER RESULT ____________________*/

.glassmorphism-results-border {
  position: relative;
  border: 1px solid transparent;
  border-radius: 16px;
  background-image: linear-gradient(rgba(24, 89, 109, 0.8), rgba(24, 89, 109, 0.8)),
    linear-gradient(155deg, rgba(255, 255, 255, 0.5), transparent, transparent, rgba(255, 255, 255, 0.2));
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.glassmorphism-results-padding {
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 15px;
  height: 100%;
}

.result-block p {
  top: 11px;
  left: 16px;
}

.icon-shadow {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.21);
}

.icon-blue {
  background-color: rgb(83, 123, 228);
}

.icon-green {
  background-color: rgb(93, 187, 188);
}

.icon-red {
  background-color: rgb(234, 73, 111);
}

/*____________________ GRAPH TARGET ____________________*/

.graph-target .reduce-title {
  color: rgba(88, 227, 129, 1);
}

.graph-target .year-target-title {
  color: rgba(19, 78, 88, 1);
}

.reduce-icon {
  filter: invert(67%) sepia(62%) saturate(406%) hue-rotate(85deg) brightness(102%) contrast(88%);
}

.target-icon {
  filter: invert(58%) sepia(12%) saturate(1902%) hue-rotate(308deg) brightness(103%) contrast(96%);
}

/*____________________ PLAN BANNER ____________________*/

.solutions-banner .carousel-container {
  width: 98%;
  text-align: -webkit-center;
}

.solutions-banner .carousel-cards {
  height: 360px;
}

.solution-card {
  width: 264px;
  height: 360px;
}

.solution-card .img-gradient {
  border-radius: 16px 16px 0px 0px;
  min-width: 100%;
  min-height: 48%;
  max-width: 194px;
  max-height: 166.11px;
  object-fit: cover;
  border-bottom: 1px solid transparent;
}

.solution-card img {
  top: 61px;
}

.solution-card .infos {
  min-height: 179px;
  border-radius: 0px 0px 16px 16px;
}

.solution-card p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.glassmorphism-solutions-cards-border {
  position: relative;
  border: 1px solid transparent;
  border-radius: 0px 0px 16px 16px;
  background-image: linear-gradient(rgba(24, 89, 109, 0.4), rgba(24, 89, 109, 0.4)),
    radial-gradient(closest-corner at 43% 35%, transparent 85%, rgba(255, 255, 255, 0.5) 185%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  width: 264px;
}

.glassmorphism-solutions-cards-padding {
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0px 0px 15px 15px;
  border: 2px solid transparent;
  width: 262px;
}

.slick-solution-cards .slick-list {
  height: inherit;
}

.slick-solution-cards .slider-container {
  max-width: 100vw;
  width: 100%;
  overflow: hidden;
}

/*____________________ CONTRIBUTION SECTION ____________________*/

.contribution-section .carousel-container {
  width: 100%;
  text-align: -webkit-center;
}

.contribution-section .carousel-cards {
  height: 461px;
}

.slick-contribution-cards .slick-list {
  height: inherit;
}

.slick-contribution-cards .slider-container {
  max-width: 100vw;
  width: 100%;
  overflow: hidden;
}

.slick-contribution-cards .slick-track {
  width: 100%;
}

.slick-contribution-cards .slick-next:before {
  color: #18596d;
}

.slick-contribution-cards .slick-prev:before {
  color: #18596d;
}

/*____________________ GRAPH CO2 TYPE ____________________*/

.graph-C02-driver .infos {
  top: 41%;
  left: 25%;
  width: 50%;
}

/*____________________ GRAPH SCOPE 1  ____________________*/

.graph-scope button {
  padding: 0px 10px;
  background-color: #47befa;
}

/*____________________ CAPITAL GOODS  ____________________*/

.slick-capital-goods {
  width: 87%;
  margin: auto;
  height: 85px;
}

.slick-capital-goods .slick-list {
  height: 100%;
}

.slick-capital-goods .slick-next:before {
  color: rgb(24, 89, 109);
}

.slick-capital-goods .slick-prev:before {
  color: rgb(24, 89, 109);
}

.slick-capital-goods .slick-slide {
  height: 59px;
  display: flex !important;
}

.slick-capital-goods p {
  border-radius: 18px;
  width: fit-content;
  margin: auto;
  padding: 7px 16px;
}

.slick-capital-goods p:hover {
  background-color: rgb(102, 126, 234) !important;
  color: white;
}

.graph-categories {
  box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 26px 34px rgba(96, 97, 112, 0.06);
  border-radius: 24px;
  background-color: #f6f6f6;
  display: block;
  white-space: nowrap;
  overflow-x: scroll;
  width: 100%;
}

.graph-categories::-webkit-scrollbar:horizontal {
  height: 8px;
}

.graph-categories::-webkit-scrollbar-thumb {
  border-radius: 8px;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.3);
}

.graph-categories::-webkit-scrollbar {
  -webkit-appearance: none;
}

.graph-categories .graph-container {
  width: 100%;
  min-width: 100%;
  padding: 10px;
}

.graph-categories canvas {
  border-radius: 24px;
}

.selected {
  background-color: rgb(102, 126, 234);
  color: white;
}

/*____________________ MODAL ____________________*/

.modal {
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}

/*____________________ MODAL SHARE  ____________________*/

.modal .modal-share {
  width: 576px;
}

/*____________________ MODAL MEASURE CARBON ____________________*/

.modal .modal-measure-carbon {
  width: 886px;
}

/*____________________ MODAL INFO SCOPE ____________________*/

.modal .modal-info-scope {
  width: 1080px;
}

/*____________________ MODAL INFO SCOPE ____________________*/

.modal .modal-boundaries {
  width: 886px;
}

/*____________________ FOOTER ____________________*/

.footer-lign {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*____________________ MEDIA QUERIES ____________________*/

@media screen and (max-width: 1092px) {
  .methodology-card {
    min-width: 100%;
  }

  .methodology-infos {
    width: 45%;
  }
}

@media screen and (max-width: 767px) {
  .glassmorphism-border {
    border-radius: 27px;
  }

  .glassmorphism-padding {
    border-radius: 27px;
  }

  .glassmorphism-logo {
    top: 6px;
    border-radius: 21px;
  }

  .header-tab {
    width: 80vw !important;
  }

  .glassmorphism-tabs-border {
    width: 100%;
  }

  .glassmorphism-tabs-padding {
    width: 100%;
  }

  .methodology-infos {
    width: 100%;
  }

  .impact-team-section .carousel-container {
    width: 100%;
  }
}

@media screen and (max-width: 435px) {
  .slick-capital-goods {
    height: 110px;
  }
}