/* Media Query for Max-width */
/* Media Query for Min-width */
/* Media Query for Min & Max Width */
/* Media Query for Max Height */
/* Media Query for Min Height */
/*======= Flex Functions and Prefix Start */
/* Flex - Justify , Align */
/*  Flex Justify */
/*  Flex - Align */
/* Flex Direction */
/*======= Flex Functions and Prefix End */
/*======= Position Property Start */
/* Position Absolute Center */
/* Position Zero */
/*======= Position Property End */
/*  Text Font Properties */
/*  Custom Overlay */
/*  Transition */
/*  ::before */
* {
  box-sizing: border-box;
  margin: 0;
}

.centrico-about-us-banner {
  height: 405px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgba(32, 66, 90, 0.45), rgba(32, 66, 90, 0.45));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.centrico-about-us-banner h2 {
  font-family: Poppins-SemiBold;
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  line-height: 52px;
  /* identical to box height */
  text-align: center;
  color: #ffffff;
}
.centrico-about-us-company-overview {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 117px;
  flex-wrap: wrap;
}
.centrico-about-us-company-overview__text {
  width: 40%;
}
.centrico-about-us-company-overview__img {
  width: 60%;
  display: flex;
  padding-inline-start: 72px;
}
.centrico-about-us-company-overview__img__col1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}


.centrico-about-us-company-overview__img__col1 img {
  border-radius: 14.25px;
  margin-bottom: 32px;
}
.centrico-about-us-company-overview__img__col1 img:last-child {
  margin-bottom: 0;
}
.centrico-about-us-company-overview__img__col2 {
  margin-inline-start: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.centrico-about-us-company-overview__img__col2::after {
  content: "";
  position: absolute;
  width: 405px;
  height: 325px;
  right: -32px;
  bottom: 77px;
  background: #f7f8f8;
  border-radius: 20px;
  z-index: -1;
}
.centrico-about-us-company-overview__img__col2 img {
  border-radius: 20px;
  width:100%;
}
@media (max-width: 768px) {
  .centrico-about-us-company-overview__img__col1 {
    display: none;
  }
  .centrico-about-us-company-overview__img {
    padding-inline-start:0;
  }
  .centrico-about-us-company-overview__img__col2 {
    margin-top: 20px;
    margin-inline-start: 0;
  }
  .centrico-about-us-company-overview__img__col2::after{
    display: none;
  }
}
.centrico-about-us-core-values {
  background-color: #f7f8f8;
}
.centrico-about-us-core-values__container {
  padding: 123px 80px 104px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap:20px;
}
@media (max-width: 768px){
  .centrico-about-us-core-values__container {
    padding: 123px 16px 104px;
  }
}
.centrico-about-us-core-values__img {
  width: 438px;
  height: 442px;
}

.centrico-about-us-pharmacy {
  display: flex;
  flex-wrap: wrap;
  padding: 0 80px;
  margin: 138px auto 110px;
  max-width: 1440px;
}
.centrico-about-us-pharmacy__text h3 {
  max-width: 487px;
}
.centrico-about-us-pharmacy__img {
  position: relative;
  padding-inline-start: 32px;
}
.centrico-about-us-pharmacy__img{
  min-height: 300px;
}
.centrico-about-us-pharmacy__img::after {
  content: "";
  position: absolute;
  width: 405px;
  height: 325px;
  right: -38px;
  top: -38px;
  background: #f7f8f8;
  border-radius: 20px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: -1;
}
.centrico-about-us-pharmacy__img img {
  width: 504px;
  height: 364px;
  object-fit: contain;
}
@media (max-width: 768px){
  .centrico-about-us-pharmacy {
    padding: 0 16px;
  }
  .centrico-about-us-pharmacy__img{
    margin-top: 32px;
    padding-inline-start: 0;
  }
  .centrico-about-us-pharmacy__img::after{
    display: none
  }
}

.centrico-about-us-mission-vision {
  min-height: 495px;
  padding: 32px 16px;
  background: radial-gradient(35.99% 35.99% at 50% 37.39%, rgba(43, 127, 114, 0.2) 0%, rgba(52, 107, 88, 0.138) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/parallax-missi0n.png), #c4c4c4;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.centrico-about-us-mission-vision__text h3 {
  font-family: Poppins-SemiBold;
  font-style: italic;
  font-size: 24px;
  line-height: 36px;
  /* identical to box height */
  letter-spacing: 0.01em;
  color: #ffffff;
  text-align: center;
  margin-bottom: 14px;
}
.centrico-about-us-mission-vision__text p {
  font-family: Poppins-Light;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  max-width: 603px;
  margin-bottom: 28px;
  position: relative;
  margin-top: 28px;
}
.centrico-about-us-mission-vision__text p:last-child {
  margin-bottom: 0;
}
.centrico-about-us-mission-vision__text p::before {
  content: url(../images/about-us-quotes.svg);
  position: absolute;
  width: 28.46px;
  height: 19px;
  left: 0px;
  top: -26px;
  left:50%;
  opacity: 0.9;
  transform: translate(-50%, 0);
}

.centrico-about-us-accreditations{
 margin:80px 0;
}
.centrico-about-us-accreditations__text h4 {
  text-align: center;
}
.centrico-about-us-accreditations__text h3 {
  max-width: 487px;
  text-align: center;
  margin: auto;
}
.centrico-about-us-accreditations__text p {
  margin: 34px auto 60px;
  max-width: 897px;
  text-align: center;
}
.centrico-about-us-accreditations__awards {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 54px;
  flex-wrap: wrap;
}
.centrico-about-us-accreditations__contact p {
  font-family: Avenir-Next-Regular, Poppins-Regular;
  font-size: 20px;
  line-height: 30px;
  /* identical to box height */
  color: #20425a;
  text-align: center;
}
.centrico-about-us-accreditations__contact__call {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 23px;
}
.centrico-about-us-accreditations__contact__call a {
  text-decoration: none;
  font-family: Avenir-Book;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  letter-spacing: 0.01em;
  color: #2d516b;
  margin-inline-start: 12px;
}
.centrico-about-us-accreditations__contact__buttons {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  flex-wrap: wrap;
  gap:20px
}
.centrico-about-us-accreditations__contact__buttons__button {
  text-decoration: none;
  display: block;
  border-radius: 100px;
  font-family: Poppins-Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #ffffff;
  padding: 18px 45px;
}
.centrico-about-us-accreditations__contact__buttons .bg-color_1 {
  background-color: #82d9cb;
}
.centrico-about-us-accreditations__contact__buttons .bg-color_2 {
  background-color: #db7b7b;
}
.centrico-about-us-team {
  padding: 0 80px;
  margin: 80px auto;
  max-width: 1440px;
}
.centrico-about-us-team__carousel {
  margin-top: 48px;
}
.centrico-about-us-team__carousel__card {
  width: 285.82px;
  height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 37px;
  background-color: #78c4c318;
  background-image: url(../images/Wavy-Pattern.svg);
  border-radius: 20px;
  margin: auto;
}
.centrico-about-us-team__carousel__card:hover a {
  background-color: #82D9CB;
}
.centrico-about-us-team__carousel__card__img {
  width: 118px;
  height: 118px;
  background-color: #D8E9E9;
  border-radius: 50%;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.centrico-about-us-team__carousel__card h3 {
  margin-top: 24px;
  font-family: Avenir-Black;
  font-size: 18px;
  line-height: 20px;
  /* identical to box height, or 111% */
  letter-spacing: 0.02em;
  color: #000000;
}
.centrico-about-us-team__carousel__card p {
  margin-top: 14px;
  font-family: Poppins-Light;
  font-size: 16px;
  line-height: 18px;
  /* identical to box height, or 112% */
  letter-spacing: 0.02em;
  color: #222222;
}
.centrico-about-us-team__carousel__card a {
  margin-top: auto;
  display: block;
  text-decoration: none;
  font-family: Avenir-Next-Regular, Poppins-Regular;
  font-size: 14px;
  line-height: 21px;
  /* identical to box height */
  letter-spacing: 0.02em;
  color: #FFFFFF;
  padding: 18px 40px;
  background: #20425A;
  border-radius: 100px;
}
.centrico-about-us-team__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24.19px;
}
.centrico-about-us-team__footer__view-team a {
  font-family: Avenir-Book;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  letter-spacing: 0.02em;
  color: #333333;
  text-decoration: none;
  margin-inline-end: 12px;
}
.centrico-about-us-team__footer__buttons {
  display: flex;
  align-items: center;
}
.centrico-about-us-team__footer__buttons .prev,
.centrico-about-us-team__footer__buttons .next {
  width: 44.86px;
  height: 44.86px;
  background-color: #82D9CB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.centrico-about-us-team__footer__buttons .next {
  margin-inline-start: 12px;
}
.centrico-about-us-team__footer__buttons .next img {
  transform: scaleX(-1);
}

.centrico-about-us-products {
  background-color: #F7F8F8;
  overflow: hidden;
}
.centrico-about-us-products__container {
  padding: 168px 80px 10px;
  position: relative;
  max-width: 1440px;
  margin: auto;
}
.centrico-about-us-products__text {
  height: 656px;
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 604px;
  padding: 0px 80px 0px;
  z-index: 2;
  background: #F7F8F8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.centrico-about-us-products__text__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.centrico-about-us-products__text__footer__buttons {
  display: flex;
  align-items: center;
  margin-inline-start: 60px;
}
.centrico-about-us-products__text__footer__buttons .prev.next {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.centrico-about-us-products__text__footer__buttons .prev {
  margin-inline-end: 12px;
}
.centrico-about-us-products__text__footer__buttons .prev img {
  transform: scaleX(-1);
}
.centrico-about-us-products__text__footer__dots .slick-dots {
  display: flex !important;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.centrico-about-us-products__text__footer__dots .slick-dots button {
  display: block;
  width: 32px;
  height: 3px;
  padding: 0;
  border: none;
  background: #DDDDDD;
  text-indent: -9999px;
}
.centrico-about-us-products__text__footer__dots .slick-dots li.slick-active button {
  background: #20425A;
}
@media (max-width: 768px){
  .centrico-about-us-products__container{
    padding: 0;
  }
  .centrico-about-us-products__text {
    position: static;
    margin-inline-start: 0;
    padding: 40px 20px;
    height:auto;
    text-align: center;
    display: block;
  }
  .centrico-about-us-products__text__footer{
    display: none;
  }
  .centrico-about-us-products__carousel{
    display: none;
  }
}
.centrico-about-us-products__carousel {
  width: 330px;
  height: 480px;
  margin-inline-start: 528px;
  clip-path: inset(-100vw -100vw -100vw 0);
}
.centrico-about-us-products__carousel .slick-list {
  overflow: visible;
}
.centrico-about-us-products__carousel .slick-list .slick-track {
  display: flex;
  align-items: center;
}
.centrico-about-us-products__carousel .slick-list .slick-track .slick-active .centrico-about-us-products__carousel__card,
.centrico-about-us-products__carousel .slick-list .slick-track .slick-current .centrico-about-us-products__carousel__card {
  transform: scale(1.27, 1.5);
  background-color: #dedede;
}
.centrico-about-us-products__carousel .slick-list .slick-track .slick-active .centrico-about-us-products__carousel__card h3,
.centrico-about-us-products__carousel .slick-list .slick-track .slick-current .centrico-about-us-products__carousel__card h3 {
  transform: scale(0.9, 0.8);
}
.centrico-about-us-products__carousel__card {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 260px;
  height: 320px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) -10.63%, rgba(0, 0, 0, 0) 47.66%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/product-car-2.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%), #C4C4C4;
  border-radius: 22px;
  margin: auto;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  transform-origin: 50% 50%;
}
.centrico-about-us-products__carousel__card h3 {
  font-family: Poppins-SemiBold;
  font-size: 25px;
  line-height: 37px;
  letter-spacing: 0.01em;
  /* White */
  color: #FFFFFF;
}