@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --clr-white: #ffffff;
  --clr-black: #000000;
  --clr-primary: #32506a;
  --clr-primary-text: #6a90b5;
  --clr-red: #ff0000;
  --clr-gray: #d9e3ee;
}

.icon {
  display: block;
  position: relative;
}
.icon::before {
  content: "";
  background-color: #000000;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
.icon-mail {
  width: 18px;
  height: 18px;
}
.icon-mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cpath stroke='%236A90B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 4 7.89 5.26a2 2 0 0 0 2.22 0L19 4M3 15h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cpath stroke='%236A90B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 4 7.89 5.26a2 2 0 0 0 2.22 0L19 4M3 15h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}
.icon-chevron-right, .icon-chevron-left {
  width: 24px;
  height: 40px;
}
.icon-chevron-right::before, .icon-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='40' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.6' d='M0 20 21.053 0 24 2.8 5.895 20 24 37.2 21.053 40 0 20Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='40' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.6' d='M0 20 21.053 0 24 2.8 5.895 20 24 37.2 21.053 40 0 20Z'/%3E%3C/svg%3E");
}
.icon-chevron-right {
  transform: scaleX(-1);
}
.icon-call {
  width: 18px;
  height: 18px;
}
.icon-call::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%236A90B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 3a2 2 0 0 1 2-2h3.28a1 1 0 0 1 .948.684l1.498 4.493a1 1 0 0 1-.502 1.21l-2.257 1.13a11.042 11.042 0 0 0 5.516 5.516l1.13-2.257a1 1 0 0 1 1.21-.502l4.493 1.498a1 1 0 0 1 .684.949V17a2 2 0 0 1-2 2h-1C7.716 19 1 12.284 1 4V3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%236A90B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 3a2 2 0 0 1 2-2h3.28a1 1 0 0 1 .948.684l1.498 4.493a1 1 0 0 1-.502 1.21l-2.257 1.13a11.042 11.042 0 0 0 5.516 5.516l1.13-2.257a1 1 0 0 1 1.21-.502l4.493 1.498a1 1 0 0 1 .684.949V17a2 2 0 0 1-2 2h-1C7.716 19 1 12.284 1 4V3Z'/%3E%3C/svg%3E");
}
.icon-play {
  width: 40px;
  height: 40px;
}
.icon-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%235985E1' viewBox='0 -960 960 960'%3E%3Cpath d='M320-203v-560l440 280-440 280Zm60-280Zm0 171 269-171-269-171v342Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%235985E1' viewBox='0 -960 960 960'%3E%3Cpath d='M320-203v-560l440 280-440 280Zm60-280Zm0 171 269-171-269-171v342Z'/%3E%3C/svg%3E");
}
.icon-pause {
  width: 40px;
  height: 40px;
}
.icon-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%235985E1' viewBox='0 -960 960 960'%3E%3Cpath d='M525-200v-560h235v560H525Zm-325 0v-560h235v560H200Zm385-60h115v-440H585v440Zm-325 0h115v-440H260v440Zm0-440v440-440Zm325 0v440-440Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%235985E1' viewBox='0 -960 960 960'%3E%3Cpath d='M525-200v-560h235v560H525Zm-325 0v-560h235v560H200Zm385-60h115v-440H585v440Zm-325 0h115v-440H260v440Zm0-440v440-440Zm325 0v440-440Z'/%3E%3C/svg%3E");
}
.icon-star-full {
  width: 26px;
  height: 26px;
}
.icon-star-full::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none'%3E%3Cpath fill='%232F485F' d='m13.731 18.84 6.742 4.068-1.789-7.669 5.956-5.16-7.843-.665-3.066-7.232-3.065 7.232-7.843.666 5.956 5.16-1.79 7.668 6.742-4.069Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none'%3E%3Cpath fill='%232F485F' d='m13.731 18.84 6.742 4.068-1.789-7.669 5.956-5.16-7.843-.665-3.066-7.232-3.065 7.232-7.843.666 5.956 5.16-1.79 7.668 6.742-4.069Z'/%3E%3C/svg%3E");
}
.icon-star-half {
  width: 26px;
  height: 26px;
}
.icon-star-half::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none'%3E%3Cpath fill='%232F485F' d='m24.273 10.08-7.844-.677-3.065-7.221-3.066 7.232-7.843.666 5.956 5.16-1.789 7.668 6.742-4.069 6.741 4.07-1.778-7.67 5.946-5.16Zm-10.91 6.72V6.653l1.866 4.407 4.778.415-3.621 3.142 1.09 4.669-4.112-2.488Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none'%3E%3Cpath fill='%232F485F' d='m24.273 10.08-7.844-.677-3.065-7.221-3.066 7.232-7.843.666 5.956 5.16-1.789 7.668 6.742-4.069 6.741 4.07-1.778-7.67 5.946-5.16Zm-10.91 6.72V6.653l1.866 4.407 4.778.415-3.621 3.142 1.09 4.669-4.112-2.488Z'/%3E%3C/svg%3E");
}
.icon-star-empty {
  width: 26px;
  height: 26px;
}
.icon-star-empty::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none'%3E%3Cpath fill='%232F485F' d='m24.817 10.08-7.843-.677-3.065-7.221-3.066 7.232L3 10.08l5.956 5.16-1.789 7.668 6.742-4.069 6.741 4.07-1.778-7.67 5.945-5.16ZM13.91 16.8l-4.102 2.476 1.09-4.67-3.62-3.141 4.777-.415 1.855-4.396 1.865 4.407 4.778.415-3.622 3.142 1.091 4.669-4.112-2.488Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none'%3E%3Cpath fill='%232F485F' d='m24.817 10.08-7.843-.677-3.065-7.221-3.066 7.232L3 10.08l5.956 5.16-1.789 7.668 6.742-4.069 6.741 4.07-1.778-7.67 5.945-5.16ZM13.91 16.8l-4.102 2.476 1.09-4.67-3.62-3.141 4.777-.415 1.855-4.396 1.865 4.407 4.778.415-3.622 3.142 1.091 4.669-4.112-2.488Z'/%3E%3C/svg%3E");
}
.icon-location-pin {
  width: 16px;
  height: 20px;
}
.icon-location-pin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.657 14.657 10.414 18.9a1.998 1.998 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0Z'/%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.657 14.657 10.414 18.9a1.998 1.998 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0Z'/%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E");
}
.icon-clock {
  width: 18px;
  height: 18px;
}
.icon-clock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 6v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 6v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");
}
.icon-facebook {
  width: 24px;
  height: 24px;
}
.icon-facebook::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232F485F' d='M12 0C5.373 0 0 5.373 0 12c0 5.628 3.875 10.35 9.101 11.647v-7.98H6.627V12H9.1v-1.58c0-4.084 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.324c-.283-.03-.775-.044-1.386-.044-1.967 0-2.728.745-2.728 2.683V12h3.92l-.673 3.667h-3.247v8.245C19.396 23.195 24 18.135 24 12c0-6.627-5.373-12-12-12Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232F485F' d='M12 0C5.373 0 0 5.373 0 12c0 5.628 3.875 10.35 9.101 11.647v-7.98H6.627V12H9.1v-1.58c0-4.084 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.324c-.283-.03-.775-.044-1.386-.044-1.967 0-2.728.745-2.728 2.683V12h3.92l-.673 3.667h-3.247v8.245C19.396 23.195 24 18.135 24 12c0-6.627-5.373-12-12-12Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-instagram {
  width: 24px;
  height: 24px;
}
.icon-instagram::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg fill='%232F485F' clip-path='url(%23a)'%3E%3Cpath d='M12 2.16c3.206 0 3.586.015 4.847.071 1.172.052 1.805.249 2.226.413a3.71 3.71 0 0 1 1.379.895c.421.422.68.82.895 1.378.164.422.36 1.06.412 2.227.057 1.265.07 1.645.07 4.847 0 3.206-.013 3.586-.07 4.846-.051 1.172-.248 1.805-.412 2.227-.216.558-.478.961-.895 1.378a3.69 3.69 0 0 1-1.379.895c-.421.165-1.059.361-2.226.413-1.266.056-1.645.07-4.847.07-3.206 0-3.586-.014-4.847-.07-1.172-.052-1.805-.248-2.226-.413a3.71 3.71 0 0 1-1.379-.895 3.691 3.691 0 0 1-.895-1.378c-.164-.422-.36-1.06-.412-2.227-.057-1.265-.07-1.645-.07-4.846 0-3.207.013-3.586.07-4.847.051-1.172.248-1.805.412-2.227.216-.558.478-.96.895-1.378.422-.422.82-.68 1.379-.895.421-.164 1.059-.361 2.226-.413 1.261-.056 1.64-.07 4.847-.07ZM12 0C8.742 0 8.334.014 7.055.07 5.78.127 4.903.333 4.144.628a5.857 5.857 0 0 0-2.128 1.388A5.88 5.88 0 0 0 .628 4.139C.333 4.903.127 5.775.07 7.05.014 8.334 0 8.742 0 12s.014 3.666.07 4.945c.057 1.275.263 2.152.558 2.911.31.792.717 1.463 1.388 2.128a5.866 5.866 0 0 0 2.123 1.383c.764.296 1.636.502 2.911.558 1.28.056 1.688.07 4.945.07 3.258 0 3.666-.014 4.946-.07 1.275-.056 2.151-.262 2.91-.558a5.866 5.866 0 0 0 2.124-1.383 5.866 5.866 0 0 0 1.383-2.123c.295-.764.501-1.636.558-2.911.056-1.28.07-1.688.07-4.945 0-3.258-.014-3.666-.07-4.946-.057-1.275-.263-2.151-.558-2.91a5.62 5.62 0 0 0-1.374-2.133A5.866 5.866 0 0 0 19.861.633C19.097.338 18.225.13 16.95.075 15.666.015 15.258 0 12 0Z'/%3E%3Cpath d='M12 5.836A6.166 6.166 0 0 0 5.836 12 6.166 6.166 0 0 0 12 18.164 6.166 6.166 0 0 0 18.164 12 6.166 6.166 0 0 0 12 5.836Zm0 10.162A3.999 3.999 0 1 1 12.001 8 3.999 3.999 0 0 1 12 15.998ZM19.847 5.592a1.44 1.44 0 1 1-2.879 0 1.44 1.44 0 0 1 2.879 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg fill='%232F485F' clip-path='url(%23a)'%3E%3Cpath d='M12 2.16c3.206 0 3.586.015 4.847.071 1.172.052 1.805.249 2.226.413a3.71 3.71 0 0 1 1.379.895c.421.422.68.82.895 1.378.164.422.36 1.06.412 2.227.057 1.265.07 1.645.07 4.847 0 3.206-.013 3.586-.07 4.846-.051 1.172-.248 1.805-.412 2.227-.216.558-.478.961-.895 1.378a3.69 3.69 0 0 1-1.379.895c-.421.165-1.059.361-2.226.413-1.266.056-1.645.07-4.847.07-3.206 0-3.586-.014-4.847-.07-1.172-.052-1.805-.248-2.226-.413a3.71 3.71 0 0 1-1.379-.895 3.691 3.691 0 0 1-.895-1.378c-.164-.422-.36-1.06-.412-2.227-.057-1.265-.07-1.645-.07-4.846 0-3.207.013-3.586.07-4.847.051-1.172.248-1.805.412-2.227.216-.558.478-.96.895-1.378.422-.422.82-.68 1.379-.895.421-.164 1.059-.361 2.226-.413 1.261-.056 1.64-.07 4.847-.07ZM12 0C8.742 0 8.334.014 7.055.07 5.78.127 4.903.333 4.144.628a5.857 5.857 0 0 0-2.128 1.388A5.88 5.88 0 0 0 .628 4.139C.333 4.903.127 5.775.07 7.05.014 8.334 0 8.742 0 12s.014 3.666.07 4.945c.057 1.275.263 2.152.558 2.911.31.792.717 1.463 1.388 2.128a5.866 5.866 0 0 0 2.123 1.383c.764.296 1.636.502 2.911.558 1.28.056 1.688.07 4.945.07 3.258 0 3.666-.014 4.946-.07 1.275-.056 2.151-.262 2.91-.558a5.866 5.866 0 0 0 2.124-1.383 5.866 5.866 0 0 0 1.383-2.123c.295-.764.501-1.636.558-2.911.056-1.28.07-1.688.07-4.945 0-3.258-.014-3.666-.07-4.946-.057-1.275-.263-2.151-.558-2.91a5.62 5.62 0 0 0-1.374-2.133A5.866 5.866 0 0 0 19.861.633C19.097.338 18.225.13 16.95.075 15.666.015 15.258 0 12 0Z'/%3E%3Cpath d='M12 5.836A6.166 6.166 0 0 0 5.836 12 6.166 6.166 0 0 0 12 18.164 6.166 6.166 0 0 0 18.164 12 6.166 6.166 0 0 0 12 5.836Zm0 10.162A3.999 3.999 0 1 1 12.001 8 3.999 3.999 0 0 1 12 15.998ZM19.847 5.592a1.44 1.44 0 1 1-2.879 0 1.44 1.44 0 0 1 2.879 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-linkedin {
  width: 24px;
  height: 24px;
}
.icon-linkedin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232F485F' d='M22.223 0H1.772C.792 0 0 .773 0 1.73v20.536C0 23.222.792 24 1.772 24h20.451c.98 0 1.777-.778 1.777-1.73V1.73C24 .773 23.203 0 22.223 0ZM7.12 20.452H3.558V8.995H7.12v11.457ZM5.34 7.434a2.064 2.064 0 1 1 0-4.125 2.063 2.063 0 0 1 0 4.125Zm15.112 13.018h-3.558v-5.57c0-1.326-.024-3.037-1.852-3.037-1.851 0-2.133 1.449-2.133 2.944v5.663H9.356V8.995h3.413v1.566h.047c.473-.9 1.636-1.852 3.365-1.852 3.605 0 4.27 2.372 4.27 5.457v6.286Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232F485F' d='M22.223 0H1.772C.792 0 0 .773 0 1.73v20.536C0 23.222.792 24 1.772 24h20.451c.98 0 1.777-.778 1.777-1.73V1.73C24 .773 23.203 0 22.223 0ZM7.12 20.452H3.558V8.995H7.12v11.457ZM5.34 7.434a2.064 2.064 0 1 1 0-4.125 2.063 2.063 0 0 1 0 4.125Zm15.112 13.018h-3.558v-5.57c0-1.326-.024-3.037-1.852-3.037-1.851 0-2.133 1.449-2.133 2.944v5.663H9.356V8.995h3.413v1.566h.047c.473-.9 1.636-1.852 3.365-1.852 3.605 0 4.27 2.372 4.27 5.457v6.286Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-team {
  width: 16px;
  height: 16px;
}
.icon-team::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%232F485F' d='M12 5.273h-.087c-1.26-.04-2.2-1.013-2.2-2.213 0-1.227 1-2.22 2.22-2.22 1.22 0 2.22 1 2.22 2.22a2.218 2.218 0 0 1-2.146 2.22c0-.007 0-.007-.007-.007Zm-.067-3.44a1.22 1.22 0 0 0-.046 2.44.323.323 0 0 1 .12 0 1.222 1.222 0 0 0-.074-2.44ZM12.007 10.187c-.26 0-.52-.02-.78-.067a.5.5 0 1 1 .173-.986c.82.14 1.687-.014 2.267-.4.313-.207.48-.467.48-.727 0-.26-.174-.513-.48-.72-.58-.387-1.46-.54-2.287-.393a.495.495 0 0 1-.58-.407.5.5 0 0 1 .407-.58c1.086-.193 2.213.013 3.013.547.587.393.927.953.927 1.553 0 .593-.334 1.16-.927 1.56-.607.4-1.393.62-2.213.62ZM3.98 5.274h-.013A2.216 2.216 0 0 1 1.82 3.061c0-1.227 1-2.227 2.22-2.227 1.22 0 2.22 1 2.22 2.22 0 1.207-.94 2.18-2.14 2.22l-.14-.5.047.5H3.98Zm.067-1c.04 0 .073 0 .113.007.593-.027 1.113-.56 1.113-1.22a1.22 1.22 0 1 0-1.286 1.22c.006-.007.033-.007.06-.007ZM3.973 10.187c-.82 0-1.606-.22-2.213-.62-.587-.393-.927-.96-.927-1.56 0-.593.34-1.16.927-1.553.8-.534 1.927-.74 3.013-.547a.5.5 0 0 1 .407.58.495.495 0 0 1-.58.407c-.827-.147-1.7.006-2.287.393-.313.207-.48.46-.48.72 0 .26.174.52.48.727.58.386 1.447.54 2.267.4a.5.5 0 1 1 .173.987c-.26.046-.52.066-.78.066ZM8 10.254h-.087c-1.26-.04-2.2-1.014-2.2-2.214 0-1.226 1-2.22 2.22-2.22 1.22 0 2.22 1 2.22 2.22a2.218 2.218 0 0 1-2.146 2.22c0-.006 0-.006-.007-.006Zm-.067-3.44a1.22 1.22 0 0 0-.046 2.44.323.323 0 0 1 .12 0 1.221 1.221 0 0 0 1.153-1.22c0-.667-.547-1.22-1.227-1.22ZM8 15.172c-.8 0-1.6-.206-2.22-.626-.587-.393-.927-.954-.927-1.553 0-.594.334-1.167.927-1.56 1.247-.827 3.2-.827 4.44 0 .586.393.926.953.926 1.553 0 .593-.333 1.166-.926 1.56-.62.413-1.42.627-2.22.627Zm-1.667-2.9c-.313.207-.48.467-.48.727 0 .26.174.513.48.72.9.607 2.427.607 3.327 0 .313-.207.48-.466.48-.726 0-.26-.173-.514-.48-.72-.893-.607-2.42-.6-3.327 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%232F485F' d='M12 5.273h-.087c-1.26-.04-2.2-1.013-2.2-2.213 0-1.227 1-2.22 2.22-2.22 1.22 0 2.22 1 2.22 2.22a2.218 2.218 0 0 1-2.146 2.22c0-.007 0-.007-.007-.007Zm-.067-3.44a1.22 1.22 0 0 0-.046 2.44.323.323 0 0 1 .12 0 1.222 1.222 0 0 0-.074-2.44ZM12.007 10.187c-.26 0-.52-.02-.78-.067a.5.5 0 1 1 .173-.986c.82.14 1.687-.014 2.267-.4.313-.207.48-.467.48-.727 0-.26-.174-.513-.48-.72-.58-.387-1.46-.54-2.287-.393a.495.495 0 0 1-.58-.407.5.5 0 0 1 .407-.58c1.086-.193 2.213.013 3.013.547.587.393.927.953.927 1.553 0 .593-.334 1.16-.927 1.56-.607.4-1.393.62-2.213.62ZM3.98 5.274h-.013A2.216 2.216 0 0 1 1.82 3.061c0-1.227 1-2.227 2.22-2.227 1.22 0 2.22 1 2.22 2.22 0 1.207-.94 2.18-2.14 2.22l-.14-.5.047.5H3.98Zm.067-1c.04 0 .073 0 .113.007.593-.027 1.113-.56 1.113-1.22a1.22 1.22 0 1 0-1.286 1.22c.006-.007.033-.007.06-.007ZM3.973 10.187c-.82 0-1.606-.22-2.213-.62-.587-.393-.927-.96-.927-1.56 0-.593.34-1.16.927-1.553.8-.534 1.927-.74 3.013-.547a.5.5 0 0 1 .407.58.495.495 0 0 1-.58.407c-.827-.147-1.7.006-2.287.393-.313.207-.48.46-.48.72 0 .26.174.52.48.727.58.386 1.447.54 2.267.4a.5.5 0 1 1 .173.987c-.26.046-.52.066-.78.066ZM8 10.254h-.087c-1.26-.04-2.2-1.014-2.2-2.214 0-1.226 1-2.22 2.22-2.22 1.22 0 2.22 1 2.22 2.22a2.218 2.218 0 0 1-2.146 2.22c0-.006 0-.006-.007-.006Zm-.067-3.44a1.22 1.22 0 0 0-.046 2.44.323.323 0 0 1 .12 0 1.221 1.221 0 0 0 1.153-1.22c0-.667-.547-1.22-1.227-1.22ZM8 15.172c-.8 0-1.6-.206-2.22-.626-.587-.393-.927-.954-.927-1.553 0-.594.334-1.167.927-1.56 1.247-.827 3.2-.827 4.44 0 .586.393.926.953.926 1.553 0 .593-.333 1.166-.926 1.56-.62.413-1.42.627-2.22.627Zm-1.667-2.9c-.313.207-.48.467-.48.727 0 .26.174.513.48.72.9.607 2.427.607 3.327 0 .313-.207.48-.466.48-.726 0-.26-.173-.514-.48-.72-.893-.607-2.42-.6-3.327 0Z'/%3E%3C/svg%3E");
}
.icon-arrow-right {
  width: 16px;
  height: 16px;
}
.icon-arrow-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M10.12 3.953 14.167 8l-4.047 4.046M2.833 8h11.22'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M10.12 3.953 14.167 8l-4.047 4.046M2.833 8h11.22'/%3E%3C/svg%3E");
}
.icon-twitter {
  width: 20px;
  height: 20px;
}
.icon-twitter::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath fill='%23000' d='M16 3.434a6.143 6.143 0 0 1-1.764.495 3.082 3.082 0 0 0 1.348-1.707 6.196 6.196 0 0 1-1.95.753A3.029 3.029 0 0 0 11.368 2a3.072 3.072 0 0 0-3.062 3.076c0 .244.029.48.08.703a8.743 8.743 0 0 1-6.34-3.213 3.043 3.043 0 0 0-.415 1.542c0 1.068.538 2.015 1.37 2.553-.51 0-.983-.144-1.399-.359v.022A3.078 3.078 0 0 0 4.07 9.342a3.011 3.011 0 0 1-1.384.05 3.069 3.069 0 0 0 2.868 2.137 6.11 6.11 0 0 1-3.822 1.32c-.244 0-.487-.015-.731-.043a8.708 8.708 0 0 0 4.718 1.383c5.65 0 8.755-4.689 8.755-8.754 0-.137 0-.266-.008-.402A6.146 6.146 0 0 0 16 3.434Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath fill='%23000' d='M16 3.434a6.143 6.143 0 0 1-1.764.495 3.082 3.082 0 0 0 1.348-1.707 6.196 6.196 0 0 1-1.95.753A3.029 3.029 0 0 0 11.368 2a3.072 3.072 0 0 0-3.062 3.076c0 .244.029.48.08.703a8.743 8.743 0 0 1-6.34-3.213 3.043 3.043 0 0 0-.415 1.542c0 1.068.538 2.015 1.37 2.553-.51 0-.983-.144-1.399-.359v.022A3.078 3.078 0 0 0 4.07 9.342a3.011 3.011 0 0 1-1.384.05 3.069 3.069 0 0 0 2.868 2.137 6.11 6.11 0 0 1-3.822 1.32c-.244 0-.487-.015-.731-.043a8.708 8.708 0 0 0 4.718 1.383c5.65 0 8.755-4.689 8.755-8.754 0-.137 0-.266-.008-.402A6.146 6.146 0 0 0 16 3.434Z'/%3E%3C/svg%3E");
}
.icon-social {
  width: 20px;
  height: 20px;
}
.icon-social::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill='%23000' d='M13.419 0a.49.49 0 0 1 .322.13.411.411 0 0 1 0 .387L8.645 9.549l3.226 5.934a.41.41 0 0 1 0 .388.503.503 0 0 1-.323.129H9.225c-.322 0-.515-.258-.644-.452l-3.29-6c.192-.257 5.16-9.095 5.16-9.095.129-.258.323-.451.646-.451L13.419 0ZM3.74 3.162c.323 0 .517.258.646.451L6 6.387c-.13.13-2.516 4.387-2.516 4.387-.13.194-.323.452-.646.452H.581a.503.503 0 0 1-.322-.129.411.411 0 0 1 0-.387l2.387-4.323-1.548-2.709a.41.41 0 0 1 0-.387.503.503 0 0 1 .321-.13h2.322Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill='%23000' d='M13.419 0a.49.49 0 0 1 .322.13.411.411 0 0 1 0 .387L8.645 9.549l3.226 5.934a.41.41 0 0 1 0 .388.503.503 0 0 1-.323.129H9.225c-.322 0-.515-.258-.644-.452l-3.29-6c.192-.257 5.16-9.095 5.16-9.095.129-.258.323-.451.646-.451L13.419 0ZM3.74 3.162c.323 0 .517.258.646.451L6 6.387c-.13.13-2.516 4.387-2.516 4.387-.13.194-.323.452-.646.452H.581a.503.503 0 0 1-.322-.129.411.411 0 0 1 0-.387l2.387-4.323-1.548-2.709a.41.41 0 0 1 0-.387.503.503 0 0 1 .321-.13h2.322Z'/%3E%3C/svg%3E");
}
.icon-link {
  width: 20px;
  height: 20px;
}
.icon-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.917 3.625h8.458v8.458M25.375 17.807v5.756a1.813 1.813 0 0 1-1.813 1.812H5.438a1.813 1.813 0 0 1-1.812-1.813V5.438c0-1 .811-1.812 1.813-1.812h5.437M15.587 13.412l9.244-9.243'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.917 3.625h8.458v8.458M25.375 17.807v5.756a1.813 1.813 0 0 1-1.813 1.812H5.438a1.813 1.813 0 0 1-1.812-1.813V5.438c0-1 .811-1.812 1.813-1.812h5.437M15.587 13.412l9.244-9.243'/%3E%3C/svg%3E");
}
.icon-upload {
  width: 20px;
  height: 20px;
}
.icon-upload::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20' fill='none'%3E%3Cpath fill='%232F485F' d='M2.951 20c-.658 0-1.207-.22-1.647-.66-.44-.44-.66-.99-.661-1.649V2.31c0-.659.22-1.208.661-1.648.441-.44.99-.66 1.646-.661h6.157a2.375 2.375 0 0 1 1.643.684l2.173 2.173H24.05c.657 0 1.206.22 1.647.662.441.44.661.99.66 1.647v12.527c0 .657-.22 1.206-.66 1.647-.44.441-.989.66-1.647.66H2.951Zm0-1.429H24.05a.855.855 0 0 0 .631-.247.855.855 0 0 0 .248-.631V5.164a.855.855 0 0 0-.248-.631.855.855 0 0 0-.631-.247h-11.7l-2.613-2.61a.787.787 0 0 0-.288-.192.88.88 0 0 0-.312-.055H2.951a.855.855 0 0 0-.631.247.862.862 0 0 0-.249.633v15.384c0 .256.083.466.248.631a.857.857 0 0 0 .632.247ZM13.5 16.043a.695.695 0 0 0 .714-.713v-6l2.523 2.521a.719.719 0 0 0 .49.215.67.67 0 0 0 .52-.215.694.694 0 0 0 .229-.505.705.705 0 0 0-.229-.505l-3.44-3.44c-.23-.23-.5-.345-.807-.345a1.11 1.11 0 0 0-.809.345L9.31 10.786a.712.712 0 0 0-.215.491.673.673 0 0 0 .215.52c.151.152.32.229.504.229a.702.702 0 0 0 .506-.229l2.467-2.468v6a.695.695 0 0 0 .714.714Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20' fill='none'%3E%3Cpath fill='%232F485F' d='M2.951 20c-.658 0-1.207-.22-1.647-.66-.44-.44-.66-.99-.661-1.649V2.31c0-.659.22-1.208.661-1.648.441-.44.99-.66 1.646-.661h6.157a2.375 2.375 0 0 1 1.643.684l2.173 2.173H24.05c.657 0 1.206.22 1.647.662.441.44.661.99.66 1.647v12.527c0 .657-.22 1.206-.66 1.647-.44.441-.989.66-1.647.66H2.951Zm0-1.429H24.05a.855.855 0 0 0 .631-.247.855.855 0 0 0 .248-.631V5.164a.855.855 0 0 0-.248-.631.855.855 0 0 0-.631-.247h-11.7l-2.613-2.61a.787.787 0 0 0-.288-.192.88.88 0 0 0-.312-.055H2.951a.855.855 0 0 0-.631.247.862.862 0 0 0-.249.633v15.384c0 .256.083.466.248.631a.857.857 0 0 0 .632.247ZM13.5 16.043a.695.695 0 0 0 .714-.713v-6l2.523 2.521a.719.719 0 0 0 .49.215.67.67 0 0 0 .52-.215.694.694 0 0 0 .229-.505.705.705 0 0 0-.229-.505l-3.44-3.44c-.23-.23-.5-.345-.807-.345a1.11 1.11 0 0 0-.809.345L9.31 10.786a.712.712 0 0 0-.215.491.673.673 0 0 0 .215.52c.151.152.32.229.504.229a.702.702 0 0 0 .506-.229l2.467-2.468v6a.695.695 0 0 0 .714.714Z'/%3E%3C/svg%3E");
}
.icon-msg {
  width: 30px;
  height: 30px;
}
.icon-msg::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M23.438 4.688H6.563a3.75 3.75 0 0 0-3.75 3.75v9.374a3.75 3.75 0 0 0 3.75 3.75h10.312l5.625 3.75v-3.75h.938a3.75 3.75 0 0 0 3.75-3.75V8.438a3.75 3.75 0 0 0-3.75-3.75Z'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M9.875 14.063a.937.937 0 1 1-1.875 0 .937.937 0 0 1 1.875 0Zm5.625 0a.938.938 0 1 1-1.875 0 .938.938 0 0 1 1.875 0Zm5.625 0a.938.938 0 1 1-1.875 0 .938.938 0 0 1 1.875 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M23.438 4.688H6.563a3.75 3.75 0 0 0-3.75 3.75v9.374a3.75 3.75 0 0 0 3.75 3.75h10.312l5.625 3.75v-3.75h.938a3.75 3.75 0 0 0 3.75-3.75V8.438a3.75 3.75 0 0 0-3.75-3.75Z'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M9.875 14.063a.937.937 0 1 1-1.875 0 .937.937 0 0 1 1.875 0Zm5.625 0a.938.938 0 1 1-1.875 0 .938.938 0 0 1 1.875 0Zm5.625 0a.938.938 0 1 1-1.875 0 .938.938 0 0 1 1.875 0Z'/%3E%3C/svg%3E");
}
.icon-x {
  width: 25px;
  height: 25px;
}
.icon-x::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 27 12.5-12.5L27 27m0-25L14.498 14.5 2 2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Cpath stroke='%232F485F' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 27 12.5-12.5L27 27m0-25L14.498 14.5 2 2'/%3E%3C/svg%3E");
}
.icon-whatsapp {
  width: 25px;
  height: 25px;
}
.icon-whatsapp::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 16 16'%3E%3Cpath d='M11.42 9.49c-.19-.09-1.1-.54-1.27-.61s-.29-.09-.42.1-.48.6-.59.73-.21.14-.4 0a5.13 5.13 0 0 1-1.49-.92 5.25 5.25 0 0 1-1-1.29c-.11-.18 0-.28.08-.38s.18-.21.28-.32a1.39 1.39 0 0 0 .18-.31.38.38 0 0 0 0-.33c0-.09-.42-1-.58-1.37s-.3-.32-.41-.32h-.4a.72.72 0 0 0-.5.23 2.1 2.1 0 0 0-.65 1.55A3.59 3.59 0 0 0 5 8.2 8.32 8.32 0 0 0 8.19 11c.44.19.78.3 1.05.39a2.53 2.53 0 0 0 1.17.07 1.93 1.93 0 0 0 1.26-.88 1.67 1.67 0 0 0 .11-.88c-.05-.07-.17-.12-.36-.21z'/%3E%3Cpath d='M13.29 2.68A7.36 7.36 0 0 0 8 .5a7.44 7.44 0 0 0-6.41 11.15l-1 3.85 3.94-1a7.4 7.4 0 0 0 3.55.9H8a7.44 7.44 0 0 0 5.29-12.72zM8 14.12a6.12 6.12 0 0 1-3.15-.87l-.22-.13-2.34.61.62-2.28-.14-.23a6.18 6.18 0 0 1 9.6-7.65 6.12 6.12 0 0 1 1.81 4.37A6.19 6.19 0 0 1 8 14.12z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 16 16'%3E%3Cpath d='M11.42 9.49c-.19-.09-1.1-.54-1.27-.61s-.29-.09-.42.1-.48.6-.59.73-.21.14-.4 0a5.13 5.13 0 0 1-1.49-.92 5.25 5.25 0 0 1-1-1.29c-.11-.18 0-.28.08-.38s.18-.21.28-.32a1.39 1.39 0 0 0 .18-.31.38.38 0 0 0 0-.33c0-.09-.42-1-.58-1.37s-.3-.32-.41-.32h-.4a.72.72 0 0 0-.5.23 2.1 2.1 0 0 0-.65 1.55A3.59 3.59 0 0 0 5 8.2 8.32 8.32 0 0 0 8.19 11c.44.19.78.3 1.05.39a2.53 2.53 0 0 0 1.17.07 1.93 1.93 0 0 0 1.26-.88 1.67 1.67 0 0 0 .11-.88c-.05-.07-.17-.12-.36-.21z'/%3E%3Cpath d='M13.29 2.68A7.36 7.36 0 0 0 8 .5a7.44 7.44 0 0 0-6.41 11.15l-1 3.85 3.94-1a7.4 7.4 0 0 0 3.55.9H8a7.44 7.44 0 0 0 5.29-12.72zM8 14.12a6.12 6.12 0 0 1-3.15-.87l-.22-.13-2.34.61.62-2.28-.14-.23a6.18 6.18 0 0 1 9.6-7.65 6.12 6.12 0 0 1 1.81 4.37A6.19 6.19 0 0 1 8 14.12z'/%3E%3C/svg%3E");
}
.icon-check {
  width: 14px;
  height: 10px;
}
.icon-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6.333 5.667 11 15 1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6.333 5.667 11 15 1'/%3E%3C/svg%3E");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  text-align: left;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  text-decoration: none;
  background-color: transparent;
}
a:hover, a:focus {
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  max-width: 100%;
  width: 100%;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 1rem;
}

button {
  border-radius: 0;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
  border: none;
  background-color: transparent;
}

input,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

select {
  word-wrap: normal;
  text-transform: none;
}

input {
  overflow: visible;
}

[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

a,
a *,
button,
button * {
  cursor: pointer !important;
}

body {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  position: relative;
  color: var(--clr-black);
  min-height: 100vh;
  color: var(--clr-primary-text);
  display: flex;
  line-height: 1.5;
  flex-direction: column;
}
@media screen and (max-width: 1280px) {
  body {
    font-size: 16px;
  }
}
body.is-modal-open, body.is-open-menu {
  overflow: hidden;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 12px;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semibold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.text-14 {
  font-size: 14px;
}
.text-18 {
  font-size: 18px;
}
.text-24 {
  font-size: 24px;
}
.text-32 {
  font-size: 32px;
}
.text-36 {
  font-size: 36px;
}
.text-40 {
  font-size: 40px;
}
.text-42 {
  font-size: 42px;
}
.text-48 {
  font-size: 48px;
}
.text-60 {
  font-size: 60px;
}
.text-white {
  color: var(--clr-white);
}
.text-black {
  color: var(--clr-black);
}
.text-red {
  color: var(--clr-red);
}
.text-primary {
  color: var(--clr-primary) !important;
}
.text-center {
  text-align: center;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .margin-bottom-60 {
    margin-bottom: 40px;
  }
}

.section-title {
  margin-bottom: 40px;
  position: relative;
}
.section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  width: 200px;
  height: 6px;
  background-color: var(--clr-primary);
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .section-title::after {
    height: 4px;
  }
}
.section-title--left {
  text-align: left;
}
.section-title--left::after {
  left: 0;
  transform: translateX(0);
}

.responsive-map {
  overflow: hidden;
  padding-bottom: 30.25%;
  position: relative;
  height: 0;
}
@media screen and (max-width: 991px) {
  .responsive-map {
    padding-bottom: 50%;
  }
}
@media screen and (max-width: 767px) {
  .responsive-map {
    padding-bottom: 100%;
  }
}

.responsive-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

input[type=number],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c4c4c4;
  height: 48px;
  width: 100%;
  display: block;
  border-radius: 8px;
  padding: 10px;
  outline: none;
  font-size: 16px;
  transition: all 0.3s ease;
}
input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #c4c4c4;
}
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
textarea::placeholder,
select::placeholder {
  color: #c4c4c4;
}
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  border-color: var(--clr-primary-text);
  box-shadow: 0 0 0 3px rgba(106, 144, 181, 0.2117647059);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.whatsapp-btn {
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #1470af;
  color: var(--clr-white);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .whatsapp-btn {
    height: 50px;
    width: 50px;
    bottom: 80px;
    right: 20px;
  }
}
.whatsapp-btn .icon::before {
  background-color: var(--clr-white);
}
.whatsapp-btn:hover {
  background-color: #c6e8ff;
}
.whatsapp-btn:hover .icon::before {
  background-color: #1470af;
}

button.button,
a.button {
  padding: 16px;
  display: inline-block;
  background-color: var(--clr-primary);
  color: var(--clr-white);
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  button.button,
  a.button {
    padding: 12px 16px;
  }
}
button.button:hover, button.button:focus,
a.button:hover,
a.button:focus {
  background-color: var(--clr-white);
  color: var(--clr-black);
  border-color: var(--clr-white);
  box-shadow: 0 0 0 2px var(--clr-black);
}
button.button--ghost,
a.button--ghost {
  background-color: transparent;
  color: var(--clr-white);
  border: 1px solid var(--clr-white);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
button.button--ghost:hover, button.button--ghost:focus,
a.button--ghost:hover,
a.button--ghost:focus {
  background-color: var(--clr-primary);
  color: var(--clr-white);
  box-shadow: none;
  border-color: transparent;
}
button.button--white,
a.button--white {
  background-color: var(--clr-white);
  color: var(--clr-black);
  border: 1px solid var(--clr-black);
  border-radius: 6px;
  font-size: 17px;
  padding: 8px 28px;
}
button.button--white:hover, button.button--white:focus,
a.button--white:hover,
a.button--white:focus {
  background-color: var(--clr-primary);
  color: var(--clr-white);
  border-color: transparent;
  box-shadow: none;
}

.header {
  z-index: 100;
  background-color: var(--clr-white);
  position: sticky;
  top: 0;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .header {
    padding: 10px 0;
  }
}
@media screen and (max-width: 1600px) {
  .header .container {
    max-width: 1440px;
  }
}
.header.is-scroll {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header__wrapper {
  max-width: 1440px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.header__logo {
  display: flex;
  align-items: center;
}
.header__logo img {
  max-width: 100px;
}
.header__inner {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__top {
  padding: 6px 30px;
  border-bottom: 1px solid var(--clr-black);
}
@media screen and (max-width: 991px) {
  .header__top {
    padding: 6px 0;
  }
}
@media screen and (max-width: 767px) {
  .header__top {
    position: absolute;
    right: 30px;
    top: 50%;
    border: 0;
    transform: translateY(-50%);
  }
}
.header__top-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__top ul {
  display: flex;
  align-items: center;
  gap: 26px;
}
@media screen and (max-width: 767px) {
  .header__top ul {
    gap: 16px;
  }
}
.header__top ul li a {
  font-weight: 500;
  color: var(--clr-primary-text);
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
.header__top ul li a i::before {
  background-color: var(--clr-primary-text);
}
@media screen and (max-width: 767px) {
  .header__top ul li a span {
    display: none;
  }
}
.header__slogan {
  text-transform: uppercase;
  width: 174px;
  flex: 0 0 174px;
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid var(--clr-black);
  height: 60px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .header__slogan {
    display: none;
  }
}
.header__nav .header__action {
  display: none;
}
@media screen and (max-width: 767px) {
  .header__nav .header__action {
    display: inline-block;
    margin-top: 20px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 1280px) {
  .header__nav {
    position: fixed;
    top: 80px;
    border-top: 1px solid var(--clr-black);
    left: 0;
    width: 100vw;
    height: calc(100vh - 111px);
    padding: 20px;
    pointer-events: none;
    opacity: 0;
    background-color: var(--clr-white);
    transform: translateY(30px);
    overflow: auto;
    transition: all 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  .header__nav {
    top: 66px;
    height: calc(100vh - 66px);
  }
}
.header__nav.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0);
}
.header__nav ul {
  display: flex;
  gap: 24px;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .header__nav ul {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .header__nav ul {
    gap: 16px;
  }
}
.header__nav ul a {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .header__nav ul a {
    color: var(--clr-primary);
  }
}
.header__nav ul a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--clr-primary-text);
  top: 100%;
  left: 0;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}
.header__nav ul a:focus::after, .header__nav ul a:hover::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.header__action-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}
.header__lang {
  position: relative;
  margin: 0;
}
.header__lang::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m12 13.94 5.47-5.47 1.06 1.06L12 16.06 5.47 9.53l1.06-1.06L12 13.94Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  pointer-events: none;
}
.header__lang select {
  border: none;
  display: inline-block;
  width: 70px;
  padding: 0px 10px;
  height: auto;
  box-shadow: none;
}
.header__lang select:focus {
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .header__lang select {
    padding-right: 0;
    width: 66px;
    padding-left: 14px;
  }
}
.header__action {
  padding: 8px 16px;
  border: 1px solid var(--clr-black);
  color: var(--clr-black) !important;
  border-radius: 100px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1280px) {
  .header__action {
    padding: 12px 16px;
  }
}
@media screen and (max-width: 767px) {
  .header__action {
    display: none;
  }
}
.header__action:hover {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
  color: var(--clr-white) !important;
}
.header .hamburger {
  position: relative;
  font: inherit;
  display: none;
  overflow: visible;
  margin: 0;
  height: 22px;
  cursor: pointer;
  padding: 0;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
}
@media screen and (max-width: 1280px) {
  .header .hamburger {
    display: block;
  }
}
.header .hamburger-box {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 24px;
}
.header .hamburger-inner {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  display: block;
  width: 30px;
  height: 2px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #1e1e1e;
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header .hamburger-inner:after,
.header .hamburger-inner:before {
  display: block;
  content: "";
}
.header .hamburger-inner:after,
.header .hamburger-inner:before {
  position: absolute;
  width: 30px;
  height: 2px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #1e1e1e;
}
.header .hamburger-inner:before {
  top: -10px;
}
.header .hamburger .hamburger-inner:before {
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.header .hamburger-inner:after {
  bottom: -10px;
}
.header .hamburger .hamburger-inner:after {
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header .hamburger.is-active .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}
.header .hamburger.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
  opacity: 0;
}
.header .hamburger.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}
.header .language-switcher {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
}
.header #language-btn {
  background-color: transparent;
  color: var(--color-white);
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
}
.header .flag {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #f0f0f0;
}
.header .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.header .option {
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 16px;
  color: #1e1e1e;
}
.header .option:hover {
  background-color: #f0f0f0;
}
.header .hidden {
  display: none;
}
.header #selected-lang {
  text-transform: uppercase;
  color: #1e1e1e;
}

.modal {
  padding: 80px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8352941176);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: auto;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
}
@media screen and (max-width: 991px) {
  .modal {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .modal {
    padding: 16px;
  }
}
.modal.is-open {
  pointer-events: all;
  opacity: 1;
}
.modal__close {
  position: absolute;
  top: 40px;
  right: 40px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .modal__close {
    top: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal__close .icon {
    width: 20px;
    height: 20px;
  }
}
.modal__close:focus, .modal__close:hover {
  transform: rotate(90deg);
}
.modal__btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  height: 60px;
  cursor: pointer;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1470af;
  border-radius: 100px;
  transition: all 0.3s ease;
  outline: none;
}
@media screen and (max-width: 767px) {
  .modal__btn {
    height: 50px;
    width: 50px;
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal__btn .icon-msg {
    width: 24px;
    height: 24px;
  }
}
.modal__btn .icon-msg::before {
  background-color: var(--clr-white);
}
.modal__btn:focus, .modal__btn:hover {
  background-color: #c6e8ff;
}
.modal__btn:focus i::before, .modal__btn:hover i::before {
  background-color: #1470af;
}
.modal .sec-form .form__btn {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}
.modal .sec-form .form {
  padding: 32px;
  max-width: 1300px;
  margin: 0 auto;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .modal .sec-form .form {
    padding: 16px;
  }
}
.modal .sec-form .form .text-32 {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .modal .sec-form .form .text-32 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .modal .sec-form .form .text-32 {
    font-size: 24px;
  }
}

.footer {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .footer {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 40px 0 20px;
  }
}
.footer__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 48px;
}
@media screen and (max-width: 1199px) {
  .footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .footer__inner {
    grid-template-columns: 1fr;
    gap: 26px;
    margin-bottom: 26px;
  }
}
.footer__title {
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .footer__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.footer .icon::before {
  background-color: var(--clr-primary);
}
.footer__nav > ul li {
  text-transform: uppercase;
  line-height: 38px;
}
@media screen and (max-width: 767px) {
  .footer__nav > ul li {
    line-height: 1.5;
  }
}
.footer__nav > ul li a {
  position: relative;
  display: inline-block;
}
.footer__nav > ul li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #6a90b5;
  top: calc(100% - 6px);
  left: 0;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}
@media screen and (max-width: 767px) {
  .footer__nav > ul li a::after {
    top: calc(100% + 1px);
  }
}
.footer__nav > ul li a:hover::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.footer__info > ul {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .footer__info > ul {
    margin-bottom: 30px;
  }
}
.footer__info > ul li {
  line-height: 34px;
  display: flex;
  align-items: start;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .footer__info > ul li {
    line-height: 1.5;
  }
}
.footer__info > ul li i {
  top: 10px;
  flex: 0 0 24px;
}
@media screen and (max-width: 767px) {
  .footer__info > ul li i {
    top: 5px;
    width: 16px;
    height: 16px;
  }
}
.footer__info > ul li a {
  display: flex;
  align-items: start;
  gap: 10px;
  white-space: nowrap;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}
.footer__info > ul li a::after {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  background: #6a90b5;
  top: calc(100% - 6px);
  left: 34px;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}
@media screen and (max-width: 767px) {
  .footer__info > ul li a::after {
    top: calc(100% + 1px);
    width: calc(100% - 25px);
  }
}
.footer__info > ul li a:hover::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.footer__social ul {
  display: flex;
  gap: 10px;
}
.footer__social ul i::before {
  transition: all 0.3s ease;
}
.footer__social ul i:hover::before {
  transform: translateY(-2px);
  background-color: var(--clr-primary-text);
}
.footer__form {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
  .footer__form {
    margin-bottom: 32px;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.footer__form input {
  padding: 14px 20px;
  border: 1px solid #476c8f;
  width: 437px;
  border-radius: 8px;
  color: #476c8f;
  outline: none;
}
@media screen and (max-width: 767px) {
  .footer__form input {
    width: 100%;
  }
}
.footer__form input::-moz-placeholder {
  color: #476c8f;
}
.footer__form input::placeholder {
  color: #476c8f;
}
.footer__form button {
  min-width: 200px;
  border-radius: 6px;
  height: 48px;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .footer__form button {
    min-width: 100%;
  }
}
.footer__form button:focus, .footer__form button:hover {
  background-color: var(--clr-primary-text);
  box-shadow: none;
  color: var(--clr-white);
}
.footer__bottom {
  padding-top: 32px;
  border-top: 1px solid var(--clr-primary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    flex-direction: column;
    gap: 10px;
    align-items: start;
    padding-top: 20px;
  }
}
.footer__bottom p {
  margin: 0;
}
.footer__bottom ul {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.hero {
  position: relative;
}
.hero__slide {
  position: relative;
  min-height: calc(100vh - 114px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hero__slide {
    min-height: calc(100vh - 67px);
  }
}
.hero__slide video,
.hero__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
.hero__slide-title {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .hero__slide-title {
    font-size: 26px;
    padding: 0 20px;
    margin-bottom: 16px;
  }
}
.hero__slide-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .hero__slide-actions {
    flex-direction: column;
  }
}
.hero__slide-actions .button {
  padding: 10px 40px;
}
@media screen and (min-width: 1280px) {
  .hero__slide-actions .button {
    height: 60px;
    display: flex;
    align-items: center;
  }
}
.hero__content {
  position: relative;
  max-width: 700px;
  z-index: 10;
  flex-grow: 1;
  text-align: center;
  padding: 60px 0;
}
.hero__content p {
  margin: 0;
}
.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3607843137);
  z-index: 1;
  pointer-events: none;
}
.hero__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 20px;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .hero__nav {
    display: none;
  }
}
.hero__nav .icon {
  cursor: pointer;
  position: absolute;
}
.hero__nav .icon::before {
  background-color: var(--clr-white);
}
.hero__nav .icon-chevron-left {
  left: 20px;
}
.hero__nav .icon-chevron-right {
  right: 20px;
}

.sec-image-text .image-text {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .sec-image-text .image-text {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-image-text .image-text {
    padding: 40px 0;
  }
}
.sec-image-text .image-text__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
}
@media screen and (max-width: 1280px) {
  .sec-image-text .image-text__item {
    gap: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .sec-image-text .image-text__item {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .sec-image-text .image-text__item:nth-child(even) .image-text__text {
    order: -1;
  }
}
.sec-image-text .image-text__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  line-height: 28px;
}
@media screen and (max-width: 767px) {
  .sec-image-text .image-text__text {
    line-height: 1.5;
  }
}
.sec-image-text .image-text__button {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  height: 80px;
  width: 80px;
  background-color: var(--clr-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sec-image-text .image-text__button {
    height: 40px;
    width: 40px;
  }
  .sec-image-text .image-text__button .icon {
    width: 20px;
    height: 20px;
  }
}
.sec-image-text .image-text__list {
  display: grid;
  gap: 52px;
}
@media screen and (max-width: 991px) {
  .sec-image-text .image-text__list {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .sec-image-text .image-text__list {
    gap: 10px;
  }
}
.sec-image-text .image-text__image {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.sec-image-text .image-text__image:has(video) {
  cursor: pointer;
}
.sec-image-text .image-text__image img,
.sec-image-text .image-text__image video {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .sec-image-text .image-text__image img,
  .sec-image-text .image-text__image video {
    height: 225px;
  }
}
.sec-image-text .image-text__image.pause .icon-pause,
.sec-image-text .image-text__image .icon-pause {
  display: none;
}
.sec-image-text .image-text__image.pause .icon-play {
  display: block;
}
.sec-image-text .image-text__image.play .icon-play {
  display: none;
}
.sec-image-text .image-text__image.play .icon-pause {
  display: block;
}
.sec-image-text .image-text__image .icon::before {
  background-color: var(--clr-white);
}
.sec-image-text .image-text .image-text__image.play .image-text__button {
  opacity: 0; /* Hide when video is playing */
}
.sec-image-text .image-text .image-text__image.play:hover .image-text__button {
  opacity: 1; /* Show on hover */
}
.sec-image-text .image-text .icon-pause {
  display: none; /* Hide pause icon initially */
}
.sec-image-text .image-text .image-text__image.play .icon-play {
  display: none; /* Hide play icon when playing */
}
.sec-image-text .image-text .image-text__image.play .icon-pause {
  display: inline; /* Show pause icon when playing */
}
.sec-image-text .image-text .image-text__border {
  padding-left: 30px;
  line-height: 1.5;
  border-left: 1px solid var(--clr-primary);
  margin: 0;
}
@media screen and (max-width: 991px) {
  .sec-image-text .image-text .image-text__border {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .sec-image-text .image-text .image-text__border {
    font-size: 16px;
    padding-left: 10px;
  }
}
.sec-image-text .image-text .image-text__border p:last-child {
  margin-bottom: 0;
}
.sec-image-text .image-text__title {
  margin-bottom: 42px;
}
@media screen and (max-width: 1519px) {
  .sec-image-text .image-text__title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .sec-image-text .image-text__title {
    margin-bottom: 10px;
    font-size: 24px;
  }
}
.sec-image-text .image-text.image-text--secondary .image-text__item {
  grid-gap: 50px;
}
@media screen and (min-width: 1366px) {
  .sec-image-text .image-text.image-text--secondary .image-text__item {
    grid-template-columns: 710px 1fr;
  }
}
@media screen and (max-width: 991px) {
  .sec-image-text .image-text.image-text--secondary .image-text__item {
    grid-gap: 24px;
  }
}
@media screen and (min-width: 1366px) {
  .sec-image-text .image-text.image-text--secondary .image-text__item:nth-child(even) {
    grid-template-columns: 1fr 710px;
  }
}
.sec-image-text .image-text.image-text--secondary .image-text__item .sec-image-text .image-text__image img,
.sec-image-text .image-text.image-text--secondary .image-text__item .sec-image-text .image-text__image video {
  border-radius: 0;
}

.stat {
  padding: 80px 0;
  background: var(--clr-primary);
  color: var(--clr-white);
}
@media screen and (max-width: 1199px) {
  .stat {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .stat {
    padding: 40px 0;
  }
}
.stat__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .stat__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.stat__item {
  text-align: center;
}
.stat__number {
  display: block;
  font-size: 80px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.2;
}
@media screen and (max-width: 1199px) {
  .stat__number {
    font-size: 70px;
  }
}
@media screen and (max-width: 991px) {
  .stat__number {
    font-size: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .stat__text {
    font-size: 26px;
  }
}
@media screen and (max-width: 991px) {
  .stat__text {
    font-size: 20px;
  }
}

.sec-engage {
  padding: 80px 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .sec-engage {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-engage {
    padding: 40px 0;
  }
}
.sec-engage .engage__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .sec-engage .engage__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .sec-engage .engage__top {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .sec-engage .engage__top-title {
    margin-bottom: 20px;
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .sec-engage .engage__top-title {
    font-size: 24px;
  }
}
.sec-engage .engage__top-desc {
  max-width: 740px;
  margin: 0;
}
.sec-engage .engage__inner {
  position: relative;
  z-index: 1;
  justify-content: center;
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
@media screen and (max-width: 1199px) {
  .sec-engage .engage__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .sec-engage .engage__inner {
    grid-template-columns: 1fr;
  }
}
.sec-engage .engage__image {
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  overflow: hidden;
}
.sec-engage .engage__image img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.sec-engage .engage__content {
  padding: 10px 20px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .sec-engage .engage__content {
    padding: 10px;
  }
}
.sec-engage .engage__item {
  background: var(--clr-primary);
  color: var(--clr-white);
  border-radius: 10px;
  overflow: hidden;
  max-width: 400px;
  transition: all 0.3s ease;
}
.sec-engage .engage__item:hover {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.sec-engage .engage__item:hover img {
  transform: scale(1.04);
}
.sec-engage .engage__title {
  margin-bottom: 10px;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .sec-engage .engage__title {
    font-size: 20px;
  }
}
.sec-engage .engage__cta {
  white-space: nowrap;
  background: var(--clr-primary);
  color: var(--clr-white);
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 991px) {
  .sec-engage .engage__cta {
    padding: 10px 16px;
    height: auto;
  }
}
.sec-engage .engage__cta:hover {
  background: var(--clr-white);
  color: var(--clr-black);
  border-color: var(--clr-black);
  box-shadow: 0 0 0 2px var(--clr-black);
}

.sec-info {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .sec-info {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-info {
    padding: 40px 0;
  }
}
.sec-info .info {
  position: relative;
  z-index: 1;
  margin: 30px 0;
}
@media screen and (max-width: 991px) {
  .sec-info .info__title-main {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .sec-info .info__title-main {
    font-size: 24px;
  }
}
.sec-info .info__title {
  font-size: 24px;
  margin-bottom: 0;
}
.sec-info .info__inner {
  display: grid;
  grid-template-columns: 400px 1fr;
  grid-gap: 80px;
}
@media screen and (max-width: 991px) {
  .sec-info .info__inner {
    grid-template-columns: 250px 1fr;
    grid-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sec-info .info__inner {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
}
.sec-info .info__content {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.sec-info .info__image {
  border-radius: 8px;
  overflow: hidden;
}
.sec-info .info__list {
  list-style-type: disc;
  padding-left: 20px;
}
.sec-info .info__subtitle {
  margin: 20px 0;
}
@media screen and (max-width: 991px) {
  .sec-info .info__subtitle {
    margin: 10px 0 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sec-info .info__subtitle {
    font-size: 18px;
  }
}
.sec-info .info--list {
  padding: 60px 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .sec-info .info--list {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-info .info--list {
    padding: 30px 0;
    margin-bottom: 0;
  }
}
.sec-info .info--list.info::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .sec-info .info--list .container .info__inner:nth-child(even) {
    grid-template-columns: 1fr 250px;
  }
}
@media screen and (min-width: 992px) {
  .sec-info .info--list .container .info__inner:nth-child(even) {
    grid-template-columns: 1fr 400px;
  }
}
@media screen and (min-width: 768px) {
  .sec-info .info--list .container .info__inner:nth-child(even) .info__content {
    order: -1;
  }
}
.sec-info .info--list .container .info__inner .info__title {
  font-size: 42px;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .sec-info .info--list .container .info__inner .info__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .sec-info .info--list .container .info__inner .info__title {
    font-size: 24px;
  }
}
.sec-info .info--list .container .info__inner .info__subtitle {
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  .sec-info .info--list .container .info__inner .info__subtitle {
    font-size: 18px;
  }
}

.sec-feedback .feedback {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .sec-feedback .feedback {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback {
    padding: 40px 0;
  }
}
.sec-feedback .feedback__card {
  padding: 28px;
  border: 1px solid #e7eaec;
  position: relative;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback__card {
    padding: 16px;
  }
}
.sec-feedback .feedback__card:hover {
  border-color: var(--clr-primary-text);
}
.sec-feedback .feedback__card-image {
  width: 66px;
  height: 66px;
  margin-bottom: 15px;
}
.sec-feedback .feedback__card-title {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback__card-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
.sec-feedback .feedback__card p {
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sec-feedback .feedback__card-star {
  position: absolute;
  top: 28px;
  right: 28px;
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback__card-star {
    top: 16px;
    right: 16px;
  }
}
.sec-feedback .feedback__card-star .icon::before {
  background-color: #2f485f;
}
.sec-feedback .feedback__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 991px) {
  .sec-feedback .feedback__top {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback__top {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
.sec-feedback .feedback__title {
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .sec-feedback .feedback__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback__title {
    font-family: 20px;
  }
}
@media screen and (max-width: 991px) {
  .sec-feedback .feedback__desc {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sec-feedback .feedback__desc {
    font-size: 18px;
  }
}
.sec-feedback .feedback__card-star {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sec-feedback .feedback .swiper-pagination {
  position: static;
}
.sec-feedback .feedback .swiper-pagination-bullet {
  background-color: #2f485f;
}

.contact {
  padding: 80px 0;
  background-image: url("../img/contact-us-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 991px) {
  .contact {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    padding: 40px 0;
  }
}
.contact__title {
  margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
  .contact__title {
    font-size: 34px;
  }
}
@media screen and (max-width: 991px) {
  .contact__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .contact__title {
    font-size: 24px;
  }
}
.contact__desc {
  max-width: 916px;
  margin: 0 auto 30px;
  line-height: 1.5;
}
.contact__link {
  padding: 12px 36px;
  display: inline-block;
  background: var(--clr-white);
  border-radius: 40px;
  color: var(--clr-black) !important;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .contact__link {
    border-radius: 8px;
  }
}
.contact__link:hover {
  opacity: 0.8;
}

.intro {
  padding: 45px 0;
  background-color: hsl(212, 33%, 91%);
}
@media screen and (max-width: 767px) {
  .intro {
    padding: 30px 0;
  }
}
.intro__inner {
  display: grid;
  grid-template-columns: 1fr 500px;
  grid-gap: 50px;
}
@media screen and (max-width: 1199px) {
  .intro__inner {
    grid-template-columns: 1fr 400px;
    gap: 40px;
  }
}
@media screen and (max-width: 991px) {
  .intro__inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.intro__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .intro__image {
    order: -1;
  }
}
.intro__title {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .intro__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .intro__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.intro__desc {
  line-height: 1.5;
}
.intro--bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 460px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .intro--bg {
    min-height: 300px;
  }
}
.intro--secondary {
  background-color: var(--clr-primary);
  min-height: 460px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .intro--secondary {
    min-height: 300px;
  }
}
.intro--secondary .intro__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .intro--secondary .intro__inner .intro__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .intro--secondary .intro__inner .intro__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .intro--secondary .intro__inner .intro__text p {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
  }
}

.team {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .team {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .team {
    padding: 40px 0;
  }
}
.team__pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  background-color: var(--clr-gray);
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.team__top {
  margin-bottom: 40px;
}
.team__position {
  margin-bottom: 16px;
  text-transform: uppercase;
}
.team__bio {
  line-height: 1.5;
  color: #2f485f;
}
.team__name {
  margin-bottom: 8px;
}
.team__image {
  margin-bottom: 25px;
}
.team__image img {
  border-radius: 1000px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.team .button {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  border-radius: 8px;
  padding: 12px 16px;
}
.team .button i::before {
  background-color: var(--clr-white);
}
.team .button:hover i::before {
  background-color: var(--clr-primary);
}
.team__social {
  margin-top: auto;
  color: var(--clr-black);
  display: flex;
  justify-content: center;
  gap: 10px;
}
.team__social .icon-linkedin {
  height: 20px;
  width: 20px;
}
.team__social i::before {
  transition: all 0.3s ease;
}
.team__social a:hover i::before {
  background-color: var(--clr-primary-text);
  transform: scale(1.2);
}
@media screen and (max-width: 1199px) {
  .team__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .team__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .team__title {
    font-size: 24px;
    font-weight: 500;
  }
}
.team__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 45px 25px;
  justify-content: center;
}
.team__item {
  width: calc(25% - 20px);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .team__item {
    width: calc(33.33% - 20px);
  }
}
@media screen and (max-width: 991px) {
  .team__item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .team__item {
    width: 80%;
  }
}

.choose-us {
  padding: 60px 0;
}
@media screen and (max-width: 991px) {
  .choose-us {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .choose-us {
    padding: 20px 0;
  }
}
.choose-us__image {
  height: 60px;
  width: 60px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .choose-us__image {
    margin-bottom: 10px;
  }
}
.choose-us__title {
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .choose-us__title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .choose-us__title {
    font-size: 24px;
    font-weight: 500;
  }
}
.choose-us__name {
  font-size: 20px;
  margin-bottom: 20px;
  color: #2f485f;
  position: relative;
  display: inline-block;
}
.choose-us__name::after {
  content: "";
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 40px;
  background-color: var(--clr-primary);
  height: 2px;
  transition: all 0.3s ease;
}
.choose-us__desc {
  color: #2f485f;
  margin: 0;
  line-height: 1.5;
}
.choose-us__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .choose-us__inner {
    grid-gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .choose-us__inner {
    grid-gap: 20px;
  }
}
.choose-us__item {
  width: calc(33.33% - 28px);
  padding: 20px;
  box-shadow: 0 0 0 6px var(--clr-gray);
  transition: all 0.3s ease;
}
@media screen and (max-width: 1199px) {
  .choose-us__item {
    padding: 16px;
    box-shadow: 0 0 0 4px var(--clr-gray);
  }
}
@media screen and (max-width: 991px) {
  .choose-us__item {
    width: calc(50% - 40px);
  }
}
@media screen and (max-width: 767px) {
  .choose-us__item {
    width: 100%;
    padding: 10px;
  }
}

.why-us {
  padding: 80px 0;
  background-image: url("../img/background-patterns.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 991px) {
  .why-us {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .why-us {
    padding: 40px 0;
  }
}
.why-us__top {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .why-us__top {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .why-us__top {
    font-size: 16px;
  }
}
.why-us__top img {
  height: 30px;
  width: 30px;
}
@media screen and (max-width: 767px) {
  .why-us__top img {
    height: 26px;
    width: 26px;
  }
}
.why-us__title {
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .why-us__title {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .why-us__title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.why-us__desc {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.5;
  color: #2f485f;
}
@media screen and (max-width: 991px) {
  .why-us__desc {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .why-us__desc {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.why-us .button {
  border-radius: 4px;
}

.service {
  background-color: var(--clr-gray);
  padding: 30px 0;
}
.service__top {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 12px;
}
@media screen and (max-width: 991px) {
  .service__top {
    font-size: 18px;
  }
}
.service__top img {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 991px) {
  .service__title.service__title {
    font-size: 32px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .service__title.service__title {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
.service__item {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--clr-white);
  padding: 32px;
  grid-gap: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .service__item {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.service__item img {
  width: 70px;
  height: auto;
}
.service__item p {
  margin: 0;
  font-size: 18px;
}
.service__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .service__image {
    justify-content: start;
  }
}
.service__inner {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1199px) {
  .service__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .service__inner {
    grid-template-columns: 1fr;
  }
}
.service__item-title {
  font-size: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .service__item-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .service__item-title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}

.faq {
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  .faq {
    padding: 40px 0;
  }
}
.faq__button {
  position: relative;
  padding: 18px 18px 18px 64px;
  display: block !important;
  width: 100%;
  text-align: left;
  color: #496179;
  border-bottom: 1px solid #e8ebee;
  transition: all 0.3s ease;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .faq__button {
    padding: 10px 18px 10px 64px;
    top: 14px;
  }
}
.faq__button::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 2px;
  border-radius: 10px;
  background-color: var(--clr-black);
  left: 30px;
  top: 18px;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .faq__button::after {
    height: 20px;
    top: 14px;
  }
}
.faq__button::before {
  content: "";
  position: absolute;
  height: 24px;
  width: 2px;
  border-radius: 10px;
  background-color: var(--clr-black);
  left: 30px;
  top: 18px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .faq__button::before {
    height: 20px;
    top: 14px;
  }
}
.faq__button.active {
  background-color: #e8ebee;
}
.faq__button.active::before {
  transform: rotate(90deg);
}
.faq__content-inner {
  padding: 10px 0;
  line-height: 1.5;
  color: var(--clr-black);
  border-bottom: 1px solid #e8ebee;
}
@media screen and (max-width: 767px) {
  .faq__content-inner {
    padding: 20px 0 10px;
  }
}
.faq__content-inner p {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .faq__title {
    font-size: 32px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .faq__title {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
.faq__title.section-title::after {
  width: 80px;
}
.faq__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}
@media screen and (max-width: 767px) {
  .faq__inner {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.faq .faq__content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease-in-out;
}
.faq .faq__item.active .faq__content {
  height: auto;
}

.service-info {
  padding: 80px 0;
  background-image: url("../img/background-patterns.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top top;
}
@media screen and (max-width: 991px) {
  .service-info {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .service-info {
    padding: 40px 0;
    background-image: none;
  }
}
.service-info__inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .service-info__inner .section-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .service-info__inner .section-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .service-info__inner .section-title {
    font-size: 22px;
    margin-bottom: 28px;
  }
}
.service-info__inner .section-title::after {
  height: 2px;
  bottom: -10px;
  width: 100px;
}
.service-info__text {
  line-height: 1.5;
}
.service-info__text p + p {
  margin: 0;
}
.service-info__text ul {
  list-style-type: disc;
  padding-left: 20px;
}
.service-info__faq-aswer-text {
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .service-info__faq-aswer-text {
    font-size: 16px;
  }
}
.service-info__faq-question {
  margin: -1px 0 0;
  color: inherit;
  width: 100%;
  padding: 24px 50px 24px 24px;
  text-align: left;
  background-color: var(--clr-gray);
  position: relative;
  border: 1px solid #476c8f;
}
@media screen and (max-width: 991px) {
  .service-info__faq-question {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .service-info__faq-question {
    font-size: 18px;
    padding: 14px 40px 14px 14px;
  }
}
.service-info__faq-question::before, .service-info__faq-question::after {
  content: "";
  position: absolute;
  top: 36px;
  right: 24px;
  width: 22px;
  height: 2px;
  background-color: var(--clr-primary);
}
@media screen and (max-width: 767px) {
  .service-info__faq-question::before, .service-info__faq-question::after {
    top: 24px;
    right: 14px;
  }
}
.service-info__faq-question::before {
  transform: rotate(90deg);
  transition: all 0.3s ease;
}
.service-info__faq-question.active::before {
  transform: rotate(0);
}

.experts {
  padding: 80px 0;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .experts {
    padding: 60px 0;
  }
}
@media screen and (max-width: 991px) {
  .experts {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .experts {
    padding: 0 0 30px;
  }
}
.experts::before {
  content: "";
  position: absolute;
  bottom: 145px;
  left: 50%;
  transform: translate(-50%);
  background-image: url("../img/experts-button.svg");
  width: 1306px;
  height: 110px;
}
@media screen and (max-width: 1365px) {
  .experts::before {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .experts::before {
    display: none;
  }
}
.experts .container {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .experts__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  .experts__title {
    font-size: 24px;
  }
}
.experts__top {
  max-width: 630px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .experts__top {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .experts__top {
    margin-bottom: 20px;
  }
}
.experts__top::before {
  content: "";
  position: absolute;
  top: 40px;
  right: -40px;
  width: 480px;
  height: 58px;
  background-image: url("../img/experts-top.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1365px) {
  .experts__top::before {
    width: calc(100% - 650px);
  }
}
@media screen and (max-width: 991px) {
  .experts__top::before {
    display: none;
  }
}
.experts__top p {
  margin-bottom: 0;
}
.experts__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  margin-bottom: 48px;
}
@media screen and (max-width: 991px) {
  .experts__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .experts__inner {
    grid-template-columns: 1fr;
  }
}
.experts__bottom {
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .experts__bottom {
    flex-direction: column;
    gap: 10px;
  }
}
.experts__bottom .button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--clr-primary);
  padding: 14px 24px;
}
.experts__bottom .button:hover {
  outline: none;
  box-shadow: none;
  border: 1px solid var(--clr-primary);
}
.experts__item {
  background-color: var(--clr-white);
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .experts__item {
    border-radius: 10px;
  }
}
.experts__item img {
  margin-bottom: 20px;
  display: block;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .experts__item img {
    border-radius: 10px;
  }
}
.experts__item-text {
  padding: 0 24px 0;
}
@media screen and (max-width: 767px) {
  .experts__item-text {
    padding: 0;
  }
}
.experts__item-title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
}
.experts__item-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .experts__item-social {
    justify-content: start;
    padding: 0;
    gap: 10px;
  }
}
.experts__item-social li {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .experts__item-social li {
    height: 30px;
    width: 30px;
  }
}
.experts__item-social li a:hover i:before {
  background-color: var(--clr-primary-text);
}
.experts__item-social i {
  height: 30px;
  width: 30px;
}
@media screen and (max-width: 767px) {
  .experts__item-social i {
    width: 20px;
    height: 20px;
  }
}
.experts__item-social i::before {
  background-color: var(--clr-primary);
}

.testimonials {
  color: var(--clr-primary);
  padding: 80px 0;
  /* Initially hide pause icon */
  /* Hide button when video is playing after 100ms */
  /* Show button when user hovers */
}
@media screen and (max-width: 991px) {
  .testimonials {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .testimonials {
    padding: 40px 0 20px;
  }
}
.testimonials__super-title {
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}
.testimonials__title {
  text-align: center;
  text-transform: capitalize;
  color: var(--clr-black);
}
@media screen and (max-width: 991px) {
  .testimonials__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .testimonials__title {
    font-size: 26px;
    margin-bottom: 0;
  }
}
.testimonials__desc {
  font-size: 18px;
  margin: 20px 0 40px;
  text-align: center;
}
.testimonials__slider {
  padding: 0 20px 20px;
}
.testimonials__card {
  box-shadow: 0px 2px 18px 0px rgba(110, 130, 208, 0.168627451);
  border-radius: 10px;
  padding: 24px;
  padding-top: 110px;
  margin-top: 50px;
  position: relative;
}
.testimonials__card-text {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}
.testimonials__card-image {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%);
}
.testimonials__card-image video,
.testimonials__card-image img {
  height: 120px;
  width: 120px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border: 6px solid var(--clr-white);
  margin: 0 auto 16px;
  border-radius: 5px;
  box-shadow: 0px 6px 20px 2px #d3dce8;
}
.testimonials__card-title {
  color: #071537;
  margin-bottom: 10px;
}
.testimonials__card-rating {
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 14px;
}
.testimonials__card-rating i {
  height: 15px;
  width: 15px;
}
.testimonials__card-rating i::before {
  background-color: var(--clr-primary);
}
.testimonials__inner {
  position: relative;
}
.testimonials__button {
  position: absolute;
  top: 65%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clr-primary);
  border-radius: 100px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .testimonials__button {
    height: 34px;
    width: 34px;
    padding: 5px;
  }
}
.testimonials__button i {
  height: 20px;
  width: 10px;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .testimonials__button i {
    height: 18px;
  }
}
.testimonials__button i::before {
  background-color: var(--clr-white);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M0 20 21.053 0 24 2.8 5.895 20 24 37.2 21.053 40 0 20Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M0 20 21.053 0 24 2.8 5.895 20 24 37.2 21.053 40 0 20Z'/%3E%3C/svg%3E");
}
.testimonials__button-prev {
  left: -50px;
}
@media screen and (max-width: 1440px) {
  .testimonials__button-prev {
    left: 0;
  }
}
.testimonials__button-prev i::before {
  transform: translateX(-2px);
}
.testimonials__button-next {
  right: -50px;
}
@media screen and (max-width: 1440px) {
  .testimonials__button-next {
    right: 0;
  }
}
.testimonials__button-next i::before {
  transform: translateX(-1px);
}
.testimonials__button:hover {
  background-color: var(--clr-primary-text);
}
.testimonials .testimonials__card-image {
  display: inline-block;
}
.testimonials .testimonials__card-button {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.testimonials .testimonials__card-button i {
  color: white;
  font-size: 18px;
  position: absolute;
  height: 25px;
  width: 25px;
}
.testimonials .testimonials__card-button .icon-pause {
  display: none;
}
.testimonials .testimonials__card-button.hide {
  opacity: 0;
  pointer-events: none;
}
.testimonials .testimonials__card-image:hover .testimonials__card-button {
  opacity: 1 !important;
  pointer-events: auto;
}

.content {
  padding: 80px 0;
}
@media screen and (max-width: 991px) {
  .content {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .content {
    padding: 40px 0 0;
  }
}
.content p {
  line-height: 1.5;
  margin-bottom: 20px;
}
.content ul {
  margin-bottom: 20px;
  line-height: 1.5;
}
.content a {
  color: var(--clr-primary-text);
  word-break: break-all;
  word-wrap: break-word;
}
@media screen and (max-width: 991px) {
  .content .text-32 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .content .text-32 {
    font-size: 20px;
  }
}

.imprint {
  padding: 80px 0;
  line-height: 1.5;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .imprint {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .imprint {
    padding: 40px 0;
  }
}
.imprint .section-title,
.imprint .text-32 {
  color: #212121;
}
@media screen and (max-width: 767px) {
  .imprint .section-title.text-32 {
    margin-bottom: 20px;
  }
}
.imprint .section-title.text-32::after {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .imprint .section-title.text-32::after {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 991px) {
  .imprint .text-32 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .imprint .text-32 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.imprint a {
  text-decoration: underline;
}
.imprint__top {
  border-bottom: 1px solid #e8ebee;
  margin-bottom: 40px;
  position: relative;
}
.imprint__top::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/background-patterns.webp");
  background-size: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .imprint__top .section-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .imprint__top .section-title {
    font-size: 24px;
  }
  .imprint__top .section-title::after {
    width: 80px;
    bottom: -6px;
  }
}
.imprint blockquote {
  background-color: var(--clr-gray);
  padding: 34px 50px;
  font-style: italic;
  font-size: 20px;
  border-left: 15px solid #2f485f;
}
@media screen and (max-width: 991px) {
  .imprint blockquote {
    font-size: 18px;
    padding: 40px;
    border-width: 10px;
  }
}
@media screen and (max-width: 767px) {
  .imprint blockquote {
    font-size: 16px;
    padding: 20px;
    border-width: 5px;
  }
}

.sec-career .career {
  padding: 80px 0;
  line-height: 1.5;
  position: relative;
}
@media screen and (max-width: 991px) {
  .sec-career .career {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-career .career {
    padding: 40px 0;
  }
}
.sec-career .career::after {
  content: "";
  position: absolute;
  background-image: url("../img/background-patterns.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-career .career__inner ol {
  padding-left: 20px;
}
@media screen and (max-width: 991px) {
  .sec-career .career .text-42 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .sec-career .career .text-42 {
    font-size: 22px;
  }
}

.sec-advantages .advantages {
  color: var(--clr-black);
  padding-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .sec-advantages .advantages {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages {
    padding-bottom: 40px;
  }
}
.sec-advantages .advantages__inner {
  display: grid;
  grid-template-columns: 460px 1fr;
  grid-gap: 40px;
}
@media screen and (max-width: 991px) {
  .sec-advantages .advantages__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages__inner {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1199px) {
  .sec-advantages .advantages .section-title.text-42 {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .sec-advantages .advantages .section-title.text-42 {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages .section-title.text-42::after {
    width: 80px;
  }
}
.sec-advantages .advantages__list {
  display: grid;
  grid-gap: 26px;
}
@media screen and (max-width: 991px) {
  .sec-advantages .advantages__list {
    gap: 16px;
  }
}
.sec-advantages .advantages__link {
  font-size: 24px;
  display: flex;
  gap: 16px;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 1.5px solid var(--clr-black);
  padding: 20px;
  border-radius: 10px;
  margin-top: 16px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1199px) {
  .sec-advantages .advantages__link {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages__link {
    padding: 12px 20px;
    font-size: 16px;
    gap: 10px;
    display: inline-flex;
  }
}
.sec-advantages .advantages__link i::before {
  height: 24px;
  width: 24px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages__link i::before {
    height: 20px;
    width: 20px;
  }
}
.sec-advantages .advantages__link:hover {
  background-color: var(--clr-primary);
  color: var(--clr-gray);
  border-color: var(--clr-primary);
}
.sec-advantages .advantages__link:hover i::before {
  background-color: var(--clr-gray);
}
.sec-advantages .advantages__info-inner {
  position: sticky;
  position: -webkit-sticky;
  top: 140px;
}
.sec-advantages .advantages__info-inner p {
  font-size: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 1199px) {
  .sec-advantages .advantages__info-inner p {
    font-size: 18px;
  }
}
.sec-advantages .advantages__item {
  border: 1px solid var(--clr-primary);
  position: sticky;
  position: -webkit-sticky;
  top: 140px;
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  color: var(--clr-primary);
  gap: 20px;
  background: var(--clr-gray);
  padding: 20px;
  border-radius: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 1199px) {
  .sec-advantages .advantages__item {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages__item {
    top: 80px;
    position: static;
  }
}
.sec-advantages .advantages__item-title {
  margin-bottom: 0;
  word-wrap: break-word;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .sec-advantages .advantages__item-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.sec-advantages .advantages__item img {
  width: 100px;
}
.sec-advantages .advantages__item p {
  margin: 0;
}

.jobs {
  padding: 0 0 80px;
}
@media screen and (max-width: 991px) {
  .jobs {
    padding: 0 0 60px;
  }
}
@media screen and (max-width: 767px) {
  .jobs {
    padding: 0 0 40px;
  }
}
.jobs__list {
  display: grid;
  gap: 30px;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .jobs__list {
    gap: 20px;
  }
}
@media screen and (max-width: 991px) {
  .jobs .section-title.text-42 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .jobs .section-title.text-42 {
    font-size: 26px;
  }
  .jobs .section-title.text-42::after {
    width: 80px;
  }
}
.jobs__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--clr-primary);
  padding-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .jobs__item {
    flex-direction: column;
    padding-bottom: 20px;
  }
}
.jobs__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--clr-primary);
  transition: all 0.3s ease;
}
.jobs__item:hover::after {
  width: 100%;
}
.jobs__item-title {
  word-wrap: break-word;
  word-break: break-all;
}
@media screen and (max-width: 991px) {
  .jobs__item-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .jobs__item-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 991px) {
  .jobs__item-link {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .jobs__item-link {
    font-size: 16px;
  }
}
.jobs__item-inner p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .jobs__item-inner p {
    margin-bottom: 20px;
  }
}
.jobs__item-inner p span {
  display: inline-block;
}
.jobs__item-inner p span:not(:last-child)::after {
  content: "";
  height: 4px;
  width: 4px;
  display: inline-block;
  border-radius: 4px;
  margin-left: 4px;
  margin-bottom: 4px;
  background-color: var(--clr-primary);
}

.contact-hero {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .contact-hero {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .contact-hero {
    padding: 40px 0;
  }
}
.contact-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/background-patterns.webp");
  background-size: cover;
  background-position: top;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .contact-hero::after {
    display: none;
  }
}
.contact-hero__inner {
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .contact-hero__title.text-42 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .contact-hero__title.text-42 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

.sec-form .form {
  padding: 80px 0;
  background-color: #f4f8fb;
}
@media screen and (max-width: 991px) {
  .sec-form .form {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-form .form {
    padding: 30px 0;
  }
}
.sec-form .form__inner {
  display: grid;
  grid-template-columns: 1fr 390px;
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .sec-form .form__inner {
    grid-template-columns: 1fr;
  }
}
.sec-form .form__info {
  line-height: 1.5;
}
.sec-form .form__info-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.sec-form .form__info-item:not(:last-child) {
  border-bottom: 1px solid #b9c2cb;
}
.sec-form .form__info-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.sec-form .form__info p {
  font-size: 16px;
}
.sec-form .form__info-title {
  font-size: 20px;
  font-weight: 600;
  color: #496179;
  margin-bottom: 10px;
}
.sec-form .form__info a {
  color: #2f485f;
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
}
.sec-form .form__label {
  color: #496179;
}
.sec-form .form__group {
  margin-bottom: 20px;
}
.sec-form .form__group .has-select {
  position: relative;
}
.sec-form .form__group .has-select::after {
  content: "";
  top: 20px;
  right: 20px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  pointer-events: none;
  border-color: #b9c2cb transparent transparent transparent;
}
.sec-form .form__group-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .sec-form .form__group-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.sec-form .form__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .sec-form .form__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.sec-form .form__policy {
  background-color: var(--clr-white);
  padding: 15px;
  height: 180px;
  overflow: auto;
  border: 1px solid var(--clr-primary);
}
.sec-form .form__policy a {
  color: var(--clr-primary-text);
}
.sec-form .form__btn {
  padding: 20px;
  background-color: var(--clr-primary);
  color: var(--clr-white);
  border-radius: 4px;
  width: 100%;
  transition: all 0.3s ease;
  font-size: 18px;
  cursor: pointer;
}
.sec-form .form__btn:hover {
  opacity: 0.8;
}
.sec-form .form textarea {
  min-height: 136px;
}
.sec-form .form__list {
  margin-bottom: 20px;
}
.sec-form .form__list input[type=checkbox] {
  display: none;
}
.sec-form .form__list input[type=checkbox]:hover, .sec-form .form__list input[type=checkbox]:focus {
  outline: none;
}
.sec-form .form__list input[type=checkbox]:hover + label::before, .sec-form .form__list input[type=checkbox]:focus + label::before {
  border-color: var(--clr-primary);
}
.sec-form .form__list input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.sec-form .form__list input[type=checkbox]:checked + label::before {
  border-color: var(--clr-primary);
}
.sec-form .form__list label {
  cursor: pointer;
  color: #496179;
  padding-left: 30px;
  position: relative;
}
.sec-form .form__list label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #b9c2cb;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.sec-form .form__list label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background-color: var(--clr-primary);
  opacity: 0;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.sec-form .form__title i {
  color: #b10707;
  font-weight: 300;
}

.career-details {
  padding: 80px 0;
  color: var(--clr-primary);
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .career-details {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .career-details {
    padding: 40px 0;
  }
}
.career-details__list {
  padding-top: 40px;
  display: grid;
  grid-gap: 40px;
}
@media screen and (max-width: 991px) {
  .career-details .section-title.text-42 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .career-details .section-title.text-42 {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .career-details .section-title.text-42::after {
    width: 80px;
  }
}
.career-details__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  line-height: 1.5;
  background-color: var(--clr-gray);
  padding: 32px 40px;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .career-details__item {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .career-details__item {
    padding: 16px;
  }
}
@media screen and (max-width: 991px) {
  .career-details__item .text-32 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .career-details__item .text-32 {
    font-size: 18px;
  }
}
.career-details__item ul li {
  position: relative;
  padding-left: 16px;
}
.career-details__item ul li::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  height: 6px;
  width: 6px;
  border-radius: 10px;
  background-color: var(--clr-primary);
}

.career-form {
  padding: 0 0 80px;
}
.career-form .form__label-file + input[type=file] {
  display: none;
}
@media screen and (max-width: 767px) {
  .career-form .section-title.text-42 {
    font-size: 26px;
  }
}
.career-form form {
  background-color: #f4f8fb;
  padding: 32px;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .career-form form {
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  .career-form form {
    padding: 16px;
  }
}
.career-form .form__group {
  position: relative;
  display: flex;
  flex-direction: column;
}
.career-form .form__group label {
  margin-bottom: 8px;
}
.career-form .form__list {
  margin: 0;
}
.career-form input[type=file] {
  display: none;
}
.career-form .file-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
  font-size: 14px;
}
.career-form textarea {
  min-height: 180px;
}
.career-form .file-name {
  font-weight: semibold;
  font-size: 16px;
}
.career-form .file-size {
  color: #666;
}
.career-form .remove-file {
  background: red;
  color: white;
  border: none;
  cursor: pointer;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.career-form .file-selected .form__label.form__label-file {
  display: none;
}
.career-form .form__label-file {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--clr-primary);
  padding: 20px;
  border: 1px solid var(--clr-primary);
  border-radius: 100px;
  max-width: 300px;
  margin: 0 auto;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .career-form .form__label-file {
    padding: 10px 20px;
  }
}
.career-form .form__label-file:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
  border-color: var(--clr-white);
}
.career-form .form__label-file:hover .icon::before {
  background-color: var(--clr-white);
}

.cookies {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  max-height: 100vh;
  overflow: auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9991;
  display: flex;
  justify-content: center;
  padding: 40px;
  width: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .cookies {
    padding: 10px;
  }
}
.cookies.is-open {
  opacity: 1;
  pointer-events: all;
}
.cookies__inner {
  width: 800px;
  background-color: var(--clr-white);
  padding: 20px 20px 70px;
  position: relative;
  border-radius: 10px;
  height: 100%;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
@media screen and (max-width: 991px) {
  .cookies__inner {
    width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .cookies__inner {
    padding: 16px;
  }
}
.cookies__title.section-title {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  align-items: center;
  font-size: 20px;
  color: var(--clr-black);
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .cookies__title.section-title {
    font-size: 18px;
    justify-content: flex-start;
    margin-bottom: 16px;
  }
}
.cookies__title.section-title::after {
  width: 80px;
  display: none;
}
@media screen and (max-width: 767px) {
  .cookies__title.section-title::after {
    display: none;
  }
}
.cookies__title.section-title img {
  height: 60px;
  width: 60px;
}
@media screen and (max-width: 767px) {
  .cookies__title.section-title img {
    height: 40px;
    width: 40px;
  }
}
.cookies__content {
  line-height: 1.5;
  border-bottom: 1px solid var(--clr-primary);
  margin-bottom: 20px;
  font-size: 16px;
}
.cookies__content p {
  border-top: 1px solid var(--clr-primary);
  padding-top: 20px;
}
.cookies__checkbox {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cookies__checkbox {
    font-size: 16px;
    flex-direction: column;
  }
}
.cookies__checkbox input {
  display: none;
}
.cookies__checkbox input:checked + label::after {
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.cookies__checkbox input:checked + label::before {
  z-index: 2;
}
.cookies__checkbox input:disabled + label::after {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.cookies__checkbox input:disabled + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6.333 5.667 11 15 1'/%3E%3C/svg%3E");
}
.cookies__checkbox label {
  position: relative;
  padding-left: 40px;
  color: var(--clr-primary);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cookies__checkbox label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 2px solid var(--clr-primary);
  border-radius: 5px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1199px) {
  .cookies__checkbox label::after {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }
}
.cookies__checkbox label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 16px;
  height: 15px;
  border-radius: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6.333 5.667 11 15 1'/%3E%3C/svg%3E");
  transition: all 0.3s ease;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
  .cookies__checkbox label::before {
    left: 8px;
    height: 16px;
    width: 16px;
  }
}
.cookies form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .cookies form {
    gap: 10px;
  }
}
.cookies form button {
  display: block;
  width: calc(50% - 10px);
  border-radius: 10px;
  font-size: 16px;
}
@media screen and (max-width: 1199px) {
  .cookies form button {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .cookies form button {
    width: 100%;
  }
}
.cookies__footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background-color: #f1f1f1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  border-radius: 0 0 10px 10px;
  color: #476c8f;
}
@media screen and (max-width: 1199px) {
  .cookies__footer {
    font-size: 16px;
    position: static;
    flex-direction: column;
    border-radius: 10px;
    padding: 10px;
    gap: 8px;
  }
}
.cookies__close {
  position: absolute;
  top: 35px;
  right: 20px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .cookies__close {
    top: 28px;
    right: 16px;
  }
  .cookies__close i {
    height: 16px;
    width: 16px;
  }
}/*# sourceMappingURL=index.css.map */