.section-hero img,
.section-hero video {
  width: 100%;
}
.hero-slider-mask .hero-mask {
  position: relative;
  aspect-ratio: 6.5 / 3;
  clip-path: polygon(
    50% 0%,
    50% 0%,
    50.023% 0.022%,
    50.085% 0.086%,
    50.179% 0.188%,
    50.293% 0.326%,
    50.42% 0.495%,
    50.551% 0.694%,
    50.676% 0.919%,
    50.786% 1.166%,
    50.873% 1.432%,
    50.926% 1.715%,
    50.926% 1.715%,
    51.067% 1.837%,
    51.2% 1.983%,
    51.326% 2.153%,
    51.443% 2.345%,
    51.552% 2.557%,
    51.651% 2.788%,
    51.741% 3.037%,
    51.819% 3.302%,
    51.886% 3.582%,
    51.94% 3.876%,
    51.94% 3.876%,
    52.04% 3.97%,
    52.136% 4.078%,
    52.229% 4.198%,
    52.317% 4.329%,
    52.401% 4.472%,
    52.48% 4.625%,
    52.554% 4.789%,
    52.623% 4.962%,
    52.686% 5.144%,
    52.744% 5.334%,
    52.744% 5.334%,
    52.806% 5.538%,
    52.874% 5.734%,
    52.949% 5.92%,
    53.03% 6.092%,
    53.117% 6.246%,
    53.209% 6.38%,
    53.308% 6.49%,
    53.411% 6.573%,
    53.52% 6.625%,
    53.633% 6.643%,
    98.302% 6.643%,
    98.302% 6.643%,
    98.578% 6.689%,
    98.839% 6.822%,
    99.083% 7.034%,
    99.305% 7.318%,
    99.503% 7.667%,
    99.673% 8.075%,
    99.811% 8.533%,
    99.913% 9.035%,
    99.978% 9.573%,
    100% 10.14%,
    100% 96.503%,
    100% 96.503%,
    99.978% 97.071%,
    99.913% 97.609%,
    99.811% 98.11%,
    99.673% 98.569%,
    99.503% 98.976%,
    99.305% 99.325%,
    99.083% 99.61%,
    98.839% 99.822%,
    98.578% 99.954%,
    98.302% 100%,
    51.72% 100%,
    51.72% 100%,
    51.647% 99.988%,
    51.579% 99.953%,
    51.515% 99.897%,
    51.456% 99.823%,
    51.404% 99.731%,
    51.359% 99.624%,
    51.323% 99.503%,
    51.296% 99.371%,
    51.279% 99.23%,
    51.273% 99.08%,
    51.273% 99.08%,
    51.268% 98.894%,
    51.252% 98.714%,
    51.227% 98.543%,
    51.193% 98.381%,
    51.15% 98.229%,
    51.099% 98.09%,
    51.042% 97.963%,
    50.977% 97.852%,
    50.907% 97.756%,
    50.832% 97.678%,
    50.832% 97.678%,
    50.808% 97.549%,
    50.78% 97.427%,
    50.746% 97.31%,
    50.708% 97.201%,
    50.665% 97.1%,
    50.619% 97.007%,
    50.568% 96.923%,
    50.514% 96.849%,
    50.457% 96.784%,
    50.397% 96.731%,
    50.397% 96.731%,
    50.374% 96.607%,
    50.337% 96.49%,
    50.29% 96.382%,
    50.236% 96.283%,
    50.18% 96.196%,
    50.126% 96.122%,
    50.077% 96.061%,
    50.037% 96.017%,
    50.01% 95.989%,
    50% 95.979%,
    50% 95.979%,
    49.99% 95.989%,
    49.963% 96.017%,
    49.923% 96.062%,
    49.874% 96.122%,
    49.82% 96.196%,
    49.764% 96.284%,
    49.71% 96.382%,
    49.663% 96.49%,
    49.626% 96.607%,
    49.603% 96.731%,
    49.603% 96.731%,
    49.543% 96.784%,
    49.486% 96.849%,
    49.432% 96.923%,
    49.381% 97.007%,
    49.335% 97.1%,
    49.292% 97.201%,
    49.254% 97.31%,
    49.22% 97.427%,
    49.192% 97.549%,
    49.168% 97.678%,
    49.168% 97.678%,
    49.093% 97.756%,
    49.023% 97.852%,
    48.958% 97.963%,
    48.901% 98.09%,
    48.85% 98.229%,
    48.807% 98.381%,
    48.773% 98.543%,
    48.748% 98.714%,
    48.732% 98.894%,
    48.727% 99.08%,
    48.727% 99.08%,
    48.721% 99.23%,
    48.704% 99.371%,
    48.677% 99.503%,
    48.641% 99.624%,
    48.596% 99.731%,
    48.544% 99.823%,
    48.485% 99.897%,
    48.421% 99.953%,
    48.353% 99.988%,
    48.28% 100%,
    1.698% 100%,
    1.698% 100%,
    1.422% 99.954%,
    1.161% 99.822%,
    0.918% 99.61%,
    0.695% 99.325%,
    0.497% 98.976%,
    0.328% 98.569%,
    0.19% 98.11%,
    0.087% 97.609%,
    0.022% 97.071%,
    0% 96.503%,
    0% 10.14%,
    0% 10.14%,
    0.022% 9.573%,
    0.087% 9.035%,
    0.19% 8.533%,
    0.328% 8.075%,
    0.497% 7.667%,
    0.695% 7.318%,
    0.918% 7.034%,
    1.161% 6.822%,
    1.422% 6.689%,
    1.698% 6.643%,
    46.367% 6.643%,
    46.367% 6.643%,
    46.48% 6.625%,
    46.589% 6.573%,
    46.692% 6.49%,
    46.791% 6.38%,
    46.883% 6.246%,
    46.97% 6.092%,
    47.051% 5.92%,
    47.126% 5.734%,
    47.194% 5.538%,
    47.256% 5.334%,
    47.256% 5.334%,
    47.314% 5.144%,
    47.377% 4.962%,
    47.446% 4.789%,
    47.52% 4.625%,
    47.599% 4.472%,
    47.683% 4.329%,
    47.771% 4.198%,
    47.864% 4.078%,
    47.96% 3.97%,
    48.06% 3.876%,
    48.06% 3.876%,
    48.114% 3.582%,
    48.181% 3.302%,
    48.259% 3.037%,
    48.349% 2.788%,
    48.448% 2.557%,
    48.557% 2.345%,
    48.674% 2.153%,
    48.8% 1.983%,
    48.934% 1.837%,
    49.074% 1.715%,
    49.074% 1.715%,
    49.127% 1.432%,
    49.214% 1.166%,
    49.324% 0.919%,
    49.449% 0.695%,
    49.579% 0.496%,
    49.707% 0.326%,
    49.821% 0.188%,
    49.914% 0.086%,
    49.977% 0.022%,
    50% 0%
  );
}
.hero-image-mask .hero-mask {
  aspect-ratio: 5.8 / 2;
  clip-path: polygon(
    50% 0%,
    50% 0%,
    50.022% 0.03%,
    50.082% 0.117%,
    50.172% 0.257%,
    50.282% 0.446%,
    50.405% 0.678%,
    50.53% 0.95%,
    50.651% 1.257%,
    50.757% 1.595%,
    50.84% 1.96%,
    50.892% 2.347%,
    50.892% 2.347%,
    51.026% 2.514%,
    51.155% 2.714%,
    51.276% 2.947%,
    51.389% 3.209%,
    51.494% 3.499%,
    51.589% 3.815%,
    51.675% 4.156%,
    51.751% 4.519%,
    51.815% 4.902%,
    51.868% 5.303%,
    51.868% 5.303%,
    51.962% 5.431%,
    52.054% 5.576%,
    52.142% 5.738%,
    52.226% 5.915%,
    52.306% 6.107%,
    52.381% 6.314%,
    52.452% 6.534%,
    52.518% 6.766%,
    52.579% 7.011%,
    52.635% 7.268%,
    52.635% 7.268%,
    52.697% 7.553%,
    52.766% 7.827%,
    52.843% 8.086%,
    52.927% 8.325%,
    53.018% 8.54%,
    53.115% 8.726%,
    53.218% 8.879%,
    53.327% 8.994%,
    53.442% 9.066%,
    53.561% 9.091%,
    98.221% 9.091%,
    98.221% 9.091%,
    98.509% 9.154%,
    98.783% 9.335%,
    99.039% 9.625%,
    99.272% 10.014%,
    99.479% 10.492%,
    99.657% 11.05%,
    99.801% 11.677%,
    99.909% 12.363%,
    99.977% 13.099%,
    100% 13.876%,
    100% 95.215%,
    100% 95.215%,
    99.977% 95.991%,
    99.909% 96.728%,
    99.801% 97.414%,
    99.657% 98.041%,
    99.479% 98.599%,
    99.272% 99.077%,
    99.039% 99.466%,
    98.783% 99.756%,
    98.509% 99.937%,
    98.221% 100%,
    51.674% 100%,
    51.674% 100%,
    51.598% 99.984%,
    51.526% 99.936%,
    51.459% 99.86%,
    51.398% 99.757%,
    51.343% 99.631%,
    51.297% 99.485%,
    51.258% 99.32%,
    51.23% 99.139%,
    51.212% 98.946%,
    51.206% 98.742%,
    51.206% 98.742%,
    51.201% 98.487%,
    51.186% 98.241%,
    51.162% 98.006%,
    51.129% 97.784%,
    51.087% 97.577%,
    51.039% 97.386%,
    50.983% 97.213%,
    50.921% 97.06%,
    50.854% 96.93%,
    50.781% 96.822%,
    50.781% 96.822%,
    50.759% 96.646%,
    50.731% 96.479%,
    50.699% 96.32%,
    50.662% 96.17%,
    50.621% 96.032%,
    50.576% 95.904%,
    50.528% 95.789%,
    50.476% 95.687%,
    50.421% 95.6%,
    50.363% 95.526%,
    50.363% 95.526%,
    50.341% 95.357%,
    50.305% 95.197%,
    50.26% 95.049%,
    50.208% 94.914%,
    50.154% 94.795%,
    50.102% 94.693%,
    50.054% 94.61%,
    50.016% 94.549%,
    49.99% 94.511%,
    49.981% 94.498%,
    49.981% 94.498%,
    49.971% 94.511%,
    49.945% 94.549%,
    49.907% 94.611%,
    49.86% 94.693%,
    49.807% 94.795%,
    49.753% 94.914%,
    49.702% 95.049%,
    49.656% 95.197%,
    49.621% 95.357%,
    49.599% 95.526%,
    49.599% 95.526%,
    49.541% 95.599%,
    49.486% 95.687%,
    49.434% 95.789%,
    49.385% 95.904%,
    49.341% 96.031%,
    49.3% 96.17%,
    49.263% 96.319%,
    49.23% 96.478%,
    49.203% 96.646%,
    49.18% 96.822%,
    49.18% 96.822%,
    49.108% 96.93%,
    49.04% 97.06%,
    48.978% 97.213%,
    48.923% 97.386%,
    48.874% 97.577%,
    48.833% 97.784%,
    48.8% 98.006%,
    48.775% 98.241%,
    48.76% 98.487%,
    48.755% 98.742%,
    48.755% 98.742%,
    48.749% 98.946%,
    48.731% 99.139%,
    48.703% 99.32%,
    48.665% 99.485%,
    48.618% 99.631%,
    48.564% 99.757%,
    48.502% 99.86%,
    48.435% 99.936%,
    48.363% 99.984%,
    48.287% 100%,
    1.779% 100%,
    1.779% 100%,
    1.491% 99.937%,
    1.217% 99.756%,
    0.962% 99.466%,
    0.728% 99.077%,
    0.521% 98.599%,
    0.343% 98.041%,
    0.199% 97.414%,
    0.091% 96.728%,
    0.023% 95.991%,
    0% 95.215%,
    0% 13.876%,
    0% 13.876%,
    0.023% 13.099%,
    0.091% 12.363%,
    0.199% 11.677%,
    0.343% 11.05%,
    0.521% 10.492%,
    0.728% 10.014%,
    0.962% 9.625%,
    1.217% 9.335%,
    1.491% 9.154%,
    1.779% 9.091%,
    46.439% 9.091%,
    46.439% 9.091%,
    46.558% 9.066%,
    46.673% 8.994%,
    46.782% 8.879%,
    46.885% 8.726%,
    46.982% 8.54%,
    47.073% 8.325%,
    47.157% 8.086%,
    47.234% 7.827%,
    47.303% 7.553%,
    47.365% 7.268%,
    47.365% 7.268%,
    47.421% 7.011%,
    47.482% 6.766%,
    47.548% 6.534%,
    47.619% 6.314%,
    47.694% 6.107%,
    47.774% 5.915%,
    47.858% 5.738%,
    47.946% 5.576%,
    48.038% 5.431%,
    48.132% 5.303%,
    48.132% 5.303%,
    48.185% 4.902%,
    48.249% 4.519%,
    48.325% 4.156%,
    48.411% 3.815%,
    48.506% 3.499%,
    48.611% 3.209%,
    48.724% 2.947%,
    48.845% 2.714%,
    48.974% 2.513%,
    49.108% 2.347%,
    49.108% 2.347%,
    49.16% 1.96%,
    49.243% 1.596%,
    49.349% 1.258%,
    49.47% 0.95%,
    49.595% 0.678%,
    49.718% 0.446%,
    49.828% 0.258%,
    49.918% 0.118%,
    49.978% 0.03%,
    50% 0%
  );
}
.hero-slider-mask .hero-mask_inner {
  clip-path: polygon(
    50% 0%,
    50% 0%,
    50.023% 0.022%,
    50.085% 0.086%,
    50.179% 0.188%,
    50.293% 0.326%,
    50.42% 0.495%,
    50.551% 0.694%,
    50.676% 0.919%,
    50.786% 1.166%,
    50.873% 1.432%,
    50.926% 1.715%,
    50.926% 1.715%,
    51.067% 1.837%,
    51.2% 1.983%,
    51.326% 2.153%,
    51.443% 2.345%,
    51.552% 2.557%,
    51.651% 2.788%,
    51.741% 3.037%,
    51.819% 3.302%,
    51.886% 3.582%,
    51.94% 3.876%,
    51.94% 3.876%,
    52.04% 3.97%,
    52.136% 4.078%,
    52.229% 4.198%,
    52.317% 4.329%,
    52.401% 4.472%,
    52.48% 4.625%,
    52.554% 4.789%,
    52.623% 4.962%,
    52.686% 5.144%,
    52.744% 5.334%,
    52.744% 5.334%,
    52.806% 5.538%,
    52.874% 5.734%,
    52.949% 5.92%,
    53.03% 6.092%,
    53.117% 6.246%,
    53.209% 6.38%,
    53.308% 6.49%,
    53.411% 6.573%,
    53.52% 6.625%,
    53.633% 6.643%,
    98.302% 6.643%,
    98.302% 6.643%,
    98.578% 6.689%,
    98.839% 6.822%,
    99.083% 7.034%,
    99.305% 7.318%,
    99.503% 7.667%,
    99.673% 8.075%,
    99.811% 8.533%,
    99.913% 9.035%,
    99.978% 9.573%,
    100% 10.14%,
    100% 96.503%,
    100% 96.503%,
    99.978% 97.071%,
    99.913% 97.609%,
    99.811% 98.11%,
    99.673% 98.569%,
    99.503% 98.976%,
    99.305% 99.325%,
    99.083% 99.61%,
    98.839% 99.822%,
    98.578% 99.954%,
    98.302% 100%,
    51.72% 100%,
    51.72% 100%,
    51.647% 99.988%,
    51.579% 99.953%,
    51.515% 99.897%,
    51.456% 99.823%,
    51.404% 99.731%,
    51.359% 99.624%,
    51.323% 99.503%,
    51.296% 99.371%,
    51.279% 99.23%,
    51.273% 99.08%,
    51.273% 99.08%,
    51.268% 98.894%,
    51.252% 98.714%,
    51.227% 98.543%,
    51.193% 98.381%,
    51.15% 98.229%,
    51.099% 98.09%,
    51.042% 97.963%,
    50.977% 97.852%,
    50.907% 97.756%,
    50.832% 97.678%,
    50.832% 97.678%,
    50.808% 97.549%,
    50.78% 97.427%,
    50.746% 97.31%,
    50.708% 97.201%,
    50.665% 97.1%,
    50.619% 97.007%,
    50.568% 96.923%,
    50.514% 96.849%,
    50.457% 96.784%,
    50.397% 96.731%,
    50.397% 96.731%,
    50.374% 96.607%,
    50.337% 96.49%,
    50.29% 96.382%,
    50.236% 96.283%,
    50.18% 96.196%,
    50.126% 96.122%,
    50.077% 96.061%,
    50.037% 96.017%,
    50.01% 95.989%,
    50% 95.979%,
    50% 95.979%,
    49.99% 95.989%,
    49.963% 96.017%,
    49.923% 96.062%,
    49.874% 96.122%,
    49.82% 96.196%,
    49.764% 96.284%,
    49.71% 96.382%,
    49.663% 96.49%,
    49.626% 96.607%,
    49.603% 96.731%,
    49.603% 96.731%,
    49.543% 96.784%,
    49.486% 96.849%,
    49.432% 96.923%,
    49.381% 97.007%,
    49.335% 97.1%,
    49.292% 97.201%,
    49.254% 97.31%,
    49.22% 97.427%,
    49.192% 97.549%,
    49.168% 97.678%,
    49.168% 97.678%,
    49.093% 97.756%,
    49.023% 97.852%,
    48.958% 97.963%,
    48.901% 98.09%,
    48.85% 98.229%,
    48.807% 98.381%,
    48.773% 98.543%,
    48.748% 98.714%,
    48.732% 98.894%,
    48.727% 99.08%,
    48.727% 99.08%,
    48.721% 99.23%,
    48.704% 99.371%,
    48.677% 99.503%,
    48.641% 99.624%,
    48.596% 99.731%,
    48.544% 99.823%,
    48.485% 99.897%,
    48.421% 99.953%,
    48.353% 99.988%,
    48.28% 100%,
    1.698% 100%,
    1.698% 100%,
    1.422% 99.954%,
    1.161% 99.822%,
    0.918% 99.61%,
    0.695% 99.325%,
    0.497% 98.976%,
    0.328% 98.569%,
    0.19% 98.11%,
    0.087% 97.609%,
    0.022% 97.071%,
    0% 96.503%,
    0% 10.14%,
    0% 10.14%,
    0.022% 9.573%,
    0.087% 9.035%,
    0.19% 8.533%,
    0.328% 8.075%,
    0.497% 7.667%,
    0.695% 7.318%,
    0.918% 7.034%,
    1.161% 6.822%,
    1.422% 6.689%,
    1.698% 6.643%,
    46.367% 6.643%,
    46.367% 6.643%,
    46.48% 6.625%,
    46.589% 6.573%,
    46.692% 6.49%,
    46.791% 6.38%,
    46.883% 6.246%,
    46.97% 6.092%,
    47.051% 5.92%,
    47.126% 5.734%,
    47.194% 5.538%,
    47.256% 5.334%,
    47.256% 5.334%,
    47.314% 5.144%,
    47.377% 4.962%,
    47.446% 4.789%,
    47.52% 4.625%,
    47.599% 4.472%,
    47.683% 4.329%,
    47.771% 4.198%,
    47.864% 4.078%,
    47.96% 3.97%,
    48.06% 3.876%,
    48.06% 3.876%,
    48.114% 3.582%,
    48.181% 3.302%,
    48.259% 3.037%,
    48.349% 2.788%,
    48.448% 2.557%,
    48.557% 2.345%,
    48.674% 2.153%,
    48.8% 1.983%,
    48.934% 1.837%,
    49.074% 1.715%,
    49.074% 1.715%,
    49.127% 1.432%,
    49.214% 1.166%,
    49.324% 0.919%,
    49.449% 0.695%,
    49.579% 0.496%,
    49.707% 0.326%,
    49.821% 0.188%,
    49.914% 0.086%,
    49.977% 0.022%,
    50% 0%
  );
}
.hero-image-mask .hero-mask_inner {
  clip-path: polygon(
    50% 0%,
    50% 0%,
    50.022% 0.03%,
    50.082% 0.117%,
    50.172% 0.257%,
    50.282% 0.446%,
    50.405% 0.678%,
    50.53% 0.95%,
    50.651% 1.257%,
    50.757% 1.595%,
    50.84% 1.96%,
    50.892% 2.347%,
    50.892% 2.347%,
    51.026% 2.514%,
    51.155% 2.714%,
    51.276% 2.947%,
    51.389% 3.209%,
    51.494% 3.499%,
    51.589% 3.815%,
    51.675% 4.156%,
    51.751% 4.519%,
    51.815% 4.902%,
    51.868% 5.303%,
    51.868% 5.303%,
    51.962% 5.431%,
    52.054% 5.576%,
    52.142% 5.738%,
    52.226% 5.915%,
    52.306% 6.107%,
    52.381% 6.314%,
    52.452% 6.534%,
    52.518% 6.766%,
    52.579% 7.011%,
    52.635% 7.268%,
    52.635% 7.268%,
    52.697% 7.553%,
    52.766% 7.827%,
    52.843% 8.086%,
    52.927% 8.325%,
    53.018% 8.54%,
    53.115% 8.726%,
    53.218% 8.879%,
    53.327% 8.994%,
    53.442% 9.066%,
    53.561% 9.091%,
    98.221% 9.091%,
    98.221% 9.091%,
    98.509% 9.154%,
    98.783% 9.335%,
    99.039% 9.625%,
    99.272% 10.014%,
    99.479% 10.492%,
    99.657% 11.05%,
    99.801% 11.677%,
    99.909% 12.363%,
    99.977% 13.099%,
    100% 13.876%,
    100% 95.215%,
    100% 95.215%,
    99.977% 95.991%,
    99.909% 96.728%,
    99.801% 97.414%,
    99.657% 98.041%,
    99.479% 98.599%,
    99.272% 99.077%,
    99.039% 99.466%,
    98.783% 99.756%,
    98.509% 99.937%,
    98.221% 100%,
    51.674% 100%,
    51.674% 100%,
    51.598% 99.984%,
    51.526% 99.936%,
    51.459% 99.86%,
    51.398% 99.757%,
    51.343% 99.631%,
    51.297% 99.485%,
    51.258% 99.32%,
    51.23% 99.139%,
    51.212% 98.946%,
    51.206% 98.742%,
    51.206% 98.742%,
    51.201% 98.487%,
    51.186% 98.241%,
    51.162% 98.006%,
    51.129% 97.784%,
    51.087% 97.577%,
    51.039% 97.386%,
    50.983% 97.213%,
    50.921% 97.06%,
    50.854% 96.93%,
    50.781% 96.822%,
    50.781% 96.822%,
    50.759% 96.646%,
    50.731% 96.479%,
    50.699% 96.32%,
    50.662% 96.17%,
    50.621% 96.032%,
    50.576% 95.904%,
    50.528% 95.789%,
    50.476% 95.687%,
    50.421% 95.6%,
    50.363% 95.526%,
    50.363% 95.526%,
    50.341% 95.357%,
    50.305% 95.197%,
    50.26% 95.049%,
    50.208% 94.914%,
    50.154% 94.795%,
    50.102% 94.693%,
    50.054% 94.61%,
    50.016% 94.549%,
    49.99% 94.511%,
    49.981% 94.498%,
    49.981% 94.498%,
    49.971% 94.511%,
    49.945% 94.549%,
    49.907% 94.611%,
    49.86% 94.693%,
    49.807% 94.795%,
    49.753% 94.914%,
    49.702% 95.049%,
    49.656% 95.197%,
    49.621% 95.357%,
    49.599% 95.526%,
    49.599% 95.526%,
    49.541% 95.599%,
    49.486% 95.687%,
    49.434% 95.789%,
    49.385% 95.904%,
    49.341% 96.031%,
    49.3% 96.17%,
    49.263% 96.319%,
    49.23% 96.478%,
    49.203% 96.646%,
    49.18% 96.822%,
    49.18% 96.822%,
    49.108% 96.93%,
    49.04% 97.06%,
    48.978% 97.213%,
    48.923% 97.386%,
    48.874% 97.577%,
    48.833% 97.784%,
    48.8% 98.006%,
    48.775% 98.241%,
    48.76% 98.487%,
    48.755% 98.742%,
    48.755% 98.742%,
    48.749% 98.946%,
    48.731% 99.139%,
    48.703% 99.32%,
    48.665% 99.485%,
    48.618% 99.631%,
    48.564% 99.757%,
    48.502% 99.86%,
    48.435% 99.936%,
    48.363% 99.984%,
    48.287% 100%,
    1.779% 100%,
    1.779% 100%,
    1.491% 99.937%,
    1.217% 99.756%,
    0.962% 99.466%,
    0.728% 99.077%,
    0.521% 98.599%,
    0.343% 98.041%,
    0.199% 97.414%,
    0.091% 96.728%,
    0.023% 95.991%,
    0% 95.215%,
    0% 13.876%,
    0% 13.876%,
    0.023% 13.099%,
    0.091% 12.363%,
    0.199% 11.677%,
    0.343% 11.05%,
    0.521% 10.492%,
    0.728% 10.014%,
    0.962% 9.625%,
    1.217% 9.335%,
    1.491% 9.154%,
    1.779% 9.091%,
    46.439% 9.091%,
    46.439% 9.091%,
    46.558% 9.066%,
    46.673% 8.994%,
    46.782% 8.879%,
    46.885% 8.726%,
    46.982% 8.54%,
    47.073% 8.325%,
    47.157% 8.086%,
    47.234% 7.827%,
    47.303% 7.553%,
    47.365% 7.268%,
    47.365% 7.268%,
    47.421% 7.011%,
    47.482% 6.766%,
    47.548% 6.534%,
    47.619% 6.314%,
    47.694% 6.107%,
    47.774% 5.915%,
    47.858% 5.738%,
    47.946% 5.576%,
    48.038% 5.431%,
    48.132% 5.303%,
    48.132% 5.303%,
    48.185% 4.902%,
    48.249% 4.519%,
    48.325% 4.156%,
    48.411% 3.815%,
    48.506% 3.499%,
    48.611% 3.209%,
    48.724% 2.947%,
    48.845% 2.714%,
    48.974% 2.513%,
    49.108% 2.347%,
    49.108% 2.347%,
    49.16% 1.96%,
    49.243% 1.596%,
    49.349% 1.258%,
    49.47% 0.95%,
    49.595% 0.678%,
    49.718% 0.446%,
    49.828% 0.258%,
    49.918% 0.118%,
    49.978% 0.03%,
    50% 0%
  );
}
.hero-swiper {
  height: 100%;
}
.hero-image,
.slide-image {
  display: flex;
  width: 100%;
  height: 100%;
}
.hero-image img,
.slide-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.hero-mask {
  background: var(--color1);
}
.hero-mask_inner {
  display: block;
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  z-index: -1;
}

.hero-mask_inner.green-mask {
  background: #43613f;
  width: calc(100% - 126px);
  min-width: 85%;
  bottom: -3px;
}
.hero-mask_inner.red-mask {
  background: #8a0c10;
  width: calc(100% - 180px);
  min-width: 75%;
  bottom: -5px;
  z-index: -2;
}
.hero-top-shape {
  width: 38px;
  height: 41px;
  background: url(../../img/hero-top.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 15px;
  z-index: 2;
  filter: drop-shadow(0px 4px 8px #00000026);
}
.hero-bottom-shape {
  width: 28px;
  height: 40px;
  background: url(../../img/hero-bottom.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 50%;
  bottom: -34px;
  transform: translateX(50%);
}
@media screen and (min-width: 992px) {
  .mx-40 {
    margin-inline: 40px;
  }
}

.slide-image-container {
  width: 100%;
  height: 100%;
}

.slide-image-container img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}


.swiper-slide {
  position: relative;
}

.slider-content-wrapper {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}

.hero-slider-nav-container {
  position: absolute;
  top: calc(50% + 23px);
  left: 75px;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.hero-pagination.swiper-pagination {
  background: #646464;
  width: 4px !important;
  height: 260px; 
  padding: 4px 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  border-radius: 25px;
  position: static;
  gap: 4px;
}

.hero-nav-arrow {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0;
  color: var(--color3) !important;
  cursor: pointer !important;
  transition: color 0.3s ease;
  background: none;
  border: none;
  font-size: 20px;
}

.hero-nav-arrow::after {
  display: none;
}

button.hero-nav-arrow i {
  transition: 0.5s;
}

button.hero-nav-arrow:hover i {
  color: var(--color1);
}

.hero-pagination .swiper-pagination-bullet {
  width: 3px;
  height: auto; 
  flex: 1; 
  border-radius: 2px;
  background-color: var(--color3);
  opacity: 0.5; 
  position: relative;
  overflow: hidden;
  margin: 0 !important;
}

.hero-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--color3); 
}

.hero-pagination .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color6); 
  animation: fillProgressVertical 5s linear forwards; 
}

@keyframes fillProgressVertical {
  from { height: 100%; }
  to { height: 0%; }
}
.hero-mask-container.with-shoadow::before {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 100px;
  height: 100px;
  background: transparent;
  border-radius: 50%;
  box-shadow: 0 0 100px 50px rgb(255 0 0 / 33%);
  z-index: -1;
  pointer-events: none;
}
.hero-mask-container.with-shoadow::after {
  content: "";
  position: absolute;
  bottom: -150px;
  right: 88px;
  width: 500px;
  height: 500px;
  background-image: url("../../icons/black-shadow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  z-index: -1;
}

@media (max-width: 768px) {
  .hero-image-mask .hero-mask,
  .hero-slider-mask .hero-mask {
    clip-path: polygon(
      50% 0%,
      50% 0%,
      50.075% 0.024%,
      50.278% 0.094%,
      50.581% 0.206%,
      50.954% 0.356%,
      51.367% 0.542%,
      51.791% 0.759%,
      52.196% 1.004%,
      52.554% 1.274%,
      52.835% 1.565%,
      53.009% 1.873%,
      53.009% 1.873%,
      53.464% 2.007%,
      53.896% 2.167%,
      54.305% 2.352%,
      54.687% 2.562%,
      55.041% 2.793%,
      55.363% 3.046%,
      55.653% 3.318%,
      55.907% 3.607%,
      56.124% 3.913%,
      56.302% 4.234%,
      56.302% 4.234%,
      56.873% 4.429%,
      57.405% 4.667%,
      57.892% 4.945%,
      58.33% 5.26%,
      58.713% 5.607%,
      59.037% 5.985%,
      59.298% 6.39%,
      59.49% 6.817%,
      59.608% 7.265%,
      59.649% 7.729%,
      94.386% 7.729%,
      94.386% 7.729%,
      95.297% 7.78%,
      96.16% 7.926%,
      96.966% 8.161%,
      97.702% 8.475%,
      98.356% 8.861%,
      98.917% 9.312%,
      99.373% 9.818%,
      99.714% 10.373%,
      99.927% 10.967%,
      100% 11.594%,
      100% 96.135%,
      100% 96.135%,
      99.927% 96.762%,
      99.714% 97.357%,
      99.373% 97.911%,
      98.917% 98.418%,
      98.356% 98.868%,
      97.702% 99.254%,
      96.966% 99.569%,
      96.16% 99.803%,
      95.297% 99.949%,
      94.386% 100%,
      57.106% 100%,
      57.106% 100%,
      56.981% 99.772%,
      56.829% 99.554%,
      56.65% 99.347%,
      56.447% 99.151%,
      56.22% 98.969%,
      55.972% 98.8%,
      55.703% 98.646%,
      55.415% 98.508%,
      55.11% 98.387%,
      54.788% 98.284%,
      54.788% 98.284%,
      54.655% 98.048%,
      54.492% 97.823%,
      54.301% 97.61%,
      54.084% 97.41%,
      53.841% 97.224%,
      53.576% 97.053%,
      53.289% 96.899%,
      52.982% 96.763%,
      52.657% 96.645%,
      52.315% 96.547%,
      52.315% 96.547%,
      52.184% 96.32%,
      51.973% 96.106%,
      51.704% 95.907%,
      51.399% 95.727%,
      51.081% 95.567%,
      50.77% 95.431%,
      50.49% 95.32%,
      50.263% 95.238%,
      50.111% 95.187%,
      50.055% 95.169%,
      50.055% 95.169%,
      49.995% 95.188%,
      49.839% 95.24%,
      49.611% 95.323%,
      49.331% 95.434%,
      49.022% 95.571%,
      48.705% 95.73%,
      48.402% 95.91%,
      48.135% 96.108%,
      47.925% 96.321%,
      47.795% 96.547%,
      47.795% 96.547%,
      47.453% 96.645%,
      47.128% 96.763%,
      46.821% 96.899%,
      46.534% 97.053%,
      46.269% 97.224%,
      46.026% 97.41%,
      45.809% 97.61%,
      45.618% 97.823%,
      45.455% 98.048%,
      45.321% 98.284%,
      45.321% 98.284%,
      45% 98.387%,
      44.695% 98.508%,
      44.407% 98.646%,
      44.138% 98.8%,
      43.89% 98.969%,
      43.663% 99.151%,
      43.46% 99.347%,
      43.281% 99.554%,
      43.129% 99.772%,
      43.004% 100%,
      5.614% 100%,
      5.614% 100%,
      4.703% 99.949%,
      3.84% 99.803%,
      3.034% 99.569%,
      2.298% 99.254%,
      1.644% 98.868%,
      1.083% 98.418%,
      0.627% 97.911%,
      0.286% 97.357%,
      0.073% 96.762%,
      0% 96.135%,
      0% 11.594%,
      0% 11.594%,
      0.073% 10.967%,
      0.286% 10.373%,
      0.627% 9.818%,
      1.083% 9.312%,
      1.644% 8.861%,
      2.298% 8.475%,
      3.034% 8.161%,
      3.84% 7.926%,
      4.703% 7.78%,
      5.614% 7.729%,
      40.351% 7.729%,
      40.351% 7.729%,
      40.392% 7.265%,
      40.51% 6.817%,
      40.702% 6.39%,
      40.963% 5.985%,
      41.287% 5.607%,
      41.67% 5.26%,
      42.108% 4.945%,
      42.595% 4.667%,
      43.127% 4.429%,
      43.698% 4.234%,
      43.698% 4.234%,
      43.876% 3.913%,
      44.093% 3.607%,
      44.347% 3.318%,
      44.637% 3.046%,
      44.959% 2.793%,
      45.313% 2.562%,
      45.695% 2.352%,
      46.104% 2.167%,
      46.536% 2.007%,
      46.991% 1.873%,
      46.991% 1.873%,
      47.165% 1.565%,
      47.446% 1.274%,
      47.804% 1.004%,
      48.21% 0.758%,
      48.634% 0.541%,
      49.048% 0.356%,
      49.42% 0.205%,
      49.723% 0.094%,
      49.926% 0.024%,
      50% 0%
    );
    aspect-ratio: 2 / 3;
  }
  .hero-mask_inner {
    display: none;
  }
  
   .hero-slider-nav-container {
    position: relative;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
    top: unset;
    left: 50%;
    transform: translate(-50%);
    margin-top: 5px;
    align-items: baseline;
  }

  .hero-pagination.swiper-pagination {
    width: 100% !important;
    max-width: 250px; 
    padding: 2px;
    flex-direction: row;
    background: #d3e7e3;
    display: flex;
    gap: 4px; 
    height: auto;
  }

  .hero-pagination .swiper-pagination-bullet {
    width: auto; 
    height: 4px;
    flex: 1; 
    margin: 0 !important;
    background: #d3e7e3;
    position: relative;
    overflow: hidden;
  }

  .hero-pagination .swiper-pagination-bullet-active {
    background-color: var(--color2);
  }

  .hero-pagination .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d3e7e3;
    animation: fillProgressHorizontal 5s linear forwards;
  }
button.hero-nav-arrow i {
    transition: 0.5s;
    top: -7px;
    position: absolute;
}
  @keyframes fillProgressHorizontal {
    from { width: 100%; }
    to { width: 0%; }
  }

  .hero-nav-arrow i {
    color: #000;
  }
  .hero-mask-container.with-shoadow::before {
    display: none;
  }
  .hero-mask-container.with-shoadow::after {
    top: 0;
    right: unset;
    left: 0px;
    width: 300px;
    height: 300px;
    max-width: 100%;
  }
  .hero-bottom-shape {
    position: relative;
    right: 50%;
    transform: translateX(50%);
    bottom: 0px;
    z-index: 2;
    display: inline-block;
    margin-top: -12px;
  }
}

.hero-mask-container {
  position: relative;
}

@media(max-width:400px){
.hero-pagination .swiper-pagination-bullet {
    width: 40px;
}
}
/*
@media (min-width: 768px) and (max-width: 1200px) {
    .hero-pagination .swiper-pagination-bullet {
        height: 50px;
    }
}
*/

.hero-slider-btn {
    position: absolute;
    bottom: 10%;
    right: 5%;
    cursor: pointer;
    z-index: 10;
}

.hero-slider-btn {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: var(--d-top, auto);
    bottom: var(--d-bottom, 10%);
    left: var(--d-left, auto);
    right: var(--d-right, 5%);
}

@media (max-width: 767px) {
    .hero-slider-btn {
        top: var(--m-top, var(--d-top, auto));
        bottom: var(--m-bottom, var(--d-bottom, 10%));
        left: var(--m-left, var(--d-left, auto));
        right: var(--m-right, var(--d-right, 5%));
    }
}