/*
Theme Name: allclearalpha
Theme URI: https://allcleartravel.co.uk
Author: Me
Author URI: https://allcleartravel.co.uk
Description: custom theme
Version: 1.0 alpha
*/

:root {
  --allclear_bodybg: #ffffff;
  --allclear-blue: #2C3690;
  --allclear-dark-blue: #060B40;
  --allclear-blue-button: #565EA6;
  --allclear-green: #43CA74;
  --allclear-beige: #EEEDE9;
  --allclear-neutral: #FAFAFA;
  --allclear-lightblue: #EAEBF4;
  --allclear-secondary-grey: #E0E0E0;

  --allclear-47: 37px;
  --allclear-37: 29px;
  --allclear-28: 28px;
  --allclear-23: 23px;
  --allclear-18: 18px;
  --allclear-14: 14px;

  --allclear-47-lineheight: 58px;
  --allclear-37-lineheight: 47px;
  --allclear-28-lineheight: 47px;
  --allclear-23-lineheight: 38px;
  --allclear-18-lineheight: 27px;
  --allclear-14-lineheight: 25px;

  --allclear-maxwidth: 1200px;
}

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

  :root {

    --allclear-47: 47px;
    --allclear-37: 37px;
    --allclear-28: 28px;
    --allclear-23: 23px;
    --allclear-18: 18px;

    --allclear-47-lineheight: 73px;
    --allclear-37-lineheight: 58px;
    --allclear-28-lineheight: 47px;
    --allclear-23-lineheight: 38px;
    --allclear-18-lineheight: 27px;
  }

}

/* Fixes Company Values Box Alignment */
div {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin-block-start: 0;
  margin-block-end: 0;
}

.sidebar-social-container {
  display: none;
}

/* Do not display social side bar */
.related-guides {
  display: block;
}

/* Only display on /travel-insurance */

/* Call Buttons */

.quote-button,
.quote-buttonCall {
  position: relative;
  color: #fff !important;
  width: auto;
  padding: 0 20px;
  height: 60px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  margin-top: 0;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  box-shadow: 0px 4px 4px 0px #09104F;
}

.quote-button {
  background-color: var(--allclear-blue-button) !important;
  border: 0;
  border-radius: 5px;
  border-bottom: 5px solid rgba(0, 0, 0, .1);
  font-size: 20px;
}

.quote-button::after {
  content: unset;
  padding-left: 8px;
  font-size: 20px;
  font-weight: 100;
  color: #fff;
  font-family: fontawesome, sans-serif
}

.quote-buttonCall {
  background-color: #43ca74;
  border: 0;
  border-radius: 5px;
  border-bottom: 5px solid rgba(0, 0, 0, .1);
  font-size: 20px;
  letter-spacing: normal
}

/* Awrad CSS */

.mosttrustedbar {
  display: block;
  background: var(--allclear-neutral) !important;
}

.award-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  padding: 15px;
  max-width: var(--allclear-maxwidth);
  background: unset;
}

.award-container-Lcol {
  color: #333;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  width: 100%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}

.award-container-Lcol span {
  font-weight: 700;
}

.award-container-Rcol {
  display: flex;
  justify-content: center;
  margin: 15px auto;
  gap: 19px;
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0;
}

.award-which {
  width: 238px;
}

.award-defaqto {
  width: 120px;
}

.award-goodhousekeeping {
  width: 92px;
}

.award-biba {
  width: 81px;
}

.award-20years {
  width: 83px;
}

@media only screen and (min-width: 360px) {
  .award-container-Rcol {
    width: 90%;
  }
}

@media only screen and (min-width: 374px) {
  .award-container-Rcol {
    width: 86%;
  }
}

@media only screen and (min-width: 415px) {
  .award-container-Rcol {
    width: 77%;
  }
}

@media only screen and (min-width: 743px) {
  .award-container-Rcol {
    width: 70%;
  }
}

@media only screen and (min-width: 821px) {
  .award-container-Rcol {
    width: 100%;
  }
}

@media only screen and (min-width: 1440px) {
  .award-container {
    flex-direction: row;
  }

  .award-container-Rcol {
    width: 100%;
  }

  .award-container-Lcol {
    text-align: left;
    width: 30%;
    justify-content: left;
  }
}


.award-container-Lcol sup {
  line-height: 1 !important;
}

/* End Award CSS */

/* Join Millions */

.joinmilloins-container {
  background: var(--allclear-blue);
  padding: 50px;
}

.joinmillions-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 31px;
  width: 100%;
  max-width: var(--allclear-maxwidth);
  margin: auto;
}

.joinmillions-inner h2 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: var(--allclear-28);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-28-lineheight);
}

.joinmillions-inner sup {
  font-size: 10px;
  vertical-align: super;
}

.joinmillions-card {
  display: flex;
  background: #fff;
  padding: 19px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  flex: 1 0 100%;
}

.joinmillions-card p {
  color: #212529;
  text-align: center;
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  margin-block-start: 0;
  margin-block-end: 0;
}

.joinmillions-card p:nth-child(2) {
  color: var(--allclear-blue);
  font-size: var(--allclear-47);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-47-lineheight);
  margin-block-start: 0;
  margin-block-end: 0;
}

.joinmillions-card p:last-of-type {
  color: #212529;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-block-start: 0;
  margin-block-end: 0;
}

@media only screen and (min-width: 650px) {
  .joinmillions-card {
    flex: 1 0 45%;
  }
}

@media only screen and (min-width: 920px) {
  .joinmillions-card {
    flex: 1 0 22%;
  }
}

/* End Join Millions */

.core-body8 {
  font-size: 30px;
  color: #292929;
  text-align: center;
  background-color: #e9e9e9 !important;
  height: auto;
  width: 100%;
  overflow: auto;
  padding-bottom: 20px;
  padding-top: 20px;
}

.core-body8a {
  font-size: 14px;
  color: rgba(51, 51, 51, .8);
  text-align: left;
  padding: 9px 31px 0;
  margin: auto;
  max-width: var(--allclear-maxwidth);
}

.core-body8a p {
  margin-bottom: 1em;
}

/* Hero */
.abouthero-container {
  color: #fff;
  background: var(--allclear-blue);

}

.abouthero-leftcol h1,
.abouthero-leftcol p {
  text-align: center;
}

.abouthero-container h1 {
  font-size: var(--allclear-47);
  font-weight: 500;
  line-height: var(--allclear-47-lineheight);
}

.abouthero-container p {
  font-size: var(--allclear-18);
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);

}

.abouthero-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
}

.abouthero-leftcol {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 12px;
  box-sizing: border-box;
}

.abouthero-rightcol {
  display: none;
  height: 339px;
  background-image: url("https://res.cloudinary.com/dttwa61aq/image/upload/v1723470792/all_clear_uk/About-Us-2024/allclear-aboutus-hero.webp");
  background-position: center 20%;
  background-size: cover;
}

.abouthero-leftcol,
.abouthero-rightcol {
  width: 100%;
}

@media only screen and (min-width: 426px) {
  .abouthero-rightcol {
    display: block;
  }
}

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

  .abouthero-leftcol,
  .abouthero-rightcol {
    width: 50%;
  }

  .abouthero-leftcol h1,
  .abouthero-leftcol p {
    text-align: left
  }

}

/* End Hero */

/* media */

.media-container {
  background: var(--allclear-blue);
  padding: 50px 12px;
}

.media-container h2 {
  color: #fff;
}

.media-inner {
  display: flex;
  flex-direction: column;
  max-width: var(--allclear-maxwidth);
  gap: 50px;
  margin: auto;
}

.media-inner-text {
  color: #fff;
  max-width: 100%;
}

.media-inner-text h2 {
  font-size: var(--allclear-37);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.media-inner-text p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  margin-bottom: 50px;
}

.media-inner-card-container {
  display: flex;
  flex-direction: row;
  gap: 22px;
  overflow-x: scroll;
  scroll-behavior: smooth;
  width: 100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.media-inner-card-container::-webkit-scrollbar {
  display: none;
}

.media-inner-card {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 300px;
  max-width: 300px;
  height: 403px;
  padding: 12px;
  gap: 12px;
}

.media-inner-card p,
.media-inner-card a {
  font-size: var(--allclear-14);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-14-lineheight);
  text-align: center;
}

.media-inner-card a {
  color: var(--allclear-blue);
}

.media-inner-card:last-of-type {
  margin-right: 470px;
}

.media-inner-card-logo {
  height: 24px;
}

.media-inner-card-img {
  width: 100%;
}

.slideLeft:before {
  content: "";
  background-image: url("https://res.cloudinary.com/dttwa61aq/image/upload/v1723819931/all_clear_uk/About-Us-2024/left-right-arrow.webp");
  background-size: 24px 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: sub;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  cursor: pointer;
}

.slideRight:before {
  content: "";
  background-image: url("https://res.cloudinary.com/dttwa61aq/image/upload/v1723819931/all_clear_uk/About-Us-2024/left-right-arrow.webp");
  background-size: 24px 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: sub;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .media-container {
    padding: 50px;
  }

  .media-inner {
    flex-direction: row;
  }

  .media-inner-text {
    max-width: 40%;
  }
}

/* End media */
/* Proud Member */
.proudmember-container {
  background: var(--allclear-neutral);
  padding: 50px 12px;
}

.proudmember-inner {
  display: flex;
  flex-direction: column;
  max-width: var(--allclear-maxwidth);
  gap: 12px;
  margin: auto;
}

.proudmember-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.proudmember-inner p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

@media only screen and (min-width: 768px) {
  .proudmember-container {
    padding: 50px;
  }
}

/* End Proud Member */
/* our awards */
.ourawards-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.ourawards-inner {
  max-width: var(--allclear-maxwidth);
  margin: auto;
}

.ourawards-cta {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.ourawards-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  text-align: center;
}

.ourawards-description {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  text-align: center;
  margin-top: 8px;
  max-width: 788px;
  margin-left: auto;
  margin-right: auto;
}

.award2-awards-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  margin: 40px auto 0;
  gap: 31px;
  justify-content: space-around;
  align-items: flex-start;
}

.award2-awards {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 0 40%;
}

.award2-awards img {
  width: max-content;
}

.award2-awards img.has-shadow {
  box-shadow: 0 6.822px 6.822px 0 rgba(0, 0, 0, 0.25);
}

.winner {
  background: #C7BF93;
  border: 1px solid #333;
  color: #292929;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  margin-top: 16px;
}

.award2-awards .text {
  color: #292929;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin-block-start: 0;
  margin-block-end: 0;
}

@media only screen and (min-width: 768px) {
  .ourawards-container {
    padding: 50px;
  }

  .ourawards-inner h2 svg {
    margin-bottom: -11px;
    height: 48px;
  }
}

@media only screen and (min-width: 762px) {
  .award2-awards-container {
    flex-direction: row;
  }

  .award-h3-style svg {
    width: 16px;
  }
}

@media only screen and (min-width: 962px) {
  .award2-awards-container {
    width: 100%;
  }
}

@media only screen and (min-width: 1158px) {
  .award2-awards {
    flex: 1 0 20%;
  }
}

/* End our awards */
/* Partnerships */

.partnership-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.partnership-inner {
  display: flex;
  flex-direction: column;
  max-width: var(--allclear-maxwidth);
  gap: 12px;
  margin: auto;
}

.partnership-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.partnership-inner p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

.partnership-inner-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 31px;
  margin-top: 19px;
}

.partnership-logo-box {
  display: flex;
  height: 120px;
  padding: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: #fff;
  min-width: 100%;
  box-sizing: border-box;
}

.partnership-stroke {
  max-height: 80px;
  max-width: 169px;
  width: 100%;
}

.partnership-diabetes {
  max-height: 51px;
  max-width: 278px;
  width: 100%;
}

.partnership-motability {
  max-height: 64px;
  max-width: 270px;
  width: 100%;
}

.partnership-biba {
  max-height: 80px;
  max-width: 164px;
  width: 100%;
}

.partnership-ageco {
  max-height: 73px;
  max-width: 155px;
  width: 100%;
}

@media only screen and (min-width: 600px) {
  .partnership-container {
    padding: 50px;
  }

  .partnership-logo-box {
    min-width: 25%;
  }

}

/* End Partnerships */

/* History */

.history-container {
  background: var(--allclear-blue);
  padding-block: 50px;
}

.history-container h2 {
  color: var(--allclear-neutral);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.history-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.history-container .carousel--slide {
  flex-basis: 322px;
}

.history-container .carousel--track {
  align-items: stretch;
  gap: unset;
  height: 100%;
}

.history-container .carousel--pagination {
  display: none;
  flex-direction: column;
  gap: unset;
}

.history-container .carousel--pagination button {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  border-left: 2px dotted #fff;
  padding: 5px 0 16px 12px;
  height: unset;
  border-radius: unset;
  background: unset;
  color: var(--allclear-invert);
  text-align: left;
  width: max-content;
}

.history-container .carousel--pagination button:first-child:before {
  content: "";
  display: block;
  background: var(--allclear-blue);
  width: 5px;
  height: 15px;
  position: absolute;
  top: 0;
  left: -3px;
}

.history-container .carousel--pagination button:last-child {
  padding-bottom: unset
}

.history-container .carousel--pagination button:last-child:before {
  content: "";
  display: block;
  background: var(--allclear-blue);
  width: 5px;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: -3px;
}

.history-button-container {
  display: flex;
  gap: 20px;
}

.history-button-container .carousel--prev,
.history-button-container .carousel--next {
  display: flex;
}

.history-button-container .carousel--prev.hidden,
.history-button-container .carousel--next.hidden {
  opacity: 0.2;
}

.history-card-header {
  font-size: var(--allclear-23);
  line-height: var(--allclear-23-lineheight);
  color: #fff;
  width: 100%;
  border-bottom: 2px dotted;
  margin-block-end: 24px;
}

.history-card-header:before {
  content: "";
  position: relative;
  background: #fff;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 42px;
}

.history-inner-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  padding: 12px;
  margin-right: 22px;
}

.history-inner-card p {
  color: var(--allclear-dark-blue);
  font-size: 18px;
  line-height: var(--allclear-18-lineheight);
}

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

  .history-container .carousel--pagination {
    display: flex;
  }

  .history-button-container {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .history-inner {
    flex-direction: row;
  }

  .history-container .carousel--slide {
    flex-basis: 422px;
  }
}

/* End History */

/* Mission */

.mission-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.mission-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
}

.mission-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  text-align: center;
  margin-block-end: 12px;
}

.mission-inner p {
  font-size: var(--allclear-18);
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  text-align: center;
  margin-block-end: 12px;
}

.mission-inner p.bold {
  font-size: var(--allclear-18);
  font-weight: 700;
  line-height: var(--allclear-18-lineheight);
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mission-container sup {
  vertical-align: super;
  font-size: 60%;
}

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

  .mission-container {
    padding: 50px;
  }

}

/* End Mission */
/* Numbers */

.numbers-container {
  background: var(--allclear-blue);
  padding: 50px 12px;
}

.numbers-inner {
  display: flex;
  flex-direction: row;
  max-width: var(--allclear-maxwidth);
  gap: 50px;
  margin: auto;
}

.numbers-inner:first-of-type {
  margin-bottom: 31px;
}

.numbers-card-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
}

.numbers-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 45%
}

.numbers-inner h2 {
  color: #fff;
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  text-align: center;
  margin-block-end: 12px;
  width: 100%;
}

.numbers-inner p {
  color: #fff;
  font-size: var(--allclear-18);
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  text-align: left;
  margin-block-end: 12px;
}

.numbers-inner .numbers-card p:first-of-type {
  font-size: var(--allclear-47);
  font-weight: 500;
  line-height: var(--allclear-47-lineheight);
}

@media only screen and (min-width: 768px) {
  .numbers-card {
    flex: 1 0 30%;
  }
}

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

  .numbers-container {
    padding: 50px;
  }
}


@media only screen and (min-width: 1024px) {
  .numbers-card {
    flex: 1 0 20%;
  }
}

/* End Numbers */
/* Which Logo */

.whichlogo-container {
  background: var(--allclear-blue);
  padding: 31px;
}

.whichlogo-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--allclear-maxwidth);
  gap: 50px;
  margin: auto;
}

.whichlogo-Left {
  display: flex;
}

.whichlogo-Left h2 {
  color: #FFF;
  font-size: var(--allclear-28);
  font-style: normal;
  font-weight: 500;
  line-height: var(--allclear-28-lineheight);
  text-align: center;
}

.whichlogo-Right {
  display: flex;
  width: 100%;
  max-width: 519px;
}

.whichlogo-Right img {
  width: 100%;
}

@media only screen and (min-width: 821px) {
  .whichlogo-inner {
    flex-direction: row;
  }

  .whichlogo-Left h2 {
    text-align: left;
  }
}

/* End Which Logo */
/* Values */

.values-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.values-inner {
  display: flex;
  flex-direction: column;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
  margin: auto;
}

.values-card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 31px;
}

.values-card {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding: 50px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
  gap: 19px;
  align-items: center;
}

.values-card-grow {
  flex-grow: 2;
}

.values-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  width: 100%;
  text-align: center;
}

.values-card p {
  text-align: center;
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  margin-block-start: 0;
  margin-block-end: 0;
}

.values-card p:first-of-type {
  color: var(--allclear-blue);
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin-block-start: 0;
  margin-block-end: 0;
}

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

  .values-container {
    padding: 50px;
  }

}

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

  .values-card {
    flex-basis: 45%;
  }

  .values-inner h2 {
    text-align: left;
  }

}

/* End Values */
/* Why */

.why-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.why-inner {
  display: flex;
  flex-direction: column;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
  margin: auto;
}

.why-card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 31px;
}

.why-card {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding: 31px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
  gap: 31px;
  align-items: flex-start;
}

.why-card-grow {
  flex-grow: 2;
}

.why-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  width: 100%;
}

.why-card p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  margin-block-start: 0;
  margin-block-end: 0;
}

.why-card p:first-of-type {
  color: var(--allclear-blue);
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin-block-start: 0;
  margin-block-end: 0;
}


@media only screen and (min-width: 768px) {
  .why-container {
    padding: 50px;
  }

  .why-card {
    flex-direction: row;
    padding: 50px;
  }

  .why-inner {
    gap: 50px;
  }
}

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

  .why-card {
    flex-basis: 45%;
  }

}

/* End Why */
/* What Our Customesr Say */

.whatcustomers-container {
  background: var(--allclear-neutral);
  padding: 15px;
}

.whatcustomers-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
}

.whatcustomers-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-style: normal;
  font-weight: 500;
  text-align: center;
  line-height: var(--allclear-37-lineheight);
}

/* End What Our Customesr Say */
/* Innovators */

.innovators-contaianer {
  background: var(--allclear-neutral);
  padding: 50px 12px;
}

.innovators-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 12px;
}

.innovators-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  text-align: left;
}

.innovators-inner p {
  font-size: var(--allclear-18);
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  text-align: left;
}

.investor-card-container {
  margin-top: 19px;
  position: relative;
}

.investor-card-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 31px;
  box-sizing: border-box;
  height: 460px;
  overflow: hidden;
  justify-items: center
}

.investor-card {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

.investor-card-image {
  overflow: hidden;
}

.investor-card-image img {
  width: 100%;
  margin-block-end: -9px;
}

.investor-card-badge {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--allclear-blue);
  padding: 7px 19px;
  flex-grow: 1;
}

.investor-card-badge p {
  color: var(--allclear-neutral);
  margin-block-end: 0;
  margin-block-start: 0;
}

.investor-card-badge p:last-of-type {
  color: var(--allclear-secondary-grey);
}

#dots {
  background-image: linear-gradient(transparent, var(--allclear-neutral));
  height: 83px;
  display: inline;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
}

.down-arrow-icon:before {
  content: "";
  background-image: url("https://res.cloudinary.com/dttwa61aq/image/upload/v1723734264/all_clear_uk/About-Us-2024/about-arrow-down.webp");
  background-size: 24px 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: sub;
  background-repeat: no-repeat;
}

.right-arrow-icon:before {
  content: "";
  background-image: url("https://res.cloudinary.com/dttwa61aq/image/upload/v1727428511/act-email-docs/2024/global/icons/chevron-r-white-40.png");
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 18px;
  vertical-align: sub;
  background-repeat: no-repeat;
}

#investorsBtn {
  position: relative;
  left: 50%;
  width: 24px;
  margin: 10px 0;
  cursor: pointer;
  transform: translate(-50%, 0%);
  border: unset;
  padding: unset;
  background-color: unset;
}

@media only screen and (min-width: 476px) {
  .investor-card-inner {
    grid-template-columns: 1fr 1fr;
  }

}

@media only screen and (min-width: 768px) {
  .innovators-contaianer {
    padding: 50px;
  }
}

@media only screen and (min-width: 821px) {
  .investor-card-inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
  }


}

/* End Mission */
/* Team Magic */
.team-magic-container {
  background: linear-gradient(to bottom, var(--allclear-blue) 50%, #fff 50%);
}

.team-magic-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
}

.team-magic-left {
  color: #fff;
}

.team-magic-left,
.team-magic-right {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  padding: 50px 12px;
}

.team-magic-left h2,
.team-magic-right h2 {
  font-size: var(--allclear-28);
  font-weight: 500;
  line-height: var(--allclear-28-lineheight);
  text-align: left;
  color: #fff;
}

.team-magic-right h2 {
  color: var(--allclear-blue);
}

.team-magic-left p,
.team-magic-right p,
.team-magic-right ul {
  font-size: var(--allclear-18);
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
  text-align: left;
}

.team-magic-left p {
  color: #fff;
}

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

  .team-magic-left,
  .team-magic-right {
    padding: 50px;
  }
}

@media only screen and (min-width: 769px) {
  .team-magic-left {
    padding-right: 120px;
  }

  .team-magic-right {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 821px) {
  .team-magic-container {
    background: linear-gradient(to right, var(--allclear-blue) 50%, #fff 50%);
  }

  .team-magic-inner {
    flex-direction: row;
  }
}

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

  .team-magic-left,
  .team-magic-right {
    padding: 50px 25px;
  }
}

/* End Team Magic */
/* Our Values */

.ourvalues-container {
  background: var(--allclear-lightblue);
  padding: 60px 12px;
}

.ourvalues-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
  justify-content: space-between;
}

.ourvalues-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .ourvalues-inner {
    flex-direction: row;
  }

  .ourvalues-inner img {
    width: 162px;
  }
}

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

  .ourvalues-inner img {
    width: 226px;
  }
}

/* End Our Values */
/* Meet the experts */
.experts-container {
  background: var(--allclear-neutral);
  padding: 60px 12px;
}

.experts-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
  justify-content: space-between;
}

.experts-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
  text-align: left;
  width: 100%;
}

.experts-inner p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

.expert-card-container {
  display: flex;
  justify-content: flex-start;
}

.expert-card-container-right {
  justify-content: flex-end;
}

.expert-card {
  display: flex;
  flex-direction: column;
}

.expert-card-img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
}

.expert-card-img img {
  width: 100%;
  margin-block-start: -2px;
  margin-block-end: -10px;
}

.expert-card-text {
  display: flex;
  background: var(--allclear-blue);
  padding: 31px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.expert-card-text h3 {
  color: #fff;
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.expert-card-text h3 a {
  color: #fff;
  text-decoration: none;
}

.expert-card-text h3 a:hover {
  text-decoration: underline;
}

.expert-card-text p {
  color: #fff;
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

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

  .expert-card {
    flex-direction: row;
    max-width: 780px;
  }

  .expert-card-img {
    max-height: 265px;
    flex: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
  }

  .expert-card-img img {
    width: auto;
    max-height: 265px;
  }

  .expert-card-text {
    flex: 2;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
  }
}

/* End Meet the experts */
/* Text Section */
.textsection-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.textsection-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
  justify-content: space-between;
  box-sizing: border-box;
}

.textsection-card-col {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin: auto;
  gap: 31px;
  justify-content: space-between;
  box-sizing: border-box;
}

.textsection-card {
  display: flex;
  flex-direction: column;
  background: var(--allclear-neutral);
  padding: 19px;
  gap: 12px;
}

.textsection-card a {
  color: var(--allclear-blue);
  text-decoration: none;
}

.textsection-card a:hover {
  text-decoration: underline;
}

.textsection-blue a {
  color: #fff;
}

.textsection-50 {
  width: unset;
}

.textsection-card h2 {
  font-size: var(--allclear-28);
  font-weight: 500;
  line-height: var(--allclear-28-lineheight);
}

.textsection-card-blue h2 {
  color: var(--allclear-blue);
}

.textsection-card-37 h2 {
  font-size: var(--allclear-37);
  line-height: var(--allclear-37-lineheight);
}

.textsection-card p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

.textsection-card p span {
  font-weight: 700;
}

.textsection-blue {
  color: #fff;
  background: var(--allclear-blue);
}

.textsection-blue h2 {
  color: #fff;
}

.textsection-card img {
  width: 100%;
}

.textsection-card-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto;
}

.textsection-card-logos img:nth-child(1) {
  width: auto;
  max-width: fit-content;
  height: 65px;
}

.textsection-card-logos img:nth-child(2) {
  width: auto;
  max-width: fit-content;
  height: 53px;
}

.textsection-card-logos img:nth-child(3) {
  width: auto;
  max-width: fit-content;
  height: 54px;
}

.textsection-card-logos img:nth-child(4) {
  width: auto;
  max-width: fit-content;
  height: 58px;
}

.textsection-card-logos img:nth-child(5) {
  width: auto;
  max-width: fit-content;
  height: 65px;
}

.textsection-card-logos img:nth-child(6) {
  width: auto;
  max-width: fit-content;
  height: 61px;
}

.textsection-card-logos img:nth-child(7) {
  width: auto;
  max-width: fit-content;
  height: 35px;
}

.textsection-card-logos img:nth-child(8) {
  width: auto;
  max-width: fit-content;
  height: 42px;
}

.textsection-card-logos img:nth-child(9) {
  width: auto;
  max-width: fit-content;
  height: 46px;
}

@media only screen and (min-width: 334px) {
  .textsection-card-logos {
    width: 90%;
  }
}

@media only screen and (min-width: 380px) {
  .textsection-card-logos {
    width: 80%;
  }
}

@media only screen and (min-width: 821px) {
  .textsection-inner {
    flex-direction: row;
  }

  .textsection-50 {
    width: calc(50% - 16px);
  }
}

@media only screen and (min-width: 1117px) {
  .textsection-card-logos {
    width: 100%;
  }
}

/* End Text Section */
/* Protect Details */
.protectdetails-container {
  background: var(--allclear-neutral);
  padding: 50px 12px;
}

.protectdetails-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 31px;
}

.protectdetails-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.protectdetails-inner p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

.protectdetails-card {
  background: #fff;
  display: flex;
  padding: 50px 31px;
  flex-direction: column;
  align-items: flex-start;
  flex: unset;
  gap: 31px;
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

.protectdetails-card h4 {
  color: var(--allclear-blue);
  font-size: var(--allclear-23);
  font-weight: 500;
  line-height: var(--allclear-23-lineheight);
}

.protectdetails-card p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

@media only screen and (min-width: 425px) {
  .protectdetails-card {
    flex: 1 0 45%;
  }
}

@media only screen and (min-width: 821px) {
  .protectdetails-card {
    flex: 1 0 25%;
  }
}


/* End Protect Details */
/* Contact Allclear */
.contactallclear-container {
  background: var(--allclear-lightblue);
  padding: 50px 12px;
}

.contactallclear-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
  gap: 12px;
}

.contactallclear-inner h2 {
  color: var(--allclear-blue);
  font-size: var(--allclear-37);
  font-weight: 500;
  line-height: var(--allclear-37-lineheight);
}

.contactallclear-inner p {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

.contactallclear-inner p:last-of-type {
  margin-bottom: 15px;
}

.contactallclear-card {
  background: #fff;
  display: flex;
  padding: 19px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 100%;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

.contactallclear-card h4 {
  color: var(--allclear-blue);
  font-size: var(--allclear-23);
  font-weight: 500;
  line-height: var(--allclear-23-lineheight);
}

.contactallclear-card li {
  font-size: var(--allclear-18);
  font-style: normal;
  font-weight: 400;
  line-height: var(--allclear-18-lineheight);
}

.contactallclear-card button {
  width: 270px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media only screen and (min-width: 821px) {
  .contactallclear-card {
    flex: 1 0 320px;
  }
}

/* End Contact Allclear */
/* caviates */

.caviates-container {
  background: var(--allclear-beige);
  padding: 50px 12px;
}

.caviates-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: var(--allclear-maxwidth);
}

.caviates-inner p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

/* End caviates */