.about__img {width: 200px;border-radius: 0.5rem;justify-self: center;align-self: center;}.about__description {text-align: center;margin-bottom: var(--mb-2-5);}.about__info {display: flex;justify-content: space-evenly;margin-bottom: var(--mb-2-5);}.about__info-title {font-size: var(--h2-font-size);font-weight: var(--font-semi-bold);color: var(--title-color);}.about__info-name {font-size: var(--smaller-font-size);}.about__info-title, .about__info-name {display: block;text-align: center;}.about__buttons {display: flex;justify-content: center;}.skills__container {row-gap: 0;}.skills__header {display: flex;align-items: center;margin-bottom: var(--mb-2-5);cursor: pointer;}.skills__icon, .skills__arrow {font-size: 2rem;color: var(--first-color);}.skills__icon {margin-right: var(--mb-0-75);}.skills__title {font-size: var(--h3-font-size);}.skills__subtitle {font-size: var(--small-font-size);color: var(--text-color-light);}.skills__arrow {margin-left: auto;transition: 0.4s;}.skills__list {row-gap: 1.5rem;padding-left: 2.7rem;}.skills__titles {display: flex;justify-content: space-between;margin-bottom: var(--mb-0-5);}.skills__name {font-size: var(--normal-font-size);font-weight: var(--font-medium);}.skills__bar, .skills__percentage {height: 5px;border-radius: 0.25rem;}.skills__bar {background-color: var(--first-color-lighter);}.skills__percentage {display: block;background-color: var(--first-color);}.skills__html {width: 100%;}.skills__css {width: 100%;}.skills__js {width: 100%;}.skills__react {width: 100%;}.skills__php {width: 100%;}.skills__node {width: 100%;}.skills__firebase {width: 100%;}.skills__python {width: 100%;}.skills__figma {width: 100%;}.skills__sketch {width: 100%;}.skills__photoshop {width: 100%;}.skills__close .skills__list {height: 0;overflow: hidden;}.skills__open .skills__list {height: max-content;margin-bottom: var(--mb-2-5);}.skills__open .skills__arrow {transform: rotate(-180deg);}.skills__languages-and-tools .skills__languages-and-tools__contents a {display: inline-block;margin-right: 5%;margin-bottom: 5%;margin-top: 5%;margin-left: 5%;}.skills__languages-and-tools .skills__languages-and-tools__title {font-size: var(--h3-font-size);font-weight: var(--font-medium);margin-bottom: 2%;margin-top: 2%;}.qualification__tabs {display: flex;justify-content: space-evenly;margin-bottom: var(--mb-2);}.qualification__button {font-size: var(--h3-font-size);font-weight: var(--font-medium);cursor: pointer;}.qualification__button:hover {color: var(--first-color);}.qualification__icon {font-size: 1.8rem;margin-right: var(--mb-0-25);}.qualification__data {display: grid;grid-template-columns: 1fr max-content 1fr;column-gap: 1.5rem;}.qualification__title {font-size: var(--normal-font-size);font-weight: var(--font-medium);}.qualification__subtitle {display: inline-block;font-size: var(--small-font-size);margin-bottom: var(--mb-1);}.qualification__calendar {font-size: var(--smaller-font-size);color: var(--text-color-light);}.qualification__rounder {display: inline-block;width: 13px;height: 13px;background-color: var(--first-color);border-radius: 50%;}.qualification__line {display: block;width: 1px;height: 100%;background-color: var(--first-color);transform: translate(6px, -7px);}.qualification [data-content] {display: none;}.qualification__active[data-content] {display: block;}.qualification__button.qualification__active {color: var(--first-color);}.services__container {gap: 1.5rem;grid-template-columns: repeat(2, 1fr);}.services__content {position: relative;background-color: var(--container-color);padding: 3.5rem 0.5rem 1.25rem 1.5rem;border-radius: 0.25rem;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);transition: 0.3s;}.services__content:hover {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}.services__icon {display: block;font-size: 1.5rem;color: var(--first-color);margin-bottom: var(--mb-1);}.services__title {font-size: var(--h3-font-size);margin-bottom: var(--mb-1);font-weight: var(--font-medium);}.services__button {cursor: pointer;font-size: var(--small-font-size);}.services__button:hover .button__icon {transform: translateX(0.25rem);}.services__modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;padding: 0 1rem;z-index: var(--z-modal);opacity: 0;visibility: hidden;transition: 0.3s;}.services__modal-content {position: relative;background-color: var(--container-color);padding: 1.5rem;border-radius: 0.5rem;}.services__modal-services {row-gap: 1rem;}.services__modal-service {display: flex;}.services__modal-title {font-size: var(--h3-font-size);font-weight: var(--font-medium);margin-bottom: var(--mb-1-5);}.services__modal-close {position: absolute;top: 1rem;right: 1rem;font-size: 1.5rem;color: var(--first-color);cursor: pointer;}.services__modal-icon {color: var(--first-color);margin-right: var(--mb-0-25);}.active-modal {opacity: 1;visibility: visible;}.portfolio__container {overflow: initial;}.portfolio__content {padding: 0 1.5rem;}.portfolio__img {width: 265px;border-radius: 0.5rem;justify-self: center;}.portfolio__title {font-size: var(--h3-font-size);margin-bottom: var(--mb-0-5);}.portfolio__description {margin-bottom: var(--mb-0-75);}.portfolio__button:hover .button__icon {transform: translateX(0.25rem);}.swiper-button-prev::after, .swiper-button-next::after {content: "";}.swiper-portfolio-icon {font-size: 2rem;color: var(--first-color);}.swiper-button-prev {left: -0.5rem;}.swiper-button-next {right: 0.5rem;}.swiper-container-horizontal > .swiper-pagination-bullets {bottom: -2.5rem;}.swiper-pagination-bullet-active {background-color: var(--first-color);}.swiper-button-prev, .swiper-button-next, .swiper-pagination-bullet {outline: none;}.testimonial__data, .testimonial__header {display: flex;}.testimonial__data {justify-content: space-between;margin-bottom: var(--mb-1);}.testimonial__img {width: 60px;height: 60px;border-radius: 50%;margin-right: var(--mb-0-75);}.testimonial__name {font-size: var(--h3-font-size);font-weight: var(--font-medium);}.testimonial__client {font-size: var(--small-font-size);color: var(--text-color-light);}.testimonial__description {margin-bottom: var(--mb-2-5);}.testimonial__icon-star {color: var(--first-color);}.swiper-container .swiper-pagination-testimonial {bottom: 0;}.contact__container {row-gap: 3rem;}.contact__information {display: flex;margin-bottom: var(--mb-2);}.contact__icon {font-size: 2rem;color: var(--first-color);margin-right: var(--mb-0-75);}.contact__title {font-size: var(--h3-font-size);font-weight: var(--font-medium);}.contact__subtitle {font-size: var(--small-font-size);color: var(--text-color-light);}.contact__content {background-color: var(--input-color);border-radius: 0.5rem;padding: 0.75rem 1rem 0.25rem;}.contact__label {font-size: var(--smaller-font-size);color: var(--title-color);}.contact__input {width: 100%;background-color: var(--input-color);color: var(--text-color);font-family: var(--body-font);font-size: var(--normal-font-size);border: none;outline: none;padding: 0.25rem 0.5rem 0.5rem 0;}.footer {padding-top: 2rem;}.footer__container {row-gap: 3.5rem;}.footer__bg {background-color: var(--first-color-second);padding: 2rem 0 3rem;}.footer__title {font-size: var(--h1-font-size);margin-bottom: var(--mb-0-25);}.footer__subtitle {font-size: var(--small-font-size);}.footer__links {display: flex;flex-direction: column;row-gap: 1.5rem;}.footer__link:hover {color: var(--first-color-lighter);}.footer__social {font-size: 1.25rem;margin-right: var(--mb-1-5);}.footer__social:hover {color: var(--first-color-lighter);}.footer__copy {font-size: var(--smaller-font-size);text-align: center;color: var(--text-color-light);margin-top: var(--mb-3);}.footer__title, .footer__subtitle, .footer__link, .footer__social {color: #fff;}#marker {background-image: url("../img/about.png");background-size: cover;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;}.mapboxgl-popup {max-width: 200px;}.mapboxgl-popup-content {background-color: black !important;color: white;}.mapboxgl-popup-close-button {color: white;}.mapbox_style {position: absolute;z-index: 10;bottom: 10px;left: 10px;width: 40px;height: 40px;cursor: pointer;border: 1px solid black;border-radius: 3px;}.mapbox_style-active {filter: brightness(0.5);}.mapbox_style__image {border-radius: 3px;object-fit: cover;width: 100%;height: 100%;}