.first-section {
  padding: 5%;
}

.first-section .first-ctn {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  width: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 25%,
    rgba(34, 143, 252, 1) 25%
  );
  /*height: 90vh;*/
  border-radius: 4vw 4vw 0 0;
  overflow: hidden;
}

.first-ctn .text-ctn {
  display: grid;
  width: 100%;
  grid-template-columns: 50% 50%;
  height: 40vw;
  justify-items: center;
  justify-content: center;
}

.first-ctn .text-ctn .slide-img{
  width: 100%;
}

.first-ctn .text-ctn .txt {
  display: flex;
  padding: 0 5%;
  justify-content: center;
  flex-direction: column;
  gap: 2vw;
}

.first-ctn .text-ctn .txt h1 {
  color: var(--deep_blue);
  font-size: 3.5vw;
  font-weight: 600;
  line-height: 0.9;
}

.first-ctn .text-ctn .txt span {
  color: #f7f6d1;
  font-size: 4vw;
  font-weight: 700;
}

.first-ctn .text-ctn .txt a {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--soft_blue);
  border-radius: 1.5vw;
  font-weight: 600;
  padding: 0.5vw 0.7vw;
  border: 2px solid white;
}

.first-ctn .text-ctn .txt a:hover {
  background-color: var(--soft_blue);
  transform: translateY(-0.2vw);
  color: white;
  font-weight: 600;
  border: 2px solid white;
}

.first-ctn .text-ctn .slide-img img {
  height: 35vw;
  display: flex;
  width: 100%;
  border-radius: 0 0 4vw 0;
  object-fit: cover;
}

.first-ctn .slide-ctn .slick-track {
  padding-bottom: 2%;
}

.first-ctn .slide-ctn .slick-slide {
  margin: 0 20px;
}

.first-ctn .slide-ctn .slick-list {
  overflow: visible;
}

.first-ctn .slide-ctn .slide-item {
  display: flex;
  height: 28vw;
  padding: 10%;
  transition: 0.4s all ease;
  gap: 2vw;
  box-shadow: 3px 3px 10px #00000050;
  flex-direction: column;
  background-color: white;
}

.first-ctn .slide-ctn .slide-item:hover {
  background-color: var(--deep_blue);
}

.first-ctn .slide-ctn .slide-item:hover .icon-ctn path {
  fill: white;
}

.first-ctn .slide-ctn .slide-item:hover .txt-ctn h2 {
  color: white;
}

.first-ctn .slide-ctn .slide-item:hover .txt-ctn p {
  color: white;
}

.first-ctn .slide-ctn .slide-item:hover .txt-ctn a {
  color: white;
}

.first-ctn .slide-ctn .slide-item svg {
  width: 5vw;
}

.first-ctn .slide-ctn .slide-item .txt-ctn {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  gap: 1vw;
}

.first-ctn .slide-ctn .slide-item .txt-ctn h2 {
  font-size: 1.3vw;
  color: var(--deep_blue);
}

.first-ctn .slide-ctn .slide-item .txt-ctn a {
  color: var(--deep_blue);
}

.first-ctn .slide-ctn .slide-item .txt-ctn p {
  text-align: left;
}





@media (max-width: 996px) {
  .first-section {
    padding: 10%;
  }

  .first-ctn .slide-ctn .slide-item {
    height: 20vw;
  }

  .first-section .first-ctn {
    gap: 8vw;
  }

  .first-ctn .text-ctn {
    height: 100%;
    gap: 4vw;
    grid-template-columns: 100%;
  }

  .first-ctn .text-ctn .txt {
    order: 2;
    padding: 5%;
    display: flex;
    gap: 4vw;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .first-ctn .text-ctn .txt h1 {
    font-size: 7vw;
    text-align: center;
  }

  .first-ctn .text-ctn .txt span {
    font-size: 9vw;
  }

  .first-ctn .text-ctn .txt a {
    padding: 3vw 8vw;
  }

  .first-ctn .text-ctn .img {
    order: 1;
  }

  .first-ctn .text-ctn .slide-img img {
    height: 100%;
    border-radius: 4vw;
    object-fit: cover;
  }

  .first-ctn .slide-ctn .slide-item {
    height: 70vw;
  }

  .first-ctn .slide-ctn .slide-item svg {
    width: 15vw;
  }

  .first-ctn .slide-ctn .slide-item .txt-ctn {
    gap: 2vw;
  }

  .first-ctn .slide-ctn .slide-item .txt-ctn h2 {
    font-size: 4vw;
  }

  .first-ctn .slide-ctn .slick-track {
    padding-bottom: 5%;
  }
}

/** services section **/

.services-section {
  padding: 5%;
  overflow: hidden;
}

.services-section .services-ctn {
  display: grid;
  position: relative;
  padding: 5%;
  gap: 5vw;
  border-radius: 3vw;
  background-color: var(--soft_blue);
  grid-template-columns: repeat(2, 1fr);
}

.services-section .services-ctn .img-ctn img {
  height: 100%;
  border-radius: 2vw;
  object-fit: cover;
}

.services-section .services-ctn .services-details {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.services-section .services-ctn .services-details .include-ctn {
  transition: all 0.4s ease;
}

.services-section .services-ctn .services-details .text {
  display: flex;
  color: white;
  transition: all 0.4s ease;
  flex-direction: column;
  gap: 0.5vw;
}

.services-section .services-ctn .services-details .text p {
  color: white;
  text-align: start;
  animation: main_fade 1s forwards;
}

.services-section .services-ctn .services-details .text a {
  color: white;
  animation: main_fade 1s forwards;
}

.services-section .services-ctn .services-details .text h2 {
  animation: main_fade 1s forwards;
  font-size: 2vw;
}

@keyframes main_fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.services-section .services-ctn .services-details .text a:hover {
  color: var(--deep_blue);
}

.services-section .services-ctn .services-details .services-items {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  .accordion-content {
  display: none;
  padding: 1vw;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  .button-active
  i {
  transform: rotate(90deg);
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  .container_service {
  position: relative;
  display: grid;
  justify-items: start;
  align-items: center;
  grid-template-columns: 10% 1fr 10%;
  gap: 2vw;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item::before {
  content: "";
  position: absolute;
  bottom: -40%;
  left: 0;
  width: 100%;
  height: 0.1vw;
  background-color: white;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  .icon {
  border-radius: 50%;
  padding: 5%;
  width: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3vw;
  background-color: white;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  svg {
  width: 2vw;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  .title
  h2 {
  font-size: 1.5vw;
  color: white;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  button {
  border: 0.2vw white solid;
  border-radius: 50%;
  display: flex;
  background-color: transparent;
  height: 2vw;
  width: 2vw;
  justify-content: center;
  align-items: center;
  padding: 5%;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  button:hover {
  background-color: white;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  button:active {
  background-color: white;
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  button:hover
  i {
  color: var(--deep_blue);
}

.services-section
  .services-ctn
  .services-details
  .services-items
  .service-item
  .arrow
  i {
  color: white;
  font-size: 1vw;
}

@media (max-width: 996px) {
  .services-section {
    padding: 10%;
  }

  .services-section .services-ctn {
    grid-template-columns: 100%;
    gap: 15vw;
  }

  .services-section .services-ctn .img-ctn img {
    border-radius: 5vw;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item
    svg {
    width: 4vw;
  }

  .services-section .services-ctn .services-details {
    gap: 7vw;
  }

  .services-section .services-ctn .services-details .text {
    gap: 4vw;
    padding: 3vw;
  }

  .services-section .services-ctn .services-details .services-items {
    gap: 4vw;
  }

  .services-section .services-ctn .services-details .text h2 {
    font-size: 4vw;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item::before {
    bottom: -15%;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item
    .title
    h2 {
    font-size: 4vw;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item
    .icon {
    width: 7vw;
    height: 7vw;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item
    img {
    width: 4vw;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item
    button {
    height: 4vw;
    width: 4vw;
  }

  .services-section
    .services-ctn
    .services-details
    .services-items
    .service-item
    .arrow
    i {
    font-size: 2vw;
  }
}

/** our team section **/

.our-team-section {
  display: flex;
  gap: 3vw;
  flex-direction: column;
  padding:5% 20%;
  justify-content: center;
  align-items: center;
}

.our-team-section .title h2 {
  color: var(--deep_blue);
}

.our-team-section .title span {
  color: var(--soft_blue);
}

.our-team-ctn {
  width: 100%;
}

.our-team-ctn .card-item {
  background-color: var(--deep_blue);
  border-radius: 0 0 10vw 0;
}

.our-team-ctn .card-item .slide-item {
  display: grid;
  height: 30vw;
  grid-template-columns: repeat(2, 1fr);
}

.our-team-ctn .card-item .text {
  display: flex;
  padding: 10%;
  justify-content: center;
  flex-direction: column;
  gap: 2vw;
}

.card-item .name {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.card-item .name h2 {
  color: white;
  font-size: 1.5vw;
}

.card-item .name p {
  color: white;
}

.card-item .details {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.card-item .details p {
  color: white;
  text-align: start;
}

.card-item .button a {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--deep_blue);
  border-radius: 1.5vw;
  font-weight: 600;
  padding: 0.5vw 0.7vw;
  border: 2px solid white;
}

.card-item .button a:hover {
  background-color: transparent;
  transform: translateY(-0.2vw);
  color: white;
  font-weight: 600;
  border: 2px solid white;
}

.card-item .img {
  overflow: visible;
  position: relative;
}

.card-item .img img {
  position: absolute;
  bottom: 0;
  transform: scale(1.05);
  transform-origin: bottom;
  left: 0;
}
@media (max-width: 996px) {
  .our-team-section {
    padding: 10%;
  }

  .our-team-ctn .card-item {
    border-radius: 5vw;
  }

  .our-team-ctn .card-item .slide-item {
    grid-template-columns: 100%;
    height: 160vw;
  }

  .our-team-ctn .card-item .text {
    align-items: center;
    text-align: center;
    gap: 5vw;
  }

  .card-item .name {
    gap: 2vw;
    align-items: center;
  }

  .card-item .name h2{
    font-size: 7vw;
  }

  .card-item .name p {
    text-align: center;
  }

  .card-item .img img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: flex;
    transform: none;
  }

  .card-item .details p {
    text-align: center;
  }

  .card-item .details {
    gap: 2vw;
  }

  .card-item .button a {
    padding: 3vw 8vw;
  }
}

/** who we are section */

.who-we-are-section {
  padding: 0%;
}

.who-we-are-ctn {
  display: flex;
  flex-direction: column;
  gap: 5vw;
  padding: 5% 0 5% 0;
}

.who-we-are-ctn .first-ctn {
  padding: 0 5% 0 5%;
}

.who-we-are-ctn .second-ctn {
  display: grid;
  gap: 12vw;
  justify-content: start;
  padding: 0 5% 0 0;
  grid-template-columns: 50% 30%;
  align-items: center;
}

.who-we-are-ctn .second-ctn .img {
  padding: 10%;
  background-color: var(--deep_blue);
  border-radius: 0 0 20% 0;
}

.who-we-are-ctn .second-ctn .img img {
  border-radius: 2%;
  transform: translateX(10vw);
  transition: all 0.4s ease;
}

.who-we-are-ctn .second-ctn .img img:hover {
  transform: scale(1.05) translate(10vw);
}

.who-we-are-ctn .second-ctn .txt {
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  gap: 2vw;
}

.who-we-are-ctn .second-ctn .txt span {
  color: var(--deep_blue);
}

.who-we-are-ctn .second-ctn .txt h2 {
  color: var(--soft_blue);
}

.who-we-are-ctn .second-ctn .txt a {
  background-color: var(--soft_blue);
  display: flex;
  width: 60%;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 1.5vw;
  font-weight: 600;
  padding: 0.5vw 0.7vw;
  border: 2px solid var(--soft_blue);
}

.who-we-are-ctn .second-ctn .txt a:hover {
  background-color: white;
  transform: translateY(-0.2vw);
  color: var(--soft_blue);
  font-weight: 600;
  border: 2px solid var(--soft_blue);
}

@media (max-width: 996px) {
  .who-we-are-ctn {
    gap: 7vw;
    padding: 0 0 10% 0;
  }

  .who-we-are-ctn .first-ctn {
    padding: 0 10% 0 10%;
  }

  .who-we-are-ctn .second-ctn {
    padding: 0 10% 0 0;
    grid-template-columns: 100%;
  }

  .who-we-are-ctn .second-ctn .img img {
    transform: none;
  }

  .who-we-are-ctn .second-ctn .txt {
    padding: 0 0 0 10%;
    gap: 5vw;
  }

  .who-we-are-ctn .second-ctn .txt a {
    padding: 3vw 8vw;
  }
}

/** blogs-section **/
.blogs-section {
  display: flex;
  padding: 5% 10%;
  flex-direction: column;
  gap: 3vw;
  justify-content: center;
  align-items: center;
}

.blogs-section .title h2 {
  color: var(--deep_blue);
}

.blogs-ctn {
  display: grid;
  gap: 5vw;
  grid-template-columns: repeat(2, 1fr);
}

.blog_1 {
  box-shadow: 3px 3px 10px #00000050;
  align-items: center;
  height: 20vw;
  display: grid;
  border-radius: 3vw;
  background-position: left;
  padding: 2vw;
  background-size: cover;
  grid-template-columns: 60% 40%;
  background-image: url("../media/jpg/pelvis_blog.jpg");
}

.blog_1 a {
  background-color: #00325e;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 1.5vw;
  font-weight: 600;
  padding: .8vw 2vw;
}

.blog_1 a:hover {
  background-color: white;
  transform: translateY(-0.2vw);
  color: #00325e;
  font-weight: 600;
}

.blog_1 .txt {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.blog_1 h2 {
  font-size: 1.7vw;
  color: white;
}

.blog_2 {
  box-shadow: 3px 3px 10px #00000050;
  align-items: center;
  height: 20vw;
  border-radius: 3vw;
  display: grid;
  padding: 2vw;
  background-position: left;
  background-size: cover;
  grid-template-columns: 60% 40%;
  background-image: url("../media/jpg/cerebro_blog.jpg");
}

.blog_2 a {
  background-color:#00325e;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 1.5vw;
  font-weight: 600;
  padding: .8vw 2vw;
}

.blog_2 a:hover {
  background-color: white;
  transform: translateY(-0.2vw);
  color: #00325e;
  font-weight: 600;
}

.blog_2 h2 {
  color: white;
  font-size: 1.7vw;
}

.blog_2 .txt {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

@media (max-width: 996px) {
  .blogs-ctn {
    grid-template-columns: 100%;
  }

  .blog_1 {
    height: 40vw;
  }

  .blog_1 h2 {
    font-size: 4vw;
  }

  .blog_1 a {
    font-size: 3vw;
  }

  .blog_2 {
    height: 40vw;
  }

  .blog_2 a {
    font-size: 3vw;
  }

  .blog_2 h2 {
    font-size: 4vw;
  }
}

/** our values section **/

.our-values-section {
  display: flex;
  padding: 5% 10%;
  background-image: url("../media/png/fondo1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex-direction: column;
  gap: 4vw;
  background-color: #e3e3e3;
  align-items: center;
}

.our-values-section .title h2 {
  color: var(--deep_blue);
}

.our-values-section .title span {
  color: var(--soft_blue);
}

.our-values-ctn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}

.our-values-ctn .number {
  display: flex;
  width: 3vw;
  height: 3vw;
  background-color: var(--deep_blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.our-values-ctn .number span {
  color: white;
  font-size: 2vw;
  font-weight: 600;
}

.our-values-ctn h2 {
  color: var(--deep_blue);
  font-size: 2vw;
}

.our-values-ctn .value-ctn .number {
  transition: all 0.4s;
}

.our-values-ctn .value-ctn {
  cursor: pointer;
}

.our-values-ctn .value-ctn:hover .number span {
  color: var(--deep_blue);
}

.our-values-ctn .value-ctn:hover .number {
  background: white;
}

.our-values-ctn .first-column {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.our-values-ctn .first-column .value-ctn {
  display: grid;
  gap: 1vw;
  grid-template-columns: 10% 1fr;
}

.our-values-ctn .first-column .value-ctn .txt {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.our-values-ctn .second-column {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.our-values-ctn .second-column .value-ctn .txt {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.our-values-ctn .second-column .value-ctn {
  display: grid;
  gap: 1vw;
  grid-template-columns: 10% 1fr;
}

.our-values-section .last-txt p {
  font-size: 1.5vw;
  width: 70%;
  margin: auto;
  text-align: center;
}

@media (max-width: 996px) {
  .our-values-section {
    padding: 10%;
    gap: 7vw;
  }

  .our-values-ctn {
    grid-template-columns: 100%;
  }

  .our-values-ctn h2 {
    font-size: 4vw;
  }

  .our-values-ctn .first-column {
    gap: 4vw;
  }

  .our-values-ctn .second-column {
    gap: 4vw;
  }

  .our-values-ctn .first-column .value-ctn {
    grid-template-columns: 20% 1fr;
  }

  .our-values-ctn .number span {
    font-size: 4vw;
  }

  .our-values-ctn .number {
    width: 7vw;
    height: 7vw;
  }

  .our-values-ctn .second-column .value-ctn {
    grid-template-columns: 20% 1fr;
  }

  .our-values-section .last-txt p {
    font-size: 3vw;
  }
}

/** comments section **/

.comments-section {
  overflow: hidden;
  padding: 0% 0 10% 5%;
}

.comments-section .comments-ctn {
  display: grid;
  height: 40vw;
  grid-template-columns: 35% 65%;
}

.comments-section .comments-ctn .first-column {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2vw;
}

.comments-section .comments-ctn .first-column img {
  position: absolute;
  opacity: 0.2;
  top: 10%;
  width: 20vw;
  right: 10%;
}

.comments-section .comments-ctn .first-column h2 {
  color: var(--deep_blue);
}

.comments-section .comments-ctn .first-column .arrows {
  display: flex;
  gap: 1vw;
}

.comments-section .comments-ctn .first-column .arrows .prev-arrow {
  font-size: 2vw;
}

.comments-section .comments-ctn .first-column .arrows .next-arrow {
  color: var(--deep_blue);
  font-size: 2vw;
}

.comments-section .comments-ctn .second-column {
  background-image: url("../media/png/fondo2.png");
  background-position: center;
  background-size: cover;
  padding: 20% 0;
}

.comments-section .comments-ctn .second-column .slide-yorman {
  transform: scale(1.2) translateX(-4vw);
}

.comments-section .comments-ctn .second-column .slide-yorman .slick-slide {
  margin: 0 2vw;
}

.comments-section .comments-ctn .second-column .slide-yorman .slick-list {
  height: 20vw;
}

.comments-section .comments-ctn .second-column .item {
  background-color: white;
  box-shadow: 3px 3px 10px #00000050;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  height: 17vw;
  width: 100%;
  border-radius: 2vw;
  padding: 10%;
}

.comments-section .comments-ctn .second-column .item .txt {
 display: flex;
 flex-direction: column;
 gap: 1vw;
}

.comments-section .comments-ctn .second-column .item p {
  color: black;
  font-size: 0.9vw;
  text-align: left;
}

.comments-section .comments-ctn .second-column .item h2 {
  color: var(--deep_blue);
  font-size: 1.5vw;
}

.comments-section .comments-ctn .second-column .item .stars {
  align-self: flex-end;
}

.comments-section .comments-ctn .second-column .item .stars i {
  color: var(--deep_blue);
}

@media (max-width: 996px) {
  .comments-section {
    padding: 0;
  }

  .comments-section .comments-ctn {
    grid-template-columns: 100%;
    height: 100%;
    gap: 3vw;
  }

  .comments-section .comments-ctn .second-column .slide-yorman {
    transform: scale(1);
  }

  .comments-section .comments-ctn .second-column .item {
    height: 45vw;
  }

  .comments-section .comments-ctn .second-column .item p{
    font-size: 3vw;
  }

  .comments-section .comments-ctn .second-column .item h2 {
    font-size: 5vw;
  }

  .comments-section .comments-ctn .first-column {
    padding: 10%;
  }

  .comments-section .comments-ctn .first-column .arrows .next-arrow {
    font-size: 4vw;
  }

  .comments-section .comments-ctn .first-column .arrows .prev-arrow {
    font-size: 4vw;
  }

  .comments-section .comments-ctn .second-column .slide-yorman .slick-list {
    height: 70vw;
  }

  .comments-section .comments-ctn .second-column .item .stars i{
    font-size: 3vw;
  }
}

/** request appointment section **/

.request-appointment {
}

.request-appointment .request-ctn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.request-appointment .request-ctn img {
  position: absolute;
  left: -30%;
  bottom: -20%;
  transform: scale(1.4);
}

.request-appointment .content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 50vw;
  transform: translateX(5vw);
  height: 30vw;
  border-radius: 3vw;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  background-color: var(--soft_blue);
}

.request-appointment .content .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2vw;
  width: 100%;
  height: 100%;
}

.request-appointment .content .img {
  position: relative;
}

.request-appointment .content .txt h2 {
  color: white;
}

.request-appointment .content .txt a {
  background-color: var(--soft_blue);
  display: flex;
  width: 60%;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 1.5vw;
  font-weight: 600;
  padding: 0.5vw 0.7vw;
  border: 0.2vw solid white;
}

.request-appointment .content .txt a:hover {
  background-color: white;
  transform: translateY(-0.2vw);
  color: var(--soft_blue);
  font-weight: 600;
  border: 0.2vw solid white;
}

@media (max-width: 996px) {
  .request-appointment {
    padding: 50% 10% 10% 10%;
  }

  .request-appointment .content {
    width: 100%;
    transform: translate(0);
    height: 100%;
    align-items: center;
    justify-items: center;
    grid-template-columns: 100%;
  }

  .request-appointment .request-ctn img {
    width: 40vw;
    transform: scale(1.5);
    transform-origin: bottom;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .request-appointment .content .txt {
    padding: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .request-appointment .content .txt a {
    width: 80%;
    padding: 3vw 8vw;
    font-size: 3.5vw;
  }
}

/** insurance section **/

.insurances-section {
  padding: 5%;
}

.insurances-ctn .title h2 {
  text-align: center;
  color: var(--deep_blue);
  margin-bottom: 3vw;
}

.insurance-item{
  padding: 2vw;
}

.insurances-ctn .slick-track {
  overflow: visible;
}

@media (max-width: 996px) {
  .insurances-section {
    padding: 10%;
  }
}
